Leyes UX en el Diseño de Productos Digitales
Contenido del curso
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:
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.
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í.
-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.
-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.
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.
Oscar Rico Figueredo
Laura Alzate
Guadalupe Lucía Fernández
Julian Monroy
Vanessa Marulanda Ballesteros
Fabián Téllez
Jimena Haran
Daniel Steven Carrera Osorno
Francisco Xavier Nuñez Garcia
Marcos Alejandro
Camila Ossa
Juan Diego Paredes Hoyos
Walkiria Arteaga
Sandra Patricia Novoa Enciso
Marco Rodrigo Polo Silva
Danilo Alfonso Gonzalez Sanchez
Marcela Rios
Maria Eugenia Gentile
Lihue Palacio Nievas
Ingrid Rojas
La app de Nequi, en donde se aprecia:
En el botón del ícono ($) están: 3. Efecto de Von Restorff: "efecto de aislamiento", este elemento al ser diferente en la interaz obtiene la mayor atención. 4. Ley de Fitts: el tiempo para ejecutar la acción depende del tamaño y la distancia del mismo. (en esta caso la ley de Fitts en tiempo es muy corta).
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.
En Mi Opinion
Rappi
Como pueden ver Rappi es una Plataforma que busca mas trafico que cualquier cosa
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.
++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.
La pantalla de investigaciones de Pokemon GO.
Te va englobando por EVENTO - HOY - ESPECIALES.
Los EVENTOS son listas de misiones a realizar con menos de 7 elementos por realizar, y mas bien dividen las listas en partes (1/7), etc.
Además, siempre mantienen los eventos del mes hasta arriba, así sabes que son los mas importantes a terminar.
!question about the go pass : r/pokemongo
La página JW.ORG.
Ley de Hick: pocas opciones en "Recomendados".
Ley de Jacob: Icono de lupa para buscar, icono de idioma.
Efecto Von Restorff: Elemento diferente obtiene más atención: Botón azul más grande para "Más información" y "Vea lo nuevo".
Analice Airbnb
!Untitled
!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.
Ley de fits:
Ley de hick:
Las opciones están reducidas a crear un video o grabar algo y las plantillas a utilizar dependiendo del video que quieras.
Ley de Jakob:
Efecto Von Restorff:
Ley de Miler:
La APP ZOOM.
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:
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,
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
