« anterior | siguiente »

Home > 2006 > Diciembre > Jueves, 21 de Diciembre 2006 > Cómo realizar un diseño web 2.0
Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Publicidad

Jue21Dic2006

Cómo realizar un diseño web 2.0

09:52 H (CET)| Temas: Desarrollo web

Un buen artículo en el que nos explican cómo pasar nuestro diseño a diseño web 2.0. Claro, cada cual tiene sus gustos y sus conceptos de diseño y puede que no esté de acuerdo con todo lo que se dice, pero aún así es un artículo a tener en cuenta.

Resumiendo un poco el post, nos encontramos con los siguientes consejos:

  • Simplicidad: cuanto más sencillo mejor, es necesario tener en cuenta que todos los sitios webs tienen sus metas y que cada página tiene su propósito. Es necesario obtener la atención del usuario, pero cuidado que su atención es algo que se acaba. La simplicidad es algo que siempre deberíamos tener en cuenta, elimininando contenido innecesario pero sin quitar funcionalidad.
  • Layout centrado: muy característico de la web 2.0 es tener en contenido centrado en la página.
  • Menos columnas: mientras que antes lo normal era un diseño en 4 columnas, ahora lo más utilizado son las dos columnas, evitando así llenar completamente la pantalla y reforzando el primer punto, la simplicidad.
  • Navegación arriba: separar la navegación del contenido principal no es nada nuevo, pero en este caso se resalta que se situe arriba.
  • Diferenciar distintas áreas: que a simple vista, cada área con diferente funcionalidad sea claramente diferenciable, incluso sin ser resaltadas con diferentes colores.
  • Navegación sencilla: debemos conseguir que el usuario sepa dónde está y a qué contenidos puede acceder desde donde está.
  • Logos en negrita: limpios, en negrita y fuertemente marcados.
  • Tamaño de texto grande: haciendo el texto grande se consigue mayor atención que con el texto pequeño.
  • Introducciones en negrita: consiguiendo así mayor impacto visual sobre las cosas más importantes.
  • Colores fuertes: usando colores brillantes y fuertes se consigue una separación de contenidos más sencilla.
  • Superficies con detalle: ya sea mediante sombras, resaltados, difuminados, que las superficies no sean simples, sino más realistas.
  • Gradientes
  • Reflejos
  • Iconos atractivos: es necesario que sean fácilmente reconocibles, que no provoquen confusión.
  • Contornos estrellados: sobre todo con el beta dentro.

Web 2.0 how-to design style guide

Vía / dzone

Relacionados

Feedback (6) » Formulario

1. carloscba ~ Jueves, 21 Dic 2006 | 14:11H:

¿Todo esto no sale hace años en los libros de Usabilidad?

2. Agustin martinez ~ Sábado, 06 Ene 2007 | 20:51H:

Muy bueno el articulo. Me abrio el panorama.
Gracias.
Diseño web españa

3. threshold ~ Jueves, 11 Ene 2007 | 10:17H:

Parece más bien una guía de estilo. Yo pensaba que la web 2.0 tenía más que ver con el uso adecuado de estándares, como webservices, css, xml, dom...

http://usuarios.lycos.es/threshold

4. Luis ~ Jueves, 11 Ene 2007 | 12:04H:

Cierto, se trata más bien de una guía de estilos.

5. MyDesign.com.ar ~ Viernes, 25 Abr 2008 | 15:56H:

muy buen post. Realmente varias cosas a tener en cuenta, pero sobre todo, que tiene que ser comunicativa

6. Erick H. Cabrera ~ Viernes, 09 May 2008 | 02:05H:

Más que referirse a diseño o tecnología, se habla de Web 2.0 en términos de actitud... hacia la accesibilidad que presentan los sitios hacia el usuari final, el cual le va a dar forma y uso a cada espacio, como en el caso de los foros y blogs.

Conversación

Nombre:

Email:

(no aparecerá)

URL:

(opcional)
¿Recordar datos?

↓ Comentarios (XHTML permitido)