¬ŅQu√© es UX y UI? Gu√≠a para ser un profesional completo

Última actualización 28 de Enero del 2021

user

Antony Pinedo

¬ŅQu√© es UX y UI? Gu√≠a para ser un profesional completo ¬ŅQu√© es UX y UI? Gu√≠a para ser un profesional completo

Si alguna vez te has preguntado: qué es UX o UI y por qué deberían convertirse en dos herramientas importantes en tu know how como profesional, en esta guía te traemos las respuestas necesarias.

Tanto si ya estás algo cansado de escuchar ambos términos en el trabajo o si es la primera vez que te enteras, te revelaremos los secretos -nada secretos- tras esta práctica multidisciplinaria. 

√ćndice

  1. ¬ŅDise√Īo UX¬†o simplemente UX?
  2. ¬ŅPara qu√© sirve la Experiencia de Usuario?
  3. UX Design
  4. Metodología UX
  5. ¬ŅQu√© hace un UX Designer?
  6. ¬ŅCu√°nto gana un dise√Īador UX?
  7. ¬ŅC√≥mo trabajar en UX y UI?
  8. Herramientas UX
  9. Investigación para el UX design
  10. Dise√Īo centrado en el ser humano
  11. Experiencia positiva en UX
  12. Consejos para ser un experto en UX
  13. Tutorial UX
  14. UI: ¬ŅQu√© es una interfaz de usuario?
  15. ¬ŅQu√© hace un UI?
  16. Web UI para usuarios
  17. Comunicación visual de UI
  18. Investigaci√≥n para el dise√Īo UI
  19. Consejos para el dise√Īo de interfaz
  20. Diferencias entre UX y UI
  21. Tendencias UX 2021

 

1.¬†¬ŅDise√Īo UX o simplemente UX?

¬Ņqu√© es el ux design?

 

UX son las siglas de User Experience, y para dar cr√©dito a las clases de ingl√©s, traducido se vuelve en Experiencia Usuaria o la Experiencia del Usuario. Desde hace no pocos a√Īos se viene difundiendo err√≥neamente la idea de que el t√©rmino tiene origen en el plano de lo digital, algo que la industria tecnol√≥gica ha sabido alimentar con toda clase de contenidos.

2.¬†¬ŅPara qu√©¬†sirve la Experiencia del Usuario?

En nuestros tiempos se entiende por UX al trabajo que se hace para mejorar un producto/servicio y que sea funcional, lo que dejar√° en el usuario una buena experiencia al momento de consumirlo o usarlo.

Para ir a la verdadera ra√≠z de lo que es el UX tendr√≠amos que remontarnos a la Revoluci√≥n Industrial y a los avances tecnol√≥gicos del siglo XIX y XX,¬†cuando los hombres de negocios ve√≠an la manera de mejorar sus procesos de trabajo para optimizar el tiempo de producci√≥n. Casos reconocidos son los de Frederick Winslow Taylor y Henry Ford. En aquellos a√Īos, ya exist√≠a una preocupaci√≥n constante por investigar el proceso de producci√≥n y c√≥mo este se relacionaba directamente a la interacci√≥n de los trabajadores y sus elementos de trabajo (herramientas, m√°quinas).¬†

crehana premium

La pr√°ctica de investigar para encontrar soluciones en un entorno de producci√≥n fue perfeccion√°ndose, adquiriendo la cualidad de una metodolog√≠a que se aplicaba en base a experiencias previas (como la de Ford) y adapt√°ndolas a nuevas situaciones. Uno de los m√©todos m√°s aplicados durante buena parte del siglo XX ha sido la investigaci√≥n de mercado, como t√°ctica para mejorar, en base al an√°lisis del p√ļblico, un producto o servicio.

Pero, no fue hasta mediados de la década del 90 que se oyó con fuerza el término de User Experience, que fue por primera vez usado en un título laboral. Fue Don Norman, una autoridad en los estudios relacionados al campo de las experiencias cognitivas y productos tecnológicos quien tuvo el cargo de Arquitecto de Experiencia de Usuario en los laboratorios de Apple. Desde entonces el término no ha dejado de expandirse hacia diferentes ramas de la tecnología.

3.¬†¬ŅY cu√°ndo es que aparece el UX Design?

user experience ux

 

El uso de la palabra "dise√Īo" al lado de UX hace referencia al tipo de trabajo que se hace en esta disciplina. No se trata del dise√Īo gr√°fico, sino de usar un conjunto de habilidades diferentes entre s√≠ para "dise√Īar" una nueva experiencia que¬†contempla 3 aspectos:

La usabilidad: es la funcionalidad misma, la que permite que un producto cumpla el objetivo para el que fue creado sin problemas.

Accesibilidad: se refiere a qué tan fácil resulta para el usuario entender el producto.

La Interacción entre usuario y producto. Esto viene desde los tiempos de la Revolución Industrial y que va desde lo técnico a lo más emocional, sobre cómo el usuario percibe el producto.

 

¬ŅTienes que hacer una propuesta de p√°gina web? Descarga gratis esta plantilla para desarrollo de p√°gina web

 

El UX Design como actividad en nuestros días abarca diferentes prácticas para cumplir con los 3 aspectos mencionados:

-La investigación del usuario

-Las pruebas de usabilidad

-Arquitectura de la información

-Dise√Īo de la interacci√≥n

-Estrategia del contenido

-Dise√Īo visual

-Recojo de datos (an√°lisis de indicadores)

Cada aspecto requiere de un nivel de especialización elevado, por lo que un UX Designer es una persona de muchas cualidades. No por nada se considera que los mejores UX Designers son personas de conocimiento multidisciplinario.

Es importante saber si la experiencia que tuvo el usuario con tu producto o servicio fue intuitiva, cercana, torpe o confusa y también si navegar por la app o página web fue una experiencia complicada, lógica o arbitraria.

El UX user experience, est√° determinado por lo f√°cil o dif√≠cil que es para el usuario interactuar con los elementos de la interfaz de usuario que los dise√Īadores UI han creado.

4. Metodología UX

Metodología Lean 

Si la metodolog√≠a de la UX cl√°sica se centra en requisitos y entregables, la metodolog√≠a Lean UX, de Jeff Gothelf, propone operar el UX en un entorno √°gil; es decir, acelerando los procesos de dise√Īo en funci√≥n a los usuarios.

El origen de Lean UX proviene de Lean Manufacturing, un m√©todo implementado por Toyota que buscaba reducir el tiempo de planificaci√≥n y producci√≥n de sus autos. ¬ŅQu√© es lo que hizo Toyota? Invit√≥ a sus clientes a participar de los procesos de producci√≥n, poni√©ndole especial atenci√≥n a sus opiniones y comentarios.

¬ŅQu√© logr√≥ Totoya con esta decisi√≥n?

  • Gan√≥ m√°s clientes.
  • Redujo el tiempo de los procesos de planificaci√≥n y producci√≥n.
  • La calidad de los autos mejor√≥ considerablemente.
  • Su capacidad de respuesta fue m√°s efectiva frente a la de sus competidores.

 

Con los a√Īos, la metodolog√≠a Lean ha sido aplicado al dise√Īo y el desarrollo de p√°ginas web y aplicaciones m√≥viles. Siempre siguiendo los requerimientos de los usuarios, eliminando los desperdicios que no sean √ļtiles para ellos, logrando que el proceso de producci√≥n sea m√°s √°gil y se alcancen los objetivos en un periodo m√°s corto.

Lean UX

Lean UX en un entorno √°gil, por Dave Landis

Design Sprint 

Es una metodolog√≠a UX puesta en pr√°ctica oficialmente y a escala por Jake Knapp y Google Ventures. El design¬†sprint (o sprint de dise√Īo en espa√Īol) se parece mucho al m√©todo UX cl√°sico, pero en realidad es mucho m√°s r√°pido y realmente funciona.

¬ŅQu√© es un sprint? Seg√ļn Google Ventures, ‚Äúel sprint es un proceso de cinco d√≠as para responder preguntas comerciales cr√≠ticas mediante el dise√Īo, la creaci√≥n de prototipos y la prueba de ideas con los clientes‚ÄĚ.

En suma, un sprint te permite obtener datos claros de un prototipo realista en un periodo de tiempo muy breve, sin necesidad de construirlo y lanzarlo.

Metodología UX Sprint

Imagen: GV Design

¬ŅC√≥mo hacer un design sprint?

Sigue estos pasos de acuerdo a Google Ventures:

  • El lunes: mapea el problema y elige un lugar clave para concentrarte.
  • El martes: esboza las soluciones de la competencia en papel.¬†
  • El mi√©rcoles: toma decisiones dif√≠ciles y convierte tus ideas en hip√≥tesis comprobables.¬†
  • El jueves: elabora un prototipo de alta fidelidad.¬†
  • Y el viernes: prueba ese prototipo con usuarios reales.

 

5.¬†¬ŅQu√© hace un UX designer?

Los UX designer o dise√Īadores UX est√°n a cargo de determinar c√≥mo funciona la interfaz de usuario, determinan tambi√©n la estructura de la misma y su funcionalidad. C√≥mo est√° organizado y c√≥mo todas las partes se relacionan entre s√≠.

Se preocupan también por el UX user y UX service de una aplicación o sitio web, y es por ese motivo que muchas personas confunden la diferencia con los UI designer, que son los creadores de los diferentes tipos de interfaces. Más adelante te explicaremos más sobre eso.

Si funciona bien, el usuario tendr√° una buena experiencia; pero si la navegaci√≥n es complicada o poco intuitiva, es probable que la experiencia del usuario sea p√©sima. Es por eso que el trabajo de los user experience designer es trabajar para evitar el √ļltimo escenario.

En resumen, son responsables del dise√Īo de experiencia de usuario de cualquier plataforma virtual, velando por un buen UX usability (usabilidad), contenido UX (dise√Īo de concepto) y funcionamiento de las interfaces del dise√Īo web.

6.¬†¬ŅCu√°nto gana un dise√Īador UX?

Seg√ļn Glassdoor, una plataforma que permite a los usuarios enviar y ver salarios de forma an√≥nima, un UX design en M√©xico tiene un sueldo base promedio de $26,000 al mes.

En Per√ļ, un UX design puede tener un sueldo de aproximadamente S/. 2,553 al mes, seg√ļn informaci√≥n de Indeed.

Mientras que el sueldo de un UX design en Argentina puede variar de entre $40,000 y $120,000 de acuerdo al sitio Encuestas IT. Estos n√ļmeros, por supuesto, dependen de la experiencia del UX design. Si cuenta con experiencia, su sueldo puede estar por encima de los $90,000.

En Espa√Īa, un UX Design puede llegar a ganar ‚ā¨25,449 al a√Īo, seg√ļn Indeed.

7. ¬ŅC√≥mo trabajar en UX y UI?

Para trabajar¬†como¬†UX y UI no es necesario estudiar¬†una carrera de dise√Īo. Algunos UX y UI siguieron las carreras de¬†ciencias de la computaci√≥n o desarrollo web y en el camino descubrieron el UX design y UI. Tambi√©n est√°n los que estudiaron arquitectura o psicolog√≠a, carreras que parecen no tener nada que ver con UX y UI, pero que, en realidad, s√≠ est√°n conectadas.

Esto quiere decir que, si estudias ciencias de la computaci√≥n, dise√Īo o incluso psicolog√≠a, luego puedes especializarte en esta carrera. ¬ŅC√≥mo? Tomando un curso de UX y UI¬†o¬†consultando libros sobre UX y UI por tu cuenta.

Entonces, ¬Ņc√≥mo trabajar en UX y UI?

  1. Capac√≠tate. Toma cursos de UX y UI, inscr√≠bete en workshops y conferencias, lee libros y art√≠culos sobre experiencia del usuario y dise√Īo de interfaz, estudia casos de √©xito de UX y UI. Sigue a los profesionales que hablan de UX y UI.
  2. Aprende a usar las herramientas UX y UI adecuadas. En el punto 8 encontrar√°s algunas de ellas.
  3. Gana experiencia en UX y UI. Si recién estás comenzando, puedes armar un proyecto propio. También puedes empezar un proyecto para un amigo. De esta manera aplicarás todo lo aprendido a un producto o servicio real.
  4. Con estas experiencias, la siguiente recomendación es crear tu portafolio. Si no sabes cómo crear uno, te recomendamos revisar esta nota.
  5. Participa de la comunidad de UX y UI. Puedes seguir grupos en LinkedIn o Facebook, inscribirte a eventos, seguir canales de YouTube de UX designers, escribir artículos en Medium, etc. 
  6. Sé curioso y un eterno aprendiz. Para ser un UX o UI, es necesario ser alguien con ganas de aprender, investigar y probar.

8. Herramientas UX

UXPin, una herramienta de prototipos para UX design 

Es una herramienta para UX design ideal para la creaci√≥n de prototipos interactivos, sistemas de dise√Īo y documentaci√≥n. UXPin te ofrece una fidelidad m√°s realista con interacciones en las que se puede hacer clic y animaciones realistas para experimentar tu producto de la manera que debe ser.¬†

Algunas de sus funciones incluyen: variables, interacciones condicionales, expresiones, estados interactivos, generador de datos, etc. Con UXPin podrás pasar de lo-fi a hi-fi en segundos utilizando elementos personalizables prefabricados de su bibliotecas de interfaz de usuario o elementos importados de tu propia biblioteca de Sketch. 

Su editor moderno e intuitivo hace que la curva de aprendizaje de UXPin sea sencilla, por lo que no se requiere una capacitaci√≥n extensa para comenzar a dise√Īar en UXPin.¬†

Todo lo creado en UXPin se basa en c√≥digo html, css y js, es decir, la misma tecnolog√≠a con la que trabajan los desarrolladores, por lo que tu c√≥digo siempre coincidir√° con tu dise√Īo.

UXPin, herramienta UX

Clicktale, una herramienta de análisis para UX design 

Es una herramienta para UX design muy √ļtil, pues analiza el comportamiento de los visitantes de p√°ginas web con mapas t√©rmicos. Clicktale transforma todas las interacciones de los clientes en informaci√≥n y visualizaciones para optimizar estrat√©gicamente tu sitio y obtener el m√°ximo ROI.

También te permite idear y ejecutar pruebas A/B  y multivariables basadas en datos inteligentes impulsados por el comportamiento de los usuarios. 

Con Clicktale podrás recrear patrones de comportamiento de navegación in-page, analizar tiempos de llenado y errores y grabar las sesiones de los usuarios de manera anónima.

Clicktale, una herramienta UX

Smartlook, una herramienta de grabación de sesiones para UX design

Esta herramienta registra a los usuarios en sitios web y aplicaciones m√≥viles, con funciones que te permiten encontrar informaci√≥n √ļtil, incluso en miles de grabaciones en muy poco tiempo. Esto la hace una de las herramientas para UX design m√°s atractivas.

Gracias a sus tablas de retención, puedes descubrir patrones en el comportamiento del usuario e identificar cuándo tienen dificultades para adoptar nuevas funciones. Las tablas de retención son la mejor manera de acelerar la reducción de pérdidas y concentrarse en ayudar a sus usuarios actuales.

Con Smartlook podrás crear funnels a partir de cualquier evento y ver las estadísticas del funnel inmediatamente después de configurarlo, las grabaciones también están disponibles de inmediato. Incluso podrás ver a las personas que abandonaron el funnel o tienen dudas sobre un campo de formulario. 

Smartlook, una herramienta UX

Adobe Target, una herramienta UX design para hacer pruebas A/B 

Es una herramienta que forma parte de Adobe Marketing Cloud. Se presenta como una soluci√≥n que cuenta con todo lo necesario para ‚Äúadaptar y personalizar la experiencia de los clientes a fin de maximizar los ingresos de los sitios web y m√≥viles, aplicaciones, medios sociales y otros canales digitales‚ÄĚ.

Dentro de sus funciones, Adobe Target te permite hacer pruebas A/B y multivariable en cualquier canal y en todo momento. Su automatización por IA a escala te ayudará a realizar pruebas personalizadas por cada visitante.

Adobe Target, una herramienta UX

UsabilityHub, una herramienta para UX design usada por Google y Amazon

Se trata de una plataforma de investigaci√≥n de usuarios remotos que te permite tomar mejores decisiones de dise√Īo en base a validaciones (sin mucho esfuerzo) con usuarios reales.

Con UsabilityHub podrás hacer pruebas de interfaces, flujos de interacción, iconografía, etc. Sus funciones están pensadas para ayudarte a crear experiencias intuitivas y agradables para los usuarios.

Si eres un analista de marketing digital, UsabilityHub te proporcionar√° las herramientas para ajustar las p√°ginas de destino, mensajes y todo lo que ayude a optimizar las tasas de conversi√≥n en campa√Īas de marketing.

Tambi√©n, es una plataforma muy √ļtil para Product Managers, pues facilita la toma de decisiones. As√≠, podr√°s asegurarte de ofrecer las funciones adecuadas a los usuarios adecuados.

UsabilityHub, una herramienta UX

 

9. Investigación para el UX design

La investigación para el UX design se centra en las expectativas del usuario. Todas las experiencias e interacciones que los usuarios han tenido con cada aplicación han ayudado a establecer las expectativas sobre cómo se supone que funcionan y deberían funcionar las interfaces.

Si un dise√Īador UX, no est√° familiarizado con lo que quiere el usuario, podr√≠a dise√Īar una interacci√≥n de interfaz, que quiz√°s pueda parecer l√≥gica; pero romper√≠a con las necesidades y expectativas del consumidor. Es por eso, que la investigaci√≥n es algo muy importante dentro del proceso de creaci√≥n.

A los usuarios no les gusta cuando el dise√Īo del men√ļ y/o el dise√Īo de experiencia¬†se comporta de manera muy diferente de lo que esperaban y esto podr√≠a resultar en un comportamiento negativo que afecta a la relaci√≥n que tiene con la marca.

10.¬†¬ŅQu√© es el dise√Īo centrado en el ser humano?

En el UX, el dise√Īo centrado en el ser humano, comprende al usuario final mediante la construcci√≥n de empat√≠a a trav√©s de la investigaci√≥n y experiencia del usuario. Comprende tambi√©n los objetivos de la marca, mediante el conocimiento del valor para el negocio.¬†

Así como para el usuario comprender la tecnología es fundamental, ya que puede utilizarla y aprovecharla al máximo, también es importante para el negocio centrarse en conocer a sus usuarios y clientes.

Esta acción genera una relación de valor, haciendo más eficiente y efectiva la experiencia, con el fin de lograr que tenga un sentido para sus usuarios finales.

El UX es fundamental para la cadena de valor de un producto o el journey de un usuario, asegura que en cada etapa las demandas y las soluciones brinden beneficios para el negocio y los usuarios, acompa√Ī√°ndolos en cada de etapa de entrada y salida.

11. Web positiva, experiencia positiva en UX

Un buen dise√Īo UX crea una web y experiencia positiva para los usuarios al comprender y satisfacer sus necesidades.

Pero no solo es la funcionalidad, la que hace que el usuario se sienta positivo cuando usa el producto o servicio, sino también porque los hace sentir: confiables, generadores de conversaciones, alentadores, con personalidad, utilitario (fácil y rápido de usar) y con contenido compartible.

Definitivamente todos los productos o servicios que son exitosos en los canales digitales es porque tienen UX en su alma y además tienen uno o más de las características que mencionamos en el párrafo anterior.

Existen 4 programas de UX que debes conocer para iniciarte como dise√Īador web, con√≥celas aqu√≠.

‚ÄúLa mayor√≠a de las personas comete el error de pensar que el dise√Īo es lo que ‚Äúluce‚ÄĚ o ‚Äúlo que se puede ver‚ÄĚ. La gente piensa que los dise√Īadores reciben una caja y les dicen: "¬°Que se vea bien!" Eso no es lo que pensamos que es el dise√Īo. No es solo lo que parece y se siente. El dise√Īo es c√≥mo funciona " - Iain Heath, Senior Experience Designer at Sainsbury‚Äôs.

12.¬†Consejos para convertirte en un experto en Dise√Īo UX

Como ya leíste, entrar en el mundo del UX Design requiere de muchas habilidades, pero eso no quiere decir que esté limitado a solo unos cuantos. Con los conocimientos que ya tengas te alcanza para seguir el camino del aprendizaje hasta tener la experiencia suficiente. Después de todo, la Experiencia de Usuario tiene una base intuitiva que, si eres buen observador, podrás desarrollar.

Aprende siempre

El aprendizaje de UX podrás tenerlo de 2 maneras: con cursos o investigando de manera autodidacta. Sea cual sea el camino que elijas, lo importante es no dejar de seguir aprendiendo, pues el UX se aplica con la combinación de diferentes conocimientos (multidisciplinarios) que requieren que vayas en una sola dirección.

Sé empático

Si eres capaz de ponerte en los zapatos del prójimo y entender cómo puede sentirse una persona frente a alguna complicación, ya tienes parte del camino recorrido. 

Si no es tu caso, puedes renunciar a los deseos de ser UX Designer o volver sobre el primer punto ‚ÄúAprende Siempre‚ÄĚ y darte a la tarea de desarrollar empat√≠a. No es imposible, solo debes dejar de lado el ego y enfocarte m√°s en lo que te rodea.

Conoce las herramientas

Una vez que ya hayas aprendido sobre una disciplina, dedica tiempo a dominar las herramientas que harán tu trabajo de UX Designer más fácil como Sketch.

Adquiere experiencia

No esperes a ser contratado por una gran empresa para comenzar a tener proyectos de UX en tu portafolio. Con un gran poder viene una gran responsabilidad, y con las habilidades que vayas adquiriendo el √ļnico responsable de darle vida a tu carrera ser√°s t√ļ. Empieza por peque√Īo, crea proyectos para amigos, familiares o para ti mismo. Hazlos como si fuese un trabajo destinado para un p√ļblico masivo y coloca el boceto en tu portafolio, junto con los pasos y metodolog√≠a empleada.

13. Tutorial de UX 

¬°Espera! A√ļn no terminamos, tenemos un tutorial el cual consiste en saber¬†que es el UX y c√≥mo puede ayudarte a mejorar un 100% la experiencia de los usuarios en tu aplicaci√≥n? ‚ö° Mira el video y conoce c√≥mo aplicar un buen dise√Īo UX a un flujo de compra junto a Carlos Pariente. Tips: 1. Diferencias culturales. 2. Dejar navegar con tranquilidad. 3. No pedir registro desde el principio. 4. Agregar promociones o contadores de tiempo para incentivar compra. 5. Botones de acciones claros. 6. Sugerir recomendaciones. ¬°Listo! , prep√°rate para comenzar a crear un buen UX.

 

Si te ha interesado mucho aprender de UX y te gustar√≠a llevarlo al plano de lo profesional para desarrollar tu carrera, te recomiendo el curso de Dise√Īo Ux que tenemos en Crehana, enfocado en la experiencia web y la retenci√≥n de usuarios.

14.¬†UI: ¬ŅQu√© es una interfaz de usuario?

El dise√Īo de interfaz de usuario es lo que se usa para interactuar con un producto o servicio, mientras que el UX se preocupa por c√≥mo se siente esa interacci√≥n.

Este dise√Īo de interfaz o tambi√©n llamado la ingenier√≠a de la interfaz, es utilizado para las aplicaciones, software, sitios web y smartphone enfocado claramente en la experiencia de usuario e interacci√≥n.

Se le considera parte de la suma de arquitectura de información + elementos visuales + patrones de interacción y dentro de las actividades principales están:

  • Dise√Īo de interacci√≥n

  • Gu√≠as de interacci√≥n

  • Dise√Īo de elementos

  • Dise√Īo visual

  • Gu√≠a de estilo

 

diseno-laptop-personas

Imagen: Freepik

Entonces cuando hablamos del dise√Īo gr√°fico de una aplicaci√≥n, estamos hablando de su interfaz que incluye los botones, los textos, las im√°genes, los controles, los campos de entrada de texto y todos los elementos que hacen posible la interacci√≥n del usuario.

15.¬†¬ŅQu√© hace un dise√Īador de interfaz de usuario?

El trabajo de un dise√Īador de interfaz de usuario (UI designer), es de dise√Īar todas las pantallas a trav√©s de las cuales se mover√° un usuario, y crea los elementos visuales con caracter√≠sticas interactivas que faciliten ese movimiento.

El dise√Īador UI, no solo es una persona creativa, sino tambi√©n tiene el rol de colocarse en el lugar del usuario, anticipando lo que esta persona puede esperar en cada etapa de la navegaci√≥n.

Es por eso que usan esa empat√≠a con el usuario, para dise√Īar elementos visuales e interactivos que respondan a las necesidades del usuario.

Empieza a dise√Īar tu p√°gina web como lo hacen los expertos, te contamos c√≥mo hacerlo.

Ellos deciden cómo se verá la plataforma online, escogen esquemas de colores y formas de botones, las medidas y fuentes para los textos. Es por eso que su rol fundamental es crear la apariencia idónea en la interfaz de usuario para una mejor interacción y una óptima navegación.

16. Web UI: Para usuarios

En una Web UI es importante centrarnos en el aspecto humano (usuario), es por eso que el dise√Īador trabajar√° pensando siempre en el comportamiento e interacci√≥n del ser humano con las plataformas digitales.

El dise√Īador de la interfaz de usuario es fundamental para desarrollar esas actividades, utilizan herramientas como patrones, espacios y colores para guiar al usuario.

La palabra clave es ‚Äúintuitivo‚ÄĚ. Es importante asegurar que la interfaz de la aplicaci√≥n sea atractiva, visualmente estimulante y tenga el dise√Īo apropiado para que coincida con el prop√≥sito y personalidad de la aplicaci√≥n.¬†

Si se logra eso, nos aseguramos también que cada elemento visual se sienta unido y estéticamente sea atractivo para el usuario, ya que él es el centro de esta experiencia.

17. Comunicación visual de UI

La comunicación visual de UI se centra en la experiencia visual del usuario. Esto se determina en la forma de interacción entre un usuario y la interfaz, esto puede ser en una aplicación, página web o videojuego.

Se trata de cómo el usuario navega de A a B a través de los diferentes puntos de contacto visuales, ya sea tocando un botón o deslizando las imágenes.

Se debe dise√Īar cualquier tipo de elemento visual, esto incluye dise√Īo de pantalla, transiciones, animaciones de interfaz y cada micro interacci√≥n.

manos-celular-hoja-dibujo

Imagen: Freepik

18.¬†Investigaci√≥n para el dise√Īo UI

Los dise√Īadores UI tienen que asegurarse de que el lenguaje visual que elijan se ajuste a la clase de aplicaci√≥n que est√°n trabajando.

Con la investigación podrían predecir las expectativas del usuario. Es importante hacer un research sobre cómo se han desarrollado otras aplicaciones dependiendo de la categoría de cada marca. 

Hay muchas lecciones de dise√Īo que se pueden aprender del trabajo que otros dise√Īadores uI han realizado.

La estética que eligen depende de ellos; pero siempre hay reglas básicas o la necesidad de ajustarse a las expectativas del usuario.

19.¬†Consejos para el dise√Īo de interfaz

Hay puntos importantes que debes tener en cuenta al momento de dise√Īar una interfaz:

  • Animaci√≥n

  • Branding

  • Lenguaje de dise√Īo, patrones de dise√Īo y sistema de dise√Īo.

  • Interactividad

  • Dise√Īo responsive

  • Tipograf√≠a

  • Transiciones

  • Prototipos de interfaz de usuario

 

hojas-dibujo-trabajo

Imagen: Freepik

Siempre recuerda que los usuarios son personas con necesidades así que te recomendamos seguir estas pautas:

  1. Hacer que los botones y otros elementos comunes funcionen de manera predecible.

  2. Mantener alta capacidad de descubrimiento.

  3. Mantener las interfaces simples.

  4. Respetar los ojos y la atenci√≥n de los usuarios con relaci√≥n al dise√Īo.

  5. Intenta minimizar el n√ļmero de acciones para realizar tareas.

  6. Mantener la consistencia de la marca a través de la navegación.

 

 

20.¬†Diferencias entre el dise√Īo UX / UI

El UX/UI son dos disciplinas muy diferentes que funcionan en armon√≠a. El dise√Īo UI y el dise√Īo UX implican habilidades distintas; pero son una parte integral del √©xito de un proyecto digital.

Un dise√Īo hermoso no puede tener una interfaz torpe y confusa para navegar, y una buena experiencia de usuario puede verse afectada por un mal dise√Īo de la interfaz visual que convierte la experiencia de la aplicaci√≥n en algo desagradable.

Los dise√Īos UX y UI deben deben ejecutarse sin problemas y estar siempre alineados con las expectativas de los usuarios para crear una excelente interfaz / experiencia de usuario.

Y cuando est√°n alineados, ¬°los resultados pueden ser asombrosos!

crehana premium

21. Tendencias UX 2021

El 2020 fue el a√Īo donde el UX se concentr√≥ en la investigaci√≥n y comprensi√≥n de los usuarios. Ahora, el 2021 exige que el UX Designer trabaje de la mano de las √°reas de marketing y desarrollo del producto.¬†

Como afirmamos, el UX Designer es un profesional multidisciplinario que se relaciona con otras áreas. Si lo haces, podrás comprender más a tus usuarios. Asimismo, conocer los comportamientos y reacciones del target permite que puedas transferir las emociones de la marca de manera más profesional. 

De este modo, el UX 2021 tiene como objetivo generar experiencias √ļnicas aprovechando el contenido comercial de la empresa. Llegar a este punto de investigaci√≥n de mercado te aproxima a generar clientes satisfechos.¬†

¬ŅQu√© tendencias trae este UX/UI 2021? El protagonista ser√° el espacio vaci√≥. Ya lo sabes, si tienes productos visuales muy cargados, los usuarios se confunden y distraen en lugar de concentrarse en algo espec√≠fico.

Por eso, el espacio vac√≠o se perfila como la tendencia de este a√Īo. ¬ŅQuieres conocer qu√© m√°s trae este a√Īo? Conoce estas tendencias UX y UI 2021.

Además, puedes conocer casos de éxito, en los cuales se aplican el UX y UI, puedes leer estas notas Ten things I’ve learned as a UX researcher at Uber y 3 lessons learned as a product designer at Uber . Ambos están en inglés; ¡pero valdrá la pena leerlos!

¬°Nos leemos luego!¬†ūüėé

Recomendados para ti