11 Jul 2006

Diseña tus páginas para la web 2.0

Mucho se ha hablado por Internet sobre el concepto de Web 2.0, hay muchas opiniones a favor, el doble en contra, muchos dicen que es una estrategia de márketing, otros que es una tontería, pero al fin de cuentas lo llamemos como lo llamemos lo que si es cierto es que Internet cambio categóricamente en un punto a nivel mundial, webs que  antes tenían un futuro prometedor (Infoseek) ya estén prácticamente olvidadas, empresas que se forjaron de la nada y en pocas semanas movían indecentes cantidades de dinero ya pocas personas se acuerdan de su nombre, otras en cambio que se forjaron en base a buenas ideas pero que tardaron un poco mas en despegar, hoy en dia son empresas sólidas y en constante crecimiento.

 Le podemos llamar de diferentes maneras, pero lo que si esta claro es que ya no podemos imaginar Internet como lo hacíamos hace unos años cuando el concepto de Internet revolucionó el mundo tecnológico y económico a tantos niveles que logro hacer que mercados se desestabilizaran, que se crearan fortunas en garajes y que el mundo pareciese estar contenido dentro de la torre de nuestro PC. Hoy ya no podemos imaginar un mundo sin Internet, ni siquiera un mundo con Internet a través de una conexión de 14.400 bps como era la del primer modem que utilicé para conectarme a Internet allá en el año 96 en los comienzos de las conexiones a Internet desde casa a través de Infovía.

Pero, ¿cómo aplicamos el concepto de web 2.0 al diseño de nuestra web? 

Si nos vamos a Wikipedia  vemos una pequeña explicación para el concepto que tratamos hoy:

"El concepto original de la web (en este contexto, llamada Web 1.0) era páginas estáticas HTML que no eran actualizadas frecuentemente. El éxito de las punto-com dependía de webs más dinámicas (a veces llamadas Web 1.5) donde los CMS servían páginas HTML dinámicas creadas al vuelo desde una actualizada base de datos. En ambos sentidos, el conseguir hits (visitas) y la estética visual eran considerados como unos factores muy importantes.

Los propulsores de la aproximación a la Web 2.0 creen que el uso de la web está orientado a la interacción y redes sociales, que pueden servir contenido que explota los efectos de las redes con o sin crear webs interactivas y visuales. Es decir, los sitios Web 2.0 actúan más como puntos de encuentro, o webs dependientes de usuarios, que como webs tradicionales." 

Todo esto sí que nos suena a una estrategia de márketing impulsada por grandes empresas  quizás para que utilicemos sus nuevas herramientas de diseño o tecnologías desarrolladas por ellos, pero si analizamos más profundamente elconcepto, vemos que la gran mayoría de esas nuevas tecnologías son gratuitas desarrolladas por usuarios que se colaboran entre sí sin importar la procedencia, edad, raza, es más la mayoria nuca se conocerán en persona y llegarán a saber del otro poco mas que su avatar.

El concepto de web 2.0 salio por primera vez durante unas reuniones de colaboración entre O'Reilly y MediaLive International en las que analizaron aquellas compañías que sobrevivieron a la explosión de la burbuja tecnológica, muchas de estas empresas tenían muchos puntos en común que ahora no vamos a analizar, pero de las consecuencias que se sacaron en estas sesiones se amasó el concepto de web 2.0, un concepto que ha dado mucho que hablar pero que hasta ahora no se rige por unas reglas fijas sino más bien por unos conceptos de colaboración global e interacción con el usuario, podemos ver estos conceptos claramente en: Los análisis de productos de Amazon , el sistema de reputación de Ebay , los marcadores (bookmarks) colectivos de Del.icio.us o las galerias compartidas de Flickr o Photobucket .

Así que lo lógico es preguntarnos ¿qué debemos hacer para que nuestra web pertenezca a la Web 2.0? 

Como ya hemos dicho, el concepto Web 2.0 no se rige por unas reglas específicas, pero si hay varios elementos comunes que nos ayudarán a identificar páginas que siguen esta práctica, mientras que el diseño HTML de antaño consistía en cajas cuadradas bien delimitadas, tablas que enmarcaban un texto pequeño y un diseño más bien minimalista, el nuevo diseño ha fluido hacia un diseño mas dinámico lleno de esquinas redondeadas afectos plastificados, grandes textos en colo, gradientes y colores brillantes.

Esquinas redondeadas

Mientras que antes todo se ponia en cajas cuadradas con bordes que delimitaban una caja de otra, el diseño actual está optando por unos bordes redondeados más agradables a la vista, donde el ojo puede reposar tranquilamente y ayudando a que la vista fluya a través del diseño de la página, de alguna manera así hacemos partícipe al visitante del diseño de nuestras páginas, presentándole un contenido más agradable y fácil de asimilar.

Existen en Internet varios tutoriales sobre como lograr este vistoso efecto en nuestros diseños:

Texto grande y llamativo

Habeis visitado alguna vez una web donde apenas habéis podido leer el texto? hubo una época en la que el texto pequeño se puso de moda, tanto que casi obligaban a activar aquella desconocida función de los navegadores que sirve para agrandar el texto de una página, con el consiguiente descuadre del diseño general de la página y eso cuando el texto no pertenece a una imagen, con lo que no habría manera de agrandarlo más que desempolvando la vieja lupa (si, aquella que lleva en la familia tantos años).

Afortunadamente los textos grandes y llamativos para resaltar mensajes o cosas importantes se han puesto de moda, ya no sufriremos para leer una página y todo esto lo lograremos sin tener que sacrificar la apariencia de nuestras páginas. Por supuesto que no queremos que todo el texto de nuestras páginas este en un tamaño grande, pero si nos deberemos asegurar que por lo menos los mensajes importantes si que lo están, para que puedan ser leídos en el primer golpe de vista que el visitante da a nuestras páginas.

 Un buen ejemplo lo tenemos en la web blurb.com

Gradientes

Los fondos de las páginas han dejado de ser colores planos que enmarcan un diseño, las pestañas tambien han dejado de ser planas, ahora utilizan efectos de gradientes para lograr un diseño más moderno, quizás más "plastificado" pero mas agradable a la vista.

Podemos encontrar un tutorial sobre la creación de gradientes (en Inglés) Aquí

Colores

Una de las principales webs que sobrevivió a la burbuja tecnológica es Ebay y tal como ya describimos en nuestro artículo sobre las páginas feas , Ebay hace un buen uso de los colores brillantes y llamativos, lo mismo le pasa a Amazon , Google y casi todas las grandes empresas creadas en y para Internet.

Tambien se suelen utilizar iconos grandes y coloridos, con reflejos y sombras o efectos "plástico" como los que podemos encontrar en Icon Buffet 

Los colores serán los que definan principalmente nuestras páginas y gracias a los colores podremos jugar con el estado de ánimo de nuestro visitante, no en vano las grandes empresas se gastan millones en definir no sólo el logo de una marca sino lo colores que utilizarán (una de las mejores estrategias comerciales de Mc Donald's fue elegir el los colores rojo y amarillo para definir su marca).



Publicado el Martes, Julio 11th, 2006 at 2:11 under General, Historia, Marketing
.

Leave a Reply