Las reglas más importantes en diseño UX que todo el mundo rompe

Última actualización 29 de Octubre del 2020

user

Alejandra Mujica

Las reglas más importantes en diseño UX que todo el mundo rompe Las reglas más importantes en diseño UX que todo el mundo rompe

Existen reglas que est├ín para romperlasÔÇŽ ┬íPero nunca en el dise├▒o UX! ­čĹÇ

¿Cuántas veces has gestionado algún emprendimiento sin tomar en cuenta la experiencia de usuario? Las reglas suelen romperse cuando se aplica un UX amateur (y no está mal).

Pero ahora, si tienes planeado realizar algún proyecto digital, es importante que tomes en cuenta las reglas básicas de UX - y evites romperlas - si quieres lograr un página web o una app exitosa y amigable.

┬íConoce estas 7 reglas b├ísicas y apl├şcalas en tu dise├▒o UX!

├Źndice

  1. Regla 1: Dise├▒o bonito y experiencia de usuario
  2. Regla 2: La espera desespera en el dise├▒o UX
  3. Regla 3: Escoge tu color
  4. Regla 4: Las palabras importan
  5. Regla 5: Ley de Weber
  6. Regla 6: ┬┐La primera impresi├│n importa?
  7. Regla 7: Aprende UX y no mueras en el intento
     

Curso UX online GRATIS: Fundamentos del Dise├▒o UX
 

Regla 1: Dise├▒o bonito y experiencia de usuario

Esta es una de las primeras reglas sobre la experiencia de usuario que deberás aplicar en tus futuros proyectos digitales.

­čĹëUn dise├▒o bonito no funciona por s├ş solo si no viene acompa├▒ado de un buen dise├▒o UX.

La forma (un dise├▒o atractivo) y el fondo (un UX ejemplar) siempre van de la mano para lograr una experiencia de usuario incre├şble en cualquier aplicaci├│n o sitio web.

Antes de continuar conoce la gu├şa que necesitas para ser un profesional completo en UX y UI.
 

dise├▒o bonito iphone ux

Imagen: Apple (dise├▒o bonito + dise├▒o ux = buena experiencia de usuario)

┬┐Esto beneficia al UX design?

Si te preguntas si existe alg├║n beneficio para el UX design, aqu├ş las respuestas (que te ayudar├ín a sacar tus propias conclusiones):

  • Un dise├▒o visualmente atractivo puede hacer que los usuarios sean m├ís tolerantes con peque├▒os problemas de usabilidad.
     
  • Vale la pena invertir en el dise├▒o visualmente atractivo siempre y cuando se trabaje una buena experiencia de usuario.
     
  • El efecto atractivo-usabilidad tiene l├şmites. Una interfaz de usuario (UI) atractiva puede hacer que los usuarios sean m├ís tolerantes con los problemas menores de usabilidad; pero no con los m├ís grandes.
     
  • La forma y el fondo siempre deben trabajar juntos para ofrecer un excelente UX.
     

Regla 2: La espera desespera en el diseño UX

La productividad aumenta cuando una computadora y un usuario interact├║an a un ritmo que garantiza que ninguno tenga que esperar al otro (100% comprobado en el mundo del dise├▒o UX y en especial por Walter Doherty).

Este es el famoso ÔÇťDoherty ThresholdÔÇŁ o ÔÇťUmbral de DorothyÔÇŁ publicado en un art├şculo de investigaci├│n de Walter Doherty.

En ese art├şculo menciona que el tiempo de respuesta de una computadora deber├í ser menor a 400 milisegundos (0.4 segundos) para lograr que un usuario pueda navegar m├ís tiempo en una p├ígina web y finalmente lograr una compra (si se trata de un ecommerce).
 

Accede a todos nuestros cursos con una Membres├şa Premium
 

┬┐C├│mo lograr -con un creativo UX design- que la espera no desespere? (no le echemos la culpa al wifi)

Si te encuentras atrapado y sabes que el proceso de carga tomará más de 10 segundos,y en ese momento no tienes los recursos para mejorar el perfomance de tu producto...

...Lo recomendable es sacar tu lado creativo y trabajar un UX design que entretenga al usuario mientras termina de cargar la p├ígina. ­čÖî
 

Imagen: dribbble.com
 

  • Primero debes mostrar un mensaje sobre el tiempo de carga (explicando que tardar├í un poco m├ís).
     
  • Puedes crear animaciones que entretengan mientras el usuario espera.
     
  • Crea un juego (al estilo de Dinosaurio de Google).
     

Mira todos los recursos gratuitos que tenemos para ti

Regla 3: Escoge tu color y crea una jerarqu├şa de colores en tu dise├▒o UX

Los colores son importantes; pero no todos deben estar en tu web (s├ş, olvida la idea del arcoiris­čîł, al menos por el bienestar de tu dise├▒o UX).

El color es una herramienta mediante la cual los usuarios aprenden a usar y comprender c├│mo funciona una interfaz.

La naturaleza humana tiene la facilidad de reconocer antes de recordarÔÇŽ Y el color es sutilmente uno de los aspectos m├ís reconocibles de la vida cotidiana.

As├ş como el color, lo que est├í detr├ís del dise├▒o de una web tambi├ęn es importante, conoce un poco sobre la programaci├│n que est├í detr├ís de una p├ígina.

dise├▒o ux mobile

Imagen: dribbble.com

Cada color tiene un peso visual, lo que puede ayudarte a desarrollar una jerarqu├şa entre tu contenido. Al usar tonos de color m├ís claro, puedes asignar diferentes niveles de importancia a los elementos de tu sitio web.
 

 Entonces, ¿cuál es la regla general del color en el diseño UX?

La regla general en el diseño UX es que si un elemento es más importante que otro, debe tener un color más impactante (o llamativo).

Esto hace que sea fácil para un usuario hojear rápidamente la página y distinguir entre la información importante y la menos importante.

La información más grande y relevante es lo primero que atraerá la atención del usuario y luego pasará a la información de apoyo (que usualmente se encuentra debajo).

┬┐Ya conoces nuestros cursos GRATIS? ┬íInscr├şbete!

Regla 4: Las palabras importan y más en la experiencia de usuario UX

Es fundamental que no olvides lo importante que son las palabras en la experiencia de usuario UX. 

Las imágenes suelen ser subjetivas; pero las palabras son literales (y suelen conectar o desconectar con el usuario).  

  • Revisa muchas veces la redacci├│n (ortograf├şa, coherencia e interpretaci├│n).
  • P├şdele a alguien que lea los textos y que te cuente qu├ę entiende de lo que ha le├şdo.
  • No asumas nada, es mejor explicarlo todo.
     

Fácil para cuando tienes más presupuesto, ¡puedes agregar un ux writer en tu team!

mobile dise├▒o ux

Imagen: dribbble.com

Regla 5: Ley de Weber: dise├▒o perceptible y apenas perceptible

Si quieres hacer un cambio dr├ístico y redise├▒ar una webÔÇŽ┬íCuida las etapas del proceso de dise├▒o!

A los usuarios no les gusta que de la noche a la ma├▒ana aparezcas como Britney en el 2007 (totalmente rapada) y sin previo aviso.

A nivel de UX los cambios sutiles funcionan mejor porque el cambio percibido es proporcional a los est├şmulos iniciales. Es por eso que debes vigilar las etapas del proceso de dise├▒o y redise├▒o (siempre lento; pero seguro como la caracola ­čÉî).

La ley de Weber es la ley de las diferencias apenas perceptibles. Establece que el m├ís m├şnimo cambio en las cosas no dar├í como resultado una diferencia notable.
 

dise├▒o ux airbnb

Imagen: Medium

Hablando de leyes, ¿te suena familiar Python? No será una ley; pero tiene mucho que decir en el lenguaje de programación de una web.

Las investigaciones muestran que a los usuarios no les gusta un cambio masivo en los productos que usan, incluso si esos cambios los benefician.

┬┐Qu├ę significa esto?┬á

Esto significa que si se realiza un redise├▒o significativo, existe una gran posibilidad de que a los usuarios no les guste. Ôś╣´ŞĆ
 

┬┐Qu├ę debe hacer un dise├▒ador UX en estos casos?

┬íF├ícil! Si eres dise├▒ador UX evita los redise├▒os dram├íticos. Introduce cambios en la p├ígina web de forma gradual y no todos a la vez. ­čÖî┬á┬á

Y si trabajas con un equipo cu├ęntales sobre la Ley de Weber para que puedan aplicarlo en las etapas del proceso de dise├▒o.
 

spotify dise├▒o ux

Imagen: Medium

Crehana Podcast: ┬┐C├│mo hacer UX y no morir en el intento?

Regla 6: ┬┐La primera impresi├│n importa?┬áEn el dise├▒o UX s├ş (as├ş como en la vida real)

Las personas suelen hacer juicios demasiado rápidos y es que en el diseño UX solo se necesita una fracción de segundo para dar una buena o mala impresión.

La informaci├│n que los usuarios escuchan o leen cuando interact├║an con un producto digital ser├ín parte de su opini├│n final sobre una marca. ┬┐Necesitas una p├ígina web? ┬íDis├ę├▒ala t├║ mismo como todo un experto!
 

dise├▒o pagina web ux

Imagen: dribbble.com
 

┬┐C├│mo lograr una buena primera impresi├│n en el dise├▒o UX?

Para lograr una buena primera impresi├│n en el dise├▒o UX debes tomar en cuenta estos puntos:

  • Crea un dise├▒o est├ęticamente agradable.
     
  • Utiliza emociones para generar impacto. Cuando los usuarios tienen una respuesta emocional positiva al dise├▒o visual, tienden a pasar m├ís tiempo usando el producto.
     
  • Utiliza un moodboard para encontrar inspiraci├│n y algo ├║nico que se adapta a tu dise├▒o UX.
     

Regla 7: Aprende y no mueras en el intento - Cursos de dise├▒o UX

El aprendizaje es una regla fundamental si quieres convertirte en un excelente diseñador de experiencia de usuario. 

Te compartimos algunos cursos de dise├▒o UX / UI, libros y p├íginas web que pueden ayudarte en este largo; pero divertido camino del aprendizaje. ­čĄę
 

Cursos online UX y UI

  1. Curso online de Introducci├│n al Dise├▒o UX
  2. UX Writing & UX Editing
  3. Curso online de Business Design para UX
  4. Curso online de Fundamentos de UX & UI
  5. Curso online de Arquitectura de la informaci├│n: De la propuesta de valor al UX

Libros sobre dise├▒o UX (gratis y de pago)

  1. Designing Better UX With UI Patterns
  2. The Basics of User Experience Design
  3. Principles of UX Design
  4. No me hagas pensar
  5. The Guide to Agile UX Design Sprints

Páginas web de diseño UX que inspiran

  1. Dribbble 
  2. Behance
  3. Uplabs 
  4. Pttrns
     

Esperamos que estas reglas formen parte de tu d├şa a d├şa como dise├▒ador de experiencias y puedas inspirarte e inspirar a otros con las buenas pr├ícticas del dise├▒o UX. ­čśë

 

 

 

 

 

Recomendados para ti