Leyes de UX importantes a seguir para un excelente diseño de producto
Los diseñadores y entusiastas de UX suelen referirse a un conjunto de principios o directrices conocidos como “leyes” del diseño de UX. Estas leyes fueron formuladas por científicos y pioneros en el campo de la experiencia del usuario y ayudan a los diseñadores a crear interfaces intuitivas, fáciles de usar y efectivas.
El propósito de este artículo es presentar y educar a las personas sobre algunas de estas leyes del diseño UX. Al comprender y aplicar estos principios, los diseñadores pueden crear interfaces que satisfagan las necesidades y expectativas de los usuarios y, en última instancia, mejoren la experiencia general del usuario.
La gente tiende a creer que las cosas que se ven bien funcionarán mejor.
La Ley de la Estética sugiere que las personas tienden a creer que los productos o servicios que se ven bien también probablemente funcionen mejor. Esto fue estudiado por primera vez por investigadores del Centro de Diseño Hitachi en 1995, quienes encontraron una fuerte correlación entre el atractivo estético y la facilidad de uso. En otras palabras, los usuarios perciben que los productos atractivos son más útiles y son más tolerantes con problemas menores de usabilidad si el producto se ve bien.
Apple es un excelente ejemplo de una empresa que ha utilizado la estética a su favor.. Tienen fama de crear productos elegantes y visualmente atractivos que no sólo funcionan bien sino que también son agradables a la vista.
Es un hecho bien conocido que la estética es una de las razones principales por las que Apple tiene una ventaja sobre sus competidores.
Cómo utilizar el efecto de usabilidad estética
Cree una interfaz estéticamente atractiva que tenga en cuenta el modelo de interacción y las preferencias del usuario. Identifique puntos de alto valor y fricción en el embudo del usuario, como las páginas de destino principales y los flujos de pago, y concéntrese en mejorar su estética para mejorar la experiencia del usuario y tasas de conversión. Recopile continuamente comentarios de los usuarios y utilícelos para tomar decisiones informadas sobre cómo mejorar la estética de la interfaz. Asegúrese de que la usabilidad de la interfaz no se vea comprometida al aplicar el efecto de usabilidad estética, lo que significa que la función principal y el propósito de la El producto debe permanecer intacto. Emplear un enfoque de diseño centrado en el usuario que priorice las necesidades y expectativas del público objetivo.
El tiempo para adquirir un objetivo es función de la distancia y el tamaño del objetivo.
La Ley de Fitts es un principio crucial en el diseño de UX que a menudo se pasa por alto. En 1954, el psicólogo Paul Fitts descubrió que el momento en queEl tiempo necesario para adquirir un objetivo aumenta a medida que la distancia al objetivo y el tamaño del objetivo disminuyen.
Este principio tiene implicaciones importantes para el diseño de interfaces que sean intuitivas y eficientes. Por ejemplo, los botones o iconos que se utilizan con frecuencia deben ser más grandes y estar ubicados en áreas de fácil acceso, mientras que los elementos menos importantes o de uso poco frecuente pueden ser más pequeños o estar más alejados. Al diseñar interfaces que se alinean con la Ley de Fitts, los usuarios pueden completar tareas más rápidamente y con mayor facilidad.
Además, la Ley de Fitts también es relevante en dispositivos de pantalla táctil donde se utilizan objetivos de toque. Los diseñadores deben asegurarse de que los objetivos de toque sean lo suficientemente grandes y estén ubicados estratégicamente para que los usuarios puedan tocarlos con facilidad y precisión.
Por lo tanto, al aplicar la Ley de Fitts al diseño de UX, los diseñadores pueden crear interfaces que sean más fáciles de usar y eficientes, mejorando la experiencia general del usuario.
Puede ver Google Maps utilizando la ley de Fitts para que el recorrido del usuario sea sencillo y eficaz.
Ley de Fitts utilizada en el diseño de botones accesibles en Google Maps
La Ley de UX de Hick establece que cuantas más opciones tenga un usuario, más tiempo le llevará tomar una decisión.
En otras palabras, si sobrecarga a sus usuarios con demasiadas opciones, pasarán más tiempo pensando y menos haciendo. Es como estar haciendo cola en una heladería abarrotada con 50 sabores diferentes para elegir: toma una eternidad tomar una decisión y no es muy agradable.
Para decirlo de una manera más humorística, imagina ir a un restaurante con un menú que tiene 100 opciones diferentes para elegir. Cuando hayas leído todo el menú, ya te estás muriendo de hambre y todavía no sabes qué pedir. Es abrumador, frustrante y afecta la experiencia gastronómica general.
Como diseñador de UX, deseas evitar abrumar a tus usuarios con demasiadas opciones. En su lugar, concéntrese en presentarles un conjunto claro y conciso de opciones que les ayudarán a tomar decisiones rápidas e informadas. Al hacerlo, harás que su experiencia sea más placentera y será más probable que regresen por unos segundos.
Aplicación de la ley de Hick en el diseño de UI/UX de la aplicación Shazam
La Ley de UX de Jakob establece que los usuarios prefieren interfaces que les resulten familiares.
En otras palabras, los usuarios son criaturas de hábitos. Es más probable que interactúen con una interfaz con la que ya están familiarizados, en lugar de intentar aprender una nueva.
Digamos que estás diseñando un sitio web de comercio electrónico que vende ropa. Ha notado que muchos sitios web de comercio electrónico populares tienen un diseño similar, con una barra de navegación en la parte superior, una barra de búsqueda destacada y categorías de productos enumeradas en una barra lateral.
En lugar de intentar reinventar la rueda y crear una interfaz completamente nueva y desconocida, decide seguir el ejemplo de estos populares sitios web de comercio electrónico. Al diseñar una interfaz familiar, facilita que los usuarios encuentren lo que buscan y realicen una compra.
Este enfoque no solo le ahorra tiempo y recursos, sino que también genera una mejor experiencia de usuario para sus clientes. Pueden navegar por su sitio web con facilidad, encontrar los productos que desean rápidamente y completar sus compras sin frustraciones.
Siguiendo la Ley de Jakob y diseñando interfaces que sean familiares para los usuarios, puede crear un sitio web más intuitivo y fácil de usar que satisfaga las necesidades de sus clientes.
Aplicación de la ley de Jakob en el diseño de la página de inicio de sesión de Dropbox
Esta ley establece que las personas percibirán e interpretarán imágenes ambiguas o complejas en su forma más simple posible..
Ley de simplicidad
Según numerosos estudios, el ojo humano tiende a encontrar orden y sencillez en situaciones complejas alimentando su necesidad de evitar que su mente se sobrecargue de información.
Porque las personas se sienten atraídas por percibir algo que requiere menos esfuerzo mental.
La página de inicio de Wikipedia utiliza la ley de simplicidad para crear una mejor experiencia de búsqueda
La ley de proximidad en el diseño UX establece que cuando los objetos se colocan cerca unos de otros, parecen estar agrupados. Este efecto de agrupación es más fuerte que cualquier otro factor distintivo, como el color o la forma.
Por ejemplo, Imagine un sitio web con una lista de productos. Si los productos están dispuestos de forma aleatoria en la página, puede resultar difícil para los usuarios distinguirlos. Sin embargo, si agrupa productos relacionados colocándolos muy cerca, los usuarios podrán comprender rápida y fácilmente qué productos van juntos.
Al utilizar la ley de proximidad, los diseñadores de UX pueden crear relaciones visuales entre los elementos de una página, lo que facilita a los usuarios escanear y comprender el contenido. Este principio se puede aplicar a cualquier tipo de diseño de interfaz, desde sitios web y aplicaciones móviles hasta aplicaciones de software e incluso productos físicos.
ley de proximidad
Un excelente ejemplo de esto sería Spotify.
En el diseño UX, la ley de proximidad se refiere al principio de que los objetos colocados muy juntos se perciben como un grupo. Esto se demuestra efectivamente con el diseño de Spotify de su página de lista de reproducción.
En esta página, los diferentes tipos de listas de reproducción están claramente agrupados y separados entre sí. Por ejemplo, las listas de reproducción populares están separadas de las listas de reproducción que coinciden con su estado de ánimo. Aunque se muestra una gran cantidad de información en la página, aún es fácil distinguir cada grupo.
El uso de la proximidad es evidente en la forma en que la imagen de cada lista de reproducción se coloca cerca de su texto correspondiente, dejando claro que están relacionadas. Este diseño facilita a los usuarios navegar y localizar la lista de reproducción que desean escuchar.
Al utilizar la ley de proximidad de manera efectiva, Spotify ha diseñado una interfaz intuitiva y fácil de usar que facilita a los usuarios navegar y seleccionar listas de reproducción. La implementación de este principio es un gran ejemplo de cómo el diseño UX puede ayudar a los usuarios a navegar de manera eficiente por información compleja.
Spotify utiliza la ley de proximidad para reducir la carga cognitiva en la página de lista de reproducción
La ley de similitud en el diseño UX establece que los objetos que parecen similares entre sí se perciben como relacionados o agrupados. Este principio se basa en la idea de que el cerebro humano organiza la información visual en función de la similitud para darle sentido.
Por ejemplo, en un sitio web con varios botones, si todos los botones son del mismo color, tamaño y forma, los usuarios pueden tener dificultades para distinguirlos. Sin embargo, si los botones que realizan funciones similares tienen un diseño o color similar, es más fácil para los usuarios agruparlos y comprender su propósito.
La ley de similitud también se puede utilizar para crear una jerarquía visual. Al hacer que ciertos elementos destaquen, como mediante el uso de un color o forma diferente, los diseñadores pueden llamar la atención sobre esos elementos y comunicar su importancia a los usuarios.
En términos prácticos, la ley de similitud se puede aplicar a una amplia gama de elementos de diseño UX, desde tipografía y combinaciones de colores hasta íconos y diseños de botones. Al utilizar señales visuales consistentes en toda una interfaz, los diseñadores pueden facilitar que los usuarios comprendan las relaciones entre los diferentes elementos y naveguen por la interfaz de manera más eficiente.
Ley de similitud
Nuestros cerebros tienden a completar la información y evitar las contradicciones tanto como sea posible.
Esto se debe a que las personas poseen la naturaleza innata de intentar ver el panorama completo.
Y somos tan buenos en eso que entendemos el panorama general incluso si falta el panorama, digamos mucho.
Esto significa que los usuarios tienden a buscar un patrón único y reconocible en una disposición compleja de elementos visuales.
Esto sienta las bases para la ley de cierre donde los elementos se agrupan si parecen completar alguna entidad.
ley de cierre
Si lo piensas bien, algunos de los logotipos mundialmente famosos que definitivamente verás todos los días toman prestado la ley del cierre.
Y como puede ver en los ejemplos anteriores, esta ley se utiliza principalmente en el diseño de logotipos, y nuestro cerebro puede reconocer fácilmente el panda, el conejo y el pavo real aunque haya espacios vacíos alrededor.
Esta ley establece que los ojos humanos siguen naturalmente los elementos en una línea o curva porque creen que la continuación es un fuerte signo de relación.
La ley de continuidad en el diseño UX sugiere que las personas tienden a seguir un camino o dirección continua cuando interactúan con interfaces digitales. Los diseñadores pueden utilizar esta ley para crear experiencias de usuario fluidas y naturales, como mediante el uso de líneas fluidas, formas curvas y diseños consistentes.
Por ejemplo, un sitio web que tiene una barra de navegación consistente en todas las páginas sigue la ley de continuidad, ya que brinda a los usuarios una experiencia de navegación continua y fluida.
Ley de continuidad
Uber utiliza la ley de continuidad para comunicar cada paso al usuario y cómo allana el camino para el siguiente.
Ley de continuidad utilizada en la incorporación de Uber
Esta ley puede poner a prueba tu memoria.
No es broma, según esta ley, tener más de 7 elementos puede crear confusión y estado de desorden en la mente de los usuarios.
Ley de Miller en diseño UX
La regla/ley dice así, la persona promedio sólo puede…