Principios Jurísticos en Diseño de Interfaz: Percepción y Comportamiento

Los heurísticos son las estrategias derivadas de experiencias previas con problemas similares.

Son principios heurísticos porque son reglas y se dividen en:
/

• Percepción y comportamiento
  • Efecto estético-usabilidad: El usuario perciben un diseño agradable como el más sutil o más fácil de utilizar. (Windows de antes)
  • La ley de Hick: El tiempo que lleva tomar una decisión aumenta con el número y la complejidad de las opciones. (Opciones para ver, en el feed de Netflix)
  • Equilibrio entre flexibilidad y usabilidad: A medida que aumenta la flexibilidad de un sistema, disminuye la usabilidad del mismo.
  • Carga de trabajo: Cuanto mayor sea el esfuerzo de realizar una tarea, menor será la probabilidad de que la tarea finalice y se lleva a cabo. Por eso es mejor partir de pasos pequeños para completar la tarea. (Onboarding de Duolingo).
  • Ley de Miller: Una persona promedio puede mantener entre 5 a 9 elementos en su memoria de trabajo.

5 ejemplos heurísticos de diseño enfocadas en alterar el comportamiento de un usuario en cualquier aplicación

1. La heurística de consistencia y estandarización, que se enfoca en asegurar que los elementos de la interfaz de usuario sean consistentes en su diseño y comportamiento para ayudar a los usuarios a entender y navegar fácilmente a través de la aplicación.

2. La heurística de visibilidad del sistema, que se enfoca en proporcionar información suficiente sobre el estado actual de la aplicación y las acciones disponibles para el usuario.

3. La heurística de retroalimentación, que se enfoca en proporcionar retroalimentación clara y oportuna al usuario sobre sus acciones y el estado de la aplicación.

4. La heurística de libertad de elección, que se enfoca en proporcionar opciones de deshacer y rehacer para ayudar a los usuarios a corregir errores y explorar diferentes soluciones.

5. La heurística de reconocimiento sobre la ejecución, que se enfoca en asegurar que los elementos de la interfaz de usuario sean fácilmente reconocibles y comprensibles para los usuarios, especialmente en situaciones de alta carga cognitiva.

“Los productos bien diseñados tienen una gran facilidad
de uso. Nos ayuda a mejorar la calidad del producto y tener una experiencia de usuario sin fisuras”

se ve que sabe mucho pero no todos están capacitados para enseñar. Solo mencionar información no es muy util para los que nos iniciamos en este mundo. Sobre todo en las primaras etapas deberían buscar profesores especialistas en enseñar y que los expertos como Emilio les den el contenido a los profesores. Cuesta más trabajo, pero es una mejor experiencia de usuario (hablando de UX design)

Pensé en estos ejemplos para las heurísticas:

• Estético - usabilidad: Hace un tiempo descubrí la web de Linear, el diseño es tan estético que me da la sensación de que es un producto genial, sin siquiera haberlo usado.

• La ley de Hick: Sucede algunas veces en Platzi, hay una gran variedad de cursos, que por momentos no sabemos cual tomar.

• Flexibilidad y usabilidad: Los programas 3D, tienen una gran cantidad de herramientas internas y es tan flexible, que en principio es complicado usar estos softwares.

• Carga de trabajo: Las pasarelas de pago como Mercado Libre, que están divididas en pequeñas secciones, lo cual hace que la experiencia crítica de realizar un pago sea más cómoda.

• Ley de Miller: Los grupos de configuracion en la sección “Ajustes” del iPhone, formados en grupos de 4 o más.

Aquí mis apuntes de esta clase! 😄

Porfavor Emilio , La pagina de AFIP te necesita

No sé si alguien más lo ha notado, pero los principios heurísticos están ubicados en la ruta del cusro de manera desordenada, primero aparecen los prinicpios parte 2 y después aparecen los prinicipios parte 1 😕
Suelo ser muy ordenada y me aterra no poder recibir la info en orden porque me hace perder y encima mis apuntes quedan revueltos

Esta es una app que frecuentemente uso para movilizarme en el trasporte público en mi ciudad, sin embargo considero que podría tener mejoras ya que veo algunas heurísticas que se aplican…

1. Efecto estético/usabilidad: Por la cantidad de información no me da la sensación de fácil uso.
2. Ley de Hick: Por la gran cantidad de botones no siento que no sé por donde empezar.
3. Fexibilidad y usabilidad: Considero que hay botones que se podrían omitir o reposicionar.
   4.Carga de trabajo: Al ser los botones ilustrativos siento que visualmente aumenta la carga visual de trabajo y hace que no sepa a donde dirigirme.
4. Siento que no es grabe pero podría depurarse más.

Es mi percepción, si alguien le puede aportar más o dar otro punto de vista, bienvenido!

05. Principios heurísticos de percepción y comportamiento I

• Productos bien diseñados
  • Fácil de usar
  • Mejoran la calidad del producto
  • Experiencia de usuario sin fisuras
• Principios Heurísticos
  • Estrategias derivadas de experiencias previas con problemas anteriores
    • Percepción y comportamiento
    • Relación y jerarquía
    • Forma
    • Interacción
• Percepción y comportamiento
  • Efecto estético-usabilidad
    • Los diseños estéticamente mas agradables, se perciben como más fácil de usar
  • Ley de Hick
    • El tiempo que el usuario dura para tomar una decisión es proporcionar a la cantidad de opciones que se le muestra
  • Equilibrio entre flexibilidad y usabilidad
    • Mientras más flexible es un sistema, menos usable es (+flexible -usable)
  • Carga de trabajo
    • Cuanto mayor es la carga para terminar una acción, menos es la posibilidad de que el usuario la complete
    • Por eso se separan las tareas grandes en varias tareas pequeñas
  • Ley de Miller
    • Una persona promedio solo puede tener entre 5 - 9 elementos en su memoria de trabajo

en palabras cortas los principios heuristicos, son como un ensayo y error, para ir mejorando cada vez mas la experiencia de usuario

#RETO Ley de Hick:
En platzi desde mi punto de vista no se cumple con este ley ya que hay gran variedad de opciones que es difícil decidir entre qué estudiar y qué no estudiar, me tomó un tiempo decidir y seguir una ruta en concreto y simplemente olvidarme de las actualizaciones que van saliendo, aunque la verdad me ha sido difícil obviar esas actualizaciones ya que una parece más interesante que otra, no se si a alguien más le pasa lo mismo y que han hecho para seguir avanzando para no distraerse entre la cantidad de opciones que hay.

Ejemplos

• Estético - usabilidad: Les recomiendo vean la pagina o la APP de una compañía americana que se llama OPTUM, es tan estético y usan tan bien el color naranja junto al blanco y azul claro que da gusto los diseños
• Ley de HICK: Platzi, NetfliX, HBO, Inclusive youtube music hay tanta musica que uno demora mucho en pensar que canción escuchar que terminas escuchando lo mismo de siempre
• Flexibilidad y usabilidad: diría que TIKTOK, como comentaron los compañeros la verdad es tan amplio el cuadro de usos para editar un video que no se toma uno el tiempo en hacerlo porque hay muchísimas cosas
  +Carga de trabajo: DUOLINGO lo maneja muy bien ellos saben dividir excelente la carga de trabajo para que el aprendizaje sea mas facil
• Ley de miller: Spotify, que a comparación de youtube music es mucho mas amigable en el uso y en las imágenes presentadas o pasos a recordar

¡Los principios heurísticos de percepción y comportamiento son herramientas geniales para mejorar la usabilidad de los productos! La Ley de Hick, el equilibrio entre flexibilidad y usabilidad, la carga de trabajo y la Ley de Miller son importantes para hacer que los usuarios tengan una mejor experiencia con el sistema que diseñemos. ¡Siempre es bueno tener en cuenta estas cosas!

Reto:
1- Efecto estético-usabilidad: La app del banco Interbank, desde la pagina de presentación hasta como está organizalida la ifnoramcion en cuadros verdes y blancos, da gusto de usar.
2- Ley de Hick: La plataforma Platzi, cuando recién inicias, hya tantos cursos y tantas posibilidades que no sabes por donde empezar.
3- Equilibrio entre flexibilidad y usabilidad: La herramienta de edición de videos de Tiktok, es ta diversa que confunde y marea a menos que ya la conozcas.
4- La carga de trabajo: Esto lo cumple bien las aplicaciones de tracking del cosumo de agua. Te dividen el dia por partes y puedes beber poco a poco para que no sea fastidioso tomar 3 botellas de una con tal de esar hidratado
5- La ley de Miller: Los ajustes de Apple, te divide todo en secciones de 4-9 opciones.

Mi apunte de la clase:
“Los productos bien diseñados tienen una gran facilidad de uso. Nos ayuda a mejorar la calidad del producto y tener una experiencia de usuario sin fisuras.”

"Los heurísticos son las estrategias derivadas de experiencias previas con problemas similares.

Heurísticos: hay 4 tipos

Percepción y comportamiento
Relación y jerarquía
Forma
Interacción

Efecto estético-usabilidad:
los usuarios perciben un diseño estéticamente agradable, lo cual facilita su uso.
La ley de Hick:
el tiempo que lleva tomar una decisión aumenta con el número y complejidad de las opciones.
Equilibrio entre flexibilidad y usabilidad:
a medida que aumenta la flexibilidad de un sistema, disminuye la usabilidad del mismo.
Carga de trabajo:
cuanto mayor sea el esfuerzo para realizar una tarea, menor será la probabilidad de que la tarea finalice y se lleve a cabo.
La ley de Miller:
la persona promedio puede mantener entre 5 y 9 elementos en su memoria de trabajo."

Heurísticos... Los heurísticos son las estrategias derivadas de experiencias previas con problemas similares. Se pueden separar en cuatro tipos: 1. Percepción y comportamiento. 2. Relación y jerarquía. 3. Forma. 4. Interacción. Efecto estético - Usabilidad. La Ley de Hick: Tener tantas opciones y no saber qué elegir. Equilibrio entre flexibilidad y usabilidad. Carga de trabajo: Cuanto mayor sea el esfuerzo de realizar una tarea, menor será la efectividad de terminar. Ley de Miller 5 a 9 secciones de trabajo.

Mis ejemplos en este caso van enfocados hacia plataformas que permitan un sistema de progreso como recurso principal (llámese Duolingo, Udacity o Platzi incluso) en el que sus interfaces móviles permiten destacar el progreso obtenido en cada unidad y el comportamiento del usuario hace que reaccione de una manera mas proactiva al momento de ver la recta final de cada unidad, por lo que un progreso artificial podria beneficiar este camino.

Esta conclusión la saque de leer el aporte de una compañera en este hilo, y la página que compartió:
https://lawsofux.com/es/efecto-de-tendencia-a-la-meta/

Estos me parecen principios heurísticos fundamentales a la hora de diseñar un producto digital

1. Visibilidad del estado del sistema: ‘‘El usuario siempre debe saber en donde se encuentra parado’’ Nuestro producto o sistema siempre debe proporcionar retroalimentación clara y comprensible acerca de las acciones que se están realizando o el proceso en curso.
2. Similitud con el mundo real: Utilizar un lenguaje simple y una terminología que sea familiar para los usuarios, ayuda a una fácil comprensión. Evita jergas técnicas o conceptos abstractos que puedan resultar confusos.
3. Control y libertad del usuario: Dale la capacidad y libertad al usuario de deshacer o revertir acciones no deseadas, y tener el control total sobre las funciones y características del sistema.
4. Consistencia: NO trates de reinventar la rueda!! En su lugar, utiliza patrones ya establecidos y soluciones convencionales a problemas comunes. Esto ayuda bastante a los usuarios a familiarizarse y comprender rápidamente cómo usar una interfaz.
5. Prevención de errores: El diseño debe incluir mecanismos para prevenir o minimizar los errores cometidos por los usuarios. Esto implica proporcionar mensajes de error claros, evitar condiciones propensas a errores y diseñar de manera que se reduzcan los errores de entrada.
6. Reconocimiento antes que la memoria: Minimiza la carga de memoria del usuario, presentando información solo cuanto está le es relevante y en el momento adecuado.
7. Accesibilidad y eficiencia de uso: Nuestro diseño debe ser flexible y adaptarse a diferentes niveles de experiencia y capacidades de los usuarios. Podemos proporcionar opciones alternativas en caso de requerirlo.
8. Estética y diseño: ‘‘Menos es más’’ Evita la inclusión de elementos innecesarios o distracciones visuales que puedan afectar negativamente la usabilidad. El diseño debe ser visualmente atractivo y mejorar la experiencia del usuario.

Airbnb: usa el efecto estético-usabilidad para crear una interfaz atractiva y sencilla que genera confianza y satisfacción en el usuario. También usa la ley de Hick para reducir el número de opciones que el usuario tiene que elegir al buscar o reservar un alojamiento.
TikTok: usa el equilibrio entre flexibilidad y usabilidad para ofrecer al usuario diferentes formas de crear y consumir contenido, adaptándose a sus preferencias y necesidades. También usa la carga de trabajo para repartir las tareas en pasos simples, como grabar, editar y compartir un vídeo.
WhatsApp: usa la ley de Miller para darle al usuario vistas directas de cinco elementos a la vez en la pantalla principal: llamadas, cámara, chats, estados y ajustes. También usa el efecto de Von Restorff para resaltar los mensajes no leídos o las llamadas perdidas con un círculo verde.
Headspace: usa el principio de escasez para motivar al usuario a suscribirse a la versión premium de la aplicación, ofreciendo un tiempo o una cantidad limitada de contenido gratuito. También usa el principio de retroalimentación para proporcionar al usuario información sobre su progreso y sus beneficios al meditar.
Waze: usa el principio de reconocimiento sobre la ejecución para facilitar la navegación por la aplicación mediante iconos intuitivos y colores contrastantes. También usa el efecto de humor para generar engagement con el usuario mediante voces divertidas y personalización del avatar.

juicios intuitivos, basados en un conocimiento parcial, a veces son correctas otras veces no

• productos bien diseñados ayuda a mejorar la calidad