Laboratorio1 Guias de Estilo de Diseño para Interfaces Web

Laboratorio #1: Guías de Estilo de Diseño para Interfaces Web
Objetivo: Crear una guía de estilo de diseño dentro de un entorno concreto (guías
Comercial, Educacional y Gubernamental)
Grupos de Clase: 5T1y 5T3

Fecha de Entrega: 5T1> Lunes 13 de marzo
5T3> Lunes 13 de marzo
Entrega y presentación del documento y diseño.
Grupos del trabajo: En el archivo adjunto lo índico
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").
Características de una Guía de Estilo útil
Una Guía de Estilo debería abordar la perspectiva del "significado" del interfaz.
 Usable: invitar al uso. Debe integrarse de forma cómoda en el proceso de trabajo de

un desarrollador dándole respuestas a situaciones propias dentro de la construcción
del interfaz de una aplicación.
 Visual: huir del texto. Por experiencia, una Guía de Estilo no se usa, y esta
probabilidad se reduce drásticamente cuando se basa en texto lo que lleva a una
desactualización y abandono.
 Educativa: rica en ejemplos aplicables Y RAZONADOS que permitan desarrollar
criterios mínimos de usabilidad y estética al personal técnico.
 Actualizada: debe contener ejemplos útiles, actuales y materiales para su aplicación
directa disponibles a través de repositorios.
Crear una Guía de Estilos
Desarrollar una "Guía de Estilo" es un primer paso hacia un cambio cultural en las
metodologías de desarrollo que deriva en la adopción de técnicas de Diseño Centrado en el
Usuario.
Es necesario un equipo único de especialistas en interfaz de usuario con visión horizontal

integradora del conjunto de sistemas y procesos de desarrollo que garanticen un entorno de
aplicaciones consistente.
Los cometidos de este equipo son:
 Documentar: crear documentación de carácter visual, compuesta de literatura

esencial, ejemplos razonados.
 Formar: dar charlas introductorias, cursos breves periódicos con el objetivo de
desarrollar un criterio de usabilidad.
 Dar soporte: desde el arranque hasta el cierre del proyecto resolviendo dudas,
detectando nuevas necesidades que se puedan plantear e incorporándolas a la Guía.
 Detección de patrones: identificación de patrones que puedan derivar en
componentes de interfaz reutilizables para su uso por los diferentes equipos de
desarrollo.
Para abstraer al programador de tareas de diseño, estos objetos deben llevar

embebidos aspectos visuales y estéticos. Deben ser puestos a disposición de los
equipos de programación a través de un repositorio único actualizado.
 Investigación e innovación: tener identificados patrones reutilizables y

componentes libera recursos de realizar tareas repetitivas y de escaso valor añadido
para la detección de líneas de mejora del interfaz, metodología y procesos de
desarrollo. (Adecuación a estándares técnicos, accesibilidad, mejoras, tecnologías
alternativas).
 Programar y realizar tests y pruebas con usuarios: conocer la apreciación de los
usuarios de las soluciones incorporadas permitirá realizar correcciones e introducir
mejoras.

Laboratorio1 Guias de Estilo de Diseño para Interfaces Web

Cargado por

Copyright:

Formatos disponibles

Laboratorio1 Guias de Estilo de Diseño para Interfaces Web

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Laboratorio1 Guias de Estilo de Diseño para Interfaces Web

Cargado por

Copyright:

Formatos disponibles

Laboratorio #1: Guías de Estilo de Diseño para Interfaces Web

Grupos de Clase: 5T1y 5T3

Entrega y presentación del documento y diseño.

Grupos del trabajo: En el archivo adjunto lo índico

Qué es una Guía de estilo

Es un documento que recoge normativas y patrones básicos relacionados con el "aspecto"

Conceptualmente, el interfaz de usuario descansa en 3 puntos:

 Significado (qué): es la base del interfaz. Recoge el contenido o información de la

Las Guías de Estilo, generalmente se centran en el "Aspecto". Puntos como diseño y

Características de una Guía de Estilo útil

 Usable: invitar al uso. Debe integrarse de forma cómoda en el proceso de trabajo de

Crear una Guía de Estilos

Es necesario un equipo único de especialistas en interfaz de usuario con visión horizontal

Los cometidos de este equipo son:

 Documentar: crear documentación de carácter visual, compuesta de literatura

Para abstraer al programador de tareas de diseño, estos objetos deben llevar

 Investigación e innovación: tener identificados patrones reutilizables y

También podría gustarte