estándares y guías de estilo. guías y estándares presentación z presentamos en este tema el...
TRANSCRIPT
![Page 1: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/1.jpg)
Estándares y guías de estilo
![Page 2: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/2.jpg)
Guías y estándares
Presentación
Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en el diseño de sistemas interactivos
![Page 3: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/3.jpg)
Objetivos
Saber y conocer la diferencia entre principios y reglas o directivas
Saber que es un estándar y aprender a diferenciarlos
Describir los estándares de iure
Ver la necesidad y la utilidad de las guías de estilo
Conocer y comparar las diferentes guías de estilo
![Page 4: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/4.jpg)
Contenidos
Principios y directivasEstándards
Facto Iure
Guias de estilo Comerciales Corporativas
![Page 5: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/5.jpg)
Principios
Son objetivos generales que pueden ser útiles para organizar el diseño
Sin embargo, no se especifican métodos para obtener esos objetivos, y está limitado al uso práctico
Minimizar el trabajo del usuario
Están basados en principios de alto nivel y de una aplicación muy general
![Page 6: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/6.jpg)
Principios
Preece (1994)
Estudiar la población de usuariosReducir la carga cognitivaAplicar técnicas de ingeniería para
resolver la problemática del error humano
Mantener consistencia y claridad
![Page 7: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/7.jpg)
Principios
Simpson (1985)
Define los usuarios Deja el control a los usuarios Minimiza el trabajo de los usuarios Haz un programa sencillo Es preciso ser consistente Son necesarias las realimentaciones No cargues la memoria de trabajo Trata de no hacer un uso abusivo de la
memoria a largo plazo
![Page 8: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/8.jpg)
Principis
Schneiderman (1992)
Consistencia Permite a los usuarios experimentados
atajosDar información de realimentaciónHaz la gestión de errores sencillaPermite que se puedan deshacer accionesReduce la carga cognitiva de la memoria a
corto termino
![Page 9: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/9.jpg)
Nielsen
10 reglas heurísticas
El estado del sistema es siempre visibleSe utiliza el lenguaje de los usuariosEl usuario tiene control y libertadHay consistencia y se siguen estándaresExiste prevención de erroresSe minimiza la carga de la memoria del usuarioExiste flexibilidad y eficiencia de usoLos diálogos son estéticos y el diseño
minimalistaAl utilizar la ayuda, se reconocen, diagnostican,
y se recuperan de los erroresExiste ayuda y documentación
![Page 10: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/10.jpg)
Directrices
Cada principio en general es un objetivo, pero no dice como conseguirlo
Las directrices son objetivos mas específicos que los especialistas en IPO concretan de los principios para usuarios, entornos y tecnologías diferentes
![Page 11: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/11.jpg)
Directrices
Ejemplos
No pongas botones de cerrar en diálogos modales
Doble clic quiere decir clic + acciónPon botones de OK y CANCEL en
cualquier caja de diálogo modalUtiliza verbos en la barra de título en
cuadros de diálogo de funciones
![Page 12: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/12.jpg)
Directrices – Brown
Objetivos
Aprovechar la experiencia práctica Difundir e incorporar experiencia experimental
aplicable Incorporar reglas de sentido común Promover consistencia entre los diseñadores
responsables de partes diferentes de la interfaz Las directrices a veces pueden provocar
conflictos, y por tanto siempre es importante aplicar test de usabilidad para tratar de resolverlos.
![Page 13: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/13.jpg)
Estándares
Desarrollar estándares para la interfaz es para hacer los desarrollos de software más fáciles y seguros, estableciendo unos requisitos mínimos de fabricación, eliminando inconsistencias y variaciones innecesarias en las interfases
Tipos Estándar de jure Estándar de facto
![Page 14: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/14.jpg)
Estándares
BeneficiosUna terminología común
Permite a los diseñadores discutir los mismos conceptos y hacer valoraciones comparativas.
El mantenimiento y la evolución Todos los programas tiene la misma estructura y el mismo
estilo. Una identidad común
Lo que hace que todos los sistemas sean fáciles de reconocer. Reducción en la formación
Los conocimientos son mas fáciles de transmitir de un sistema a otro
Salud y seguridad Si los sistemas han pasado controles de estándares es difícil
que tengan comportamientos inesperados.
![Page 15: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/15.jpg)
Estándard de jure
Los estándares de iure son generados por un comité con estatus legal y gozan del apoyo de un gobierno o una institución para producir estándares
Para hacer un estándar de iure se ha de iniciar un proceso complejo Documento preliminar Enmiendas Aprobación Ejemplo
Ansi C
![Page 16: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/16.jpg)
Estándard de jure
Comites
Tienen estatus legal para definir estándares de iure ISO Asociación internacional de estándares ANSI Instituto Nacional Americano para
estándares IEEE Instituto de Ingenieros Eléctricos y
Electrónicos americano CEN Comité Europeo para la estandarización JIS Instituto Japonés para estándares W3C World wide web consortium
![Page 17: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/17.jpg)
Estándares de facto
Son estándares que nacen a partir de productos de la industria que tiene un gran éxito en el mercado o desarrollos hechos por grupos de investigación en la Universidad que se divulgan rápidamente
Su definición se encuentra en manuales, libros y artículos
Son aceptados como tales por su uso generalizado
Ejemplo: Lenguaje C Normas CUA
![Page 18: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/18.jpg)
ISO estándares de iure
ISO 9241 Ergonomic principles for visual display terminals. ISO/IEC 10741 What happens to the cursor control when
users interact with text editors. ISO/IEC 11581 Usage and appropriateness of icons in the
user interface. ISO 13407 Designing user interfaces with humans in mind. ISO/IEC 14754 Defines the basic gesture commands. ISO 14915 Recommendations for multimedia controls and
navigation. ISO/IEC 18019 A standard for the design and preparation of
software user documentation.
![Page 19: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/19.jpg)
Estándar de iure
ISO 9241
ISO 9241 Requisitos ergonómicos para el trabajo de oficina con terminales visuales
Estándar redactado porISO/TC 159 (Ergonomics), SC 4
(Ergonomics of human-system interactions), WG 5 (Software ergonomics and human-computer dialogues)
![Page 20: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/20.jpg)
ISO 9241
Part 10: Principios de diálogo Describe principios ergonómicos generales que son
independientes de una técnica específica de diálogo, pero que puede ser aplicado como guias cuando se especifica, desarrolla o evalúa un sistema de diálogo
Principios cubiertos: Adecuación de la tarea Autodescripción Controlabilidad Conformidad con las expectativas del usuario Tolerancia al error Adecuación a la adaptación Adecuación al aprendizaje
El estándar no contiene requisitos o recomendaciones ,mas bien discute cada uno de los principios y da ejemplos de cómo se puede aplicar en las interfaces
1996
![Page 21: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/21.jpg)
ISO 9241
Part 11: Guía en la usabildiad
Explica que la usabilidad depende del contexto de uso y que el nivel de usabilidad conseguido dependerá de las circunstancias específicas en que se usa un producto
Explica los beneficios de medir la usabilidad en términos de cómo se consiguen los objetivos
1998
![Page 22: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/22.jpg)
ISO 9241Part 12: Presentation of information
Aporta recomendaciones de la presentación de información visual
Organización de la informaciónUso de tecnicas de codificaciónnd satisfaction.Temas:
Ventanas Grupos Listas y tablas Etiquetas y campos Cursores y punteros Codificación alfanumérica, gráfica y codificación de color
![Page 23: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/23.jpg)
ISO 9241Parte 15: Diálogos de órdenes
Presenta recomendaciones para diálogos de órdenes para realizar tareas de oficina
Los diálogos de órdenes se definen por este estándar como secuencias de instrucciones aportadas por el usuario al sistema que, cuando se procesan, resulta en acciones del sistema asociadas
El usuario introduce frases de órdenes completas o abreviadas en el orden requerido por la sintaxis del lenguaje de comandos
Además, aporta recomendaciones para teclas de función y hot que representan comandos
![Page 24: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/24.jpg)
ISO 9241
Part 16: Diálogos de manipulación directa En los diálogos de manipulación directa el usuario actúa
directamente sobre los objetos apuntándolos, moviendolos o cambiando sus características físicas con el uso de un dispositivo de entrada
Contiene recomendaciones para el diseño de dichos diálogos Temas
Características y idoneidad de la manipulación directa Metáforas Apariencia de los objetos Realimentación Dispositivos de entrada Apuntar y seleccionar Dragging, sizing, scaling, rotating Manipulación de objetos tipo texto Manipulacion de ventanas
1998
![Page 25: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/25.jpg)
ISO 9241Part 17: Form-filling dialogues
Conditional recommendations on dialogue design, and input/output design for computer dialogues in which form filling and dialogue boxes are used to accomplish typical office tasks.
Form filling as defined by this part are dialogues in which the user fills in, selects entries for, or modifies labelled fields on a form or dialogue box presented by the system
Topics included in this standard are: Appropriateness of form filling dialogues Form filling structures Layout Field, label lengths, and alignments Input considerations Alphanumeric text entry Choice entries Menus and buttons Controls Feedback Navigation
1998
![Page 26: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/26.jpg)
ISO/IEC 11581
Interfaces de usuarios y símbolosSímbolos y funciones de los iconos
Este estándar internacional tiene seis partes, que se aplican a los iconos que se visualizan en las pantallas del ordenador. Estos iconos representan objetos de datos u funciones del sistema con los que los usuarios interaccionan
![Page 27: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/27.jpg)
ISO/IEC 11581
Part 1: Iconos – conceptos generalesPart 2: Iconos de objetosPart 3: Iconos de punterosPart 4: Iconos de controslPart 5: Iconos herramientasPart 6: Iconos de acciones
2000
![Page 28: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/28.jpg)
ISO 11581
Part 1: Iconos: conceptos generales Aporta un marco general para el diseño y desarrollo de
iconos y su aplicación en las pantallas. Contiene requisitos generals y recomendaciones para iconos y representaciones gráficas
Part 2: Object icons Describe la apariencia y la interacción del usuario con iconos
que representan funciones mediante la asociación con un objeto y que se puede mover y abrir. Contiene elementos y recomendaciones para 19 iconos de objetos usados comunmente
![Page 29: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/29.jpg)
ISO 11581
Parte 3: Iconos apuntadores Apariencia e interacción de iconos asignados a
dispositivos de entrada y que el usuario manipula para interaccionar con otros elementos de la pantalla. 8 iconos apuntadores comunes
Parte 4: Iconos de control Aportan control de tareas al usuario. Se pueden
usar para operar con ventanas, listas, y otros elementos gráficos que proporcionen interaccón de diálogos entre el sistema y el usuario
![Page 30: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/30.jpg)
ISO 11581
Parte 5: Iconos de herramienta Describe su apariencia e interacción. Especifica la
relación entre iconos de herramienta y de puntero. Contiene requisitos y recomendaciones para 20 iconos de herramienta comunes
Parte 6: Iconos de acciones Iconos de acciones o barra de herramientas.
Representan acciones asociados con objetos. 23 iconos mas frecuentes
![Page 31: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/31.jpg)
ISO/IEC 14754
Pen-based interfaces - Common Gestures for text editing with pen-based systems
This is a one-part standard that defines a set of basic gesture commands and feedback for pen interfaces. The standard does not define the actions necessary for the input of text. The gestures are divided into three subsets:
Required gesture commands: Select, Delete, Insert space, and Split line
![Page 32: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/32.jpg)
ISO/IEC 14754
Required gesture commands for conditional functions, depending on the availability of the clipboard function:
Move, Copy, Cut, and Paste Conditionally required gesture commands,
depending on product implementation: Scroll and Undo
This international standard was published in 1999.
![Page 33: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/33.jpg)
Estándares de facto
Guías de estilo comercialesEs fundamental para los desarrolladores basar
sus diseños en un conjunto de principios y directrices para tener consistencia
Por este motivo es tan importante para las organizaciones que desarrollan software, disponer de una guía que puedan seguir sus desarrolladores
Estas guías se denominan guías de estilo y varían mucho en sus objetivos. Macintosh, OS/2 Windows UNIX Java
![Page 34: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/34.jpg)
Guia de estilo
CUA (Common User Access
Fueron publicadas en 1987 por IBM juntamente con Microsoft fruto de una colaboración común
Se adoptó universalmente por la fuerza de IBM
Windows, OS/2 i Motif, son los estándares más importantes que siguen esta norma
![Page 35: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/35.jpg)
CUA
![Page 36: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/36.jpg)
Aspectos visuales...
![Page 37: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/37.jpg)
...Aspectos visuals
![Page 38: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/38.jpg)
Motif
Motif® es un estándar industrial de interfaz gráfica de usuario (definido por la especificación IEEE 1295 ), que se utiliza en más de 200 plataformas de hardware y software
Es la interfaz lider en el sistema operativo UNIX
![Page 39: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/39.jpg)
Motif
![Page 40: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/40.jpg)
CDE Common desktop environment
![Page 41: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/41.jpg)
CDE
Common Desktop Environment es un entorno común de software para ordenadores UNIX
Desarrollado conjuntamente por IBM, HP, Novell, SCO i SUN, redactado por X/Open, una organización para hacer estándares en el mundo UNIX
Está basado en estándares de facto en la indústria como X.11, Motif i Tooltalk
![Page 42: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/42.jpg)
Windows'95, 98 NT
![Page 43: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/43.jpg)
MacIntosh
MacInstosh
http://developer.apple.com/techpubs/mac/HIGuidelines/HIGuidelines-2.html
![Page 44: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/44.jpg)
MacIntosh
Guía de estilo
Menús Finestres
![Page 45: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/45.jpg)
Cajas de diálogo
Cajas de diálogo
![Page 46: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/46.jpg)
Mac
Controles
Son objetos gráficos que originan acciones instantáneas o resultados audibles cuando el usuario los manipula con el ratón
Icons are graphic representations of objects such as documents, storage media, folders, applications, and
the Trash. Icons look like their real-world counterparts whenever possible.
![Page 47: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/47.jpg)
Mac
Distancias
4 pixels between clickable items. If possible, include 6 pixels between items to provide sufficient space for focus rings
Allow 16 pixels between groups of controls
![Page 48: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/48.jpg)
Layout
![Page 49: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/49.jpg)
Iconos
Icons are graphic representations of objects such as documents, storage media, folders, applications, and the Trash.
Icons look like their real-world counterparts whenever possible.
![Page 50: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/50.jpg)
OpenLook
![Page 51: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/51.jpg)
Java: look and feel
http://java.sun.com/products/jlf2/guidelines.html
Look and Feel: la apariencia Y el comportamiento de un cojunto Completo de componentes de la IGU
![Page 52: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/52.jpg)
JavaGuía de estilo
Flush 3D styleModelo de color
Textura de drag
http://java.sun.com/products/jlf
![Page 53: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/53.jpg)
Java
Guía de estilo
![Page 54: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/54.jpg)
Espaciado
![Page 55: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/55.jpg)
Estándares
Accesibilidad
Iniciativa de accesibilidad WEB WAI
Es un estándar de accesibilidad promovido por la World Wide Web Consortium (W3C)
![Page 56: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/56.jpg)
Guía de estilo en la WEBNo hay una guía de estilo propia
Hay mas émfasis en el impacto que en la consistencia
La metáfora de la interfase de usuario es la página El usuario interacciona con la página y navega
de página en página Las capacidades mas habituales son:
HypertextURLOrdenes de adelante/atrásPuntos de libro
![Page 57: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/57.jpg)
Guias de estilo corporativas...
Si una organización desea desarrollar su propio estilo corporativo, lo primero es escoger una guia de estilo comercial
Lo primero a considerar es que es un estilo y que elementos han de ser considerados para tener una imagen coherente
![Page 58: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/58.jpg)
Guías de estilo corporativas
La idea es usar las guías de estilo con características propias que permitan un estilo propio a la organización
Hay que ver los elementos que han de ser considerados para tener una imagen coherente
![Page 59: Estándares y guías de estilo. Guías y estándares Presentación z Presentamos en este tema el tema de los estándares y las guías de estilo a aplicar en](https://reader036.vdocuments.net/reader036/viewer/2022081506/5665b4991a28abb57c9285b9/html5/thumbnails/59.jpg)
Conclusiones
Es importante destacar que aunque se sigan estrictamente las normas de la guía no hay garantía de que la interfase sea usable
Es mejor seguir las guias que no, no seguirlas. Puede que podamos hacer un diseño mejor, pero seguramente los problemas que pueda plantear pueden ser superiores a los problemas que aporta