DISEÑO
UI / UX
UI 01
USER INTERFACE
Se refiere a la creación de la interfaz, que puede ser
gráfica o desarrollada principalmente con lenguajes
UX
como HTML, CSS o Javascript, se centrará en el
diseño del producto, impactando en la primera
USER EXPERIENCE
impresión visual del usuario, algo que determina si Mientras que UX se centra en la usabilidad,
nuestra web o aplicación es de su gusto. enfocándose en el análisis y las relaciones
sociales, se orienta en la usabilidad y facilidad de
EL DISEÑADOR UI SE ENCARGA PRINCIPALMENTE navegación, creando unas emociones y
DEL ASPECTO VISUAL DE LA INTERFAZ sensaciones determinadas al hacer uso de la
interfaz.
EL UX SE CENTRA EN GARANTIZAR QUE LA
NAVEGACIÓN Y ACCIONES QUE REALIZA EL
USUARIO TENGAN COHERENCIA.
DIFERENCIAS
02
FUNDAMENTALES
UI solo existe UI direcciona al usuario, UI es sobre razón,
con un interfaz UX hace la navegación UX es sobre
visual, UX no valer la pena emoción
La sensación del usuario en relación a la La navegación sea fácil de comprender y las Se tiene que tomar en cuenta quién es
experiencia de navegación no tiene que ver con acciones simples de realizar, sin embargo ni el tu público, cuál es el contexto en que él
una pantalla. Esta experiencia se ponga hasta sitio más agradable del mundo dejará a los usa tu aplicación y qué quiere
más agradable si el diseñador consigue eliminar visitantes satisfechos si no tiene la información encontrar.
algunas etapas en el proceso de uso del que esperan y de la manera que desean
producto, lo que significa menos pantallas para consumirlas.
interaccionar.
Generación de alto valor para el
público
BENEFICIOS Generar valor para tu público nunca es demasiado. Al final, aunque no
todos los visitantes estén listos para tomar una acción inmediata, es
probable que vuelvan si el trabajo del UI y el UX está bien realizado.
Altas posibilidades de retener y
encantar a los usuarios
Muchos sitios y aplicaciones tienen como una de las principales métricas
de éxito el tiempo que los usuarios han estado en el sitio web. Este
indicador es utilizado cuando el engagement es importante para el éxito del
proyecto.
Fortalecimiento de la marca
Las marcas que se preocupan por la experiencia completa que los clientes
tienen en sus canales digitales logran el fortalecimiento de la relación con
los usuarios. La calidad del trabajo de UI y UX es lo que determina si eso
será una noticia buena o mala para ti.
Aumento de conversiones
03
Es para eso que cualquier empresa invierte en Marketing Digital y
empeñarse en el diseño de las interfaces, así como de la experiencia
completa, es lo que garantiza el retorno sobre esta inversión.
04
EJEMPLOS
DISEÑO UX Los Awwwards son unos de los premios más
importantes del mundo online en la
actualidad y se otorgan a las mejores
páginas web de Internet de todo el planeta.
¿Qué es para ellos “la mejor página web”?
Pues es una combinación de 4 elementos: un
buen diseño, una buena usabilidad (o diseño
UX), mucha creatividad y buen contenido.
AIRBNB
Queda perfectamente claro a qué se dedican y qué es lo
que puedes conseguir en ella. Una vez empiezas a
navegar por la web te das cuenta de lo fácil que es
encontrar lo que buscas, con los resultados
perfectamente ordenados, posibilidades de filtrar por lo
que quieras… Además, tienen tanto un diseño responsive
como una app específica para móviles.
NURTURE
DIGITAL
La animación no tiene por qué estar reñida con el diseño
UX. En esta página hay vídeos, los elementos se mueven
y hasta el ratón arrastra una bola negra. Aun así, es una
web perfectamente intuitiva que funciona sin problemas.
HUNTER
La famosa marca de botas inglesa. Es tan user friendly,
que detecta desde donde te conectas para redirigirte a la
web de tu país y en tu idioma.