Cómo hacer más atractivo tu sitio Web a través del Diseño y la Usabilidad   SIMO Network: 22-24 Septiembre 2009 Madrid
El Diseño y la Usabilidad al servicio del Mensaje <ul><li>Internet es un  medio interactivo . Hemos de propiciar la libert...
El Diseño y la Usabilidad  convierten  usuarios en clientes Diseño Atractivo Usabilidad Accesibilidad Analítica Web Conver...
Radiografía del Éxito:  8 claves (entre otras) de una web corporativa
1.- Uso de Flash <ul><li>El objetivo del uso del Flash ha   de ser  reforzar el mensaje, no sustituirlo. </li></ul><ul><li...
2.- Estructura información <ul><li>Mostrar la información en un primera impresión. Evitemos la tasa de rebote </li></ul><u...
3.- Ofrecer ayuda comprensible <ul><li>Explicar los mensajes de error y dar opciones </li></ul><ul><li>Indicar los destino...
4.-  Información clara  y visible <ul><li>Extremadamente importante en webs para  E-Commerce </li></ul><ul><li>Todos los u...
5.- Actualización constante <ul><li>Objetivo:  Reflejar la realidad  de la empresa </li></ul><ul><li>Servir como herramien...
6.- Situar al usuario  <ul><li>Cada vez más, los usuarios no llegan a la web por la home </li></ul><ul><li>url´s estáticas...
7.- Enlaces <ul><li>Cuidar los   anchors </li></ul><ul><li>Abrirlos en la  misma ventana </li></ul><ul><li>Ganar posiciona...
8.- Selección Idioma <ul><li>Objetivo: Mejorar la comprensión </li></ul><ul><li>Evitar elección primaria . (Sólo webs con ...
La web es el comienzo <ul><li>La web no es un fin, es un medio. </li></ul><ul><li>Campañas de SEM </li></ul><ul><li>Web 2....
Gracias, [email_address]
Próxima SlideShare
Cargando en…5
×

Diseño y Usabilidad

845 visualizaciones

Publicado el

Publicado en: Tecnología, Diseño
0 comentarios
2 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
845
En SlideShare
0
De insertados
0
Número de insertados
206
Acciones
Compartido
0
Descargas
38
Comentarios
0
Recomendaciones
2
Insertados 0
No insertados

No hay notas en la diapositiva.

Diseño y Usabilidad

  1. 1. Cómo hacer más atractivo tu sitio Web a través del Diseño y la Usabilidad SIMO Network: 22-24 Septiembre 2009 Madrid
  2. 2. El Diseño y la Usabilidad al servicio del Mensaje <ul><li>Internet es un medio interactivo . Hemos de propiciar la libertad del usuario. El usuario ha de tener la sensación (a veces subconsciente) de que tiene el control de su recorrido en la web. </li></ul><ul><li>La web no ha de satisfacer nuestras necesidades de comunicación sino las de información del usuario . </li></ul><ul><li>Una web corporativa no ha de ser, necesariamente, una obra de Arte. </li></ul><ul><li>El diseño visual ha de acompañar al mensaje , no sustituirlo. </li></ul><ul><li>No podemos obligar al usuario a seguir un camino.(podemos intentarlo) </li></ul><ul><li>Favorecer al usuario. Pensar en el usuario. Anticiparnos a las necesidades del usuario. </li></ul>
  3. 3. El Diseño y la Usabilidad convierten usuarios en clientes Diseño Atractivo Usabilidad Accesibilidad Analítica Web Conversión + + + + =
  4. 4. Radiografía del Éxito: 8 claves (entre otras) de una web corporativa
  5. 5. 1.- Uso de Flash <ul><li>El objetivo del uso del Flash ha de ser reforzar el mensaje, no sustituirlo. </li></ul><ul><li>Hemos de evitar crear o bligaciones para el usuario: ver intros, oir música, descargarse plug-ins. </li></ul><ul><li>El Flash nunca deberá poner trabas a la navegación. No podemos sacrificar facilidad de uso en favor de malentendida estética. </li></ul>Correcto: http://www.frutexport.es Incorrecto: http://www.intouchcop.com.ar
  6. 6. 2.- Estructura información <ul><li>Mostrar la información en un primera impresión. Evitemos la tasa de rebote </li></ul><ul><li>Categorización cruzada </li></ul><ul><li>Evitar menús flotantes </li></ul>Correcto: http:// www.marepolis.es Incorrecto: http:// www.danimport.com
  7. 7. 3.- Ofrecer ayuda comprensible <ul><li>Explicar los mensajes de error y dar opciones </li></ul><ul><li>Indicar los destinos de los enlaces </li></ul><ul><li>Ponerse en la “piel” del usuario </li></ul>Correcto: http:// www.upv.es / no_existe Incorrecto: http://www.multimatica.net/no_existe
  8. 8. 4.- Información clara y visible <ul><li>Extremadamente importante en webs para E-Commerce </li></ul><ul><li>Todos los usuarios tenemos las mismas preguntas </li></ul><ul><li>Secciones de FAQ. Generar transparencia. Generar confianza. </li></ul>Correcto: http://www.cussika.com Incorrecto: http://avisos-venta.vivastreet.cl
  9. 9. 5.- Actualización constante <ul><li>Objetivo: Reflejar la realidad de la empresa </li></ul><ul><li>Servir como herramienta de comunicación </li></ul><ul><li>Servir como web transaccional </li></ul>Correcto: http:// www.marepolis.es Incorrecto: http:// www.danimport.com
  10. 10. 6.- Situar al usuario <ul><li>Cada vez más, los usuarios no llegan a la web por la home </li></ul><ul><li>url´s estáticas mejor que url´s dinámicas </li></ul><ul><li>Breadcrums o “migas de pan” </li></ul><ul><li>Menús y acceso a Inicio en todas las subpáginas </li></ul>Correcto: http:// www.marepolis.es Incorrecto: http:// www.danimport.com
  11. 11. 7.- Enlaces <ul><li>Cuidar los anchors </li></ul><ul><li>Abrirlos en la misma ventana </li></ul><ul><li>Ganar posicionamiento </li></ul>Correcto: http:// www.marepolis.es Incorrecto: http:// www.danimport.com
  12. 12. 8.- Selección Idioma <ul><li>Objetivo: Mejorar la comprensión </li></ul><ul><li>Evitar elección primaria . (Sólo webs con mucho tráfico) </li></ul><ul><li>Evitar molestar en temas sensibles </li></ul><ul><li>Uso de abreviaturas ISO en lugar de banderas </li></ul>Correcto: http:// www.naturval.es / Incorrecto: http:// www.danimport.com
  13. 13. La web es el comienzo <ul><li>La web no es un fin, es un medio. </li></ul><ul><li>Campañas de SEM </li></ul><ul><li>Web 2.0, redes sociales, blogs. </li></ul><ul><li>Publicidad offline. </li></ul><ul><li>Control y estudio de tráfico. </li></ul><ul><li>Trabajar en la conversión. </li></ul><ul><li>Medidas correctoras y actualización constante. </li></ul>
  14. 14. Gracias, [email_address]

×