Diseño de UX UI

Proceso de diseño:

1. Investigación: acerca del producto, que vamos a vender, target final al cliente (condiciones sociales, culturales
y económicas) y los usuarios.

2. Organización: Momento más artístico del proyecto, esquematizar, flujos de trabajo, como recoger la
información, como se va a plasmar al usuario, procesar la fase de investigación para crear un producto viable.
dar respuesta al bloqueo que pueda tener un usuario.

3. Diseño: Look and feel, colores, ubicación de botones, todo definido por las fases anteriores.

4. Prueba: prueba del cliente (si cumplimos sus expectativas, un producto que venda y sea entendible) y prueba
del usuario final (si resuelve sus problemas y expectativas, que sea fácil, sencillo y con un mínimo esfuerzo
cumpla el objetivo).

Interface: herramienta que permite conectar dos sistemas

Diseño de interacción: se centra en el momento cuando el usuario interactúa con el producto. Es la estructura y
el comportamiento de los sistemas interactivos.

- Definir como se interactúa (táctil, teclado o ratón)

- Dar pistas y sugerir acciones.
- Anticiparse al error del usuario.
- Necesita Feedback de usuario si hace algo ¿Por qué?
- Simplificar todo lo que se pueda.

Accebilidad: son el conjunto de técnicas enfocadas a cualquier persona pueda acceder al contenido de del
producto sin importar su discapacidad.
 - Texto alternativo en las imágenes, nombres significativos.
- Videos con subtítulos
- Textos grandes y contrastados
- Botones y zonas de acción amplias.

Estas pautas y otras más son una especificación del W3C. estas han sido desarrolladas por la iniciativa
Accesibilidad en la WEB (WAI).

Usabilidad: conjunto de técnicas que ayudan a realizar tareas en entornos gráficos.

- El usuario quiere realizar tareas de forma sencilla y eficaz.

- La usabilidad ayuda a que esta tarea se realice de la forma más fácil y sencilla posible, analizando la
conducta humana y los pasos necesarios para ejecutar la tarea de una forma eficaz.
- Es una medida que se refiere a la factibilidad con que las personas pueden utilizar un producto con el fin
de alcanzar un objetivo concreto.

Principios de la usabilidad

- Informar al usuario sobre qué está pasando.

- Hablar en el lenguaje del usuario (fácil de entender en el contexto del usuario)
- Dar libertad de uso (no bombardear de alertas y botones)
- Que sienta que tiene todo el control de todo lo que pasa. (No obligarlo a un solo camino ni bombardear
de alertas)
- Consistencia en la página: mismos colores, pestañas, …
- Seguir unos estándares de diseño.
- Fácil de usar para usuarios inexpertos.
- Con atajos y aceleradores para usuarios expertos.
- Diseño estético y minimalista.

Experiencia de usuarios: son las sensaciones cuando se interactúa con el producto, si se frustra, si lo hace bien, si
ha sido fácil.

Diseño de experiencia de usuario: intentar que esas sensaciones sean lo más agradable posible.

Accesibilidad: dar acceso a la plataforma o producto a personas con discapacidad para que todos podamos
usarla en las mismas condiciones.

Usabilidad: crear un producto usable, que sea fácil y sencillo para el usuario, porque repercute en la experiencia
de usuario, mas sencilla y agradable lo cual aumenta la experiencia de usuario.

Proyecto

Arquitectura de la información: es la forma en la cual se muestra la información, la manera de organizarla,

diseño de interacción que facilite la búsqueda de la tarea del usuario, obtener un buscador, contrastado
(www.pccomponentes.com), analizar el tiempo que se tarde en cumplir el objetivo de la pagina o app (ej.
Comprar un producto), al reducir el tamaño de pantalla siempre mostrar el producto y mostrar el botón de
comprar.
UX (Backend)

- USABILIDAD
- Arquitectura de la información
- User Research
- Accesibilidad
- Análisis de negocio

UI (Front End)

- Wireframes
- Mockups
- Prototipado
- Sistemas de diseño