SlideShare una empresa de Scribd logo
1 de 70
Descargar para leer sin conexión
Heurísticas
SILVANA CORVALÁN
@sileleo / ux+scorvalan@noviggo.com
Principios básicos de Usabilidad
IxDA es una asociación creada para difundir la disciplina del
Diseño de Interacción, que conforma (junto a usabilidad,
arquitectura de la información y accesibilidad, entre otras) el
ecosistema del Diseño de Experiencias del Usuario.
Queremos mejorar la educación y divulgación de UX en español.
Queremos llegar a un nuevo estándar profesional.
Y queremos construirlo colaborativamente.
¿A QUÉ NOS REFERIMOS CON
HEURÍSTICA?
Son lineamientos para reducir las frustraciones que un
usuario puede tener al utilizar nuestro sistema.
Son una guía de buenas prácticas.
NO deben ser tomadas como mandamientos.
1 - Mostrar estado del sistema
2 - Hablar el lenguaje del
usuario
3 - Control y libertad del
usuario
4 - Consistencia y estándares
5 - Prevenir Errores
10 Heurísticas - Jakob Nielsen
6 - Aliviar la carga en memoria del
usuario
7 - Atajos, flexibilidad y eficiencia
8 - Estética y minimalismo
9 - Comunicar errores con
claridad
10 - Ayuda y documentación
www.nngroup.com
Jakob Nielsen
- Fundador de Nielsen Norman Group
con Donald Norman
- Asesor en usabilidad
- Ph.D. en interacción (Technical
University of Denmark in Copenhagen).
- Libro: Usability Engineering (1993)
1) Mostrar estado del sistema
El sistema siempre debe mantener a los usuarios
informados sobre lo que está pasando, a través de una
retroalimentación apropiada en un tiempo razonable.
Feedback constante.
2) Hablar el lenguaje del usuario
El sistema debe hablar el lenguaje de los usuarios, en lugar
de términos orientados al sistema.
Debe seguir las convenciones del mundo real, haciendo que
la información aparezca en un orden natural y lógico.
Palabras, frases y conceptos familiares para el usuario.
Adobe - Tools
- Consistencia del sistema
- Iconografía orientada al
usuario específico
3) Control y libertad del usuario
Los usuarios deben sentir que tienen el control en todo
momento.
El usuario debe poder navegar libremente, encontrar
fácilmente salidas, y rutas alternativas.
Libertad para deshacer - Libertad para explorar - Libertad para interrumpir
Posibilidad de deshacer un envío
Posibilidad de customizar la aplicación según mis
necesidades.
4) Consistencia y estándares
Los usuarios no deberían tener que preguntarse si
diferentes palabras, situaciones o acciones significan lo
mismo.
Se debe seguir un estándar y ser consistentes con las
decisiones que tomamos a lo largo de toda la plataforma.
“ Jakob Nielsen
Ingeniero de interfaces
Consistencia es uno de los más poderosos
principios de usabilidad:
Cuándo las cosas se comportan siempre igual, los usuarios
no tienen que preocuparse sobre qué pasará luego.
En vez de eso, ellos saben qué va a pasar en base a su
experiencia previa.
Facebook Google +
5) Prevenir errores
Mejor que comunicar correctamente un error,
es ayudar a los usuarios a no cometer errores.
La mayoría de los errores son previsibles.
Prevenir pérdida de datos, errores en el ingreso de datos, salidas de un flujo
6) Aliviar la carga en la memoria del
usuario
Haciendo visible objetos, acciones y opciones.
El usuario no debería tener que recordar información de una
parte a otra.
Las instrucciones de uso del sistema deberían ser visibles o
fácilmente accesibles cuándo sea necesario.
7) Flexibilidad y eficiencia de uso
Aceleradores - no vistos por el usuario principiante - a
menudo pueden acelerar la interacción para el usuario
experto de tal manera que el sistema puede servir tanto a
los usuarios sin experiencia y con experiencia.
Aceleradores - atajos de teclado - Recomendaciones
Recomendaciones
8) Estética y minimalismo
Eliminar el ruido visual. Jerarquizar la información.
Eliminar información irrelevante o que no suele
utilizarse.
Simplificando el formulario a 4 simples pasos se incrementó
la tasa de conversión.
Mobile (como categoría) está muerta.
Diseñá para el usuario. No para el dispositivo.
“ Matías Duarte
Actual director de experiencia del usuario del sistema
operativo Android (Google)
9) Comunicar errores con claridad
• Que sean fáciles de reconocer visualmente
• Explicar el problema con claridad
• Proveer una solución o camino a seguir
• Proponer una alternativa
10) Ayuda y documentación
El usuario necesitará en ocasiones, ayuda y documentación.
Es preciso que sea fácil de encontrar y ,preferentemente, que
esté orientada a tareas concretas.
Necesidad de aprendizaje - Soporte - Tour en pantalla
Gestos para dispositivos
multi-touch
¡GRACIAS!
¿Preguntas?
www.ixdamza.com.ar
www.facebook.com/ixdamza

Más contenido relacionado

La actualidad más candente

Understanding the Problem Space and Conceptualizing in HCI
Understanding the Problem Space and Conceptualizing  in HCIUnderstanding the Problem Space and Conceptualizing  in HCI
Understanding the Problem Space and Conceptualizing in HCIUm e Farwa
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityJoseph Dolson
 
Web Usability (Slideshare Version)
Web Usability (Slideshare Version)Web Usability (Slideshare Version)
Web Usability (Slideshare Version)Carles Farré
 
UX Camp Nov 2023_upload.pptx
UX Camp Nov 2023_upload.pptxUX Camp Nov 2023_upload.pptx
UX Camp Nov 2023_upload.pptxAmir Ansari
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibilityAGILEDROP
 
Heuristic Evaluation based on Nielsen's 10 Usability Heuristics
Heuristic Evaluation based on Nielsen's 10 Usability HeuristicsHeuristic Evaluation based on Nielsen's 10 Usability Heuristics
Heuristic Evaluation based on Nielsen's 10 Usability HeuristicsSebbe Isaac Kurian
 
Digital Accessibility - The Quick Wins
Digital Accessibility - The Quick WinsDigital Accessibility - The Quick Wins
Digital Accessibility - The Quick WinsMedia Access Australia
 
AgroPlan - UX Research & Project Scope
AgroPlan - UX Research & Project ScopeAgroPlan - UX Research & Project Scope
AgroPlan - UX Research & Project ScopeGilad Bar-Lev
 
A Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeA Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeWhitney Quesenbery
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Servicesdeorwine infotech
 
HUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTIONHUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTIONshahrul aizat
 
Understanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityRachel Cherry
 
Human Computer Interaction Chapter 2 Interaction and Interaction Design Basi...
Human Computer Interaction Chapter 2  Interaction and Interaction Design Basi...Human Computer Interaction Chapter 2  Interaction and Interaction Design Basi...
Human Computer Interaction Chapter 2 Interaction and Interaction Design Basi...VijiPriya Jeyamani
 
Implicit Human-Computer Interaction - Lecture 11 - Next Generation User Inter...
Implicit Human-Computer Interaction - Lecture 11 - Next Generation User Inter...Implicit Human-Computer Interaction - Lecture 11 - Next Generation User Inter...
Implicit Human-Computer Interaction - Lecture 11 - Next Generation User Inter...Beat Signer
 
Web Accessibility for Web Developers
Web Accessibility for Web DevelopersWeb Accessibility for Web Developers
Web Accessibility for Web DevelopersAlexander Loechel
 

La actualidad más candente (20)

Chap06
Chap06Chap06
Chap06
 
Understanding the Problem Space and Conceptualizing in HCI
Understanding the Problem Space and Conceptualizing  in HCIUnderstanding the Problem Space and Conceptualizing  in HCI
Understanding the Problem Space and Conceptualizing in HCI
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared Responsibility
 
Web Usability (Slideshare Version)
Web Usability (Slideshare Version)Web Usability (Slideshare Version)
Web Usability (Slideshare Version)
 
UX Camp Nov 2023_upload.pptx
UX Camp Nov 2023_upload.pptxUX Camp Nov 2023_upload.pptx
UX Camp Nov 2023_upload.pptx
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Accessibility Basics
Accessibility BasicsAccessibility Basics
Accessibility Basics
 
Heuristic Evaluation based on Nielsen's 10 Usability Heuristics
Heuristic Evaluation based on Nielsen's 10 Usability HeuristicsHeuristic Evaluation based on Nielsen's 10 Usability Heuristics
Heuristic Evaluation based on Nielsen's 10 Usability Heuristics
 
Digital Accessibility - The Quick Wins
Digital Accessibility - The Quick WinsDigital Accessibility - The Quick Wins
Digital Accessibility - The Quick Wins
 
Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
 
AgroPlan - UX Research & Project Scope
AgroPlan - UX Research & Project ScopeAgroPlan - UX Research & Project Scope
AgroPlan - UX Research & Project Scope
 
A Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeA Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challenge
 
Ux/ui Design Solution Services
Ux/ui Design Solution ServicesUx/ui Design Solution Services
Ux/ui Design Solution Services
 
HUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTIONHUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTION
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Understanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web Accessibility
 
Human Computer Interaction Chapter 2 Interaction and Interaction Design Basi...
Human Computer Interaction Chapter 2  Interaction and Interaction Design Basi...Human Computer Interaction Chapter 2  Interaction and Interaction Design Basi...
Human Computer Interaction Chapter 2 Interaction and Interaction Design Basi...
 
Implicit Human-Computer Interaction - Lecture 11 - Next Generation User Inter...
Implicit Human-Computer Interaction - Lecture 11 - Next Generation User Inter...Implicit Human-Computer Interaction - Lecture 11 - Next Generation User Inter...
Implicit Human-Computer Interaction - Lecture 11 - Next Generation User Inter...
 
Web Accessibility for Web Developers
Web Accessibility for Web DevelopersWeb Accessibility for Web Developers
Web Accessibility for Web Developers
 
UX Usability Heuristics
UX Usability HeuristicsUX Usability Heuristics
UX Usability Heuristics
 

Destacado

Prototipado: Cómo representar la interacción
Prototipado: Cómo representar la interacciónPrototipado: Cómo representar la interacción
Prototipado: Cómo representar la interacciónricardogil
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoIxDA Mendoza
 
Puzzle videogames - Juan P Ordoñez
Puzzle videogames - Juan P OrdoñezPuzzle videogames - Juan P Ordoñez
Puzzle videogames - Juan P OrdoñezJuanPOrdonez
 
Principios básicos de UX para móviles
Principios básicos de UX para móvilesPrincipios básicos de UX para móviles
Principios básicos de UX para móvilesJavier Cuello
 
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móvilesReporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móvilesIAB México
 
Usabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensibleUsabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensiblePercy Negrete
 
UX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UXUX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UXEmiliano Horcada
 
Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Ux en dispositivos móviles (Universidad Tecnológica Nacional)Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Ux en dispositivos móviles (Universidad Tecnológica Nacional)Jordi Almirall
 
Eye Tracking the Mobile User Experience
Eye Tracking the Mobile User ExperienceEye Tracking the Mobile User Experience
Eye Tracking the Mobile User ExperienceUXPA Boston
 
El reto de generar código útil: más allá de UX y Agile
El reto de generar código útil: más allá de UX y Agile El reto de generar código útil: más allá de UX y Agile
El reto de generar código útil: más allá de UX y Agile Kinit Innovación y Tecnología
 
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajTen Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajSivaprasath Selvaraj
 
Eye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to KnowEye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to KnowJennifer Romano Bergstrom
 

Destacado (20)

Prototipado: Cómo representar la interacción
Prototipado: Cómo representar la interacciónPrototipado: Cómo representar la interacción
Prototipado: Cómo representar la interacción
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyecto
 
Puzzle videogames - Juan P Ordoñez
Puzzle videogames - Juan P OrdoñezPuzzle videogames - Juan P Ordoñez
Puzzle videogames - Juan P Ordoñez
 
Design Thinking en Educacion
Design Thinking en EducacionDesign Thinking en Educacion
Design Thinking en Educacion
 
UX process design for mobile
UX process design for mobileUX process design for mobile
UX process design for mobile
 
Principios básicos de UX para móviles
Principios básicos de UX para móvilesPrincipios básicos de UX para móviles
Principios básicos de UX para móviles
 
UX Mobile
UX MobileUX Mobile
UX Mobile
 
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móvilesReporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
Reporte Tipos de usuario - Estudio de usos y hábitos de dispositivos móviles
 
Usabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensibleUsabilidad en móviles y tabletas - Diseño sensible
Usabilidad en móviles y tabletas - Diseño sensible
 
Heuristica
HeuristicaHeuristica
Heuristica
 
UX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UXUX2012 - Casos y Experiencias de un equipo de UX
UX2012 - Casos y Experiencias de un equipo de UX
 
Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Ux en dispositivos móviles (Universidad Tecnológica Nacional)Ux en dispositivos móviles (Universidad Tecnológica Nacional)
Ux en dispositivos móviles (Universidad Tecnológica Nacional)
 
Eye Tracking the Mobile User Experience
Eye Tracking the Mobile User ExperienceEye Tracking the Mobile User Experience
Eye Tracking the Mobile User Experience
 
Evaluación de sitios web
Evaluación de sitios webEvaluación de sitios web
Evaluación de sitios web
 
Heuristic evaluation
Heuristic evaluationHeuristic evaluation
Heuristic evaluation
 
El reto de generar código útil: más allá de UX y Agile
El reto de generar código útil: más allá de UX y Agile El reto de generar código útil: más allá de UX y Agile
El reto de generar código útil: más allá de UX y Agile
 
Heurística
HeurísticaHeurística
Heurística
 
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath SelvarajTen Usability Heuristics with Example -Sivaprasath Selvaraj
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
 
Presentación lc3 youtube
Presentación lc3   youtubePresentación lc3   youtube
Presentación lc3 youtube
 
Eye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to KnowEye Tracking the UX of Mobile: What You Need to Know
Eye Tracking the UX of Mobile: What You Need to Know
 

Similar a Taller UX: Evaluaciones heurísticas

Usabilidad: la información pensada para el cliente
Usabilidad: la información pensada para el clienteUsabilidad: la información pensada para el cliente
Usabilidad: la información pensada para el clienteRubén Alcaraz Martínez
 
Brevísima introducción a la Usabilidad
Brevísima introducción a la UsabilidadBrevísima introducción a la Usabilidad
Brevísima introducción a la UsabilidadJon Eguiluz
 
¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?IxDA Mendoza
 
Formacion UCD -2-
Formacion UCD -2-Formacion UCD -2-
Formacion UCD -2-Aurora Font
 
Calidad de software - usabilidad y accesibilidad
Calidad de software - usabilidad y accesibilidadCalidad de software - usabilidad y accesibilidad
Calidad de software - usabilidad y accesibilidadRodrigo Ronda
 
Usabilidad, diseño y accesibilidad
Usabilidad, diseño y accesibilidadUsabilidad, diseño y accesibilidad
Usabilidad, diseño y accesibilidadKarla Arosemena
 
Argentesting 2019 - Testing de accesibilidad: un valor agregado cómo profesio...
Argentesting 2019 - Testing de accesibilidad: un valor agregado cómo profesio...Argentesting 2019 - Testing de accesibilidad: un valor agregado cómo profesio...
Argentesting 2019 - Testing de accesibilidad: un valor agregado cómo profesio...Argentesting
 
Interfaces graficas de usuario
Interfaces graficas de usuarioInterfaces graficas de usuario
Interfaces graficas de usuarioosni2
 
Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.Natalia Vivas
 

Similar a Taller UX: Evaluaciones heurísticas (20)

Diseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptxDiseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptx
 
Interfaces de usuario
Interfaces de usuarioInterfaces de usuario
Interfaces de usuario
 
UX & Usabilidad
UX & UsabilidadUX & Usabilidad
UX & Usabilidad
 
UX para dispositivos móviles
UX para dispositivos móvilesUX para dispositivos móviles
UX para dispositivos móviles
 
Usabilidad: la información pensada para el cliente
Usabilidad: la información pensada para el clienteUsabilidad: la información pensada para el cliente
Usabilidad: la información pensada para el cliente
 
Brevísima introducción a la Usabilidad
Brevísima introducción a la UsabilidadBrevísima introducción a la Usabilidad
Brevísima introducción a la Usabilidad
 
¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
Formacion UCD -2-
Formacion UCD -2-Formacion UCD -2-
Formacion UCD -2-
 
Principios heurísticos de Nielsen (Trabajo)
Principios heurísticos de Nielsen (Trabajo)Principios heurísticos de Nielsen (Trabajo)
Principios heurísticos de Nielsen (Trabajo)
 
Usabilidad y ficha analisis
Usabilidad y ficha analisisUsabilidad y ficha analisis
Usabilidad y ficha analisis
 
Calidad de software - usabilidad y accesibilidad
Calidad de software - usabilidad y accesibilidadCalidad de software - usabilidad y accesibilidad
Calidad de software - usabilidad y accesibilidad
 
Usabilidad, diseño y accesibilidad
Usabilidad, diseño y accesibilidadUsabilidad, diseño y accesibilidad
Usabilidad, diseño y accesibilidad
 
Argentesting 2019 - Testing de accesibilidad: un valor agregado cómo profesio...
Argentesting 2019 - Testing de accesibilidad: un valor agregado cómo profesio...Argentesting 2019 - Testing de accesibilidad: un valor agregado cómo profesio...
Argentesting 2019 - Testing de accesibilidad: un valor agregado cómo profesio...
 
Interfaces graficas de usuario
Interfaces graficas de usuarioInterfaces graficas de usuario
Interfaces graficas de usuario
 
Usabilidad1
Usabilidad1Usabilidad1
Usabilidad1
 
Usabilidad1
Usabilidad1Usabilidad1
Usabilidad1
 
Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 

Más de IxDA Mendoza

Taller UX: Salvando al usuario - Diseño visual
Taller UX: Salvando al usuario - Diseño visualTaller UX: Salvando al usuario - Diseño visual
Taller UX: Salvando al usuario - Diseño visualIxDA Mendoza
 
Taller UX: Tests de usabilidad
Taller UX: Tests de usabilidadTaller UX: Tests de usabilidad
Taller UX: Tests de usabilidadIxDA Mendoza
 
Construyendo la Comunidad de IxDA Mendoza
Construyendo la Comunidad de IxDA MendozaConstruyendo la Comunidad de IxDA Mendoza
Construyendo la Comunidad de IxDA MendozaIxDA Mendoza
 
Introduccion a ux - IxDA Mendoza - Taller UX
Introduccion a ux - IxDA Mendoza - Taller UXIntroduccion a ux - IxDA Mendoza - Taller UX
Introduccion a ux - IxDA Mendoza - Taller UXIxDA Mendoza
 
Taller UX - Prototipado rápido: Actividades de taller
Taller UX - Prototipado rápido: Actividades de tallerTaller UX - Prototipado rápido: Actividades de taller
Taller UX - Prototipado rápido: Actividades de tallerIxDA Mendoza
 
Taller UX: Prototipado rápido
Taller UX: Prototipado rápidoTaller UX: Prototipado rápido
Taller UX: Prototipado rápidoIxDA Mendoza
 

Más de IxDA Mendoza (6)

Taller UX: Salvando al usuario - Diseño visual
Taller UX: Salvando al usuario - Diseño visualTaller UX: Salvando al usuario - Diseño visual
Taller UX: Salvando al usuario - Diseño visual
 
Taller UX: Tests de usabilidad
Taller UX: Tests de usabilidadTaller UX: Tests de usabilidad
Taller UX: Tests de usabilidad
 
Construyendo la Comunidad de IxDA Mendoza
Construyendo la Comunidad de IxDA MendozaConstruyendo la Comunidad de IxDA Mendoza
Construyendo la Comunidad de IxDA Mendoza
 
Introduccion a ux - IxDA Mendoza - Taller UX
Introduccion a ux - IxDA Mendoza - Taller UXIntroduccion a ux - IxDA Mendoza - Taller UX
Introduccion a ux - IxDA Mendoza - Taller UX
 
Taller UX - Prototipado rápido: Actividades de taller
Taller UX - Prototipado rápido: Actividades de tallerTaller UX - Prototipado rápido: Actividades de taller
Taller UX - Prototipado rápido: Actividades de taller
 
Taller UX: Prototipado rápido
Taller UX: Prototipado rápidoTaller UX: Prototipado rápido
Taller UX: Prototipado rápido
 

Último

Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30SantiagoAgudelo47
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTADMaryNavarro1717
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxcalc5597
 
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfBianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfAgustnRomeroFernndez
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docAhilynBasabe
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfDanielaPrezMartnez3
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxJustoAlbertoBaltaSmi
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosCristianGmez22034
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 

Último (20)

Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdfBianchi_Susana_Historia_social_del_mundo-34-43.pdf
Bianchi_Susana_Historia_social_del_mundo-34-43.pdf
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 

Taller UX: Evaluaciones heurísticas

  • 1. Heurísticas SILVANA CORVALÁN @sileleo / ux+scorvalan@noviggo.com Principios básicos de Usabilidad
  • 2. IxDA es una asociación creada para difundir la disciplina del Diseño de Interacción, que conforma (junto a usabilidad, arquitectura de la información y accesibilidad, entre otras) el ecosistema del Diseño de Experiencias del Usuario.
  • 3. Queremos mejorar la educación y divulgación de UX en español. Queremos llegar a un nuevo estándar profesional. Y queremos construirlo colaborativamente.
  • 4. ¿A QUÉ NOS REFERIMOS CON HEURÍSTICA?
  • 5. Son lineamientos para reducir las frustraciones que un usuario puede tener al utilizar nuestro sistema. Son una guía de buenas prácticas. NO deben ser tomadas como mandamientos.
  • 6. 1 - Mostrar estado del sistema 2 - Hablar el lenguaje del usuario 3 - Control y libertad del usuario 4 - Consistencia y estándares 5 - Prevenir Errores 10 Heurísticas - Jakob Nielsen 6 - Aliviar la carga en memoria del usuario 7 - Atajos, flexibilidad y eficiencia 8 - Estética y minimalismo 9 - Comunicar errores con claridad 10 - Ayuda y documentación
  • 7. www.nngroup.com Jakob Nielsen - Fundador de Nielsen Norman Group con Donald Norman - Asesor en usabilidad - Ph.D. en interacción (Technical University of Denmark in Copenhagen). - Libro: Usability Engineering (1993)
  • 8. 1) Mostrar estado del sistema El sistema siempre debe mantener a los usuarios informados sobre lo que está pasando, a través de una retroalimentación apropiada en un tiempo razonable. Feedback constante.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. 2) Hablar el lenguaje del usuario El sistema debe hablar el lenguaje de los usuarios, en lugar de términos orientados al sistema. Debe seguir las convenciones del mundo real, haciendo que la información aparezca en un orden natural y lógico. Palabras, frases y conceptos familiares para el usuario.
  • 16.
  • 17.
  • 18.
  • 19. Adobe - Tools - Consistencia del sistema - Iconografía orientada al usuario específico
  • 20. 3) Control y libertad del usuario Los usuarios deben sentir que tienen el control en todo momento. El usuario debe poder navegar libremente, encontrar fácilmente salidas, y rutas alternativas. Libertad para deshacer - Libertad para explorar - Libertad para interrumpir
  • 22. Posibilidad de customizar la aplicación según mis necesidades.
  • 23. 4) Consistencia y estándares Los usuarios no deberían tener que preguntarse si diferentes palabras, situaciones o acciones significan lo mismo. Se debe seguir un estándar y ser consistentes con las decisiones que tomamos a lo largo de toda la plataforma.
  • 24. “ Jakob Nielsen Ingeniero de interfaces Consistencia es uno de los más poderosos principios de usabilidad: Cuándo las cosas se comportan siempre igual, los usuarios no tienen que preocuparse sobre qué pasará luego. En vez de eso, ellos saben qué va a pasar en base a su experiencia previa.
  • 26.
  • 27.
  • 28.
  • 29. 5) Prevenir errores Mejor que comunicar correctamente un error, es ayudar a los usuarios a no cometer errores. La mayoría de los errores son previsibles. Prevenir pérdida de datos, errores en el ingreso de datos, salidas de un flujo
  • 30.
  • 31.
  • 32.
  • 33.
  • 34. 6) Aliviar la carga en la memoria del usuario Haciendo visible objetos, acciones y opciones. El usuario no debería tener que recordar información de una parte a otra. Las instrucciones de uso del sistema deberían ser visibles o fácilmente accesibles cuándo sea necesario.
  • 35.
  • 36.
  • 37. 7) Flexibilidad y eficiencia de uso Aceleradores - no vistos por el usuario principiante - a menudo pueden acelerar la interacción para el usuario experto de tal manera que el sistema puede servir tanto a los usuarios sin experiencia y con experiencia. Aceleradores - atajos de teclado - Recomendaciones
  • 38.
  • 40.
  • 41. 8) Estética y minimalismo Eliminar el ruido visual. Jerarquizar la información. Eliminar información irrelevante o que no suele utilizarse.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46. Simplificando el formulario a 4 simples pasos se incrementó la tasa de conversión.
  • 47. Mobile (como categoría) está muerta. Diseñá para el usuario. No para el dispositivo. “ Matías Duarte Actual director de experiencia del usuario del sistema operativo Android (Google)
  • 48.
  • 49.
  • 50.
  • 51.
  • 52. 9) Comunicar errores con claridad • Que sean fáciles de reconocer visualmente • Explicar el problema con claridad • Proveer una solución o camino a seguir • Proponer una alternativa
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62. 10) Ayuda y documentación El usuario necesitará en ocasiones, ayuda y documentación. Es preciso que sea fácil de encontrar y ,preferentemente, que esté orientada a tareas concretas. Necesidad de aprendizaje - Soporte - Tour en pantalla
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 69.