La aplicación de la psicología en el diseño de productos.

El libro "Los diseñadores necesitan entender la psicología" habla de 100 conocimientos psicológicos. El contenido es muy bueno, pero siento que lo olvidaré después de leerlo. Combinado con el libro "Principios de diseño de diseño" que había leído antes, lo integré y traté de analizar varios casos que pueden probar su punto de vista. (todos usando la aplicación como ejemplo).

Capítulo 1: Cómo observan las personas

La visión es el primero de todos los sentidos. La mitad de los recursos del cerebro humano se dedican a recibir e interpretar lo que ven los ojos. Pero lo que ven los ojos no lo es todo, porque la información visual debe ser convertida y analizada por el cerebro. Lo que realmente se utiliza para la "observación" es en realidad el cerebro. Para analizar más rápidamente el mundo que lo rodea, el cerebro se vuelve perezoso: recibe alrededor de 40 millones de entradas sensoriales por segundo e intenta analizar completamente su significado, por lo que adivina lo que vemos basándose en experiencias pasadas.

El cerebro piensa que hay dos triángulos a la izquierda y un rectángulo a la derecha. De hecho, son solo líneas fragmentadas y espacios con espacios.

Realice un diseño de diseño razonable y. El uso de métodos de combinación de contenido, forma y color puede afectar lo que ven las personas, transmitiendo así información al observador. A continuación se resumen cuatro métodos que pueden afectar lo que ven las personas:

1. Ajuste el efecto de la página según la relación de diseño, el color y la forma de la imagen (el término relación de diseño se utiliza principalmente en diseño de impresión, esta es la relación de diseño móvil)

1. El impacto de la relación de diseño en el efecto de la página

La relación de diseño puede entenderse como la relación entre cada elemento de información y el tamaño de la pantalla del teléfono móvil. Cuanto mayor sea la proporción de diseño (espacio en blanco de la interfaz, menos), más información contiene la página y viceversa. Dado que la pantalla del teléfono móvil es pequeña, la visualización de información es limitada. Cómo mostrar información valiosa en una pantalla limitada es algo que todo diseñador debería considerar.

La impresión que las diferentes proporciones de página generan a los usuarios también cambiará. Reducir la proporción de diseño puede crear fácilmente una impresión elegante o crear un efecto de alta gama (adecuado para diseños más silenciosos y estables en su conjunto). El aumento en la proporción del diseño dará a la gente una impresión dinámica y muy animada.

Métodos para ajustar la proporción de diseño: (1) Ajustar el espacio en blanco: expandir el espacio en blanco reducirá la proporción de diseño, reducir el espacio en blanco aumentará la proporción de diseño (2) Ajustar el número y el tamaño; de imágenes: cuantas más imágenes, mejor será la proporción de diseño Alto, cuanto mayor sea el tamaño de la imagen, mayor será la proporción de diseño (3) Cambie el color de fondo del diseño, si es necesario, cuando el número de palabras sea grande y la proporción de diseño sea grande; pequeño, puede cambiar el color de fondo de la página para cambiar la experiencia visual presentada en la página

2. El impacto del color en los efectos de la página

Diferentes tratamientos de colores en la página darán El blanco le da tranquilidad a la gente, el rojo le da entusiasmo y la alta pureza los colores se destacan más que los colores menos puros.

Básicamente, esta es la razón por la que Taobao se siente muy animado cada vez que lo abro, mientras que JD.com parece mucho más discreto. Lo más importante para el comercio electrónico es crear una atmósfera de compra. En este sentido, Taobao sigue siendo un poco mejor.

3. La influencia de la forma de la imagen en el efecto de la página

Para la forma de la imagen, se puede dividir aproximadamente en dos métodos: forma geométrica y forma natural. Todas las fotografías tomadas están rodeadas por un cuadro cuadrilátero. Si la imagen aún mantiene una forma cuadrilátera, circular, etc. cuando se usa, se denomina "imagen geométrica" ​​si la imagen se recorta de acuerdo con el contorno del sujeto. que resaltan la forma única del sujeto se denominan "imágenes de formas naturales".

Las imágenes geométricas se dividen principalmente en imágenes cuadrangulares e imágenes circulares. Cuanto más prefieras las imágenes cuadriláteras, más natural será el efecto. mientras que las imágenes circulares pueden lograr el efecto de un primer plano artificial. Las imágenes con formas naturales cortadas según los contornos pueden resaltar eficazmente la forma del objeto y hacer que la página sea dinámica. Este método es principalmente adecuado para exhibir artículos diversos, ropa, comida y otros artículos.

Puede utilizar la forma de imagen correspondiente según la sensación que desee dar a las personas en la página. Al diseñar la página, es mejor no mostrar el borde de forma predeterminada. para agregar formas naturales o formas geométricas para darle un sentido de estilo a la página. Una sensación diferente.

2. Guíe la mirada del usuario manejando el tamaño y la direccionalidad del contenido.

Después de mirar la pantalla, la mirada de las personas generalmente se moverá de izquierda a derecha o de arriba a abajo. si hay imágenes grandes o cosas en movimiento junto a ellos, este tipo de contenido atraerá su atención, rompiendo así su tendencia de lectura original.

Cuando hay algún contenido que desea que los usuarios noten primero y formen una secuencia, debe indicarlo claramente a través del diseño. El método más básico es ampliar la parte a la que desea que el usuario preste atención y organizar el orden según el tamaño. En este caso, la relación de tamaño de cada parte del contenido se denomina "relación de prioridad" en el campo del diseño.

Aunque hay una diferencia de tamaño a la izquierda, no es obvia, mientras que la derecha es más obvia y rítmica.

Si la tasa de prioridad del contenido general de la página es relativamente alto, el contenido de la página será más rico. Los cambios producen un efecto dinámico y rítmico; las páginas con una tasa de prioridad baja pueden dar a las personas una impresión estable y fluida.

Amplíe las partes importantes (pueden ser áreas, imágenes, texto) para hacerlas más llamativas y atraer la atención de los usuarios.

Aunque la corteza visual del cerebro es muy grande y consume muchos recursos mentales, existe un área especial fuera de la corteza visual que se utiliza específicamente para reconocer rostros, llamada "área de la cara fusiforme". . Por lo tanto, cuando miramos imágenes, podemos reconocer rostros de un vistazo y no podemos evitar mirar en la dirección de los ojos de otras personas.

A menudo puedes verlo en las páginas de promoción de eventos.

3. Utiliza combinaciones de contenidos, formas y colores para transmitir información.

Descubrir patrones ayuda a procesar rápidamente la información sensorial recibida en todo momento. Incluso si no existe un patrón, el ojo y el cerebro humanos intentarán crearlo. Cuando los usuarios observan, no comprenden cosas diferentes de forma aislada, sino que se ven afectados por una amplia gama de efectos en su conjunto.

Utiliza el contraste de color o forma para atraer la atención del usuario y transmitir información importante.

Si dos cosas están muy cercanas entre sí, la gente piensa que existe una conexión entre ellas.

Cuando hay mucho contenido en la página, cuando se necesita agrupar, se debe mostrar claramente la relación entre el contenido que pertenece al mismo grupo y, al mismo tiempo, este grupo de contenido también debe mostrarse. Se muestran diferentes significados y funciones de otros grupos de contenidos. En este momento, las áreas se pueden dividir mediante líneas divisorias o colores de fondo.

Si desea utilizar líneas o rellenos de fondo para separar el contenido, primero intente ver si simplemente ajustando el espaciado se logra el efecto. A veces, ajustar el espacio lo suficiente para dividir el contenido también le da a la página un efecto visual limpio.

Para las líneas divisorias, en general, las líneas sólidas se distinguen más completamente que las líneas de puntos. Los diferentes intervalos entre los puntos que forman las líneas de puntos también tendrán diferente intensidad de distinción, y el color o grosor de las mismas. las líneas también serán diferentes. Las diferencias también darán a las personas diferentes impresiones en cuanto al relleno del color de fondo; cuanto mayor sea la diferencia de color, mayor será el grado de distinción, pero la discriminabilidad no debe ser demasiado baja.

4. Los cambios son más obvios

Cuando las personas observan las cosas, es posible que no necesariamente presten atención incluso si las ven, y es fácil ignorar los cambios reales. No crea que el usuario verá el objeto solo porque aparece en la pantalla. Especialmente cuando la página se actualiza y aparecen cambios, es posible que el usuario no se dé cuenta de la diferencia entre el anverso y el reverso de la página. Puede agregar señales visuales (como hacer que parpadee) o señales auditivas (como hacer que parpadee) para garantizar que el usuario note un cambio en algún lugar de la interfaz.

Es por eso que los anuncios en los teléfonos móviles deben rotar y algunos mensajes dinámicos deben animarse para atraer la atención de los usuarios.

Capítulo 2: ¿Cómo lee la gente?

Las personas leen con frecuencia, y su comprensión y memoria de lo que leen depende de su experiencia previa, su perspectiva de lectura y las instrucciones previas a la lectura. que los usuarios recuerden información específica cuando la leen.

Por ejemplo: Dime, ¿quieres terminarlo?

Todos sabemos que es incómodo leer toda la página de texto de esta manera. ¿Por qué las reglas del evento todavía tienen que escribirse así?

Capítulo 3: Cómo recuerda la gente

1. No permita que los recuerdos de las personas estén en diferentes posiciones, como leer las palabras o los números en una página y luego ingresarlos en otra. página. Si hace esto, es probable que olviden la información y su confianza se verá afectada.

2. Si quieres que las personas utilicen la memoria a corto plazo para recordar cosas, no les dejes hacer nada más antes de completar la tarea. La memoria a corto plazo se altera fácilmente y demasiada información sensorial puede hacer que pierdan la concentración.

1. Es bueno limitar la información que se muestra a los usuarios a 4, pero no es necesario forzarlo. Se puede mostrar más información categorizando o agrupando.

Por verificar.

Capítulo 4: Cómo piensa la gente

El cerebro sólo puede procesar conscientemente una pequeña cantidad de información a la vez, y un error común que cometen los diseñadores es proporcionar a los usuarios demasiada información al mismo tiempo. una vez. Se puede aplicar el concepto de diseño de renderizado progresivo.

La presentación progresiva significa que cada vez solo se muestra la información que el usuario necesita actualmente, lo que puede evitar que la información excesiva cause molestias al usuario. La representación progresiva requiere varios clics y es posible que haya escuchado que debe diseñar para minimizar la cantidad de clics necesarios para que los usuarios obtengan información detallada. Pero la cantidad de clics no es importante si los usuarios pueden obtener la cantidad correcta de información cada vez que hacen clic y están dispuestos a continuar viendo la página junto con la idea de diseño, entonces no notarán la operación de clic en absoluto. Cuando llegue el momento de considerar el diseño de renderizado progresivo, no se preocupe por la cantidad de clics. Si tiene que elegir entre permitir que los usuarios hagan clic y permitir que los usuarios usen su cerebro, haga clic más y use menos su cerebro.

Utiliza el renderizado progresivo para mostrar a los usuarios solo la información que necesitan cuando la necesitan. Utilice enlaces para guiar a los usuarios a más detalles.

La presentación progresiva es un buen método, pero el requisito previo es comprender qué información necesitan la mayoría de los usuarios la mayor parte del tiempo. Si no investiga lo suficiente en esta área, los usuarios se sentirán frustrados. El enfoque de presentación progresiva sólo funciona si sabes qué información necesitan la mayoría de los usuarios en cada paso.

La distracción mental se refiere a estar inmerso en pensamientos que no tienen nada que ver con una sola cosa. En muchas situaciones, las personas se distraen fácilmente. Por ejemplo, estás leyendo un artículo y de repente piensas que deberías cocinar. Esto sucede a menudo en la vida. La distracción mental le permite alternar rápidamente entre diferentes pensamientos.

Las personas tienen una cantidad de tiempo limitada para concentrarse en una tarea, y se debe asumir que su mente divaga con frecuencia.

Asegúrate de crear comentarios que recuerden a los usuarios su ubicación para que puedan regresar a donde estaban cuando recuperaron la conciencia.

Disonancia cognitiva: La sensación desagradable que se produce cuando las personas tienen dos puntos de vista opuestos. A la gente no le gusta este sentimiento, por lo que hacen todo lo posible para deshacerse de él. Hay dos formas de deshacerse de él: cambiar el concepto original o negar uno de los puntos de vista.

1. Cuando se las obliga, las personas tienden a cambiar sus puntos de vista originales

2. Cuando no se las obliga, las personas tienden a apegarse a sus propias opiniones

3. Las personas son inciertos Será más elocuente en situaciones

Este artículo es más interesante y explica mucha confusión sobre la escena. Cuando mis amigos y yo debatimos sobre un determinado punto de vista, nadie puede convencer a nadie porque no podemos obligarnos, por lo que lo más común que decimos es “no estoy de acuerdo con tu punto de vista, pero lo defiendo”. tu derecho a hablar”; cuando una persona que es digna de tu respeto o que tiene ciertas cualidades que te hacen admirar viene a discutir contigo un determinado punto de vista, es fácil que cambies tu punto de vista original. A menudo digo: "Bueno, lo que dijiste tiene sentido".

Cuantas más actividades mentales tiene una persona, más tiempo pasa. Si tienes que detenerte y pensar en cada paso al realizar una tarea, sentirás que la tarea lleva mucho tiempo.

Para que el proceso parezca más corto, divida la tarea en pasos y permita que el usuario use menos energía mental, lo que puede hacer que parezca que ha pasado mucho tiempo.

Haga un buen uso de la descomposición de tareas para facilitar varias tareas (agrupar todas las tareas a la vez no es una decisión inteligente).

El estado de flujo hace referencia a estar completamente inmerso en una tarea o actividad y olvidarse por completo de uno mismo. Las personas pueden ingresar a un estado de flujo. Si su vista de diseño activa el estado de flujo del usuario (común en el diseño de juegos), entonces:

1. Permita que los usuarios controlen su propio comportamiento durante la operación.

2. Divida las operaciones muy difíciles en varios pasos, para que las personas puedan completar el objetivo actual de la tarea sin ponérselo demasiado fácil (si cree que no puede lograr el objetivo, no entrará en el estado de flujo, si el objetivo no es un desafío, no te concentrarás y el estado de flujo desaparecerá)

3. Proporciona retroalimentación continua a los usuarios

4. Minimiza las interferencias

Capítulo 5: Cómo La gente se concentra

Cuando las personas mantienen una idea durante mucho tiempo y nunca cambian, no importa cuánta evidencia encuentres que demuestre que esa idea es insostenible. Las personas buscarán activamente y prestarán atención a información y pistas que respalden sus creencias, y no buscarán ni ignorarán información que sea contraria a sus creencias inherentes.

El filtrado activo suele ser útil porque reduce la cantidad de información en la que debemos centrarnos, pero en ocasiones puede llevarnos a tomar malas decisiones.

1. No esperes que la gente preste atención a la información que proporcionas.

2. No hagas suposiciones. Un diseño que es obvio para ti puede no serlo tanto para los usuarios

3. Si te preocupa que las personas filtren cierta información, utiliza color, tamaño, animación, video y sonido para atraer su atención. (mencionado anteriormente)

4. Si alguna información requiere que las personas presten especial atención, hazla 10 veces más obvia de lo que crees.

------Línea divisoria------

Unos pocos capítulos más tarde, pero hay algunas cosas en el libro "Los diseñadores necesitan entender la psicología" que son bastante claro. Es interesante. Los amigos que estén interesados ​​pueden ir a verlo ellos mismos.

Cuando comencé a escribir este artículo, Jingdong todavía era una versión antigua. La nueva versión 5.0 acaba de ser lanzada. Los estudiantes interesados ​​pueden consultar este artículo para ver qué cambios ha realizado. Personalmente me gusta la nueva versión, dale me gusta~