Guías de estilo: diseño, normalización y usabilidad - Qué es una Guía de estilo

Es un documento que recoge normativas y patrones básicos relacionados con el "aspecto" de un interfaz para su aplicación en el desarrollo de nuevas "pantallas" dentro de un entorno concreto. (sitio web de contenidos, nuevas secciones, entorno de aplicaciones de negocio).

Hemos dicho "aspecto". ¿Desde qué otras perspectivas debería abordar una "Guía de Estilo"?

Conceptualmente, el interfaz de usuario descansa en 3 puntos:


Significado (qué): es la base del interfaz. Recoge el contenido o información de la pantalla. Textos, campos de formularios, botones, menús...

Comportamiento: trata el funcionamiento del interfaz. Cómo se comporta cuando un usuario envía un formulario (validaciones), hace clic en un enlace...

Aspecto: apariencia final de un sistema: colores, tipografía, dispocición de los elemepntos en pantalla (layout).


Las Guías de Estilo, generalmente se centran en el "Aspecto". Puntos como diseño y maquetación (colores, tipografías y píxeles), y apenas incluye criterios o casuística para aplicar en el proceso de diseño de interfaz ("Significado").