GUI#1

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

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.

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.

Eficiente: que resuelva sus funciones de la mejor manera posible

GUI

Blackberry

Teléfono de disco

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

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

Sintáctico: la información gramatical que nos aporta la estructura de la frase.


Diferentes significados según contexto

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.


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.


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.


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


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


la norma académica estima que lo correcto es lo establecido por una academia de sabios expertos en el tema.


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

GUI - Características (Aspectos humanos)

1.- Metáforas2.- Manipulación directa3.- Órdenes universales4.- Consistencia5.- Modos6.- Visibilidad7.- Tolerancia

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.


Metáforas II

Control de Visitas a un sitio Web, software Visitor Ville; www.visitorville.com/ world-map.html


http://www.visitorville.com/world-map.html



Metáforas III

Buscador gráfico KartOO; www.kartoo.com


Metáforas IV

Escritorio 3D Windows para niños


Metáforas V

Sitio de Internet basado en una metáfora de escritorio


Metáforas VI

Escritorio MacOs


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


Manipulación directa I

Aplicaciones en escritorio de SO linux


Manipulación directa II

Juego tipo Simcity para Linux


Manipulación directa III

Juego de estrategia para Linux


Manipulación directa IV

Programa de creación musical

Interfaz de realidad virtual


Manipulación directa V

Interfaz de realidad virtual en la película Minority Report


Manipulación directa VI

Programa de creación musical Reason V2


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


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


Consistencia 2

Normas de construcción de iconos 3D para Mac

Iconos MacxOS

Iconos Foxmail


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


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.


7.- Tolerancia

Historia del Photoshop, opción deshacer mejorada

El interfaz debe permitir deshacer ciertas acciones, ser tolerante con los errores


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)

GUI#1

Technology

Transcript of GUI#1