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