GUI Psicología. Nuestra percepción de información e imágenes.

Público objetivo : evaluadores, diseñadores, analistas, desarrolladores frontend, # para un desarrollo fácil

Acerca de mi:
Hola a todos Mi nombre es Lena, he estado trabajando en control de calidad durante un poco más de 3 años, en las pruebas me he encontrado con varios proyectos, desde software bancario y aplicaciones móviles hasta sitios comerciales y corporativos.

En mi proyecto anterior actual , los requisitos para la GUI estaban en segundo lugar, después de la utilidad de las características introducidas para el usuario, respectivamente, a veces incluso se arreglaron defectos triviales de #perfectionismcontact. Por supuesto, al evaluar racionalmente el proyecto, no puedo decir que fue escrito de acuerdo con todos los cánones de usabilidad, y pocas personas pueden presumir de ello, ya que a menudo, todo depende del aspecto financiero del problema para el rediseño y la funcionalidad de corte ... ¡Pero! Las revisiones positivas de los usuarios indicaron que estábamos en el camino correcto.

En consecuencia, se acumuló una cierta cantidad de conocimiento que quería compartir. Empecemos

Si hacemos una clasificación generalizada de los sitios web, obtenemos lo siguiente:

imagen

Incluso si su sitio no está destinado a obtener ganancias, todavía está interesado en la audiencia, ¿verdad?

Y si tiene su propio negocio, entonces, para mantener su reputación comercial, le interesará aumentar el volumen de la audiencia de sus recursos, aumentar las conversiones, SMM y otras cosas de moda, pero para lograr todos estos objetivos, primero debe tener un contenido fácil de usar.

Diría que para los sitios especializados en los nichos que se enumeran a continuación:

  • comercio (bienes, servicios, tableros de mensajes - lo que genera ganancias),
  • sitios - tarjetas de visita de empresas (promociones),
  • sitios corporativos (cara de la empresa).

Conceptos como la usabilidad y el diseño bien diseñado juegan un papel clave.

A continuación, recopilaremos recomendaciones generales sobre cómo escribir la interfaz de su sitio de una manera de calidad para que el usuario la perciba inconscientemente como la necesitamos. # Magic

Haga que las páginas sean fáciles de "rastrear"


En la mayoría de los casos, los visitantes miran la página, ven parte del texto y hacen clic en el primer enlace que les llama la atención, o que indirectamente se parece a lo que están buscando.

Entonces nuestro cerebro está dispuesto para que la percepción de la información se construya en el sentido de las agujas del reloj. Sin adicciones en la vida, una persona es zurda o diestra. Algo así se ve así:

imagen

Es decir, en el centro colocamos el contenido principal, es fácil y sin explicación es claro. Al colocar el menú (o catálogo de productos) en el lado izquierdo del sitio, llamamos al usuario a la acción, él cambiará su mirada aún más, pero aquí mantenemos su atención.
También puede usar la zona ciega, por ejemplo, mostrar allí los resultados de búsqueda en el sitio que estaba buscando el usuario.

La conclusión es que la información que queremos transmitir al usuario primero, para que la recuerde, es de 12, 3 y 4 horas.

La información que incita al usuario a la acción se coloca mejor a las 6 y 9 horas.

No sobrecargue formularios web


Ley de Hick => dependencia establecida experimentalmente del tiempo de reacción de elección en el número de señales alternativas. El psicólogo incluso dedujo la función logarítmica del tiempo de reacción # pero esto es demasiado complicado

En palabras simples: cuantos menos elementos del menú, menos tiempo se tarda en seleccionar uno de ellos. Y también ese menú es mejor que dos. Proporcionar al usuario varias opciones a la vez suele ser más efectivo que organizar las mismas opciones en grupos jerárquicos. La elección de un menú, que consta de 8 elementos, es más rápida que la de dos menús que constan de 4 elementos cada uno.

Las habilidades de nuestro cerebro no son ilimitadas, y una persona puede mantener 5-9 entidades en la memoria a corto plazo. Por lo tanto, no coloque más de 8 formularios en una página.

Al eliminar opciones innecesarias, aumenta la eficiencia del uso del producto (en nuestro caso, el sitio).

imagen

Dar más espacio


El espacio libre no siempre es malo, sino al revés: mejora la percepción de la información y la comprensión, enfoca al usuario en lo que necesita.

El "aire" entre los elementos separa visualmente el diseño del sitio y la información en secciones, prestando atención a lo más importante. Las áreas que permanecen vacías son visualmente agradables a la vista. Por lo tanto, el uso correcto del espacio libre le permitirá facilitar la navegación en el sitio, hacer que sea conveniente, legible y llevar suavemente al usuario a la acción, aumentando la conversión del servicio.

imagen

Los cambios no deben causar una diferencia notable (o la ley de Weber)


Usando Facebook?

En los últimos 5 años desde que me registré allí, no he visto ningún cambio tangible. ¿Por qué Facebook mantiene cada elemento clave de su diseño? La respuesta a esta pregunta explica por qué todos los sitios web importantes, incluidos Google, Twitter y Amazon, a pesar de sus grandes presupuestos, no realizan rediseños radicales.

Los estudios demuestran que no nos gusta el cambio masivo en las estructuras y sistemas existentes, incluso si estos cambios nos beneficiarán.

En pocas palabras, la ley de Weber, combinada con nuestra aversión natural al cambio, muestra que la mejor manera de acercarse al rediseño es hacerlo tan discretamente como suena divertido ahora, en otras palabras, puntual, cambiando un poco aquí y allá gradualmente. Por lo tanto, guardará la conversión de su sitio tanto como sea posible, y una parte significativa de la audiencia ya se acostumbrará al rediseño antes de completarlo por completo.

¿Qué pasa con el comportamiento?


El tiempo promedio que un nuevo usuario pasa en el sitio por primera vez en busca de la información que necesita es de aproximadamente 27 segundos. Al mismo tiempo, solo el 20% de toda la audiencia se desplazará por la página (el 80% no lo hará). También hay una regla de 3 clics, que establece que: el usuario debe encontrar toda la información que necesita con 3 clics del mouse. No siempre, por supuesto, los sitios por su especificidad tienen una estructura simple. Si su recurso web tiene muchas categorías y subcategorías, debe olvidarse de esta regla de "tres clics" y centrar su atención en garantizar la intuición y el ordenamiento lógico del sistema.

En total, las recomendaciones anteriores pueden encajar en los siguientes puntos:
  • Coloque el contenido o elementos más importantes donde los usuarios lo vean, evitando los "puntos ciegos"
  • Haga obvio las acciones que los usuarios deben hacer en cada página, no haga que los usuarios piensen (c)
  • Decide qué elementos de la página tienen la máxima prioridad. Cree una jerarquía visual que primero dirija al usuario hacia ellos
  • Deshágase de todo lo que no haga una contribución real.
  • Formatee el texto para facilitar la percepción: use una gran cantidad de encabezados, acorte párrafos y use listas con viñetas, y recuerde que el usuario lee las fuentes gráficas mucho más lentamente.
  • Proporcione a los clientes solo la información que necesitan actualmente en cada página y permítales elegir por sí mismos si desean más detalles.

Este artículo contiene mis observaciones prácticas, no son una instrucción clara para la ejecución, pero realmente funcionan. Solo toqué la punta del iceberg del conocimiento sobre la psicología del usuario con respecto a la percepción de la información, pero espero que mis consejos sean útiles).

continuará ...

Source: https://habr.com/ru/post/es421297/


All Articles