Diseño Web 2.0

Todos los sitios Web 2.0 que existen actualmente tiene muchas cosas en común, pero la más destacada es la sencillez de sus diseños.


1. Simple
"El diseño de páginas Web es más sencillo que nunca, y eso es muy bueno".
La sencillez no quiere decir que las páginas debe ser minimalistas, esto no quiere decir que todos los sitios web deben contar con el mínimo de cosas, sino que se debe utilizar las funciones que son necesarias para lograr lo que se necesita.

¿Por qué la simpleza es Buena?

• Tener la atención del usuario es un recurso finito
• Es trabajo del diseñador ayudar a encontrar lo que el usuario quiere
• Las cosas que aparecen en la pantalla atraen a los ojos del usuario
• Se habilitar una determinada comunicación, y también se tiene que minimizar el ruido. Esto significa que se debe que encontrar una solución para que las cosas se hagan el mínimo de esfuerzo posible.

¿Cuando y cómo hacer un Diseño Simple?

Siempre se debe usar un diseño simple.
Para lograr un diseño simple se eliminar componentes innecesarios, sin sacrificar la eficacia; aprobando las soluciones alternativas que permitan alcanzar el mismo resultado de forma más simple.


2. Diseño Centrado

Los diseños de páginas Web 2.0 se encuentran centrados dentro del navegador, en comparación con los diseños anteriores que ocupaban toda la pantalla o se alineaban a la izquierda.

¿Cuando y cómo usar un Diseño Centrado?

El sitio siempre debe estar centrado, a menos que se tenga una muy buena excusa para no hacerlo.
En algunos sitios puede que se quiera mostrar mayor cantidad de información (por ejemplo con una aplicación web).

3. Pocas columnas
Anteriormente la mayoria de los sitios contaba con 3 columnas y en algunos casos hasta con 4. Hoy es más común encontrar sitios con 2 columnas y sólo cuando es necesario con 3 columnas.


¿Por qué es bueno usar pocas columnas?
Menos es más. Un menor número de columnas se siente más sencillo. Estamos comunicando menos información con mayor claridad.

¿Como elegir las columnas?
Definitivamente no es recomentable utilizar más de 3 columnas, simplemente porque no debe utilizar más de lo que se necesita.


4. Secciones superiores separadas
Conciste en separar la cabecera y la barra de navegación del resto de la página.
Por supuesto que esto no es algo nuevo, siempre ha sido una nueva idea y se utilizada desde hace tiempo, pero ahora la distinción se hace más fuerte.

¿Cuando y cómo utilizar una sección superior?
En cualquier sitio, tanto las principales marcas y de navegación principal debería ser bien marcadas.
Siempre se debe poner el logo en la parte superior, y se recomienda poner la barra de navegación al lado izquierdo de la página.
La sección superior siempre se debe ver distinta del resto del contenido de la página.

5. Áreas diferenciadas
Al igual que lo explicado en el punto anterior, también se deben diferenciar las distintas secciones del contenido del sitio.

6. Navegacion Sencilla
Los usuarios deben tener una misma barra de navegación en cada una de las páginas del sitio que les indique en que lugar se encuentran y hacia donde se pueden ir. Como se ha indicado en un punto anterior, esta área de navegación debe ser fácilmente reconocible y diferenciada del resto de la página.

7. Logos Robustos
Un logo grande y robusto hace que una marca sea fácilmente reconocible y deben representar el espíritu de la empresa. De un simple vistazo debe decir “esto es lo que somos”. También debe poder adaptarse a distintos tamaños y medios de difusión sin que pierda legibilidad.

8. Fuentas más grandes
Al tener más espacio al hacer más sencilla la página eliminando elementos innecesarios, puedes incrementar el tamaño de los textos con lo que puedes aumentar la legibilidad de los mismos y, por tanto, incrementar la usabilidad de tu sitio.

9. Introducción en negrita
Si se tiene algo importante que decir y se quiere diferenciar del resto del texto se puede utilozar al comienzo una introducción en negrita que resalte sobre lo demás.

10. Colores intensos
Se pueden utilizar colores intensos para separar las secciones o para atraer la atención del usuario hacia un lugar. Los colores intensos se deben utilizar con moderación para no distraer al usuario y hacer un sitio confuso.

11. Superfices ricas
La mayoría de las sitio 2.0 utilizan un sutiles efectos 3D que realzan el sentido cualitativo del diseño. Como todo, debe de utilizarse en su justa medida y se debe seguir un mismo patrón en toda la página y no aplicar efectos sueltos.

12. Gradientes
Los gradientes (o degradados) suavizan las áreas que de otra manera tendrían colores planos. En los fondos pueden dar sensación de distancia.

13. Reflejo
Este es uno de los efectos más usados. Pueden realizarse sobre el mismo elemento o este elemento puede verse reflejado en el fondo de la página. Este efecto tiene peligro de ser sobreexplotado y que pueda producir cansancio de verlo tanto.

14. Bonitos iconos
Los iconos desempeñan un papel importante en el diseño Web 2.0. Actualmente se utilizan menos iconos que que tengan un mayor significado. Un icono sólo es útil cuando es fácilmente reconocible y tiene un significado claro. Si no, es mejor utilizar un texto descriptivo. Al haber menos iconos, estós son más limpios y claros, más bonitos y más detallados.

15. Estrellas
Estas son las etiquetas en forma de estrella que puedes ver pegadas en las páginas webs alertándo de algo importante. También es un efecto muy utilizado y puede ser muy interesante, pero no se recomienda abusar de él.


Para mayor información ver los siguientes link:

Web 2.0 how-to design guide
Guía de estilo Web 2.0
9 Essential Principles for Good Web Design
Information Design Principles For Web 2.0 Design: Simple & Social

Inmigrante Digital

He pasado el nombre de este blog de "Informatiquillo de Pacotilla" que era un poco chistoso, casi infantil por del de Inmigrante Digital. Y se preguntaran por que lo de Inmigrante Digital, es sencilla la cosa, yo no naci con un computador al lado de la cuna, en mi niñez el celular no era mas que un sueño, el telefono era cosa de algunos pocos, la era dígital y la Web 2.0 no era más que una idea que ni creaba en los cebreros de los grandes genios.
Actualmente esto ha cambiado, cada día puedo ver como mis sobrinos son capaces de tomar un celular y sin tomar el manual pueden manipularlo a diestra y siniestra. La facilidad que tienen para adaptarse a las nuevas tecnologías es increble, armar su propio equipo de futbol en el Play Station 2; incluso el menor de mos sobrinos (de 1 año 8 meses) ya se ve atraido por los computadores.
Por desgracia para los de mí generación, aun peor, para generaciones anteriores, el enteder las nuevas tecnologías, los nuevos terminos es casi imposible, a pesar que algunos por más tecnologicos que seamos, nunca llegaremos a entender todas las nuevas tecnologías.
Esto alcanza un problema importante entre los actuales profesores y alumnos, debido a que muchos profesores se ven sobrepasados en conocimientos tecnológicos, por los llamados Nativos Digitales.
La verdad es que los Inmigrantes Digitales sólo debemos tratar de alcanzar un nivel de apropiación de las nuevas tecnologías hasta llegar a obtener una “Nacionalización”.

La Web 2.0, donde estamos y que esperamos

La verdad es que hace mucho tiempo (más o menos un año), que el término Web 2.0 ronda mi cabeza, término que al principio sólo lo relacionaba como Ajax, con la idea de poder tener aplicaciones Web asincronas, sin la necesidad que cargar toda la página para realizar una simple tarea, como era cargar un combobox.
El concepto principal de este término fue llegando con el tiempo, no era tan sólo un cambio de versión, desde la 1.0 a la 2.0 y que luego pasara a la 3.0, como se hace en el desarrollo de software, este versionamiento no es programado, como dice Alberto Arébalos, Director de Comunicaciones de Google para América Latina: "La Web es impredecible, caótica y vital. Como sus actores, como usted y como yo.".
En la Web 2.0 los efectos de la red son conducidos por una arquitectura de participación, en el cual el protagonista es el usuario, ya que en la Web 1.0 los contenidos eran estaticos y la participación era nula, ahora la cosa cambio, actualmente empresas toman la opinión los usuarios para sacar nuevos y mejores productos. La posibilidad de descargar libros antes de que salga en papel, incluso libros se escriben en forma colaborativa entre distintos autores.
La Web 2.0 además a traido una nueva ola de nuevo inventos como facebook, twitter, ping.fm; herramientas que han aportado a sus creadores con una no despresiable suma de dinero (link).
Actualmente por la red ya se esta viendo un nuevo término, la Web 3.0 que muchos comentan que será la próxima generación de la red, que traera la web semántica que trata de convertir la información en conocimiento, ordenar y clasificar los contenidos de la web para que los ordenadores sean capaces de interpretarlos y tomar decisiones a través del cruce de datos. Para ello se están desarrollando tecnologías que etiqueten la información con nombres comprensibles entre todos los dispositivos y programas informáticos.

Primer encuentro con Google Chrome.

Desde el lunes en la noche que me encontraba muy expectante al ver el post publicado por USABILIDAD en el twitter y ademas dejando este primer link con información http://www.mqaccesibilidad.com/2008/09/google-chrome-el-inesperado-invitado-a-la-ii-guerra-de-los-navegadores.html. La verdad es que casi no dormi buscando más información, leyendo el comic que ya se habia publicado. Al día siguiente, al llegar a la oficina y ver que primer post que habia en el twitter era de ASCHEK o Mistes Chips para los que leen FayerWayer que dice " Jugando con Google Chrome", el muy desgraciado por pituto ya se habia conseguido el tan esperado navegador, le insisti si me podía dar el link para descargarlo, pero el hombre fue una tumba y no revelo nada, sólo me quedaba por esperar.
Despues de esperar toda la mañana a la hora de almuerzo me fui a ver el partido de mis compañeros de oficina, por la lesion de mi tobillo no pude jugar, asi que me reemplazo mi hermano menor, luego del partido parti muy rapido a mi casa para almorzar y quedarme a trabajar junto al calor de la estufa. AL prender de nuevo mi portatil veo la noticia que a las 15:00 hrs se publicaria el Google Chrome. Ya hora ya habia llegado era el momento de la verdad, se abrio finalmente la pagina de descarga, para desilución mía (linuxero de corazon), sólo estaba para Windows, que horror, no lo podia creer, la gran G me estaba desilucionado, a esta hora ya habia perdido las esperanzas y me puse a trabajar buscando el error que me habia reportado Jean.
Luego a eso de las 18:00 hrs veo una nuevo post en el twitter Build Instrucions for Linux (http://dev.chromium.org/developers/how-tos/build-instructions-linux), con eso la vida retorno a mí, lo malo era que habia que hacerlo a la antigua, a lo mero macho, compilando, con el primer intento me fallo la descarga del src, era muy pesado al rededor de 400mb y el servidor ya estaba algo colapsado, bueno deje descansar un poco mi cabeza y me fui a buscar a mi papá a la clinica, de vuelta en la casa y despues de una rica once, y con bastante más energía me dispuse a ir por el segundo intento de instalación, gracias a Dios todo mejor, pude descargar todo el paquete src, ya tenía todo para compilar he instalar, manos a la obra, despues de casi media hora de ver pasar lineas de compilación y de ir todo bien, me encontre que me habia pasado un error ya reportado por los desarrolladore de Google not found while processing Hammer/webkit/WebCore/xml/XPathGrammar.y, plop así me quede con el segundo intendo fallando al final, me quize morrir por segunda vez en el día, pero bueno ya era tarde y al otro dia habia que levantarse temprano, asi que mejor me voy a dormir, esperando que el otro día, sea mucho mejor para instalar el Google Chrome, por que en Windows no lo uso ni muerto.

Tips para TYPO3

Crear Carpetas al Instalar Extensión

(
Muchas de las extensiones que se creamos necesitan trabajar carpetas para almacenar algún tipo de archivo, ya sea dentro de la carpeta fileadmin, upload, typo3temp. Para esto existe la posibilidad de crear la(s) carpeta(s) al momento de instalar la extensión.

Para esto debemos ir al archivo ext_emconf.php, que se genera al crear la extensión, en este archivo encontramos un arreglo con diferentes opciones. Si deseamos crear una carpeta que lleve por nombre el key de la extensión dentro de upload debemos habilitar la opción uploadfolder, que por defecto viene en 0:


No crear carpeta dentro de carpeta upload: 'uploadfolder' => 0


Crear carpeta dentro de upload: 'uploadfolder' => 1


Si deaseamos crear carpetas dentro de fileadmin u otra carpeta debemos utilizar la opción createDirs, a esta se le deben agregar las carpetas que se deben crear, ejemplo:

'createDirs' => 'fileadmin/carpeta,fileadmin/carpeta2'


Ahora, cada vez que instalemos la extensión por primera y si no se han creado las carpetas se mostrara la siguiente pantalla.