¿Qué necesitas aprender sobre el diseño de interacción de la interfaz de usuario?
Diagrama de relación de los tres:
En la imagen de arriba, el diseño de interacción de la interfaz de usuario es en realidad una combinación de diseño de interfaz de usuario y diseño de interacción. Pero, ¿cuáles son las diferencias específicas? ¡Veamos la comparación entre los tres!
1. Comparación entre el concepto de diseño de interacción UI y diseño de UI y diseño de interacción
Diseño de UI
Diseño de UI o diseño de interfaz (UID para abreviar) se refiere. a software El diseño general de la interacción persona-computadora, la lógica de operación y la hermosa interfaz. El diseño de la interfaz de usuario se divide principalmente en dos tipos: interfaz de usuario física y interfaz de usuario virtual. Un diseño de interfaz de usuario común en la industria de Internet es la interfaz de usuario virtual, que es la abreviatura de interfaz de usuario.
Diseño interactivo
El diseño de interacción (IXD) se refiere principalmente al diseño de comunicación e interacción entre dos o más individuos con el fin de lograr el propósito de diseñar un producto. Los objetivos del diseño de interacción generalmente parten de los dos niveles de "usabilidad" y "experiencia del usuario" para ayudar a resolver las necesidades del usuario.
Diseño de interacción de UI
Se ha descubierto en muchas fuentes que el término diseño de interacción de UI es muy vago. En términos generales, el diseño de UI puede incluir diseño de interacción, en este caso. En pocas palabras, el concepto de diseño de interacción se refleja en la interfaz de usuario, que es el diseño de interacción de interfaz de usuario.
En términos de enfoque de diseño, el enfoque del diseño de la interfaz de usuario es el color y la visión, centrándose en un hermoso diseño de interfaz y considerando principalmente cómo se ve el producto. El diseño de interacción es un diseño de interacción persona-computadora centrado en el usuario, que considera principalmente cómo se utiliza el producto. Sin embargo, el diseño de interacción de la UI debe tener en cuenta tanto la UI como la interacción, y reflejar el concepto de interacción en la interfaz de la UI.
2. Comparación del diseño de interacción de la interfaz de usuario versus el diseño de la interfaz de usuario del grupo de trabajo versus el diseño de la interacción.
Personas relacionadas con el diseño UI:
Diseñadores UI, diseñadores de interfaces, diseñadores web.
Personal relacionado con el diseño de interacción:
Diseñador UX, diseñador de interacción, diseñador UE, product manager, diseñador web, product manager.
Personas relacionadas con el diseño de interacción UI:
Diseñadores UI, diseñadores de interfaces, diseñadores de interacción, diseñadores web, diseñadores UX, product managers.
Desde la perspectiva de los grupos de trabajo relevantes, los diferentes tipos de trabajo de diseño involucran a diferentes grupos de personas. Las personas involucradas en el diseño de UI son principalmente personas que incluyen esta parte en su trabajo. Además de diseñadores de UI profesionales, diseñadores de interfaces y diseñadores web, también son personas trabajadoras. El diseño de interacción involucra a un grupo más amplio de personas, sin mencionar a los diseñadores de interacción y los diseñadores de UX. Además, también se encuentran entre ellos los gerentes de producto y el personal de operaciones que necesitan expresar ideas de diseño. Finalmente, el alcance del diseño de interacción de UI es ligeramente más amplio que los dos, incluidos los diseñadores de UI y la mayoría de los diseñadores de interacción.
3. Ejemplo de comparación entre diseño de interfaz de usuario, diseño de interfaz de usuario y diseño de interacción
Caso de diseño de interfaz de usuario:
Como se muestra en la figura anterior, el diseño de interfaz de usuario se basa principalmente en la interfaz de usuario El color, el diseño, la tipografía del texto y otros aspectos están diseñados para garantizar la belleza de la interfaz general.
Caso de diseño de interacción de UI:
Elegimos una interacción de UI simple como caso. El efecto de esta interacción es que aparecen diferentes imágenes al hacer clic en los botones en la interfaz de UI. Este tipo de diseño que refleja la interacción en la interfaz de la interfaz de usuario es el diseño de interacción de la interfaz de usuario. El diseño de interacción de la interfaz de usuario incluye varios efectos interactivos, como la siguiente actualización, barra de progreso, carrusel de imágenes, etc.
Caso de diseño de interacción:
Este tipo de diseño que tiene como objetivo la interacción persona-computadora y se centra en la experiencia del usuario se llama diseño de interacción.
No es difícil ver en los casos anteriores que el diseño de UI se centra principalmente en interfaces hermosas, que en su mayoría se presentan de forma estática (algunas se presentan en forma de animación). El modo de interacción es estático.
El diseño de interacción de UI es un diseño de interacción basado en UI, que existe en una forma parcialmente dinámica. El diseño de interacción se basa en la experiencia del usuario y existe de forma dinámica.
4. Herramienta de comparación de diseño de interfaz de usuario versus diseño de interfaz de usuario versus diseño de interacción
Herramienta de diseño de interfaz de usuario:
PS (Photoshop): adecuada para diseño de interfaz e íconos. diseño, pintado a mano, etc.
AI (ilustración): Adecuado para crear logotipos, iconos, bocetos, composición tipográfica y otros gráficos vectoriales.
Sketch: adecuado para el diseño de iconos e interfaces, admite capas, cortes y otros complementos de múltiples archivos.
Herramienta de diseño interactivo
Axure: una antigua herramienta de creación de prototipos adecuada para realizar prototipos interactivos de alta fidelidad.
Mockplus: adecuado para crear prototipos interactivos rápidos, simples y eficientes, y admite la colaboración en equipo.
Imitador: Adecuado para dibujar y recortar con un solo clic, anotación inteligente, generación de código de capa, demostración interactiva y colaboración en diseño.
Herramientas de diseño de interacción UI:
Desde la perspectiva de las herramientas utilizadas, el diseño de UI se basa principalmente en gráficos, íconos y herramientas de diseño de interfaz. El diseño de interacción se basa principalmente en la creación de prototipos y herramientas de diseño de interacción. El diseño de interacción de la interfaz de usuario debe incluir todas las herramientas utilizadas por los dos primeros.
En el diseño de interacción de la interfaz de usuario, primero debe usar herramientas como PS para completar el borrador del diseño para garantizar efectos visuales, y luego usar herramientas interactivas como copycat para agregar efectos interactivos al borrador del diseño y convertirlo. en un prototipo de alta fidelidad.
Si desea ahorrar tiempo al cambiar de herramienta, también puede utilizar directamente la plataforma de hackers para completar el diseño de interacción de la interfaz de usuario. Después de integrarse en la creación de prototipos en línea, Hacker también brinda a los usuarios una excelente productividad de diseño y completa la construcción de una plataforma en la nube integral para la "colaboración de diseño". Puede ayudar a los diseñadores a completar todo el proceso de diseño de interacción de la interfaz de usuario de manera eficiente.