¿Qué es el guión gráfico en el diseño web?

Cuando los creadores de un sitio web están en el proceso de diseño, el guión gráfico suele ser parte de las etapas iniciales. Un guión gráfico es una forma de tener una idea de cómo se verá, se sentirá y se comportará el sitio web antes de que llegue a la etapa oficial de diseño o redacción. Tanto los profesionales creativos como los técnicos utilizan guiones gráficos, que pueden agilizar el proceso de diseño y desarrollo.

El guión gráfico de un sitio web generalmente comienza con una serie de rectángulos en blanco en una página, uno para cada página del sitio. Dependiendo de la empresa y los diseñadores, puede aparecer espacio cerca de los pizarrones en blanco para notas o preguntas. Un diseñador de información, diseñador gráfico o diseñador web completa el guión gráfico con un boceto básico de cada página para demostrar cómo se verá y se sentirá; puede ser tan simple como cuadros en la página o tan complejo como un boceto completo. Los guiones gráficos ayudan al equipo de diseño y / o a los clientes a llegar a la misma comprensión de lo que hará la página actualmente y a realizar cambios iniciales en el diseño básico.

Una de las funciones más importantes de un guión gráfico es proporcionar un diagrama de estructura alámbrico básico de cómo se verá cada página. El diagrama debe proporcionar la información suficiente para dar una idea de cuánto espacio debe tener cada elemento en la página. Los elementos de un diagrama básico incluyen la barra de navegación, los enlaces principales, el área de imágenes y el espacio para la copia del sitio web. Un diagrama de estructura alámbrica es una parte útil para evaluar la jerarquía de información de una página; con un diseño visual, es más fácil ver si los elementos principales tendrán suficiente espacio para atraer la atención de los espectadores.

El diseño de un sitio web a menudo guía las formas en que los usuarios interactuarán con él y cómo llegarán a varias partes del sitio. Un guión gráfico puede mostrar la dirección del movimiento a través del sitio web colocando los diferentes botones y enlaces en cada página. Al obtener una vista previa de un sitio web mediante un guión gráfico, los expertos buscan cosas como enlaces que son visibles sin el usuario tiene que desplazarse hacia abajo, borrar los botones de navegación y un número limitado de opciones para que los usuarios no estén abrumado. El guión gráfico debe dar una idea de la organización y estructura general del sitio web, y mostrar cómo todas las páginas funcionan juntas.

Un sitio web poderoso proporciona solo la información que el usuario puede manejar a la vez. Un guión gráfico ayuda a segmentar la copia y las imágenes de una manera que atrae al lector, pieza por pieza. Al diseñar cada página, los diseñadores pueden tener una idea de cuánta información debe aparecer. La mayoría de los guiones gráficos no contienen el texto y las imágenes reales que estarán en el sitio, pero ofrecen un boceto general que muestra el diseño, el ancho de línea y los enlaces incrustados.