Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Definición de diseño UI

10/22
Recursos

Aportes 66

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Un diagrama un poco más completo sobre las diferencias entre UX y UI.

DEFINICION DE DISEÑO UI (Diseño de interfaz del usuario)
Es el momento de ponerle color a los bocetos.
El diseño UI es el diseño que se enfoca en la capa de estilos visuales que va por encima de la estructura de contenido.
Se diferencia del UX en que este último se enfoca en la investigación, prototipado y arquitectura de la información.
De que se encarga cada diseño:
• UX:
o Diseño de interacción.
o Prototipado.
o Arquitectura de la información
o Investigación y pruebas de usuario
• UI:
o Diseño visual.
o Colores.
o Layouts.
o Tipografías.
Cuando trabajamos con los dos diseños al mismo tiempo garantizamos que nuestra aplicación va a ser bonita, agradable y va a ser funcional para todos los usuarios. No debemos quitarle importancia a ninguno de los dos.

Un ejemplo general:

Mis Notas

Yo miraria al UX como el Backend del diseño, ya que representa lo que existe por debajo de lo que el usuario ve, mas el UI es mas visual (Frontend) xD

Se podría decir que el diseño UX es la obra negra de la aplicación, mientras que el diseño UI son los acabados… no? 🤔

HIPER-RESUMEN:
Diseño UI:
Estilos que van por encima del contenido (la decoración pues).
Son: diseño visual, colores, layouts, tipografías, etc.

# UX
 ['Diseño de interaccion', 'Prototipado', 'Arquitectura de la informacion', 'Investigacion y pruebas de usuario']

# UI
['Diseño visual', 'Colores', 'Layouts', 'Tipografia']

Dejo mis apuntes, espero les sirva 😃


Disuñe UI (Diseño de Interfaz de Usuario): es el diseño que se enfoca de crear la capa de estilos visuales y estilos por encima de la estructura de los contenidos

UX y UI siempre deben ir de la mano.

🖼️ La interfaz de usuario permite establecer estilos visuales de la aplicación.

Diferencia entre UI - UX

UX: La experiencia de usuario, o User Experience es, como su nombre indica, la experiencia que tiene cualquier usuario cuando está interactuando con una plataforma digital, un dispositivo o cualquier otro entorno.

UI: Es el medio a través del cual el usuario se comunica con un sistema. Te pongo ejemplos, cuando consulta el tiempo en su teléfono inteligente, cuando programa el microondas para calentar la comida, cuando le pide al gps del coche que le lleve a una dirección concreta, etc…

Excelente forma de describir en resumen que se dedica el UX y el UI

UI, se encarga de definir los estilos visuales de nuestra aplicacion, que van desde layouts, colores tipografías…

Lo que se encarga el diseño UX es: el análisis de la interacción que habrá entre los usuarios finales y la aplicación
Lo que se encarga el diseño UI: Es la estética que tendrá nuestra aplicación.

Todos los programadores deberían tener un base de conceptops como estos.

Ya me es mucho más clara la diferencia!

Esto agiliza el proceso creativo

Por lo que entendí el diseño UX es el encargado de estructurar el proyecto, su esqueleto por así decirlo, investigar, probar y ejecutar la estructura que mejor se adapte al producto.

Y el diseño UI, vendría a ser la segunda capa de diseño que se enfoca en la parte visual, las imágenes que se deben usar, colores, tipografías etc.

Haciendo una comparación referente a este campo, se podría decir que UX vendría siendo html, y UI sería CSS.

Diseño UX

Se enfoca en la investigación, prototipado y arquitectura de la información.

  • Interacción

  • Prototipado

  • Arquitectura de la información

  • Investigación y pruebas de usuario

Diseño UI

Se enfoca en crear la capa de estilos visuales que va por encima de la estructura de contenido.

  • Diseño visual

  • Colores

  • Layouts

  • Tipografía

Fui a leer un poco mas sobre el tema y encontré esta imagen.

El UI es la interfaz de usuario, la parte que el usuario ve cuando entra en nuestra web, y el UX es la experiencia de usuario, una herramienta poderosa para conseguir una buena experiencia de usuario.

Definicion de diseño UI

¿Qué es el diseño ui? Es la que se encarga de crear la capa de estilos visuales y los estilos que van encima de la estructura de contenido.
Diseño ux:
Diferencia entre UX y UI Se enfoca en investigación, prototipo y arquitectura de los datos.
Diseño UI:
Se encarga de hacer el diseño visual, es decir, aplicar color, layouts y tipografía.


Debemos trabajar el diseño UX y UI de la mano para garantizar que nuestro producto se estéticamente bonito y fácil de usar.

Cuando hablamos de wireframes de baja fidelidad nos referimos a una maqueta bastante genérica, sin imágenes, sin contenido real y sin color, entre otros. Este tipo de wireframes se aleja del detalle y es más cercano a ser una base sobre la cual el diseño de interfaz se apropia de ciertas decisiones.

El diseño de la interfaz de usuario (UI) es el proceso que utilizan los diseñadores para crear interfaces en software o dispositivos computarizados, centrándose en la apariencia o el estilo. Los diseñadores tienen como objetivo crear interfaces que los usuarios encuentren fáciles de usar y agradables. El diseño de la interfaz de usuario se refiere a interfaces gráficas de usuario y otras formas, por ejemplo, interfaces controladas por voz.

Parece que el diseño UX es, prácticamente, un conjunto de HTML con Js para la usabilidad; mientras que el diseño UI es netamente CSS.

10. Definición de diseño UI

Es importante entender que ambos son muy importantes, tanto el diseño UX, como el diseño UI.

Debemos procurar que nuestros diseños tengan la usabilidad adecuada para el usuario (UX) y la estética que lo haga atractivo del (UI)

Diferencia entre UX & UI

UX se enfoca en la investigación, prototipada y arquitectura de la información.

UI Se enfoca en la capa de estilos visuales que va por encima de la estructura del contenido.

Debe ser un buen equilibrio entre usabilidad y diseño visual

Que cursos recomiendan tomar si quiero aprender más de UX y UI?
Son temas que me interesan para convertirme en un mejor Forntend.
O cual otro curso complementa bien ese conocimiento.

el UX es como el HTML y el UI es como el CSS

quisiera ver la parte practica del curso , mucha teoria no le encuentro sentido?

Cuando trabajamos con el diseño UX y UI en conjunto podemos garantizar que nuestro producto será bonito y funcional

Buenísimo!

Gran clase!!

Me gusto lo simple de la definición de diferencias de UX y UI ya que en la industria, por lo menos en america latina como que no se tiene del todo claro cada uno de los roles.

Al aplicar los conceptos de Diseño UI y diseño UI nos aseguramos de que nuestro proyecto sea bonito estéticamente, agradable funcional y accesible para todos los usuarios.

UX: Sería como el Esqueleto
UI: Sería como la piel y como se ve al exterior estéticamente…

Gracias por el vídeo!

Gracias platzi!!!

Siempre tuve esa duda. El diseño UX y UI me parecían casi lo mismo. ¡Gracias por la sencilla explicación de las diferencias!

Excelente explicación de lo que se hace en cada rama

UI: Se enfoca en la capa de estilos visuales que va por encima de la estructura de contenido
UX: Se enfoca en la investigación, prototipado y arquitectura de la información.

muchas gracias, ahora comprendo mejor la diferencia etre UI y UX

Donde se puede profundizar estos conceptos, existen cursos asociados a estos?.

Donde se puede profundizar en estos conceptos, sobre todo UX?

ahora encuentro la relación con lo que vi en la escuela, esto es algo conocido como Interacción hombre-máquina

Finalmente comprendí y despeje las duda de que eran estos conceptos!

uno va de la mano con el otro, uno es primero el otro despues?, puede ser así la interacción.

Combinación de ingeniería y diseño, lo que se necesita que haga el programa y porque, además de como lo percibe el usuario.

Recomendación: Cuando comiencen en su diseño (UI), deben de platicar mucho con su desarrollador. Habrá diseños muy hermosos, pero, tal vez muy complejos de desarrollar en código. Además, pensar en el peso e rapidez del sitio o app.

Qué es el diseño UI

Que importante aprender estos conceptos.

UI (user interface): diseño visual.
UX (user experience): diseño comportamental.

<h4>Diferencias entre UX y IU</h4>

UX: Se enfoca en el prototipado, investigación y arquitectura de la información

UI: Se enfoca en los estilos visuales que va encima del contenido

Genial!

UX vs UI

la clase más rápida

Mis apuntes sobre 28558-definicion-de-diseno-ui
EL diseño UI se enfoca en la capa de estilos visuales que va por encima de la estructura de contenido
UX se encarga de interacción, prototipado, arquitectura de información e investigación y pruebas de usuarios