Lección 1 de 0
En Progreso

5.4 : llamar la atención del usuario: resumir con ejemplos

2 octubre, 2023

Debe llamar la atención del usuario, ya sea sobre partes de la pantalla que son necesarias para las tareas del usuario o para sus propios fines, como seducirlo con productos y ofertas. Para captar la atención, no necesariamente se necesitan muchas características de diseño llamativas, solo una base sólida en la percepción visual y los sesgos perceptuales que afectan la asignación de atención.

Un aspecto importante del diseño web es llamar la atención del usuario sobre partes específicas de la pantalla. Por ejemplo, puede estar ofreciendo nuevos productos o servicios que desea que el usuario vea en el momento en que llegan. Para asegurarse de que estas características no se pasen por alto, debe captar la atención del usuario al instante. La comprensión del procesamiento visual humano nos proporciona una serie de conocimientos sobre cómo podemos captar al usuario y evitar que pierda información vital, ya sea que sea vital para ellos, usted, como diseñador web o el cliente. Algunas de estas ideas las proporcionan las leyes de la Gestalt, que describen los sesgos perceptivos que nos ayudan a formarnos una impresión precisa del mundo. Hay muchos ejemplos en el diseño web de las leyes de la Gestalt que se utilizan para llamar la atención; ahora describiremos tres de estas técnicas,

Ejemplo A

Llame la atención del usuario con la Ley de la proximidad : el primer panel del sitio web de Specsavers anuncia gafas de Hugo Boss; En un intento de evitar que el usuario se distraiga con cualquier otro elemento de la pantalla, el nombre de la marca en negrita está separado de todos los demás elementos significativos. Reducir la proximidad garantiza que la información importante capte la atención del usuario, ya que hay poco más para llamar su atención. Por lo tanto, cuando desea que el usuario se concentre en una característica en particular, un anuncio u otro elemento importante, el uso de espacios en blanco entre elementos puede dirigir la atención, especialmente cuando un elemento es más grande que el resto.

Ejemplo B

Llame la atención del usuario con la ley de la similitud : es un poco engañoso decir que la similitud se usa para llamar la atención cuando, en realidad, se usa la variación o la disimilitud para dirigir la atención. Si todos los elementos de una pantalla comparten cualidades superficiales, ningún elemento llamará la atención del usuario más que el siguiente. Por lo tanto, el carácter distintivo es una herramienta para llamar la atención, más que la uniformidad y la coherencia. Cuando desee que el usuario se fije en un elemento en particular o en una parte del sitio web, disminuir la similitud con el resto de la pantalla captará instantáneamente la atención del usuario.

Ejemplo C

Llame la atención del usuario con la organización de la figura / suelo– Reducir las seductoras características superficiales de un área de la pantalla y aumentar esas cualidades en una región específica probablemente atraerá la atención del usuario. El sitio web de Kia Oval, que se utiliza para reservar entradas para los partidos de cricket del condado de Surrey, demuestra la eficacia de la organización de la figura y el suelo para captar la atención y casi evitar que el usuario mire hacia otro lado. El panel ‘haga clic aquí para obtener boletos’ no solo domina la pantalla en términos de tamaño, sino que el color de fondo está silenciado, lo que hace que el anuncio sea aún más llamativo. Reducir la intensidad de los colores en el fondo y aumentar la intensidad en el primer plano proporciona al usuario información visual significativa al instante: la primera región no es importante y la segunda requiere atención inmediata. La organización figura / suelo se utiliza en el diseño web para aumentar la prominencia de los anuncios y los elementos que fomentan las compras. Sin embargo, los usuarios han evolucionado para ignorar cierta información visual, como imágenes parpadeantes en la periferia de la pantalla o anuncios en la parte superior de la página web. Estos ejemplos representan colectivamente la ceguera de los carteles, que es un fenómeno de percepción que se ha desarrollado como consecuencia de intentos predecibles de captar la atención del usuario. Para evitar que el usuario pase por alto los anuncios y otros elementos importantes para el sitio web, se utiliza el diseñador y la figura del cliente / organización del terreno para evitar que el usuario busque en otro lugar, como se muestra en el ejemplo C.Por lo tanto, cuando realmente debe captar la atención del usuario y evitar que pierdan información vital.