Cuando diseñamos la experiencia de cliente para un producto digital, es fundamental tener en cuenta los diferentes aspectos que lograrán proporcionar una experiencia satisfactoria para el cliente. Para ello las Leyes UX nos sirven como guía para diseñar productos que generen percepciones positivas en las personas.
Un buen diseño tiende a seguir unos principios generales que sirven como directrices en el trabajo de los diseñadores. En el caso de los diseñadores de productos digitales, estas normas de diseño son las Leyes UX.
¿Qué son las Leyes UX?
Las Leyes UX son la recopilación de normas de diseño que los diseñadores de productos digitales deben tener en cuenta a la hora de pensar y mejorar la Experiencia de Usuario.
La psicología juega un papel muy importante en el diseño de las experiencias de las personas que utilizan nuestros productos. Estas leyes explican la percepción de los usuarios, y nos ayudan a tomar mejores decisiones. Estas son las leyes de UX:
Ley de Fitts: esta ley describe que el tiempo necesario para alcanzar un objetivo (un botón, por ejemplo) depende del tamaño del mismo y de la distancia que hay que recorrer hasta él. Esto quiere decir que el tiempo que se necesita hasta llegar a un objeto depende directamente de la distancia hasta él, pero también se relaciona inversamente con su tamaño.
Por ejemplo, si hablamos de una llamada a la acción, el CTA deberá ser lo suficientemente grande como para que sea visible para el usuario desde el primer momento.
-Ley de Hick: nos dice que el tiempo que hay que invertir para tomar una decisión es más alto cuanto más opciones tenemos.
Ley de Jakob: la ley de Jakob describe que los usuarios pasan más tiempo en otros sitios que en el tuyo, lo que implica que prefieren que tu sitio funcione de la misma forma que otros sitios que ya conocen.
Esta ley justifica seguir las convenciones de diseño comunes para que el usuario pueda centrarse más en el contenido del producto que en el diseño en sí.
Efecto Zeigarnik: este efecto establece que si una actividad ha sido interrumpida es más probable que las personas las recuerden más que aquellas que se han completado.
Efecto Von Restorff: Esta teoría, también llamada “efecto de aislamiento”, dice que el elemento que es diferente es el que obtiene la mayor atención. Esta ley se utiliza cuando se quiere destacar un elemento o funcionalidad por encima de las demás, jugando con la atención de la persona.
-Ley de Prägnanz: o “ley de simplicidad” que establece que los usuarios perciben las formas complejas de la forma más simple porque es la interpretación que menos esfuerzo mental requiere.
Fuente: Medium
-Ley de Proximidad: los objetos que están próximos tienden a unirse y en la Experiencia de Usuario se entienden como en el mismo grupo. Si estamos utilizando un grupo de datos, todos los datos que entendamos que corresponden al mismo grupo deben de estar juntos. Si empezamos a hablar de datos diferentes debe de haber un espacio (aire) entre ellos.
Fuente Medium
Ley de Miler: según esta ley las personas pueden recordar hasta 7 elementos distintos en su memoria de trabajo. Es por ello que los menús de opciones y navegación en una página web más o menos están basados en este tamaño.
Ley de Parkinson: cualquier tarea se prolonga hasta que se agote totalmente el tiempo disponible para ella. Tendemos a pensar que cuantas más horas le dediquemos a algo mejor será. Pero la práctica demuestra que no es así. Cuando sabemos que tenemos más tiempo nuestro cerebro se relaja. En cambio cuando sentimos la presión de la fecha límite nos centramos en realizar aquello importante y que debemos finalizar a tiempo.
Efecto de posición de una serie: según esta ley, entre los elementos de una serie, los usuarios siempre recordarán mejor el primero y el último. Y esa es la razón por la cual vemos que en la barra de navegación de las aplicaciones se colocan las acciones más importantes a la izquierda o a la derecha, las cuales implementan elementos como inicio o perfil teniendo en cuenta la posición en serie.
Fuente: Medium
Ley de Tesler: también conocida como ‘conservación de la complejidad’, establece que para cualquier sistema existe cierta complejidad que no se puede reducir al máximo. Tenemos que tener en cuenta que hay cosas que no se pueden simplificar más de base.
Un buen diseño de producto que busque proporcionar experiencias positivas a los usuarios debe cumplir todas estas normas, ya que, de esta manera, simplificará el camino para que el usuario complete las acciones que se ha propuesto realizar y se proporcionará una Experiencia de Usuario positiva.
CONCLUSIÓN:
En esta clase hemos visto las directrices o normas que tienen que cumplir las personas encargadas del diseño de productos, las Leyes UX. Con estas consideraciones los diseñadores podemos diseñar productos digitales que proporcionan experiencias más positivas a los usuarios.
RETO:
Busca ejemplos de productos digitales en los que se aprecie claramente que se cumplen tres de estas leyes que hemos visto en la clase.
Seleccioné la app de Mercado libre, donde se observa:
++Ley de Jakob:++ utiliza iconos estandarizados, como el de carrito, el de menú hamburguesa y el de ubicación.
++Ley de Fitts:++ hay un fuerte CTA, ya que los botones más grandes son de ofertas, mientras que las categorías (Pagos QR, super, vehículos, moda, etc.) son de menor tamaño.
++Efecto Von Restorff:++ los recuadros más coloridos son los que llaman más la atención, mientras lo demás se mantiene blanco con lineas grises.
La aplicación de NU bank cumple con la ley de Fitts y de Hick porque al ingresar a ella lo primero que vemos es el botón de “pagar” en MORADO y si estás en mora sale en rojo sobre un fondo blanco, en este sentido también efecto Von Restorff. En cuanto a la lay de proximidad esta se cumple pues al entrar lo primero que vemos es la opción de pagar y debajo de ella la opción de mis tarjetas, para ver cuáles son mis otras obligaciones a pagar, en esa misma opción de pago también se aplica la la ley de parkinson pues de inmediato nos lleva a la acción, acortando el tiempo de acción porque además en la parte superior de “pagar” nos dice la fecha límite.
La pagina de Amazon cumple con algunas de estas leyes UX:
Ley de Jakob: El sitio web de Amazon es intuitivo y fácil de usar.
Ley de Hick: Aunque Amazon cuenta con una cantidad de productos considerables, aplica muy bien la ley de Hick separando por apartados al momento de hacer la compra.
Ley de Fitts: La interfaz de Amazon cumple con etsa ley al hacer que las imagenes y los botones sean grands y faciles de alcanzar.
++Elegí para la ley de Jacobs :++
En cuanto a imagenes siempre vemos la misma presentación,
++Pinterest:++
Similar a :
++Google imagenes:++
++Instagram:++
++- Efecto Von Restorff:++
en Pinterest el botón"Guardar" se destaca por sobre los demás
Ley de Fitts:
el mismo Botón de Guardar aparece sobre las imagenes cuando pasas el cursor sobre una de ellas como el botón de "Explore"
++Ley de proximidad:++ los objetos próximos tienen a unirse
a su vez cumple con el ++efecto de posición de una serie++ al tener el buscador "Explore" en la parte superior izquierda.
Ley de Tesler: Debido al alto nivel de "replying" la cascada de comentarios suele apilarse hacia la derecha generando grandes espacios en blanco que solo responden a la debida sangría.
Efecto Von Restorff: Presente más por la genialidad de los usuarios, el feed público suele destacarse uno o dos posts que se podrían etiquetar como "annoying" consiguiendo más interacciones que la media.
Ley de Jakob: La actual interfaz fue implementada hace unos años, pues su estilo original ya rayaba la decadencia por asemejarse más a los foros originales en Internet que responder a las necesidades de información a través del móvil.
Ley de Fitts, destaca el boton rojo de busqueda, no por tamaño pero sí por contraste de colores.
!Untitled
Ley de Hick, esta ley dice a menos opciones mejor pero yo creo que en Airbn hay muchas opciones lo que sí hacen es destcar con botones más grandes y llamativos como el de Reserva lo que quiere la página que hagas.
!Untitled
Ley de Jakob, sigue las convenciones lupas, sesión donde se suele inciar sesión, logo donde suele estar el logo, idioma donde suele estar el idioma y las otras configuraciones.
Ley de Prägnanz, supongo que una simplificación de la experiencia del usuario por ejemplo frente a el mapa del sitio de Airbnb es ponerse a ver las fotos, pero no veo una forma implicita en eso más allá de rectangulos.
Ley de proximidad la cumple muy bien.
Ley de Miler, según hasta siete temas se pueden recordar en la memoria de corto plazo y en Airbnb se cumple bien en registro y cuenta, la sección de busqueda por lugar, fecha y cantidad de huespedes, incluso en filtros porque hay 8 ccategorías pero no muy bien en el tipo de lugar cabañas, con piscina, fente a la playa, etc.
Ley de Parkinson, en Airbnb no hay presión de fecha límite más allá de las restricciones que pone el propio viaje y la propia reservación… O tal vez esa es la ley de parkinson implicita que se aplica.
Ley de Tesler, la complejidad se conserva en los filtros, en las búsquedas, en el mapa de sitio, en el proceso de pago en la información acerca de cada alojamiento, en los procesos de pagos.
Efecto Zeigarnik, una aplicación habitual de este efecto de recordar por no haber terminado algo lo aplican las cuentas cuando te recuerdan que no has terminado de hacer el registro en tu perfil. Arbnb no lo tiene o no es muy marcado.
Efecto Von Restorff, el elemento que es diferente es el que obtiene la mayor atención, sí lo aplica con los botones rojos cereza.
Efecto de posición de una serie, por lo menos en el cuadro de cuenta aparecen opciones de mensajes de primero y cerrar sesión de último, creo que eso es importante porque primero querras ver si te ha contactado algun huesped o anfitrion y también querrás ver si te quedas en la cuenta o no. En la sección de filtros primero aparecen pagos o rango de precios, súper importante, y después aparece de último idioma del anfitrión lo cual es importante también.
Ley de fitts: El objetivo de zoom es realizar reuniones o sesiones de trabajo colaborativo, o clases. ZOOM permite alcanzar este objetivo de una manera fácil y rápida ya que la al acceder a la aplicación la ventana principal muestra las opciones de Nueva Reunión, Unirse, Programar y Compartir cómo funciones principales y objetivo primordial del usuario.
.
Ley de Hick: Zoom tiene una opción para armar pizarras en caso de que el objetivo de la reunión sea un trabajo colaborativo, para estas pizarras tiene multiples opciones, y el usuario antes de la reunión debe preparar cual va a usar en su beneficio para darle valor al trabajo a realizar.
Ley de Jackob: Como Zoom es una aplicación para realizar reuniones, ya hay un estandar de diseño para agendar y programar reuniones de acuerdo a las apps que mas se usan como meet, outlook, teams.
En la página de Airbnb se cumplen al menos las siguientes leyes.
Ley de Hick: Ya que a pesar de tener muchísimas opciones de alojamientos muestran de a 5 por vez. Y dan la opción de buscar específicamente lo que necesita la persona usuaria.
Ley de Jakob: Ya que la parte de búsqueda es similar a todas las páginas de búsqueda de hotel o vuelos. Lo que facilita la comprensión de cómo funciona el sistema.
**Efecto de posición de una serie: **En el menú superior, tiene en el extremo izquiero el logo de Airbnb que funciona como link a inicio. Y en el extremo derecho el botón para iniciar sesión.
https://www.airbnb.com.ar/
Podemos observar en el inicio de este sitio web que se presentan estas dos leyes:
Ley de proximidad
Ley de Miler
Ley de Jakob
podemos apreciar como Arriba a la derecha estan un grupo de botones que no son mas de 7 y tienen muy poco aire entre ellos, comprendiendo que tienen un uso y es dar herramientas para manejarte por la pagina.
Por ultimo si comparamos con pinterest,
podemos observar que Savee tiene una similitud muy grande y que ofrece un servicio similar con una misma entrada de inicio pero las hace distinto por el tipo de contenido subido.
Elegí la página de Spotify
Ley de Hick y ley de Miller: en las opciones de la parte superior izquierda y las opciones de la bandeja central de búsqueda. Ya que pone pocas opciones, 3 en la primera que se menciona y de a 4 en la segunda.
Ley de Von Restorff: en los íconos de anterior, siguiente y Play/pausa. este último tiene forma y tamaño diferente
