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 atzimbatm@gmail.com