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

Usabilidad web simo network 2009

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