INTRODUCCIÓN A WEB DESIGNUSER EXPERIENCE USABILIDAD INTERFAZ DE USUARIO
Antes de empezar a trabajar
Equipos de trabajo
UX (User Experience) y UI (User Interface), Usabilidad
Arquitectura de la información
Wireframing, sistema de columnas, modelo de cajas
Tendencias de diseño web
Responsive design
HTML (definición, etiquetas, doctype)
CSS (definición, propiedades, selectores)
EXPERIENCIA DE USUARIOUSER EXPERIENCE (UI)
UX (Experiencia de usuario)Cómo se siente una persona sobre el uso de un sistema o tecnología
Aspectos vivenciales, afectivos, significativos y valiosos de la interacción humano-máquina y de propiedad de producto
Percepciones de una persona de los aspectos prácticos, como la utilidad, la facilidad de uso y la eficiencia
La experiencia de usuario es subjetiva
Probablemente tú no eres el usuario final
Mientras menos te parezcas al usuario final más trabajo de investigación deberás realizar
Lo que funciona para unos no funciona para otros
Cada producto necesita una visión única
La experiencia de usuario es dinámica
Cambia con el tiempo a medida que cambian las circunstancias
Actividad
Identifica una buena y una mala experiencia de usuario en la vida cotidiana
Identifica una buena y una mala experiencia de usuario en un sitio web
USABILIDAD
¿Qué es la Usabilidad?Significa asegurarse que algo funcione bien:
Que una persona con capacidad y experiencia media
(o incluso por debajo de la media)sea capaz de usar algo
(ya sea un sitio web, un avión de combate o una puerta giratoria)
con el objetivo deseado
sin sentirse completamente frustrado.
Steve KrugNo me hagas pensar. Una aproximación a la usabilidad en la Web
Segunda Edición
La Usabilidad implica menor frustración y más satisfacción para sus visitantes, además de una mayor probabilidad de volver a verlos en otra ocasión.
A la gente, en general, no le gusta sentirse desconcertada cuando se pone a pensar en cómo hacer Ias cosas.
Steve KrugNo me hagas pensar. Una aproximación a la usabilidad en la Web
Segunda Edición
Elementos de usabilidad
Interfaz intuitiva
Consistencia en el diseño
Elementos básicos fácilmente localizables
Repetición de elementos
Llevar al usuario de la mano
Elementos de la usabilidad
Facilidad de aprendizaje
Eficiencia
Memorabilidad
Errores
Satisfacción
Facilidad de aprendizaje: La facilidad para el usuario de llevar a cabo tareas básicas la primera vez que se encuentra en el sitio
Eficiencia: Una vez que el usuario ha aprendido el diseño, la rapidez con que pueden realizar tareas
Memorabilidad: Cuando el usuario vuelven al sitio después de un período de no usarlo, la facilidad con que pueden recordar cómo navegar y realizar tareas
Errores: Cuando el usuario comete errores, qué tan graves son estos errores, y la facilidad con que pueden recuperarse de éstos
Satisfacción: Qué agradable para usar es el diseño
Elementos de usabilidad
Evitar saturación de información y elementos
Proporcionar una navegación clara
Poder navegar a cualquier parte del sitio desde cualquier parte del sitio
Mientras que el contenido es único, la navegación debe ser lo más simple, predecible e intuitiva posible
INTERFAZ DE USUARIOUI
Elementos de interfaz de usuario
Header
Footer
Body (Cuerpo o contenido)
Botones / Call to action
Menú de navegación
Carrusel / Slider
Formato de texto
EL CONTENIDO ES EL REYEl diseño debe adecuarse al contenido y no al revés
La distribución es la reina
NO ME HAGAS PENSAR STEVE KRUG
!
https://www.dropbox.com/s/e9eomy6woh2e8j6/no-me-hagas-pensar.pdf
ADRIANA ATZIMBA TIENDA MARTÍNEZ [email protected]
Top Related