El diseño interactivo es un diseño que incluye animación, transiciones o movimiento. El diseño de interacción es el diseño de flujos y cambios de estado.
Aquí hay un ejemplo de esa distinción. Supongamos que tiene un botón que se ilumina cuando pasa el mouse sobre él, parpadea levemente cuando lo toca y dice algo diferente una vez que lo toca (tal vez comienza diciendo “Inicio” y cambia a “En progreso”).
- La parte interactiva de esto incluye las imágenes de cada estado, acciones o gestos que pueden desencadenar un cambio, y la naturaleza de esos cambios (opacidad, desenfoque, cambio de color, cambio de contenido, modo de fusión, velocidad, tamaño, ubicación).
- La parte de interacción es cómo y por qué lo usas. Idealmente, las partes interactivas ya están definidas en el sistema de diseño general (por ejemplo, cuándo usar transiciones animadas y qué implican). Mejor aún, ya están integrados en el componente en sí mismo, por lo que los cambios futuros se propagan en todas partes donde se usan.
A pesar de los nombres que suenan similares, estos no están en el mismo nivel en términos de habilidades o trabajos. Me he encontrado con quizás 3 diseñadores en mi tiempo que llamaría principalmente diseñadores interactivos / de movimiento. Ellos son los que codifican las transiciones para probar cosas y lanzan piezas de visión en After Effects. Uno comenzó a trabajar en tecnología después de diseñar previamente interfaces futuristas para películas. Solo las empresas más grandes tendrían el impulso (y mucho menos el trabajo en curso) para contratar a alguien estrictamente para esto.
Es mucho más común que “interactivo” sea una habilidad complementaria en lugar de un rol dedicado. Es el diseñador visual (UI) el que piensa en una transición ingeniosa. O es el diseñador de interacción (UX) que busca una manera de mantener el contexto y la conciencia espacial. O es el desarrollador front-end que agrega un poco de esmalte que el equipo no sabía que era posible. Los detalles interactivos / de movimiento ahora están integrados en los sistemas de diseño principales de las plataformas que usamos (iOS / MacOS, Material), por lo que es más fácil que nunca aprender de ellos (y diseñar con ellos).
- ¿Por qué convertir un diseño PSD a Magento es una buena idea para los negocios?
- ¿Por qué los sitios web menos creíbles están mal diseñados?
- Cómo crear una cartera de UI cuando está limitado por la aprobación de diseño de su empresa
- Falta el módulo de diseño del emulador en mi pantalla. Que pasa
- ¿Por qué es importante el diseño gráfico para los sitios web de la industria de la salud?
Para responder a su segunda pregunta, ciertamente puede hacer ambas cosas, o cualquier combinación de lo que acabo de describir; La mayoría de los diseñadores son híbridos de un tipo u otro. La forma en que me refiero a las personas en el párrafo anterior son solo las distinciones típicas para los roles de trabajo que veo por el simple hecho de contratar y administrar una organización. Eso ni siquiera toca el diseño de “experiencia” o el diseño de “producto” (respuesta corta: hay expectativas sobre la investigación, la estrategia y la visión del usuario frente a la implementación allí). ¿Claro? Probablemente no … pero nunca ha sido a mayor escala. Abrace el flujo y el aprendizaje permanente que conlleva.
Nota al margen histórica :
En los viejos tiempos (finales de los 90 y mediados de los 2000) había una gran demanda de “diseño interactivo” que se refería principalmente al conocimiento de herramientas específicas: típicamente Flash o Macromedia Director. Necesitaban complementos de navegador especiales o jugadores independientes para ver, pero fueron el único juego en la ciudad durante mucho tiempo cuando se trataba de hacer una experiencia visual. Esas herramientas estuvieron a la vanguardia de la habilitación de video, animación e incluso imágenes de mayor calidad dado el ancho de banda de la época. Y las tecnologías web estaban a muchos años de poder realizar una acción que requería nuevos datos sin forzar una actualización de la página. Egad