¿Cuáles son algunas técnicas para integrar los flujos de trabajo de diseño visual y diseño de interacción?

Answer 1

La pieza que falta entre el diseño de interacción y el diseño visual es el diseño de la interfaz de usuario.

–

Diseño de interacción (IxD)

Durante el diseño de interacción, crea diagramas que muestran el flujo de interacción.

Esto se puede dibujar en papel.

También puede mostrar esto al desarrollador front-end (FeD) y será útil.

Diseño de interfaz de usuario (UID)

Use el IxD para completar los detalles de la interacción a través de la interfaz de usuario.

Aquí es donde las etiquetas, los elementos de entrada, los enlaces y los botones cobran vida.

Una vez más, los wireframes se pueden dibujar en papel.

Y también podría mostrar esto al desarrollador front-end y ser útil.

Si esto se aprueba, el FeD podría construir el HTML basado en UID.

Diseño visual (VisD)

Toma el UID y salpica algunos colores.

Establecer algunos tipos.

Mueva elementos para crear el mejor diseño.

Esta vez, crea la maqueta utilizando medios digitales.

El FeD encontrará esto útil, así que muéstraselo a esa persona.

Si esto se aprueba, el FeD podría diseñar la estructura usando CSS basado en VisD.

–

Esta técnica aprovecha la separación de contenido (HTML) y presentación (CSS).

Y acelerará su proceso de lanzamiento de un sitio web.