Diseño de Interacción: Estructura
Comprender el panorama general
Los proyectos de UX rara vez son tan simples como simplemente mover cosas en una página, o simplemente un rediseño. Aunque a veces los proyectos se enmarcan de esa manera porque no siempre hay una buena comprensión de qué es UX o cómo trabajan los diseñadores.
Por ejemplo, en un proyecto, se me pidió que moviera un campo de formulario a la parte superior de la página para que las personas pudieran completar el formulario más rápido y eliminar las caídas en el flujo de registro. Claro, podría haber movido el campo del formulario según lo solicitado, pero eso no habría resuelto el problema más grande de por qué hubo entregas de formularios.
La estructura es pensar de manera holística desde arriba hacia abajo sobre cómo funciona el sistema en conjunto, cómo se conectan las páginas, hasta llegar a cada elemento dispuesto en la página. Comprender cómo todas estas pequeñas piezas de la página encajan en el sistema más amplio de la experiencia del producto se llama estructura.
Como diseñadores, debemos tener una buena comprensión de cómo encaja el diseño a nivel del sistema para asegurarnos de que toda la experiencia funcione con facilidad.
Podemos empezar a entender el sistema definiendo una arquitectura de información
- Esto incluye definir un mapa del sitio
- un inventario de contenido
- y establecer una estructura de navegación básica
Una vez que se ha estructurado la experiencia, podemos pasar al nivel de flujo.
El flujo describe cómo los usuarios navegarán a través de su sitio. Los flujos están definidos por un conjunto de páginas y estados condicionales. Los flujos con condiciones y decisiones también deben tenerse en cuenta y se representan de forma ligeramente diferente con los puntos de decisión.
Algunas experiencias no son necesariamente un flujo, sino más bien un cambio de estado, y también tendremos que dar cuenta de esto. Una vez que hemos definido las páginas que necesitamos diseñar y todos sus estados condicionales, podemos comenzar a estructurar y definir la composición y los diseños de los elementos de la interfaz.
Esta es el área que la gente suele asociar con el diseño de UX, porque es lo que el usuario puede ver e interactuar. Definir la estructura de su proyecto es el mejor lugar para comenzar a fin de asegurarse de que todas las páginas, estados, condiciones y elementos de la interfaz se tengan en cuenta para crear una experiencia de producto cohesiva.
