SlideShare una empresa de Scribd logo
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]

Más contenido relacionado

PPT
Accesibilidad web por Luis Felipe Martinez
PDF
Usabilidad
PPT
Toptenerrores2003
PPT
Usabilidad Web
PDF
Patrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
PPTX
Browser herramientas telematica somaira-patricia-perez
DOCX
Patrones de Diseño Web (Getting Input - Obtención de Información)
PPTX
Trabajo 1
Accesibilidad web por Luis Felipe Martinez
Usabilidad
Toptenerrores2003
Usabilidad Web
Patrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
Browser herramientas telematica somaira-patricia-perez
Patrones de Diseño Web (Getting Input - Obtención de Información)
Trabajo 1

La actualidad más candente (18)

PDF
Patricia mapa mental navegadores
PPT
patrones de diseño web.
PPTX
Navegadores
PPTX
Slideshore
PPT
Ecommerce Hotelero II
PDF
Patrones de diseño web
PPT
Universidad TéCnica Particular De Loja
PPTX
Herramientas web
PDF
Ventajas y desventajas de los navegadores (3) convertido
PDF
Ventajas y desventajas 1
PDF
PATRONES DE DISEÑO WEB
PPT
Unidad 4 - Patrones de diseño web.
PPT
Modulo 3 (Parte 2)
PPTX
Web 2 y las herramientas que podemos integrar a
PDF
Usabilidad
PPTX
PPS
Taller: Cómo contratar diseño web Irene Fernández AgenciaBlog
PPT
Usabilidad y accesibilidad web
Patricia mapa mental navegadores
patrones de diseño web.
Navegadores
Slideshore
Ecommerce Hotelero II
Patrones de diseño web
Universidad TéCnica Particular De Loja
Herramientas web
Ventajas y desventajas de los navegadores (3) convertido
Ventajas y desventajas 1
PATRONES DE DISEÑO WEB
Unidad 4 - Patrones de diseño web.
Modulo 3 (Parte 2)
Web 2 y las herramientas que podemos integrar a
Usabilidad
Taller: Cómo contratar diseño web Irene Fernández AgenciaBlog
Usabilidad y accesibilidad web
Publicidad

Similar a Usabilidad web simo network 2009 (20)

PDF
¿Cómo diseñar mi tienda online?
PPT
1 presencia web_empresas_i
PPT
Marketing Online Pymes - IMADE
PPT
Marketing online 2009 ssrr imade
PPT
Marketing Digital
PPT
Usabilidad web
PPT
Presencia web pyme
PPT
La Vaguada Coit 18 Feb
PPT
Introducción creación web aula madrid tecnología (coit) 2010
PPT
Marketing Online
PPT
Introducción creación web aula madrid tecnología 2010
PDF
Los 10 mandamientos de una web
 
PPT
Diseño Web Profesional
PPT
Rentabilizar una web
PPT
Rentabilizar una web imade 2009
PPT
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
PDF
7 formas de aumentar la usabilidad de un sitio web
PDF
Buenas practicas web
PPT
Puerta bonita
PPT
Marketing digital aula madrid tecnología 2010
¿Cómo diseñar mi tienda online?
1 presencia web_empresas_i
Marketing Online Pymes - IMADE
Marketing online 2009 ssrr imade
Marketing Digital
Usabilidad web
Presencia web pyme
La Vaguada Coit 18 Feb
Introducción creación web aula madrid tecnología (coit) 2010
Marketing Online
Introducción creación web aula madrid tecnología 2010
Los 10 mandamientos de una web
 
Diseño Web Profesional
Rentabilizar una web
Rentabilizar una web imade 2009
10 Claves Para Rentabilizar Una Web Marketing Por Internet Abascal 26 03 09
7 formas de aumentar la usabilidad de un sitio web
Buenas practicas web
Puerta bonita
Marketing digital aula madrid tecnología 2010
Publicidad

Más de Pedro Jesús González (20)

PDF
eRoadshows Vigo
PDF
Spanish lessons
PDF
Formatos y enfoque de publicidad en medios sociales
PDF
Ocho cosas que he aprendido
PDF
Social travel
PDF
Social Commerce - Yovendoeninternet
PDF
Congreso Nacional de pymes - Social Customer Engagement
PDF
Tecnológica Santa Cruz 2013
PDF
Viralizar Contenido
KEY
Facebook Ads en 20 minutos
PDF
Tendencias en Social Media Marketing Sector Turismo
PDF
Marketing Online y Redes Sociales para la Pyme
PDF
Redes sociales para la Pyme
PDF
Marketing en Medios Sociales
PDF
Presencia web para la pyme
PPT
Diseño web efectivo
KEY
Expandir Negocio Redes Sociales
PPT
Conversion Web Madrid Tecnologia 2010
PPT
Visibilidad web simo network 2009
PPT
Email marketing aula madrid tecnología 2010
eRoadshows Vigo
Spanish lessons
Formatos y enfoque de publicidad en medios sociales
Ocho cosas que he aprendido
Social travel
Social Commerce - Yovendoeninternet
Congreso Nacional de pymes - Social Customer Engagement
Tecnológica Santa Cruz 2013
Viralizar Contenido
Facebook Ads en 20 minutos
Tendencias en Social Media Marketing Sector Turismo
Marketing Online y Redes Sociales para la Pyme
Redes sociales para la Pyme
Marketing en Medios Sociales
Presencia web para la pyme
Diseño web efectivo
Expandir Negocio Redes Sociales
Conversion Web Madrid Tecnologia 2010
Visibilidad web simo network 2009
Email marketing aula madrid tecnología 2010

Usabilidad web simo network 2009

  • 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. 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.
  • 3. El Diseño y la 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 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
  • 6. 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
  • 7. 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
  • 8. 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
  • 9. 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
  • 10. 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
  • 11. 7.- Enlaces Cuidar los anchors Abrirlos en la misma ventana Ganar posicionamiento Correcto: http:// www.marepolis.es Incorrecto: http:// www.danimport.com
  • 12. 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
  • 13. 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.