Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

GUÍAS DE ESTILO y estándares en gui

Presentación GUÍAS DE ESTILO - Asignatura DIU - Univalle
by

fabian mendez

on 4 May 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of GUÍAS DE ESTILO y estándares en gui

ESTÁNDARES Y GUÍAS DE ESTILO


Objetivos
Conocer los principios y directrices para la realización de guías de estilo.

Conocer las guías de estilo existentes.

Conocer estándares que se pueden utilizar en el diseño de Guías de estilo.

Estándar De Facto
Principios
Simpson
Preece
Schneiderman
Mandel
Dix
IBM
Guías de Estilo
Contenido

Cesar Adolfo Ramirez Alvarez
Fabian Arley Mendez Montes

Objetivos
Introducción
Principios
Estándares
Guías de Estilo
Tipos de Guías
Hojas de Estilo-CSS

Reconocer la importancia de la utilización de las guías de estilo.

Principios de Simpson
Define los Usuario.
Deja el Control a los Usuarios.
Minimiza el trabajo de los usuarios.
Haz un programa sencillo.
Consistencia.
Realimentaciones.
No carges de trabajo la memoria del usuario.
No hacer uso abusivo de la memoria a largo plazo.
Principios de Preece
Estudiar la población de usuarios.
Reducir la carga cognitiva.
Aplicar ingeniería para resolver la problemática del error humano.
Mantener consistencia.
Principios
de Schneiderman
Consistencia
Permitir a los usuarios frecuentes utilizar atajos
Proporcionar retroalimentación informativa
Acciones secuenciales
Errores Simples
Fácil revisión de acciones

Los tres principios generales expuestos por Mandel son:

De a los usuarios el control.
Reducir la carga de memoria de los usuarios.
Hacer la interfaz consistente.

Principios de Mandel
Principios de Alan Dix
Alan Dix en 1993, en su libro Human-Computer Interaction propone 3 principios:

Facilidad de Aprendizaje
Flexibilidad
Robustez
Principios Propuestos por IBM
Simplicidad
Apoyo
Familiaridad
Evidencia
Estimulo
Satisfacción
Similitud
Disponibilidad
Seguridad
Versatilidad
Personalización
Afinidad
Herencia Visual
Esquema Visual
Estándares
Un estándar es un “requisito, regla o recomendación basada en principios probados y en la práctica. Representa un acuerdo de un grupo de profesionales oficialmente autorizados a nivel local, nacional o internacional”, entonces los estándares pueden ser:

Locales: (aceptado desde una industria, organización profesional o entidad empresarial)
Nacionales: (aceptado por una amplia variedad de organizaciones dentro de una nación)
Internacionales: ( consenso entre organizaciones de estándares a nivel mundial)
Tipos de Estándares
Existen dos tipos de estándares:

El estándar de iure
El estándar de facto

Se detallan a continuación.
Estos estándares son generados por un comité de estatus legal y tienen el aval del gobierno o de instituciones para producir estándares.
Para realizar un estándar de iure se debe seguir un proceso complejo, entre los pasos para realizarlo tenemos:
Documento Preliminar Público
Enmiendas
Aprobación
IURE
Podemos encontrar diferentes comités que han creado muchos estándares de iure, entre los más importantes tenemos:
Manual de estilo es un conjunto de normas para la escritura y el diseño de los documentos.

La aplicación de una guía de estilo proporciona uniformidad en estilo y formato dentro de un documento y en varios documentos.

Muchas guías de estilo son revisados ​​periódicamente para adaptarse a los cambios en las convenciones y uso.

Podemos decir entonces que una guía de estilo representa una plantilla creada a partir de las reglas de diseño sugeridas en el estándar ISO 2941 para la diseño de interfaces gráficas.

Modelo Conceptual
Las guías de estilo pueden ser:

Comerciales
Corporativas
Web
Las guías de Estilo con objetivo Comercial son producidas por fabricantes de software y hardware y en gran parte están basadas en estándares de facto.




Tipo de Guías de Estilo
Guías de Estilo Comerciales
Características de una Guía de Estilo Útil
Usable
Visual
Educativa
Actualizada
Apple (1985 )
Sistema 2
Apple 1985
CUA - Common User Access
Es un estándar para interfaces de usuario de sistemas operativos y programas de ordenador. Fue desarrollado por IBM y publicado por primera vez en 1987 como parte de su sistema de arquitectura de aplicaciones.
Elementos de la Interfaz de Usuario - CUA
Ventanas
VISTAS
Controles
Cajas de
Dialogo
Información para
el Usuario
FeedBack
Información Explicita o Descriptiva
Mensajes
Señales Visuales
Navegación
Mouse
Navegación Primera Letra
Nnemotécnica
Teclas de Acceso Directo
IBM OS/2
DOS WINDOWS

MOTIF
Estándar industrial de interfaz gráfica de usuario, definido por la especificación IEEE 1295.
El gestor de ventanas Motif 2.1 ofrece una interfaz estándar para mover, cambiar el tamaño o Iconificar la ventana de la aplicación.
Guías de Estilo Corporativas
Necesarias para dar el mismo estilo a todos los productos de una organización.
Tomando una guía de estilo comercial la organización puede desarrollar su propio estilo corporativo.
Con estas guías, se añaden nuevas características que generen una imagen coherente a la Organización.
Pretenden mantener y reforzar la identidad corporativa ,
es decir, el uso de colores, gráficos e iconos que
presenten una imagen visual consistente del logotipo de
la compañía a través de los interfaces de los productos

Identidad corporativa UNIVALLE
Guías de Estilo para la Web
La prioridad es conseguir interfaces atractivas. Instituciones que han aportado sus guías de estilo web:
APPLE
IBM
SUN
W3C
ATAG
W3C
Uno de sus dominios de actualización es la accesibilidad y por ello trabaja en la iniciativa de accesibilidad web.
La Iniciativa de Accesibilidad Web (WAI) del Consorcio World Wide Web (W3C) desarrolla pautas de accesibilidad Web para diferentes componentes.
Pautas de Accesibilidad Web
Pautas de Accesibilidad para Herramientas de Autor (ATAG)
Pautas de Accesibilidad al Contenido en la Web (WCAG)
Pautas de Accesibilidad para Herramientas de Usuario (UAAG)

Ejemplo CSS
Página sin CSS
Archivo CSS
Archivo HTML haciendo referencia al CSS
Después de Aplicar CSS
Antes de Aplicar CSS
La Universidad del Valle a diseñado un manual de identidad visual corporativa, donde a definido elementos estándar como:
Encabezado
Pie de Página
Imágenes
Menús
Iconos de redes Sociales
Logosímbolo
Enlaces y mapas Sensitivos
Paleta de Colores
Contenido Estándar
Hoja de Estilo
Fuentes
HOJAS DE ESTILO EN CASCADA
¿QUÉ ES CSS - Cascading Style Sheets?
CSS es una especificación desarrollada por la W3C (World Wide Web Consortium) para permitir la separación de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentación del documento.
¿Cómo funciona las Hojas de Estilo en Cascada - CSS?
VENTAJAS CSS - Cascading Style Sheets
Guardar el estilo completamente por separado del contenido.

Agiliza la actualización de un sitio web.

Aumenta la accesibilidad del usuario.

Utilización de diferentes hojas de estilo.
GRACIAS
Conocer que es CSS y sus ventajas.
Introducción
Se necesita proporcionar diseñadores con la capacidad para determinar las consecuencias de sus decisiones de diseño. Para ello existen: Principios, basadas en ideas de alto nivel y de aplicación muy general. Son bastante abstractos. Ej. Principios de Mandel„ Reglas , son más específicas que los principios y requieren menos experiencia para entenderlas e interpretarlas.

Clasificación de las Reglas
Basándose en la Autoridad:
Indica si la regla debe ser seguida o no en diseño, o bien si es sólo sugerida

Basándose en la Generalidad :
Indica si la
regla puede ser aplicada a muchas decisiones de diseño o bien tiene una aplicación limitada
Clases de Reglas
Estándares :
Altos en Autoridad y Limitados en
Aplicación

Guías:
Bajos en Autoridad y más Generales en
Aplicación
El objetivo es hacer las cosas más fáciles
definiendo características deobjetos y
sistemas que se utilizan cotidianamente:
„ Teclado
„ Teléfono
Nacen a partir de produc tos de la industria que
tienen un gran éxito en el mercado, o bien a partir
de desarrollos hechos por grupos de investigación
de universidades y que tienen gran difusión.
Comités implicados en la creación de estándares:

„ ISO (Organización Internacional para Estándares)
„ IEC (Comisión Electrotécnica Internacional)
„ ANSI (Instituto Nacional Americano para Estándares)
„ IEEE (Instituto de Ingenieros Eléctricos y Electrónicos
Asociación para Estándares).
„ CEN(Comité Europeo para la Estandarización)
„ W3C(Consorcio para el World Wide Web)
Fundada en 1947 y con sede en Ginebra Federación mundial de cuerpos de estándares nacionales de más de 130 países.
Abarca casi todos los campos excepto básicamente la ingeniería eléctrica (responsabilidad del IEC, Comisión
Electrotécnica Internacional).
La coordinación entre ISO e IEC es responsabilidad del Comité Técnico de Conexión (JTC).
ISO
ANSI
Instituto Nacional Americano para Estándares
creado en 1918.
Instituto de carácter privado, sin ánimo de
lucro, dedicado a la representación de los
intereses de casi 1000 compañías, organizaciones y agencias del gobierno.
Su principal misión es ampliar la
competitividad de las empresas de los EEUU a
través de la generación de estándares.
IEEE
Instituto de Ingenieros Eléctricos y
Electrónicos Americano. Asociación para
Estándares.
Su principal misión es desarrollar y publicar
estándares generalmente aceptados, que
promoverán la teoría y práctica de la
ingeniería eléctrica, electrónica e informática , así como el resto de ramas de la ingeniería y artes o ciencias relacionadas.
CEN
Comité europeo para la estandarización
Es el principal proveedor de estándares europeos
y especificaciones técnicas.
W3C
Consorcio para el World Wide Web creado en 1994 por
Tim Berners-Lee en el MIT, con la colaboración del
Instituto Nacional de Investigación en Informática y
Automática (INRIA) y la Universidad de Keio (Japón).
Su objetivo es llevar el World Wide Web a su pleno
potencial , desarrollando protocolos comunes que
promueven su evolución y aseguran su interoperabilidad .
Está constituido por más de 500 organizaciones en todo el mundo.
Full transcript