Memoria de Investigación: Interfaz gráfica de Usuario

22
MEMORIA DE INVESTIGACIÓN BIENIO 2004 – 06 PARA OBTENSIÓN DEL DIPLOMA DE ESTUDIOS AVANZADOS FACULTAD DE BELLAS ARTES | UNIVERSIDAD DE LA LAGUNA

description

Resumen del trabajo realizado durante los dos primeros años de doctorado en la Universidad de La Laguna

Transcript of Memoria de Investigación: Interfaz gráfica de Usuario

Page 1: Memoria de Investigación: Interfaz gráfica de Usuario

MEMORIA DE INVESTIGACIÓN

BIENIO 2004 – 06

PARA OBTENSIÓN DEL DIPLOMA DE ESTUDIOS AVANZADOS

FACULTAD DE BELLAS ARTES | UNIVERSIDAD DE LA LAGUNA

Page 2: Memoria de Investigación: Interfaz gráfica de Usuario

CRÉDITOS

BIENIO 2004 – 06

Universidad:

Universidad de La Laguna

Departamento:

Dibujo, diseño y estética

Programa de doctorado:

Creación plástica y diseño

Línea de investigación:

Diseño gráfico y comunicación visual

Page 3: Memoria de Investigación: Interfaz gráfica de Usuario

TÓPICOS DE INTERÉS INICIAL

Teoría del diseño (y arte) Teoría de la imagen Tipografía y artes gráficas Diseño digital, web y multimedia

Page 4: Memoria de Investigación: Interfaz gráfica de Usuario

FASE DOCENTE

Page 5: Memoria de Investigación: Interfaz gráfica de Usuario

PETER DORMER VS TOMAS MALDONADO

MODELOS DE BARANS

CENTRALI ZADO DESCENTRALI ZADO DI STRI BUI DO

Modelo industrializado del diseño

Modelo industrializado y modelo artesanal del diseño

Peter Dormer Tomas Maldonado

Page 6: Memoria de Investigación: Interfaz gráfica de Usuario

HACIA UNA SISTEMATIZACIÓN DEL ÁMBITO TIPOGRÁFICO

Page 7: Memoria de Investigación: Interfaz gráfica de Usuario

ANÁLISIS HEURÍSTICO A CINCO WEBSITES DE LA UNIVERSIDAD DE LA LAGUNA

Page 8: Memoria de Investigación: Interfaz gráfica de Usuario

FASE DE INVESTIGACIÓN

LÍNEA DE INVESTIGACIÓN

DISEÑO GRÁFICO Y COMUNICACIÓN VISUAL

Page 9: Memoria de Investigación: Interfaz gráfica de Usuario

INTERFAZ GRÁFICA DE USUARIOAproximación semiótica y cognitiva

INTERFAZ GRÁFICA DE USUARIOAproximación semiótica y cognitiva

Page 10: Memoria de Investigación: Interfaz gráfica de Usuario

I PARTE: DEFINICIÓN DE INTERFAZ GRÁFICA

Dimensión física y simbólica

Dimensión comunicativa e interactiva del interfaz

Page 11: Memoria de Investigación: Interfaz gráfica de Usuario

PROBLEMÁTICAS EN LA INTERFAZ: TIPOGRAFÍA

Este texto no es hipertextualEste texto no es hipertextual

Este texto no es hipertextual

Page 12: Memoria de Investigación: Interfaz gráfica de Usuario

PROBLEMÁTICAS EN LA INTERFAZ: ICONOGRAFÍA

Detención obligatoria

Parar la carga de una página

Page 13: Memoria de Investigación: Interfaz gráfica de Usuario

II PARTE: HISTORIA DE LA INTERFAZ GRÁFICA

EVOLUCI ÓN HI STÓRI CA DE LAS I NTERFACES GRÁFI CAS DEL AÑO 1970 - 2001

CO N SU M O YCU ST OM IZ ACIÓ N

D EM OC R ATIZ ACIÓ N YEC LO S IÓ N

1970

1995

2001

1981

A PP LE LISA

A PP LE M AC

W IND OW S 1.0

NEX T S TEP

W IND OW S 95BEO S

GE N OM EK DE

MA C OS XW IN DO W S XP

XE ROX A LTOXE ROX S TAR

X E R OX PA RC

III P ER IO DO

II PE RIO DO

I P ERIO D OPR EC UR SO R ES E N ELXE RO X PA RC

1970 – 1981. Xerox Parc

1981 – 1995. Democratización y eclosión

1995 – 2001. Automatización y customización

Page 14: Memoria de Investigación: Interfaz gráfica de Usuario

Período 1970 – 1981: Xerox Parc

Xerox Alto (1973) Xerox Star (1981)

Page 15: Memoria de Investigación: Interfaz gráfica de Usuario

II PERÍODO: DEMOCRATIZACIÓN Y ECLOSIÓN (1981-1995)

Apple Macintosh (1984) Windows 1.0 (1985)

Page 16: Memoria de Investigación: Interfaz gráfica de Usuario

1985 – Next GEM

1985 – Amiga Workbench

1986 - Commodore GEOS

II PERÍODO: DEMOCRATIZACIÓN Y ECLOSIÓN (1981-1995)

Page 17: Memoria de Investigación: Interfaz gráfica de Usuario

III PERIODO: CONSUMO Y CUSTOMIZACIÓN

Windows 95 (1995) Apple OS X (2000)

Page 18: Memoria de Investigación: Interfaz gráfica de Usuario

III PARTE: ELEMENTOS DE LA INTERFAZ GRÁFICA

Gramática de interacción Elementos de la interfaz

Page 19: Memoria de Investigación: Interfaz gráfica de Usuario

GRAMÁTICA DE LA INTERACCIÓN

PARADIGMA W.I.M.P METÁFORA DEL ESCRITORIO MANIPULACIÓN DIRECTA SINTAXIS: NOMBRE, LUEGO VERBO WYSIWYG

Page 20: Memoria de Investigación: Interfaz gráfica de Usuario

ELEMENTOS DEL INTERFAZ

Dispositivos de interfaz humana

Ventanas Menús Iconos Fuentes tipográficas Controles

Page 21: Memoria de Investigación: Interfaz gráfica de Usuario

INVESTIGACIÓN FUTURA

PE RCIBIR CO DIF ICA R CO M PR END ER CU M P LIR

EDAD

PERCEPCION COLO R

FAMILI ARIDAD

PERCEPCIÓN DE PELIGRO

SEXO

VISIÓN

VAR IA BL ES D E S EÑ AL

VAR IA BL ES D E PE RS ON A

ED AD

PE RCEPCIÓN DE C TRL.

FAM ILIA RIDA D

PE RCEPCIÓN D PE LIGRO

COSTE COM PLACENCIA

MODELAMIENTO

MODELO DE ENFREN-

TAM IENTO CON EL RIESGO

FAMILIAR IDAD

PERCEPCIÓ N DE PELIGRO

SEXO

VISI ÓN

EDA D

FAM ILIAR IDAD

PERCE PC IÓN DE PELIGRO

SEXO

COL OR

ÉN FA SIS

INTERACTIVIDAD

LO CALIZACI ÓN

ORIENTACIÓN

FO RMA

PA LA BRA

TAM A ÑO

SI MBOLO GÍA

TONO

COLOR

ÉNFASIS

TAMAÑO DEL TIPO

INTER ACTIVIDA D

LAYOUT

LONGITUD

PALABRA

TAMAÑO

SIM BOLOGÍA

ESTILO DEL TEXTO

ESTILO DEL TIP O

COLOR

EXPLÍCITO

LAYOUT

LOCALI ZA CIÓN

PALABRA

TAMAÑO

SIMB OLOGÍA

COLOR

IN TE RACTIVIDAD

LAYOUT

LOCALI ZACIÓN

SIM B OLOGÍA

RESPUESTA DADA

ESTAMENTO DE PELIGRO

Representación gráfica de las variables investigadas sobre señales de peligro por Rogers, Lamson y Roseeau [2000].

Page 22: Memoria de Investigación: Interfaz gráfica de Usuario

BIENIO 2004 – 06

Universidad:

Universidad de La Laguna

Departamento:

Dibujo, diseño y estética

Programa de doctorado:

Creación plástica y diseño

Línea de investigación:

Diseño gráfico y comunicación visual

BIENIO 2004 – 06

Universidad:

Universidad de La Laguna

Departamento:

Dibujo, diseño y estética

Programa de doctorado:

Creación plástica y diseño

Línea de investigación:

Diseño gráfico y comunicación visual