MEJORA LA USABILIDAD
EN TU WEB
Humanizando sitios webs

Gerardo Lagger
@salxo
www.salxo.com
Temario
1- QUE ES "USABILIDAD" Y POR QUÉ ES IMPORTANTE
2 – TIPS PARA MEJORAR LA USABILIDAD DE TU SITIO (ANÁLISIS HEURÍSTIC...
Usabilidad.
Introducción
¿ Que es “Usabilidad”?

Usabilidad es lo que define la facilidad con
que las personas pueden utilizar una
herramienta part...
¿ Que es “Usabilidad”?
La usabilidad se define por 5 componentes de calidad:
1.
2.
3.
4.
5.

Facilidad de aprendizaje
Efic...
“Si la facilidad de uso fuera el único criterio válido, las
personas se quedarían en sus triciclos y nunca
probarían las b...
Utilidad Vs Usabilidad

Utilidad + Usabilidad = Usable
Usabilidad.

¿Por qué es importante?
¿ Por que es importante la Usabilidad ?

Credibilidad:
Se podría obtener hasta un 45% de
credibilidad simplemente haciendo...
¿ Por que es importante la Usabilidad ?

Ventas
Luego de relanzer el sitio Straples.com
trabajando aspectos de la usabilid...
¿ Por que es importante la Usabilidad ?
Y mucho más
Las ventas de un sitio se pueden
incrementar hasta un 225%
proporciona...
Usabilidad.

Técnicas de inspección
Técnicas de Inspección

Alguna de las técnicas de inspección que actualmente se utilizan para la inspección de un
sitio o ...
Usabilidad.

Evaluación Heurística.

(Desarrollado a partir del ensayo de Jakob
Nielsen, "Ten Usability Heuristics").
Evaluación Heurística ¿Qué es?

En el año 1990 R. Molich y J. Nielsen (Bellcore, IBM y Sun Microsystems, entre otras) acuñ...
Evaluación Heurística

1

Visión de la situación en el sistema:
¿Dónde estoy dentro de la
estructura del Web site?
¿Dónde ...
Evaluación Heurística

2

Similitud entre el sistema y el mundo real
Lenguaje manejado
Controles “Afordables”
Evaluación Heurística

3

Control y libertad
Deshacer, revertir

Significados de iconos e imágenes.
Situación en el Web y ...
Evaluación Heurística

4

Consistencia y Estandares

Títulos, cabeceras y etiquetas de links.
Seguimiento de estándares We...
Evaluación Heurística

5

Prevención de errores

Aportar información "ad hoc" precisa
para evitar errores.

(Evitar la rei...
Evaluación Heurística

6

Reconocer mejor que recordar

Significados de iconos e imágenes.
Situación en el Web y trayector...
Evaluación Heurística

7

Flexibilidad y Eficiencia de uso

Utilizar aceleradores para los usuarios
expertos o mas antiguo...
Evaluación Heurística

8

Estética y diseño minimalista.

Utilizar aceleradores para los usuarios
expertos o mas antiguos....
Evaluación Heurística

9

Mensajes claros, “auto-explicativos”.

No utilizar códigos.
No utilizar descripciones largas
ni ...
Evaluación Heurística

10

Ayuda y Documentación

Ayudas contextuales.
Recordatorios o Referencias
O acceso a página de So...
Navegando algunos sitios
Analicemos sitios que usamos frecuentemente.
Game over
insert coins

¿Preguntas?
Gerardo Lagger
@salxo
http://salxo.com
Upcoming SlideShare
Loading in...5
×

Introducción a la Usabilidad, y diseño centrado en el usauario (UCD)

934

Published on

Introducción a la Usabilidad, la experiencia de usuario y Heurísticas de J. Nielsen para aplicar en tu sitio.

Published in: Design
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
934
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
89
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Introducción a la Usabilidad, y diseño centrado en el usauario (UCD) "

  1. 1. MEJORA LA USABILIDAD EN TU WEB Humanizando sitios webs Gerardo Lagger @salxo www.salxo.com
  2. 2. Temario 1- QUE ES "USABILIDAD" Y POR QUÉ ES IMPORTANTE 2 – TIPS PARA MEJORAR LA USABILIDAD DE TU SITIO (ANÁLISIS HEURÍSTICO) 3 – MIREMOS ALGUNOS SITIOS. 3 - REFLEXIONES Y PREGUNTAS.
  3. 3. Usabilidad. Introducción
  4. 4. ¿ Que es “Usabilidad”? Usabilidad es lo que define la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto, en un contexto especifico con el fin de alcanzar un objetivo concreto
  5. 5. ¿ Que es “Usabilidad”? La usabilidad se define por 5 componentes de calidad: 1. 2. 3. 4. 5. Facilidad de aprendizaje Eficiencia Memorabilidad Eficacia. Satisfacción
  6. 6. “Si la facilidad de uso fuera el único criterio válido, las personas se quedarían en sus triciclos y nunca probarían las bicicletas” - Fischer
  7. 7. Utilidad Vs Usabilidad Utilidad + Usabilidad = Usable
  8. 8. Usabilidad. ¿Por qué es importante?
  9. 9. ¿ Por que es importante la Usabilidad ? Credibilidad: Se podría obtener hasta un 45% de credibilidad simplemente haciendo las cosas mas simples Persuasive Technology Lab | Stanford University, 2001
  10. 10. ¿ Por que es importante la Usabilidad ? Ventas Luego de relanzer el sitio Straples.com trabajando aspectos de la usabilidad las visitas se incrementaron en un 67% Relanzamiento del sitio Straples.com año 2000
  11. 11. ¿ Por que es importante la Usabilidad ? Y mucho más Las ventas de un sitio se pueden incrementar hasta un 225% proporcionando suficiente informacion del producto en el momento correcto. (UI Engineering) Las mejoras en el sitio de Ford deribadas de un estudio de Usabilidad redujeron las llamadas a su call-center ahorrando a la compania unos $100.000 USD (KitSuse)
  12. 12. Usabilidad. Técnicas de inspección
  13. 13. Técnicas de Inspección Alguna de las técnicas de inspección que actualmente se utilizan para la inspección de un sitio o aplicación, entre otros, son: • • • • Evaluación Heurística Ensayo Cognoscitivo Ensayo Pluralista Inspecciones Formales de Usabilidad • • • • Inspección de Características Inspección de Consistencia Inspección de Estándares Guías de Consulta y Checklists En este caso vamos a ver solamente “Evaluación Heurística” a modo de tips para aplicar hoy mismo.
  14. 14. Usabilidad. Evaluación Heurística. (Desarrollado a partir del ensayo de Jakob Nielsen, "Ten Usability Heuristics").
  15. 15. Evaluación Heurística ¿Qué es? En el año 1990 R. Molich y J. Nielsen (Bellcore, IBM y Sun Microsystems, entre otras) acuñaron una serie de “papers” a los que denominaron “Heurísticas”. Cuatro años mas tardes Nielsen presenta un conjunto mínimo de heurísticas simples, el cual se basa en este trabajo inicial realizado con Molich obtenido en la observación de esos 249 problemas de usabilidad pertenecientes a el diseño centrado en el usuario. La evaluación heurística se basa en fundamentos generales de estructuración / diseño cuyo seguimiento es recomendable para cualquier Web.
  16. 16. Evaluación Heurística 1 Visión de la situación en el sistema: ¿Dónde estoy dentro de la estructura del Web site? ¿Dónde puedo ir?
  17. 17. Evaluación Heurística 2 Similitud entre el sistema y el mundo real Lenguaje manejado Controles “Afordables”
  18. 18. Evaluación Heurística 3 Control y libertad Deshacer, revertir Significados de iconos e imágenes. Situación en el Web y trayectoria. Fundamental buenas etiquetas y enlaces descriptivos.
  19. 19. Evaluación Heurística 4 Consistencia y Estandares Títulos, cabeceras y etiquetas de links. Seguimiento de estándares Web. Para lo mismo, lo mismo.
  20. 20. Evaluación Heurística 5 Prevención de errores Aportar información "ad hoc" precisa para evitar errores. (Evitar la reiterada devolución de formularios para re-introducción de datos por incorrecto / falta de campos). Cuidar los mensajes de error devueltos, aportando vías de solución. Evitar borrados accidentales.
  21. 21. Evaluación Heurística 6 Reconocer mejor que recordar Significados de iconos e imágenes. Situación en el Web y trayectoria. Fundamental buenas etiquetas y enlaces descriptivos.
  22. 22. Evaluación Heurística 7 Flexibilidad y Eficiencia de uso Utilizar aceleradores para los usuarios expertos o mas antiguos. Permitir acceder de forma rapida a caracteristicas.
  23. 23. Evaluación Heurística 8 Estética y diseño minimalista. Utilizar aceleradores para los usuarios expertos o mas antiguos. Permitir acceder de forma rápida a características. v
  24. 24. Evaluación Heurística 9 Mensajes claros, “auto-explicativos”. No utilizar códigos. No utilizar descripciones largas ni demasiado técnicas.
  25. 25. Evaluación Heurística 10 Ayuda y Documentación Ayudas contextuales. Recordatorios o Referencias O acceso a página de Soporte.
  26. 26. Navegando algunos sitios Analicemos sitios que usamos frecuentemente.
  27. 27. Game over insert coins ¿Preguntas? Gerardo Lagger @salxo http://salxo.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×