UNIVERSIDAD ESTATAL DEL SUR DE MANABÍ
Creada mediante Ley publicada en el Registro oficial No. 261 del 07 de febrero del 2001
FACULTAD DE CIENCIAS TÉCNICAS
“TECNOLOGÍA DE LA INFORMACIÓN”
TEMA:
EJEMPLO DE UX/UI
ASIGNATURA:
SISTEMAS DE INFORMACION
ESTUDIANTE:
JONATHAN GABRIEL REYES LORR.
DOCENTE:
ING. FIGUEROA MORAN GRACE LILIA
CURSO:
CUARTO “B”.
PERÍODO ACADÉMICO:
2024
JIPIJAPA
EJEMPLOS DE UX Y UI
¿Qué es diseño UX y UI?
El diseño UX (experiencia de usuario) y el diseño UI (interfaz de usuario) son dos conceptos
que a menudo se mencionan por separado, pero en realidad, trabajan en conjunto para crear
productos digitales exitosos. Mientras que UX se enfoca en la experiencia global del usuario
con un producto o servicio, UI se concentra en los aspectos visuales y de interacción de la
interfaz.
Diferencias entre diseño UX y UI :
Diferencias entre un diseñador de UX y un diseñador de UI:
Pensemos de esta forma, un ilustrador o un diseñador gráfico pueden hacer un excelente
trabajo de UI, incluso si no tienen experiencia en las plataformas para diseño web. Por otro
lado, un ingeniero en sistemas o industrial puede realizar un excelente trabajo de UX, debido a
su experiencia con procesos, flujos de trabajo y árboles de decisión.
Proceso de trabajo:
Los diseñadores UX se enfocan en los flujos de tareas, procesos y árboles de decisión.
Ponen mayor énfasis en la investigación y el pensamiento crítico.
Los diseñadores UI se centran en los colores, tipografías, composición, diseño, imagen
y video. Su trabajo, por lo tanto, está más orientado a cuestiones creativas y artísticas.
Enfoque de su trabajo
El diseño UX se enfoca en la funcionalidad y la usabilidad de los productos y servicios.
Todo el tiempo se piensa en el usuario como centro de la experiencia.
El diseño UI se limita a aspectos visuales y, en general, a crear una composición de
acuerdo con la personalidad de la marca. Los aspectos como la identidad visual, tono
de voz y estilo son fundamentales para lograr un diseño adecuado.
Especialización
Los diseñadores UX se especializan en la investigación, prototipos, arquitectura de
sistemas, análisis funcional y tareas que aporten información cuantitativa y cualitativa
sobre el comportamiento de los usuarios.
Los diseñadores UI se centran en el diseño, gráficos, maquetación, diseño de marcas,
diseño web, ilustración, animación y tareas que permitan hacer más atractivos los
aspectos visuales de un producto o servicio y también acordes con la marca.
Herramientas más utilizadas para el diseño UX y UI:
Figma
Es ideal para equipos remotos, ya que permite la colaboración en tiempo real entre
diseñadores UX y UI, quienes pueden trabajar simultáneamente en los mismos archivos y
compartir comentarios. Su capacidad para crear prototipos interactivos facilita tanto el diseño
visual (UI) como la creación de flujos de usuarios y prototipos de experiencia (UX) sin
necesidad de codificación.
Adobe XD
Adobe XD es una herramienta robusta que también se utiliza ampliamente tanto para diseño
UX como UI, es perfecto para crear prototipos interactivos que permiten a diseñadores UX y UI
probar interacciones y la funcionalidad de la interfaz. Su integración con otras herramientas de
Adobe, como Photoshop e Illustrator, facilita un flujo de trabajo continuo entre aplicaciones.
Sketch
Sketch es ideal para diseñar interfaces visuales detalladas con precisión y rapidez gracias a su
enfoque en el diseño vectorial. Su capacidad para crear símbolos reutilizables y bibliotecas
facilita la creación de componentes consistentes, como botones y formularios, dentro de un
sistema de diseño.
Bibliografía
HubSpot. (s.f.). ¿Qué es UI y UX?. Recuperado el [fecha], de
https://blog.hubspot.es/website/ui-ux
Hotjar. (s.f.). Ejemplos de diseño UX. Recuperado el [fecha], de
https://www.hotjar.com/es/diseno-ux/ejemplos/
Woko Agency. (s.f.). Diferencias entre CX, UX y UI. Recuperado el [fecha], de
https://woko.agency/blog/diferencias-cx-ux-ui/
Pinar, C. (s.f.). UI vs UX: ¿Cuál es la diferencia?. Recuperado el [fecha], de
https://carlospinar.com/ui-ux/ui-vs-ux-cual-es-la-diferencia/
