¿Cuál es la diferencia entre diseño y UI?

Miro tres tipos de diseño en nuestros productos:

  • El diseño de la interfaz de usuario: decisiones visuales que influyen en la interacción y la claridad
  • El estilo: decisiones visuales que no influyen en la interacción o la claridad.
  • El diseño del código.

Es bueno tener esta división porque luego puedes hablar sobre “diseño” como una palabra general para dividir los problemas en subproblemas y resolver sus dependencias y conflictos. Aquí hay un ejemplo de cómo esto me funciona en términos de educación:

  • La “Visualización visual de información cuantitativa” de Tufte [1] es una buena referencia para la IU porque se trata de cómo el diseño visual afecta su capacidad de interactuar con el material.
  • Algo así como los “Sistemas de cuadrícula en diseño gráfico” de Müller-Brockmann [2] o los “Elementos de estilo tipográfico” de Bringhurst [3] tienen más que ver con lograr un cierto estilo que no afecte a la interactividad.
  • Los “Patrones de mejores prácticas de Smalltalk” de Kent Beck [4] tratan sobre el diseño del programa, no sobre cómo hacer que el lenguaje de programación calcule un determinado resultado.

Luego, para el sentido general del diseño como descomposición / análisis / recomposición del problema, etc., tiene algo como las “Notas sobre la síntesis de la forma” de Christopher Alexander, [5] y puede aplicarlo en todas esas disciplinas específicas.

La interfaz de usuario y el estilo son “visuales”, por lo que no puede confiar en el “diseño visual” como etiqueta. En la práctica, a menudo hablamos del “diseño” de una característica o producto aquí en 37signals y esa frase puede referirse al concepto o plan básico subyacente a la característica o también puede referirse a la interfaz de usuario, según el contexto.

[1] http://www.amazon.com/Visual-Dis…
[2] http://www.amazon.com/Systems-Gr…
[3] http://www.amazon.com/Elements-T…
[4] http://www.amazon.com/Smalltalk-…
[5] http://www.amazon.com/Notes-Synt…

Diseño es un término amplio con muchas disciplinas que recientemente se ha referido principalmente a acciones en el espacio en línea y tecnológico. Las disciplinas de “diseño” incluyen y no están limitadas a UI, Web, Gráfica, Industrial, Ambiental, Moda, Producto, etc.

Todas las disciplinas de diseño tienen un proceso que puede incluir la evaluación e implementación de jerarquía, función, interacción, respuesta emocional, comunicación, legibilidad, imágenes, color y forma.

La IU a menudo se conoce como un producto, pero en su definición, es una interfaz para un producto. Esta es la interacción de interfaz entre un humano y la tecnología.

Mi respuesta larga es que la interfaz de usuario es una disciplina de diseño que tiene sus propias necesidades, procesos y resultados.

La diferencia es bastante simple, el diseño es un proceso, mientras que la interfaz de usuario es un producto y un concepto mayor.

La interfaz de usuario es todo diseñado en un dispositivo de información con el que una persona puede interactuar. Esto puede incluir pantallas de visualización, teclados, un mouse y la apariencia de un escritorio. También es la forma en que un usuario interactúa con una aplicación o un sitio web. La creciente dependencia de muchas compañías de aplicaciones web y aplicaciones móviles ha llevado a muchas compañías a dar mayor prioridad a la interfaz de usuario en un esfuerzo por mejorar la experiencia general del usuario.