Psicología cognitiva detrás de los principios de diseño de la interfaz de usuario
Todos los principios de diseño se basan en realidad en la psicología humana, analizando la esencia del diseño de interacción desde una perspectiva cognitiva y psicológica, interpretando cómo las personas perciben, aprenden, razonan, recuerdan y convierten ideas en acción. Vincularla a principios prácticos de diseño hace que la psicología sea más concreta y más fácil de entender.
Este artículo es un artículo para responder mis propias preguntas y también es un resumen de mis notas de estudio. También me permite saber que incluso si memorizo los famosos principios de interacción, todavía no puedo diseñar; Bueno. ¿Cuál es la razón? En realidad, muchos principios y escenarios de diseño son consistentes, pero los escenarios entran en conflicto. ¿Cómo inferir qué principios de diseño son más confiables?
Existe una cierta desviación entre nuestra percepción y la realidad
No dudes que lo que vemos no es la verdad, nuestro cerebro está afectando nuestra percepción en gran medida es lo que nosotros”; esperar” percibir. La percepción se ve afectada por al menos los siguientes tres factores y se desvía de la realidad.
1. Pasado: Las experiencias preconcebidas afectan nuestra percepción.
Las personas tienden a comprender y juzgar las cosas basándose en experiencias pasadas; la experiencia sesgada dará a los usuarios diferentes percepciones y comprensiones; ¿confías en la experiencia o en lo que otros te dicen?
Boceto de R.c. James: La primera impresión es una mancha negra que se desborda sin querer. Si alguien te dijera que era un dálmata olisqueando el suelo cerca de un árbol, sería difícil descartar el boceto como un punto negro aleatorio. Después de ver Little Dragon Girl de Liu Yifei, y hay más remakes (Michelle Chen y Mao Xiaohui) en el futuro, todos piensan que no hay mejor papel en Little Dragon Girl que Liu Yifei, y todos fueron criticados miserablemente; todo debido a la experiencia de la gente de ser preconcebida.
Nuestra cognición se verá afectada por marcos perceptivos familiares;
Pasamos la mayor parte de nuestras vidas en entornos familiares (como el hogar, el trabajo, ir a trabajar) En la carretera, cerca de compras centros comerciales), con el tiempo estos entornos familiares establecerán un marco en nuestra mente; por ejemplo, no es necesario revisar las cosas en casa con frecuencia, pero estás lo suficientemente familiarizado con tu casa como para saber dónde deben colocarse algunas cosas, porque. usted ha establecido una percepción de su propia casa que está un poco estereotipada. Los expertos lo llaman "modo perceptivo/marco perceptivo".
Los marcos perceptivos pueden ayudarnos a afrontar el mundo en el que vivimos, pero también pueden permitirnos ver cosas que no existen, por ejemplo, a veces sentimos; que tu identidad está claramente Está en algún lugar de casa, pero no pude encontrarlo después de buscarlo por mucho tiempo cuando vas a un restaurante a comer, parte del marco mental de ir al restaurante es pagar; Tal vez saliste del restaurante sin pagar, ¡pero tu subconsciente pensó que habías pagado hasta que revisaste la cuenta! ! ! !
El marco psicológico de diferentes situaciones afecta nuestra percepción de lo que esperamos ver en diferentes situaciones; las personas que usan computadoras, sitios web y teléfonos móviles tendrán diferentes interpretaciones de los escritorios y archivos, navegadores web, sitios web, y varias aplicaciones tienen un marco mental correspondiente; los usuarios suelen hacer clic en botones o enlaces sin mirar la pantalla. Confían más en experiencias pasadas para guiar su percepción de la interfaz, ¡lo cual es un punto ciego! ! ! Si no piensa, no pensará. Conociendo este principio, podemos comprender mejor esos principios de diseño.
Entonces, en esta página se explica por qué los principios de diseño de la interfaz de usuario deben ser coherentes, y la coherencia también incluye tres aspectos:
1.
Si no se ajusta a los modelos y marcos mentales familiares, es fácil volverse loco; los amigos que especulan a menudo con acciones serán muy sensibles al rojo y al verde. El verde significa caer y el rojo significa subir, pero en realidad el mercado de valores norteamericano es todo lo contrario, el rojo significa bajar. Muchos usuarios que están acostumbrados a Android de repente dejarán de estar acostumbrados a utilizar iOS. La aplicación WeChat más obvia, existen muchas diferencias entre la versión de iOS y la versión de Android. Los usuarios del sistema que están acostumbrados a ganar compraron computadoras MacBook nuevas.
Falló cuando comencé a usarla y siempre sentí que tenía retraso mental ~
Hay muchos casos en la aplicación que se ajustan al modelo mental del usuario, lo que reduce el costo de aprendizaje y la carga de memoria del usuario.
Los libros electrónicos leídos por QQ aún conservan el efecto de pasar las páginas, simulando el efecto de pasar las páginas en la realidad, lo que reduce en gran medida el costo de comprensión para los usuarios al controlar el paso de las páginas de izquierda a derecha. La forma de diseño de los sobres rojos de WeChat es muy similar a los sobres rojos reales, por lo que muchas personas comprenden inmediatamente que es un sobre rojo y hacen clic en él para abrirlo. NetEase Cloud Music también crea la sensación visual de los discos de vinilo y las pausas cambiarán en consecuencia para crear una atmósfera para escuchar música.
El estilo de los anuncios de WeChat Moments también se ajusta al modelo mental del usuario y el formato de presentación es coherente con los Momentos publicados por amigos. Utilice celebridades como amigos, inserte imágenes grandes y vea los comentarios e interacciones de los amigos en la parte inferior. Da la impresión de que los amigos han publicado estados, en lugar de anuncios desnudos.
Además, en el escenario de transferir fondos en la página de conversación con amigos de Alipay, los usuarios tienen diferentes hábitos de uso. Pensaron que estaban transfiriendo dinero aquí, por lo que algunos usuarios pensaron que su transferencia se había realizado correctamente después de ingresar al cuadro de diálogo e ingresar los números. De hecho, no lo hicieron, por lo que ahora hay un plan revisado; cuando Li Bili ingresa la contraseña, los dos villanos se taparán los ojos, como en la realidad, cuando otros ingresan la contraseña, se alejarán sin mirar.
2. Coherencia con las reglas de la plataforma
El diseño del producto debe cumplir con las especificaciones de la plataforma, como iOS, Android y las especificaciones del sitio web; también debe ser coherente con los productos de la competencia. Por ejemplo, las aplicaciones del mismo tipo serán similares;
3. Coherencia de las especificaciones internas del producto.
Esto incluye la coherencia de las versiones iterativas, la coherencia de los colores de los iconos y las fuentes al mismo nivel, la coherencia de la marca y la coherencia de los comportamientos interactivos. Las diferentes marcas tienen su propia tonalidad, que puede ser; logrado a través del lenguaje de diseño Comunicado directamente a los usuarios, se puede lograr un buen reconocimiento de marca. Los productos maduros tienen sus propios estándares de diseño.
4. Seguir los hábitos de funcionamiento del usuario;
A veces, cuando buscamos algo, si no está en el mismo lugar o se ve diferente a antes, o incluso justo delante de nosotros. nosotros, lo hemos estado buscando durante mucho tiempo, también por la influencia de la experiencia pasada, por lo que los hábitos de los usuarios de productos iguales o similares son consistentes, lo que significa que los usuarios necesitan menos tiempo para aprender, o incluso no lo hacen. necesito aprender;
IOS y Android de WeChat La inconsistencia de la versión se basa en los diferentes hábitos de interacción de los dos terminales, por ejemplo, la posición de búsqueda de la versión WeChat 2 es inconsistente, Android está en la esquina superior derecha; esquina, y iOS es una barra larga en la página de descubrimiento, iOS no tiene adiciones de búsqueda, pero Android sí, en el sistema iOS, solo necesita agregar. Puede eliminar un mensaje deslizándose hacia la izquierda. Debe mantener presionado el mensaje para seleccionar la opción de eliminación de las opciones emergentes y luego presionar la opción para confirmar la eliminación. Android puede deslizarse hacia la izquierda y hacia la derecha para cambiar entre 4 pestañas, pero iOS no. La tecla Intro en la página secundaria de Android e iOS también es inconsistente. Hay una operación de retorno en la parte inferior de Android, y iOS se desliza hacia la derecha para volver al nivel anterior.
2. Actual: El entorno afecta a la percepción
La influencia del entorno circundante en la percepción también existe entre los diferentes sentidos. La percepción de cualquiera de los cinco sentidos puede afectar la percepción de otros sentidos al mismo tiempo. Por ejemplo, lo que oímos afecta a lo que vemos, y viceversa, lo que oímos, vemos u olemos afecta a nuestro sentido del tacto.
En definitiva, la actividad neuronal de reconocer una letra, una palabra, una cara o cualquier objeto incluye la entrada de señales neuronales generadas por estímulos ambientales. Este entorno incluye otros objetos y eventos cercanos e incluso recuerdos de objetos y eventos previamente percibidos activados por el entorno.
Las personas a menudo entienden las cosas basándose en las escenas circundantes, y lo mismo ocurre con la percepción visual. El contexto afecta nuestra comprensión de una palabra. A veces surgen ambigüedades en el entorno. El mismo párrafo tendrá diferentes interpretaciones en diferentes oraciones. Lo mismo ocurre visualmente:
El diseño visual puede mejorar la emoción, el tema y el temperamento mediante la ubicación del fondo de la aplicación y los elementos de la interfaz.
Por ejemplo, los escenarios principales de las actividades de festivales como Tmall, JD.COM y Pinduoduo 618 también utilizan esta psicología para crear una atmósfera de compra en compra.
3. Futuro: Las metas afectan la percepción.
Además de la visión, nuestro objetivo es filtrar la percepción de otros sentidos.
Por ejemplo, cuando hablas con alguien en un ambiente ruidoso, puedes prestar más atención a lo que dice, incluso si hay mucha gente hablando a tu alrededor. Cuanto más interesado esté en la conversación, más podrá filtrar los sonidos que le rodean.
Cuando los usuarios inician sesión en un sitio web para realizar una acción, normalmente tienen un propósito. En el proceso, filtran cosas que son irrelevantes para la operación objetivo. Cuando los usuarios buscan información o una característica en un software o sitio web, no leen con atención, sino que simplemente hacen un análisis rápido y superficial de las cosas relacionadas con sus objetivos. En lugar de simplemente ignorar cosas que son irrelevantes para sus objetivos, a menudo no prestan atención.
Las metas influyen en aquello a lo que prestamos atención: la percepción es activa y utilizamos nuestros cinco sentidos para encontrar cosas relacionadas con la meta. La orientación sensibiliza nuestros sistemas de percepción a ciertas características; por ejemplo, si buscamos puntos rojos en la imagen de abajo, el cerebro será particularmente sensible al rojo, mientras que otros colores apenas se notarán, incluso si "vemos" que los tenemos.
Filtrar la percepción a través de objetivos es particularmente fiable en los adultos, que se centran más en los objetivos que los niños. Los niños se dejan guiar más fácilmente por los estímulos y las metas filtran menos sus percepciones. Esta característica hace que se distraigan más fácilmente que los adultos, pero también hace que sea menos probable que los observen.
Cuando el usuario moviliza completamente su percepción para encontrar el objetivo, debido a que la atención del usuario está en un estado muy tenso, se trata de una mala experiencia de usuario. Lo que queremos hacer es facilitar a los usuarios la tarea de completar sus tareas objetivo sin mucho estrés ni búsquedas.
Por ejemplo, al registrar una cuenta en Taobao, el usuario está claramente informado del estado general del proceso de registro.
Porque es muy fácil para los usuarios ignorar información irrelevante para la tarea de destino al completar una operación. Si es necesario que el usuario preste atención a alguna información adicional importante durante el procesamiento de la tarea, es necesario. debe resaltarse o colocarse en su lugar. Por ejemplo, cuando un usuario crea una contraseña, Behace coloca cuidadosamente debajo los elementos de contraseña satisfechos para evitar que se vuelvan a escribir si no se cumplen los requisitos de la contraseña.
Resumen: ¿Cuál es el impacto final en el diseño?
Evita la ambigüedad
Evita mostrar información ambigua y prueba para confirmar que todos los usuarios entienden la información de forma consistente. Cuando no se pueda eliminar la ambigüedad, confíe en los estándares de diseño, confíe en los hábitos del usuario o dígales que comprendan la ambigüedad de la manera esperada.
Comunicarse con
Colocar información y controles en ubicaciones consistentes. Los controles y visualizaciones de datos que brindan la misma funcionalidad en diferentes páginas deben ubicarse en la misma ubicación en cada página y también deben tener los mismos colores, fuentes y sombras. Este rendimiento constante permite a los usuarios encontrarlos e identificarlos rápidamente. Los principios de diseño de interacción coherentes pueden mejorar la entrega de información y la experiencia del usuario para los equipos de desarrollo de productos, y también reducirán los costos de desarrollo del diseño.
Comprender los objetivos
Comprender los objetivos de los usuarios y saber qué es lo que más quieren percibir. Sólo así la información necesaria podrá corresponder claramente a la percepción del usuario, y el usuario tiene. un objetivo para utilizar un sistema. Los diseñadores deben comprender estos objetivos y darse cuenta de que diferentes usuarios pueden tener objetivos diferentes y que sus objetivos influyen fuertemente en lo que perciben. En cada punto de la interacción, asegúrese de que la información que el usuario necesita se proporcione y corresponda claramente a un posible objetivo del usuario, de modo que el usuario pueda prestar atención y utilizar la información.