Conceptos:
- Duración y Velocidad
- Tamaño importa
- Móvil
- Tablets y relojes inteligentes
- Movimiento:
- Comprensión y Extensión
- Anticipación
- Puesta en Escena
- Seguimiento y Acción Superpuesta
- Entrada y Salida
- Acción Secundaria
- Tiempo
- Exageración
Intro
Bienvenida
Introducción al mundo digital
Introducción al software
Historia del diseño
Heurísticos
Principios heurísticos de percepción y comportamiento I
Principios heurísticos de percepción y comportamiento II
Principios heurísticos de relación y jerarquía
Principios heurísticos de forma I
Principios heurísticos de forma II
Interacción
Básicos de User Interface
Arquitectura de la información
Tipografía
Vectores y operaciones booleanas
Usabilidad, consistencia y eficiencia
Organización, colaboración y procesos
Animación
Principios de la animación
Prototipando en Figma
Cierre
Ejemplos de portafolio de diseño
Cierre
Live Class
Live Class - UI Design: transforma ideas en experiencias
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 8
Preguntas 0
Conceptos:
En la app de Nequi en Colombia identifique la entrada y salida: mientras ejecutas una orden, y la app esta procesando, el icono de Nequi que son dos cuadrados superpuestas uno del otro y redondeados en las puntas, se mueven en direcciones contrarias, una como las manecillas del reloj y el otro de manera opuesta, estas acciones dan la sensacion de espera mientras que la accion sucede. y produce una sensacion de distraccion que evita la ansiedad sobre la transaccion financiera.
Mis notas de clase:
Un ejemplo del principio acción secundaria y exageración es la micro-animación del botón de like en Youtube.
App Tinder, cuando se abre la app, se ingresa y se muestra el nombre de la aplicación con un fondo color uinforme caracteristico de la app, luego se muestra un icono de una llama que esta decorada con simbolos diversos a su alrededor como si explotase una piñata, luego aparece la foto de uno con un eco de circulos que se expande alrededor de la foto y esto da la sensación de busqueda, mientras carga información de los prospectos para deslizar (segun como funcinona la app).
Bumble:
Anticipación: Aparece el logo con una animación como si estuviera cargando.
Entrada y salida cuando deslizas hacia la izquierda o derecha, a la vez la exageración, haciendo la animación como si fuera que estuvieras escogiendo cartas.
Luego de completar cada lección en Duolingo, aparecen algunos de los personajes realizando algunas acciones animadas.
En este se aplican los siguientes principios:
Tengo la duda de si todos se aplican ya que son caricaturas animadas luego de dar como finalizada la lección.
En la app de weverse para móvil, en la sección de artist lo primero que vemos son una secuencia de historias de cada perfil de los miembros del grupo, acá podemos destacar el principio de Seguimiento y acción superpuesta, ya que posee un movimiento lineal al momento de ir deslizando las historias de izquierda a derecha.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.