Ejemplos de buen y mal diseño

EJEMPLOS DE MAL
y BUEN DISEÑO
08/05/2006
DAI
Ejemplo 1
z
3 cuadros de diálogo de
entrada/modificación de datos
z
PRINT MERGE
z
PAGE SETUP
z
EXPORT
08/05/2006
DAI
1
Ejemplo 1. Print merge
08/05/2006
DAI
Ejemplo 1. Page setup
08/05/2006
DAI
2
Ejemplo 1. Export
08/05/2006
DAI
Ejemplo 2
z
Dos cuadros de diálogo de
entrada/modificación de datos
z
FOOTNOTE OPTIONS
z
LOCATION OF FILES
08/05/2006
DAI
3
Ejemplo 2. Footnote options
08/05/2006
DAI
Ejemplo 2. Location of Files
08/05/2006
DAI
4
Ejemplo 3. Datos de cliente
08/05/2006
DAI
Ejemplo 4. Ingresos semanales
(Buen diseño)
08/05/2006
DAI
5
Ejemplo 5. Información cabecera
(Buen diseño)
08/05/2006
DAI
Ejemplo 6. Información
08/05/2006
DAI
6
Ejemplo 7.1 (buen diseño)
08/05/2006
DAI
Ejemplo 7.2 (mal diseño)
08/05/2006
DAI
7
CONSIDERACIONES TECNOLÓGICAS
EN EL DISEÑO DE INTERFACES
08/05/2006
DAI
Contenidos
z
Sistemas gráficos
z
Sistemas web
z
Ejemplos
08/05/2006
DAI
8
Sistemas Gráficos
z
Diseño compatible con las capacidades del sistema
–
–
–
–
z
Potencia
Tamaño de pantalla
Resolución de pantalla
Colores
Diseño compatible con las capacidades de:
–
–
–
Plataforma a utilizar
Herramientas de desarrollo e implementación a usar
Pautas de estilo de la plataforma final
08/05/2006
DAI
Sistemas Web
z
Comprender el estado actual de desarrollo
de tecnologías web
z
Diseño para la configuración de sistema más
común entre los usuarios
z
NO usar la tecnología más reciente sólo por
ser lo más reciente Î satisfacer al usuario
08/05/2006
DAI
9
Navegadores web
z
z
z
z
z
z
Compatibilidad
Tamaño de monitor y resolución
Fuentes
Colores
Ancho de banda
Versiones múltiples
08/05/2006
DAI
Otras consideraciones web
z
Descarga
–
–
–
8-10 seg por página como mucho
Minimizar diseño si retarda mucho
Archivos: Información suficiente sobre qué se va a
descargar
z
Actualizaciones
z
Impresión de pantalla
z
Mantenimiento
08/05/2006
DAI
10