GUI#1
-
Upload
escuela-superior-de-diseno-de-madrid -
Category
Technology
-
view
1.108 -
download
0
Transcript of GUI#1
![Page 1: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/1.jpg)
Usable e intuitivo: que sea fácil de aprender y de utilizar
GUI
DivX Player 5.2
De DivXNetworks
Pics2Phones 1.31Enviar fotos al movil
Internet - Tools & UtilitiesBvrp Software
![Page 2: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/2.jpg)
Seguro: que un mal uso o error no pueda perjudicar al usuario
GUI
Cuando la acción es delicada se solicita confirmación
Descripción del tipo de error producido
Evitar los mensajes ambiguos y códigos numéricos.
![Page 3: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/3.jpg)
Funcional: que satisfaga las necesidades de los usuarios
GUI
Calculadora, software intuitivo, no requiere para su manejo el uso de la ayuda, y hay dos versiones según necesidad.
![Page 4: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/4.jpg)
Eficiente: que resuelva sus funciones de la mejor manera posible
GUI
Blackberry
Teléfono de disco
![Page 5: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/5.jpg)
Formación técnica y en humanidades, creatividad y capacidad analítica.
La ingeniería encuentra una utilidad práctica a los adelantos de la ciencia.
La ergonomía, se encarga de adaptar los adelantos de las ciencias en general al uso de las personas.
El diseño gráfico. Se encarga de la representación de la información.
La psicología es la ciencia que estudia el comportamiento de los seres humanos, tenemos que conocer sus limitaciones y capacidades. Los procesos de aprendizaje, percepción, memoria, reconocimiento y construcción de modelos mentales.
La sociología, es la ciencia que estudia los fenómenos de relación entre un individuo y un grupo y los fenómenos de relación entre grupos.
La lingüística es el estudio científico del lenguaje. Los procesos de generación y comprensión del habla, y las reglas que la rigen.
GUI - Disciplinas que intervienen
![Page 6: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/6.jpg)
Semántico: la información que nos aporta el significado de las palabras.
GUI - El proceso del habla
Definición de cancelar según RAE
![Page 7: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/7.jpg)
Sintáctico: la información gramatical que nos aporta la estructura de la frase.
GUI - El proceso del habla
Diferentes significados según contexto
![Page 8: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/8.jpg)
Pragmático: la información proveniente del contexto donde nos encontramos (lugar, tiempo, cultura, entorno, interlocutor, etc.).Prosódico: la información proporcionada por la inflexión de la voz, el acento, el tono, el tempo, el humor y en general cualquier aspecto del proceso de articulación.
GUI - El proceso del habla
Los preload y los emoticons del Messenger, tratan de expresar en modo gráfico el elemento prosódico del habla.
Selección de ayudante, elegimos aspecto y personalidad.
![Page 9: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/9.jpg)
GUI - El proceso del habla
La norma estadística establece que lo correcto es la frecuencia más alta de uso de una forma o costumbre expresiva.
Opción cerrar en distintas aplicaciones y entornos.
![Page 10: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/10.jpg)
GUI - El proceso del habla
la norma social indica que el lenguaje correcto deriva del modo de expresarse de determinada capa social, considerada digna de imitar
Opción cerrar en distintas versiones del SO de Mac
![Page 11: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/11.jpg)
GUI - El proceso del habla
la norma geográfica afirma que lo correcto es la forma de expresión de la zona donde nos encontramos.
Opción cerrar en Ferrovial y en Sony-Ericson
![Page 12: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/12.jpg)
GUI - El proceso del habla
la norma académica estima que lo correcto es lo establecido por una academia de sabios expertos en el tema.
![Page 13: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/13.jpg)
GUI - El proceso del habla
la norma cultural, por otra parte, estatuye que el modelo de lengua viene dado por un texto considerado clásico por una cultura.
Iconos de Office, Messenger y Windows XP
![Page 14: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/14.jpg)
GUI - Características (Aspectos humanos)
1.- Metáforas2.- Manipulación directa3.- Órdenes universales4.- Consistencia5.- Modos6.- Visibilidad7.- Tolerancia
![Page 15: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/15.jpg)
1.- Metáforas IMetáforas son abstracciones de elementos familiares para ayudar a la creación de modelos conceptuales al usuario. Se usan conceptos conocidos para hacerle entender un concepto menos familiar o más complejo.
Reproductores de vídeo.
GUI - Características (Aspectos humanos)
![Page 16: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/16.jpg)
Metáforas II
Control de Visitas a un sitio Web, software Visitor Ville; www.visitorville.com/ world-map.html
GUI - Características (Aspectos humanos)
![Page 17: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/17.jpg)
Metáforas III
Buscador gráfico KartOO; www.kartoo.com
GUI - Características (Aspectos humanos)
![Page 18: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/18.jpg)
Metáforas IV
Escritorio 3D Windows para niños
GUI - Características (Aspectos humanos)
![Page 19: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/19.jpg)
Metáforas V
Sitio de Internet basado en una metáfora de escritorio
GUI - Características (Aspectos humanos)
![Page 20: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/20.jpg)
Metáforas VI
Escritorio MacOs
GUI - Características (Aspectos humanos)
![Page 21: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/21.jpg)
Crear mediante una representación visual del mundo donde se desarrolle, un entorno de oficina (escritorio) y, los mundos virtuales de los juegos.Características: Visibilidad de los objetos de interés. Reversibilidad de las acciones. Sustitución de órdenes complejas por manipulación de objetos.
2.- Manipulación directa
Pulsar y arrastrar
GUI - Características (Aspectos humanos)
![Page 22: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/22.jpg)
Manipulación directa I
Aplicaciones en escritorio de SO linux
GUI - Características (Aspectos humanos)
![Page 23: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/23.jpg)
Manipulación directa II
Juego tipo Simcity para Linux
GUI - Características (Aspectos humanos)
![Page 24: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/24.jpg)
Manipulación directa III
Juego de estrategia para Linux
GUI - Características (Aspectos humanos)
![Page 25: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/25.jpg)
Manipulación directa IV
Programa de creación musical
Interfaz de realidad virtual
GUI - Características (Aspectos humanos)
![Page 26: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/26.jpg)
Manipulación directa V
Interfaz de realidad virtual en la película Minority Report
GUI - Características (Aspectos humanos)
![Page 27: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/27.jpg)
Manipulación directa VI
Programa de creación musical Reason V2
GUI - Características (Aspectos humanos)
![Page 28: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/28.jpg)
3.- Órdenes universales
Comportamiento universal y consistente de las órdenes, debería dar el mismo resultado a lo largo de todo el sistema.
Borrar documentos, en distintos SO
Botones de navegación disponibles en XP
GUI - Características (Aspectos humanos)
![Page 29: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/29.jpg)
4.- Consistencia
En un interfaz, se deben respetar unos criterios gráficos y funcionales de acuerdo con unas reglas de estilo.
Normas de construcción de un icono en XP
Iconos aplicación
Iconos para SO
GUI - Características (Aspectos humanos)
![Page 30: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/30.jpg)
Consistencia 2
Normas de construcción de iconos 3D para Mac
Iconos MacxOS
Iconos Foxmail
GUI - Características (Aspectos humanos)
![Page 31: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/31.jpg)
5.- Modos
Distintos estados de un botón
La interfaz tiene que indicarnos en cada momento qué nos está permitido hacer y que no.
Botón derecho, menú en contexto
GUI - Características (Aspectos humanos)
![Page 32: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/32.jpg)
6.- Visibilidad
Caja de propiedades Dreamweaber y Flash que varía según el objeto seleccionado
El usuario debe saber las acciones puede hacer y los objetos con los que pede interactuar.
GUI - Características (Aspectos humanos)
![Page 33: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/33.jpg)
7.- Tolerancia
Historia del Photoshop, opción deshacer mejorada
El interfaz debe permitir deshacer ciertas acciones, ser tolerante con los errores
GUI - Características (Aspectos humanos)
![Page 34: GUI#1](https://reader030.fdocuments.in/reader030/viewer/2022032619/55be5793bb61eb31538b474d/html5/thumbnails/34.jpg)
Retroalimentación (feedback)
La retroalimentación es el fenómeno que se produce cuando el usuario percibe el resultado de sus acciones y que influye inmediatamente en las decisiones que está tomando.
Indicador de progreso
Los diferentes estados en la barra de tareas refuerzan las acciones
GUI - Características (Aspectos tecnológicos)