SlideShare uma empresa Scribd logo
1 de 70
Baixar para ler offline
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

Mais conteúdo relacionado

Mais procurados

Touch Screen Technology
Touch Screen TechnologyTouch Screen Technology
Touch Screen TechnologyProtap Mondal
 
Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principalsAnwal Mirza
 
인터랙션디자인 2014151046 함승수
인터랙션디자인 2014151046 함승수인터랙션디자인 2014151046 함승수
인터랙션디자인 2014151046 함승수승수 함
 
Slides - Le basi di UX e UI
Slides - Le basi di UX e UISlides - Le basi di UX e UI
Slides - Le basi di UX e UIEnea Nurri
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui designShweta Joshi
 
UX Methods and Practices
UX Methods and PracticesUX Methods and Practices
UX Methods and PracticesCleveroad
 
Mia's Pizza - UI/UX Case study By Jonathan Fernandes
Mia's Pizza - UI/UX Case study By Jonathan Fernandes Mia's Pizza - UI/UX Case study By Jonathan Fernandes
Mia's Pizza - UI/UX Case study By Jonathan Fernandes JonathanFernandes88
 
HCI 3e - Ch 11: User support
HCI 3e - Ch 11:  User supportHCI 3e - Ch 11:  User support
HCI 3e - Ch 11: User supportAlan Dix
 
Human Computer Interaction Chapter 2
Human Computer Interaction Chapter 2Human Computer Interaction Chapter 2
Human Computer Interaction Chapter 2syxf10
 
Unit 8 assignment 1
Unit 8   assignment 1Unit 8   assignment 1
Unit 8 assignment 1KingHarribo
 
HCI 2018 (3/10) Design Models, Methodologies and Guidelines
HCI 2018 (3/10) Design Models, Methodologies and GuidelinesHCI 2018 (3/10) Design Models, Methodologies and Guidelines
HCI 2018 (3/10) Design Models, Methodologies and GuidelinesSabin Buraga
 
Scenario-based Design
Scenario-based DesignScenario-based Design
Scenario-based DesignHans Põldoja
 
Fundamental of UI_UX - Developer Student Clubs.pptx
Fundamental of UI_UX - Developer Student Clubs.pptxFundamental of UI_UX - Developer Student Clubs.pptx
Fundamental of UI_UX - Developer Student Clubs.pptxYOSAFAT11
 

Mais procurados (20)

Touch Screen Technology
Touch Screen TechnologyTouch Screen Technology
Touch Screen Technology
 
Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principals
 
Test heuristico
Test heuristicoTest heuristico
Test heuristico
 
인터랙션디자인 2014151046 함승수
인터랙션디자인 2014151046 함승수인터랙션디자인 2014151046 함승수
인터랙션디자인 2014151046 함승수
 
Design System.pdf
Design System.pdfDesign System.pdf
Design System.pdf
 
E3 chap-08
E3 chap-08E3 chap-08
E3 chap-08
 
Bill on the Hill
Bill on the HillBill on the Hill
Bill on the Hill
 
Introduction to UX Research
Introduction to UX ResearchIntroduction to UX Research
Introduction to UX Research
 
Slides - Le basi di UX e UI
Slides - Le basi di UX e UISlides - Le basi di UX e UI
Slides - Le basi di UX e UI
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 
UX Methods and Practices
UX Methods and PracticesUX Methods and Practices
UX Methods and Practices
 
Mia's Pizza - UI/UX Case study By Jonathan Fernandes
Mia's Pizza - UI/UX Case study By Jonathan Fernandes Mia's Pizza - UI/UX Case study By Jonathan Fernandes
Mia's Pizza - UI/UX Case study By Jonathan Fernandes
 
HCI 3e - Ch 11: User support
HCI 3e - Ch 11:  User supportHCI 3e - Ch 11:  User support
HCI 3e - Ch 11: User support
 
Human Computer Interaction Chapter 2
Human Computer Interaction Chapter 2Human Computer Interaction Chapter 2
Human Computer Interaction Chapter 2
 
Unit 8 assignment 1
Unit 8   assignment 1Unit 8   assignment 1
Unit 8 assignment 1
 
HCI 2018 (3/10) Design Models, Methodologies and Guidelines
HCI 2018 (3/10) Design Models, Methodologies and GuidelinesHCI 2018 (3/10) Design Models, Methodologies and Guidelines
HCI 2018 (3/10) Design Models, Methodologies and Guidelines
 
Scenario-based Design
Scenario-based DesignScenario-based Design
Scenario-based Design
 
Fundamental of UI_UX - Developer Student Clubs.pptx
Fundamental of UI_UX - Developer Student Clubs.pptxFundamental of UI_UX - Developer Student Clubs.pptx
Fundamental of UI_UX - Developer Student Clubs.pptx
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 

Destaque

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
 

Destaque (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
 
Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
 
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
 

Semelhante 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
 

Semelhante 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
 

Mais 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
 

Mais 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

DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxNorberto Chacon
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxLeo Florez
 
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
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
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
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYkarendaza9506
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxJustoAlbertoBaltaSmi
 
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
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEhayax3
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTADMaryNavarro1717
 
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
 
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
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosCristianGmez22034
 
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
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
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
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30SantiagoAgudelo47
 

Último (20)

DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
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
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
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
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
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
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS  EN LA LIBERTADINTERVENCIONES DE CARRETERAS  EN LA LIBERTAD
INTERVENCIONES DE CARRETERAS EN LA LIBERTAD
 
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
 
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
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
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
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
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
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 

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.