Introducción al diseño UI

¿Qué es el diseño?

Proyectar la solución a un problema concreto

  • Principios de diseño UX

  • Proceso y metodología

  • Herramientas para diseñar interfaces

  • Tips y recursos

Roadmap

Jerarquía visual

Claridad y simplicidad visual

The Design of Everyday Things

Conceptos básicos de Don Norman

Visibilidad

Cuanto más visibles sean las funciones, más probable será que los usuarios sepan qué hacer a continuación

Feedback

Comunicación continua de los resultados de una acción

Mapping

Relación entre los controles y sus efectos en el mundo real

Consistencia

Una interfaz consistente tiene las mismas reglas para lograr tareas similares

Affordance

Cuando las posibilidades de un objeto físico son perceptualmente obvias, es fácil saber cómo interactuar con él

Elementos de diseño UI

Workflow

Grids

Tipografía

Color

Imágenes

Crea una guía de estilos

Para ayudar al proyecto a escalar

Diseño atómico

Componenetes reutilizables

Accesibilidad

Diseña interfaces accesibles

Patrones de diseño

Tienen éxito por algo

Herramientas de Diseño

Diseñando interfaces de usuario

Consejos para el diseño

Y para la vida en general

Entrega valor muy rápido

Mejor algo acabado que perfecto

Prioriza tu esfuerzo

Cumple con los requisitos necesarios

No reinventes la rueda

Utiliza los patrones de diseño

Storytelling

El arte de contar historias

Handoff

A la hora de implementar tu diseño

Storybook

Uniendo diseño con desarrollo

Libros de referencia

Para la lista de los reyes magos

Recursos