Buscar 

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 TEORÍA

Qué es: UX y UI
Andrea Cantú  38

Seguramente habrás escuchado los términos UX y UI, pero, ¿qué significan estos dos
acrónimos que se han puesto tan de moda en los últimos años?

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Para poder notar la diferencia entre UX y UI primero tenemos que entender qué es cada uno.
En este post mi objetivo es que al nalizar sepas distinguir qué es cada uno de estos
acrónimos y porqué van de la mano.

¿Qué es UX?
UX (por sus siglas en inglés User eXperience) o en español Experiencia de Usuario, es aquello
que una persona percibe al interactuar con un producto o servicio. Logramos una buena UX
al enfocarnos en diseñar productos útiles, usables y deseables, lo cual in uye en que el
usuario se sienta satisfecho, feliz y encantado.

UX es aquello que una persona percibe al interactuar con un

producto o servicio.
Tweet This

Es muy común, que el término UX, se confunda con el de Usabilidad o UI. Pero vamos a
dejarlo claro.

La Usabilidad es un atributo de una buena experiencia de usuario y la UI o Interfaz del

Usuario es con lo que se interactúa.

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Veámoslo en el siguiente ejemplo:

UI, hay un botón que permite interactuar al usuario con el sistema (comprar).

Usabilidad, hay un botón que permite al usuario regresar, además me dice en qué moneda
está el precio y me permite seleccionar la cantidad (previniendo errores).

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Buena UX, Me hace decir ¡Wow! porque tiene una descripción que me dice qué ingredientes
tiene, cuantas calorías y además me permite ¡agregarlo a mis favoritos para comprarlo
rápido en otra ocasión!

En TODOS los casos existe la UX, la diferencia es que podemos INFLUIR en crear una buena
UX cuando planeamos para la experiencia óptima.

UI me permite comprar, Usabilidad me permite prevenir un error, UX es lo que percibo.

OJO: UX NO ES AGREGAR FUNCIONALIDAD, ES PONERSE EN LOS ZAPATOS DEL USUARIO

¿Pero, cómo se logra esta experiencia?

Una buena UX se logra a través del Diseño Centrado en el Humano, el cual es el enfoque de
conocer las necesidades de los usuarios y alinearlos a los objetivos del negocio tomando
también en cuenta las limitaciones técnicas.

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 La persona que realiza UX, es conocida como un UX Designer y como parte de sus
responsabilidades está el de investigar qué es lo que las personas necesitan para cumplir sus
objetivos y resolver sus dolores.

Dentro de las actividades que realiza un UX Designer, están:

Investigación (con stakeholders, etnográ ca, entrevistas 1 a 1…)

Evaluación (evaluaciones heurísticas, benchmarks, pruebas de usabilidad)
Análisis de datos (KPI’s, métricas)

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Arquitectura de información

Una persona que se desempeña como UX Designer por lo general tiene conocimientos
generales de:

Psicología, Sociología o Antropología

Tecnología, Desarrollo de Productos Digitales
Comunicación, Marketing
Negocios, Ventas
Diseño Industrial, Grá co

Conoce, las 10 habilidades que un UX Designer debe tener.

¿Qué es UI?
UI (por sus siglas en inglés User Interface) o en español Interfaz del Usuario, es la vista que
permite a un usuario interactuar de manera efectiva con un sistema. Es la suma de una
arquitectura de información + elementos visuales + patrones de interacción.

El UI da el ‘look & feel’ al producto con la estructura e interacción de los elementos de la

interfaz.

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Una buena UI nos permite dar una buena UX, pero no lo es todo, es un instrumento. 

Un UI Designer se encarga de crear visualmente la interfaz del producto para que vaya
acorde a la experiencia del usuario. Además, crea elementos interactivos y se preocupa de
que se vean bien en todas las plataformas (móvil, tableta, web). Un UI Designer trabaja muy
de la mano con el equipo de desarrollo o diseño de producto proporcionando guías de estilos
y patrones de uso.

Dentro de las actividades que realiza un UI Designer, están:

Diseño de interacción (cómo responde el sistema)

Guías de interacción (estados del sistema)
Diseño de elementos (botones, formularios)
Diseño visual (iconos, imágenes)

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Guías de estilo (paletas de color, fonts)

Un UI Designer por lo general tiene estudios en:

Diseño grá co, Artes visuales

Diseño industrial
Tecnología, Desarrollo de Productos Digitales

En conclusión
UX es lo qué te hace sentir una marca o producto al momento de interactuar con él, mientras
que UI es una capa visual de colores, texturas, formas y elementos.

Por eso, UX no es lo mismo que UI. Detrás de un producto o aplicación increíble tuvo que
haber trabajo previo de investigación y una correcta estrategia que se tradujo en una
interfaz atractiva. UI no es, ni nunca será por sí sola una solución.

¿Ya tienes dominada la teoría pero quieres ponerla en práctica? ¡Conoce los cursos presenciales en
Latinoamérica!

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 ¿Conocías las diferencias entre UX y UI? Me gustaría leer tus comentarios….

 ui, ux, ux designer  7 Mayo, 2016  38 comentarios

Publicado por: Andrea Cantú

Especialista en Experiencia de Usuario (UX) para productos digitales. Mi misión:

humanizar la tecnología a través de la creación de productos digitales que dejen
una experiencia positiva y placentera.

 5 Señales de que necesitas a un UX Designer Cómo llegar a ser UX Designer 

POSTS RELACIONADOS

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 TIPS TIPS TEORÍA

5 Formas de analizar y 7 Actividades clave que hace Qué es: Interfaz de Usuario
sintetizar para UX Designers un UX Designer (UI)

38 COMENTARIOS

Jeko Medina
11 Mayo, 2016 at 6:28 PM - Reply

Hola, me interesa tener conocimientos acerca de este tema ¿los cursos son solo en México ?
Soy chilena ¿ hacen cursos aquí en Chile ?, agradezco me puedan informar
Saludos

Andrea Cantú Author

18 Mayo, 2016 at 12:32 PM - Reply

Hola Jeko! Mira los cursos abiertos

Juan Daniel
13 Mayo, 2016 at 5:10 PM - Reply

Hola Andrea, muy bueno tu artículo, en lo personal si conocía la diferencia entre estos
términos, sin embargo tengo una duda y me gustaría saber tu punto personal.

¿Puede un diseñador grá co ser UX y a la vez UI, en paises como Colombia o México? Dado que en
Latinoamérica es muy escaso la diferenciación de estos roles.

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Saludos desde Colombia

Andrea Cantú Author

18 Mayo, 2016 at 12:31 PM - Reply

Hola Juan Daniel, gracias por tus comentarios y tu pregunta. Claro que puede, personalmente creo que
la carga de trabajo es bastante para cubrir ambos puestos, por eso pre ero armar equipos con roles por
separados, pero habrá excepciones.

Lo que he visto es que la gente que publica las vacantes a veces no conoce la diferencia entre ambos y entonces lo
pone como uno solo “por moda”. Hay que ser claros cuando aplicas a un puesto o reclutas a alguien sobre las
expectativas

Osvaldo Avila
8 Junio, 2016 at 10:34 AM - Reply

Muy bueno todo tu contenido, y es muy cierto lo que mencionas, las personas que publican
las vacantes piden que sea uno Ux, Ui, front y back-end al mismo tiempo, es imposible,
demasiada carga de trabajo.

Saludos…

César Olguin
31 Agosto, 2016 at 5:05 PM - Reply

Hola que tal buena tarde esta muy padre la nota… tendrás algún curso, diplomado,
conferencia, visita o bendición para Querétaro (jojo)
gracias Saludos

Andrea Cantú Author

1 Septiembre, 2016 at 2:07 PM - Reply

Gracias por tu interés César! Mira los cursos abiertos

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Raúl
4 Septiembre, 2016 at 6:34 PM - Reply

Muy buena explicación, a veces es difícil explicar qué es UX ya que muchas personas lo ven
como algo trivial pero requiere de investigación y empatía.

Sandri
10 Marzo, 2019 at 10:56 AM - Reply

Gracias Andrea, muy clara y precisa tu información. Me sirvió mucho!

Marco Vega
3 Noviembre, 2016 at 7:29 PM - Reply

Es muy interesante, las metodologías deberían de dar énfasis a esta parte ya que se vuelve
muy tedioso y abundante, los proyectos se deberían de llamar proyectos UX.

Saludos!

Enrique Martelo
17 Febrero, 2017 at 12:49 PM - Reply

Una publicación muy buena, el ejemplo de la aplicación móvil es los más claro que he visto
para diferenciar los términos, en especial sin tanta teoría ni rodeos.

PEDRO
16 Marzo, 2017 at 12:25 AM - Reply

Me fascinó muchisimo esta catedra, un graphic designer tiene mucho de los dos UI y UX ,
desde la psicologia centrada los humanos o mas bien diseño centrado en el humano. Por
catedras como la Gestalt , los metodos de diseño (UX) y la UI en fundamentos del diseño, uso de
software y uso de tecnologias como CSS3 HTML5 JAVASCRIPT ,FRAMEWORK , en n en latinoamerica
se ve mucho que piden UX UI mas front end y algo de back end pero bueh

Jessica
7 Abril, 2017 at 1:16 PM - Reply

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Hola me encantó el articulo, muchas gracias por la información, desconocía de este tema y
me interesa profundamente saber más, tengo una carrera en informática y estoy estudiando
otra carrera en diseño grá co, me apasiona el diseño, por lo que tanto el ux como el ui me
gustaron mucho, pero según mi per l, y en cuanto en su experiencia ¿Donde podría explotar mis
conocimientos y mi experiencia, en actividades ux o ui?

Andrea Cantú Author

7 Abril, 2017 at 2:59 PM - Reply

Hola Jessica, que gusto saber que te pareció interesante este tema Lo que yo te aconsejaría sería ir
tomando algún curso para poner en práctica los métodos y técnicas que debes empezar a dominar para adentrarte
en la profesión. Tienes ya dos factores clave que son importantes, diseño y tecnología, por lo que abrirte camino
no debería ser muy complicado. Te sugiero además descargar la Guía de UX que tengo aquí para que te des una
idea en dónde estás y qué te falta dominar. Esto te ayudará a enfocarte mejor.

Ale Ponce
3 Mayo, 2017 at 12:11 PM - Reply

Muy interesante tu articulo, gracias por compartir busco trabajo y me encontré con una
vacante que la paga es muy buena y mencionan que requieren de un “Diseñador UX/UI ” y
llamo mucho mi atención pues no sabia lo que signi caba “UX/UI” pero después de leer tu articulo por lo
menos ya tengo noción de lo que es, tu que programa recomiendas para realizar Sitemaps y Wireframes
? Me podrías recomendar algún libro para entrar mas en el tema.

Saludos!

Andrea Cantú Author

4 Mayo, 2017 at 9:40 AM - Reply

Hola Ale, en realidad es que puedes utilizar Excel para Sitemaps como algo sencillo. Algo más detallado
son herramientas como Axure, UXPin, Sketch para realizar los wireframes. Por acá recomiendo una serie de libros
para iniciarte en UX, aunque para el tema de Sitemaps y Wireframes debes conocer sobre Arquitectura de
Información, y obviamente te recomiendo mucho la práctica.

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Laura
21 Julio, 2017 at 5:47 PM - Reply

Hola Andrea, muuuy interesante tu artículo porque no lograba entender la diferencia entre
UX y UI para mi eran lo mismo.

Mayra Portillo
9 Agosto, 2017 at 7:13 AM - Reply

Interesantísimo, Andrea, creo que las marcas contemporáneas deben acentuar sus esfuerzos
a UX y ser capaces de crear una personalidad de marca, proveer toda una experiencia a sus
clientes para lograr diferenciarse de su competencia.

Excelente artículo.

Isela Álvarez
11 Septiembre, 2017 at 12:51 PM - Reply

Excelente articulo la verdad me sirvió mucho la información que proporcionas sobre todo
para mi que soy diseñadora grá ca y ni idea tenía de esto. Muchas Gracias Éxito!!

Viviana Rojas
27 Octubre, 2017 at 1:42 AM - Reply

Hola Andrea agradezco que tomes de tu tiempo para explicarnos a muchas personas sobre el
tema UX y UI, es un artículo interesante y propositivo. Buscaba solo una información sobre
UX y al nal me sumergí en todo lo que has escrito sobre el tema, los tips que das y quería que me
brindaras tu ayuda. Yo soy diseñadora de producto, he entendido que no debes ser diseñador grá co
para entrar en este mundo y quisiera hacer una especialización y tomar cursos antes de entrar en este
mundo, desafortunadamente no encuentro mucha información y la que localizó parece poco con able o
confusa.

He visto los cursos que propones en diferentes ciudades, los cursos de Barcelona, Madrid o Bogotá me
interesan pero no encuentro fechas accesibles, para no extenderme más tú podrías darme información

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 sobre ello.

Muchas gracias !

Andrea Cantú Author

30 Octubre, 2017 at 9:47 AM - Reply

Hola Vivi, gracias a ti por permitirme compartir contigo.

Respecto a los cursos estamos por liberar un nuevo calendario para el siguiente trimestre. Sugiero te mantengas al
tanto de Facebook, Linkedin o Twitter para seguir informada (Los links los encuentras debajo de mi foto de
per l lado superior derecho)

Nena
5 Diciembre, 2017 at 7:45 AM - Reply

Muy bien explicado realmente fácil de captar, muchas gracias

Mauricio Bouanchi
5 Diciembre, 2017 at 4:02 PM - Reply

Gracias Andrea, muy didáctica tu explicación, me podrías sugerir otros medios donde
aprender mas sobre el tema?

Julio Robert
8 Diciembre, 2017 at 12:47 AM - Reply

Andyyyy , gracias por la información e increíble encontrarte así de casual aquí =)

Deniss Bendana
9 Enero, 2018 at 12:04 PM - Reply

Vaya, todo esto es nuevo para mi!, no soy diseñadora, soy mercadologa. Trato siempre de leer
para conocer un poco, casual me tope con estas siglas en un grupo de marketing digital, y me
quede whats? que es eso? .. me decidí a investigar y me tope con el Blog, gracias por este aporte, y

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 aunque no tengo dominio del tema, al menos tengo noción de que es y en que consiste!
Saludos a todos!

Jaime Palacios
7 Febrero, 2018 at 11:46 AM - Reply

Un artículo muy instructivo con un estilo fantástico. Enhorabuena por el contenido y por la
forma de exponerlo. Gracias!

David Luna
15 Marzo, 2018 at 1:31 PM - Reply

Buen articulo, felicidades Andrea!, sin embargo…. al nal del día que sería más improtante
cumplir dentro de un proyecto de acuerdo a los requerimientos solicitados… el UI o el UX?.

En mi opinión personal deben ir de la mano, es decir… en un proyecto debe considerarse a UI y UX de

manera primaria, en donde en la primera capa a cumplir para el negocio sería el UI y al nal UX para
darle el valor al negocio en cuanto al marketing digital y captar al cliente y hacerlo más competitivo.

Saludos!

Andrea Cantú Author

16 Marzo, 2018 at 12:59 AM - Reply

Hola David, gracias por tu comentario.

La UX siempre va a existir sea buena o mala. Lo importante es enfocar a que la UI además de útil, sea usable y
deseable. UX no es una etapa en un proceso, la buena UX es la consecuencia del diseño consciente. Por lo tanto,
“no hay que hacer uno antes que el otro”, la buena UX resulta de si hubo un esfuerzo al respecto para orquestrarla
o no

Angelica Gomez
22 Marzo, 2018 at 7:49 AM - Reply

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Simplemente Wow, con la primera imagen capturaste mi atencion, es una excelnete manera de expresar
las diferencias.

Saludos.

Ana Cuervo
9 Agosto, 2018 at 6:04 AM - Reply

Gracias, muy buen texto. Es impresionante la cantidad de artículos en la red en los que
confunden UX con UI.

Henry Hernández
21 Septiembre, 2018 at 11:47 AM - Reply

Muchas gracias por el artículo, es muy útil

Norihiko Matsumoto
5 Junio, 2019 at 4:21 AM - Reply

Hola Andrea, muchas gracias por tu artículo, me ayudó bastante a saber bien que es UX y UI,
hasta acabé interesándome por los demás artículos complementarios

Seguiré leyendo tu blog y aprendiendo de ti, ¡saludos!

Roberto
4 Septiembre, 2019 at 4:50 AM - Reply

Enhorabuena por el post, Andrea. Muy fácil de leer, didáctico y explicativo. ¡Saludos!

Miguel Caba Pérez

18 Septiembre, 2019 at 11:21 PM - Reply

Muy buenos los contenidos y necsarios conocerlos

Ronaldo GH
11 Noviembre, 2019 at 11:09 PM - Reply

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Me parece interesante. ¿Los cursos son gratuitos si es que los hay?
me gustaría empezar por estas 2 áreas para mi inicio como front end y entender lo que es UX
Y UI.

Máximo Suero
21 Diciembre, 2019 at 7:57 AM - Reply

Excelente información, capacita de manera general a entender los conceptos de UI y UX que

aunque son complementarios aqui aprendí que no son lo mismo.

Muchas gracias.

Livio Gt
21 Diciembre, 2019 at 7:21 PM - Reply

Hola Andrea , un gusto saludarte. Con tu post me he dado cuenta que en realidad intento ser
un Ui. Ya que soy programador de aplicaciones de escritorio y es difícil lograr una buen Ux. Es
más, mis colegas ni conocen el tema. Te agradecería si me das más información sobre los cursos. Saludos.

Ahdis
22 Enero, 2020 at 2:23 AM - Reply

Ahora lo entiendo. ¿Y cómo podemos aplicar esto al diseño web? Gracias de antemano.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Comentario

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
 Nombre * Correo electrónico *

Web

PUBLICAR COMENTARIO

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD
  INICIO TIPS TEORÍA MITOS CURSOS UX ENTREVISTAS

©2019 Andrea Cantú

Create PDF in your applications with the Pdfcrowd HTML to PDF API PDFCROWD