Capacitación en diseño de pájaros de jade de Beida: ¿Cuáles son las formas comunes de diseño de interacción?
Estado actual del sistema Cuando los usuarios activan el comportamiento de la interfaz a través de la interacción, quieren ver una respuesta visual: todo el sistema interactivo debe indicar claramente que ha recibido la solicitud y la ha procesado.
A continuación se muestran algunas situaciones comunes en las que la retroalimentación dinámica beneficia a los usuarios: Confirmar el comportamiento del usuario.
Después de recibir comentarios del usuario, el sistema notifica al usuario que se han recibido comentarios a través de efectos dinámicos.
La retroalimentación visual impide que el usuario realice más acciones.
Notificar a los usuarios del resultado de sus interacciones.
Desliza hacia abajo para actualizar el contenido actualizado.
La retroalimentación visual representada por un indicador de carga informa al usuario que el sistema ha comenzado a procesar la solicitud anterior.
Las animaciones sutiles pueden ayudar a los usuarios a comprender lo que está sucediendo.
Reproduce animación mientras esperas que se cargue el contenido.
Fingir no tiene por qué ser aburrido.
Hoy en día, casi todas las aplicaciones utilizan animaciones sutiles para evitar que los usuarios abandonen mientras cargan.
La retroalimentación visual que brinda la animación de carga al usuario es que "la información se está cargando paso a paso", por lo que durante este proceso el usuario sentirá que el tiempo no es tan rápido como realmente es.
Utilice efectos dinámicos para conectar diferentes pasos en varios pasos. A veces, los usuarios necesitan completar una operación a través de una serie de pasos y es necesario realizar conexiones entre los pasos. Con la ayuda de la animación, los usuarios pueden conectar varios procesos y completar todo el proceso sin problemas.
El siguiente ejemplo muestra cómo la animación puede conectar eventos lineales.
Los diseñadores pueden utilizar la animación para crear presentaciones progresivas.
La renderización progresiva puede reducir la cantidad de información que se muestra al mismo tiempo, haciendo que la interfaz sea más fluida y fácil de aprender.
El siguiente es un caso de presentación gradual de información: Introducir nuevos elementos Cuando queremos introducir nuevos elementos o controles en la página, intentaremos guiar la atención del usuario hacia el objeto específico y decirle algo nuevo. Motivo de entrada.
Al introducir un nuevo elemento, los efectos dinámicos pueden ayudarte a definir la relación entre este elemento y otros elementos, así como la jerarquía.
Dar a los usuarios la sensación de una animación de posicionamiento puede ayudarlos a establecer una mejor sensación de espacio.
Esto es especialmente importante para los usuarios de dispositivos móviles, que interactúan de manera muy sensible en pantallas pequeñas y pueden perderse fácilmente sin sensación de espacio.
Podemos utilizar efectos dinámicos para guiar a los usuarios, lo que ayuda a explicar los "cambios espaciales" de la interfaz y también puede explicar mejor los cambios entre interfaces y proporcionar información relevante a los usuarios para evitar que los usuarios se pierdan. .
En el siguiente caso, el botón de acción flotante (FAB) se convertirá en un encabezado de página y el efecto dinámico en el medio mostrará el proceso de cambio y explicará la relación entre los dos.
La animación puede ayudarte a establecer relaciones entre elementos.
Reducir la carga cognitiva Cuando los usuarios necesitan gastar energía para entender algo, la carga cognitiva es muy pesada.
En general, cuanto más libre de preocupaciones está un producto, menor es su carga cognitiva.
Si un producto tiene una gran carga cognitiva, será difícil que los usuarios lo entiendan sin invertir esfuerzo.
Como diseñadores, nuestro objetivo debe ser crear una interfaz que sea fácil de usar. Si se diseñan correctamente, las animaciones pueden ayudar a reducir la carga cognitiva de los usuarios.
En casi cualquier aplicación, los usuarios deben completar algunos formularios y los marcadores de posición de muchos formularios a menudo existen como etiquetas.
Cuando el usuario haga clic, el marcador de posición desaparecerá.
Si el usuario no lo vio claramente antes y no puede verlo ahora, naturalmente será difícil descubrir qué es este campo.
Los usuarios no se confundirían si el campo flotara al hacer clic para completarlo.
Cuando los usuarios necesiten ingresar información, no confíe en la memoria del usuario. La información clave debe ser visible.