Qué es el Diseño UI, UX e IxD?

Diseño de Interfaces (UI), Experiencia de Usuario (UX) y Diseño de Interacción (IxD) se suelen usar indistintamente. Pero no solamente no son sinónimos, sino que cada uno implica un proceso y un foco diferente.

2014-11-03-ux-ui-ixd1

Entonces… ¿cuál es la diferencia entre ellos? ¿Y por qué es importante conocer esa diferencia?

Diseño de Interfaces, o UI

Hace foco en el artefacto, o, dicho de otra manera, en lo que está dentro de la pantalla. Cuando uno diseña interfaces el problema que está resolviendo está en el diseño: selección y distribución de los elementos de la interfaz (ej. textos y campos del formulario), consistencia del diseño (con la plataforma, con otras pantallas), etc. Es importante aclarar que Diseño de Interfaces no equivale a Diseño Gráfico: el diseño de la interfaz puede incluir o no diseño gráfico. Por ejemplo, cuando uno hace un wireframe está diseñando una interfaz pero no está aplicando diseño gráfico, y cuando uno aplica reglas de estilo a una interfaz está aplicando diseño gráfico pero no está diseñando una interfaz.

Experiencia de Usuario, o UX

Hace foco en el usuario y en la experiencia que se quiere lograr. UX se refiere a lo que experimenta el usuario antes, durante y después de interactuar con el artefacto. Sin incorporar al usuario, no se puede hacer UX. Por eso, resulta fundamental en el diseño de la experiencia, comprender en primer lugar a los usuarios y sus verdaderas motivaciones y necesidades, considerar desde ese lugar qué interfaz, quécontenidos y qué interacciones lograrán el resultado buscado, y finalmente, validar con usuarios los resultados que produce la interfaz propuesta.

La validación se puede hacer de forma directa (pruebas con usuarios, entrevistas cualitativas, relevamiento de modelos mentales), o de forma indirecta (heat maps, A/B testing, click maps).

La diferencia entre validación directa e indirecta, no es solamente metodológica. La validación directasuele ser cualitativa, es decir, nos permite saber por qué los usuarios hacen lo que hacen, mientras que la validación indirecta nos muestra que es lo que hacen, pero no nos dice por qué. Por eso, es bueno validar en primer lugar la experiencia de forma cualitativa como “ajuste grueso”, y luego en forma cuantitativa para buscar el “ajuste fino”.

Diseño de Interacción, o IxD

Se trata de definir las formas de operar la interfaz (por ejemplo, si el ingreso de información o selección se produce mediante teclado, mouse, touch, o una combinación de ellos), los flujos de operación y las respuestas del sistema. En definitiva, pone el foco en el contacto entre el usuario y el artefacto.

¿Por qué es importante conocer la diferencia entre
UI /UX / IxD?

Volviendo a la pregunta inicial,  hay dos respuestas:

  • Por un lado, para que podamos comunicar con claridad lo que estamos haciendo, y qué alcance estamos tomando.
  • Y por otro, para poder generar un lenguaje común con quien nos realiza el pedido. Si todas las partes entienden que Diseño de Interfaces (UI) no necesariamente implica Experiencia de Usuario (UX), tal vez tengamos la suerte de que ya no nos pidan que “le agreguemos UX a la pantalla”; y, si no somos tan afortunados, por lo menos sabremos hacer las preguntas necesarias para entender qué nos están pidiendo exactamente, y ayudar a reformular ese pedido en función de la verdadera necesidad.

Tomado de: Kambrica.com

Anuncios

13 comentarios en “Qué es el Diseño UI, UX e IxD?

  1. me parece que es un tema interesante pues no tenia ni idea de este tipo de diseño o de tema el diseño siempre va desde abocetar y ser muy claro desde el principio con el que se le va ha realizar el trabajo o el cliente aclarar dudas desde el principio esta muy bueno el tema

  2. es un tema que lo vemos a diario en muchos dispositivos, actualidad,tener un concepto claro nos hace ser mas eficientes, tanto para el usuario, como el programador,muy interesante el tema.
    JOSE AZUERO
    martes-miercoles- nocturna
    Docente :NATALIA HERRERA

  3. esta interesante el tema hay ciertas cosas semejantes al diseño gráfico con lo ya antes planteado, fue preciso a la hora de crear la información clara para que nosotros los estudiantes la analizaremos puedo dar como opinión personal que desconocía del tema de el Diseño,comprendo mas como trabaja un diseñador que no solo es cuanto tiempo le dedica a su trabajo en el pc si no que cuanta experiencia obtuvo a medida del programa
    -juan pablo palacios robayo
    -patricia ovalle
    -gratificador III a vI

  4. comprendo mas como trabaja un diseñador, son formas de comunicar con mas claridad lo que estamos asiendo o queremos q vean, por mi parte no sabia sobre esa clases o tipos de diseño ..pero me parece muy interesante saber mas sobre estos ítems..

    jhonatan higuera

    patricia ovalle

    gratificador III y IV

  5. jhonatan fonseca
    graficador III
    patricia ovalle

    las interfaces cada vez son mas complejas por lo tanto requieren un diseño y una programación de la interfaz mucho mas intuitiva y atractiva para el usuario, por lo tanto saber la diferencia entre cada uno de los aspectos de dicha interfaz ayuda como fundamento y con conocimiento previo de a quien va dirigida, (tipo de usuario) ayuda tanto a diseñadores como desarrolladores a crear innovadoras experiencias, entre el usuario y un programa

  6. este tipo de trabajo para un diseñador es muy importante ya que cuenta con mas herramientas las cuales podrá utilizar a la hora de comprender los tipos de comunicación y así poder transmitir el mensaje claro y conciso, este tema lo vemos reflejado en la vida actual por lo cual cada día experimentamos mas y mas. Esto nos da mas oportunidades y podemos interactuar por este mundo del diseño no obstante es un mudo de imaginación y conprencion por lo cual nos quedara mas fácil a la hora de crear nuevas ideas.

    -Diego Hernandez
    -patricia ovalle
    -graficador III y IV

  7. con este método lograremos crear nuevas ideas las cuales podremos efectuar con eficacia, para una mejor comunicación y con claridad poder dar a entender el tema que queremos expresar

    -Cesar peña
    -Patricia ovalle
    -graficador III y IV

  8. No conocía del tema pero me parece muy importante saberlo, ya que nos puede servir para el día de mañana,ya que esto nos ayuda a formar mas nuestro conocimiento como diseñadores y saber que diseños hacen parte del gráfico.

    Jairo Armando Camargo Vanegas
    Patricia Ovalle
    Graficador lll y lv

  9. me parece muy importante este tema para un diseñador ya que se basa en la comunicación e interacción ente el diseñador y el cliente para poder llegar a entender lo que necesita y desea el cliente . esto nos servirá para la vida diaria y tener mayor variedad de pensamientos e ideas para crear un buen diseño

    harol huertas

    paricia ovalle

    graficador lll y lv

  10. es importante aprender sobre este tema para entender bien sobre los pedidos con los clientes y no cometer errores en el pedido

    jhon gomez

    grafdicador lll y lv

    patricia ovalle

  11. Este tema es algo complejo de entender pero muy importante y necesario a la hora de promocionar y sugerir un producto, como podemos hacerlo y con que herramientas contamos para brindar un buen servicio y lo mas importante la calidad de trabajo.
    saber en que se diferencia cada interfaz y como va a ser la interacción del usuario en cuanto a su diseño.

  12. Graficador 5
    Profesora Marcela Avendaño
    Jornada Martes- Miércoles noche

    El tema sobre las interfaces es un poco complicado pero estudiándolo con detenimiento se puede lograr entender, es muy interesante y es muy llamativo para saber un poco más de otras áreas y alternativas del diseño.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s