Los Sistemas Interactivos Tema 2 - Departamento de Lenguajes y ...

Diseño de Interfaces de UsuarioTema 2Los Sistemas Interactivoso Arquitectura del sistema interactivoo El factor humanoo Dispositivos y tareas de interaccióno Componentes interactivos2.1. ArquitecturaFunciones del interfazo Obtención de datos (del usuario)o Enlace con aplicacióno Presentación datosUsuarioERSubsistemade entradaAplicaciónE = Entradas del usuarioR = RealimentaciónDispositivos físicosDiseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada-2-© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos

2.1. ArquitecturaModelo Seeheimo Separación de por capas (1985)UsuarioLéxico Sintáctico SemánticoCapaCapaCapaPresentaciónDiálogoAplicaciónAplicaciónDiseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos2.1. ArquitecturaModelo MVCo Smaltalk (DOO)o Identifica relaciones entre elementosVistaModeloControladorDiseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada-3--4-© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos

2.2. El Factor HumanoImportanciao Aplicaciones de alto riesgoo Satisfacción del usuarioo Rendimientoo Adaptación a las habilidades humanas• Físicas• Cognitivas• Personalidad• CulturalesDiseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos2.2. El Factor HumanoModelo Procesador Humanoo Modelo de rendimientoDispositivosSalidaComputadoraDispositivosEntradaSensoresEfectoresAlmacenamientosensorial (SM)recordatorio rendimientoatenciónSTMelaboraciónrecuperaciónLTMDiseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada-5--6-© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos

2.2. El Factor HumanoLos sentidoso Canales de entrada de información (concurrentes)o Visual: Percepción e interpretacióno Acústico: reforzamientoDiseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos2.2. El Factor HumanoMemoria de trabajoo “Conjunto de símbolos activos en un instante determinados alos que estamos prestando atención, y que por tantopodemos manipular mediante control voluntario”• Acceso rápido (70ms)• Rápida decaída (200ms)• Baja capacidad (7 ± 2 ítems)o “Un éxito en la atención provoca una huella entre el ítem y elmodo de acceso al mismo (chunk)”. Proceso afectado por:• Recentitud• Relaciones semánticas (asociaciones• Interferencias (errores de terminación)• Datos disponiblesDiseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada-7--8-© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos

2.2. El Factor HumanoMemoria de largo plazoo “Es donde reside nuestro conocimiento”• Gran capacidad (casi ilimitada)• Acceso más lento (0.1 s)• Las pérdidas ocurren más lentamenteo Procesos relacionados• Memorización• Olvido• Recuperacióno Tipos• Memoria episódica• Memoria semánticaDiseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos2.2. El Factor HumanoRazonamiento Humanoo Proceso de manipulación de la informacióno Deductivoo Inductivoo AbductivoDiseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada-9--10-© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos

2.2. El Factor HumanoErroreso Interferencias• Conocimientos previos• Por prioridad• Conducta estereotipoo Fallos de percepción• Estrés• ...Diseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos2.3. DispositivosEstudioo Diversidad dispositivoso Características• Ergonómicas• Absolutos/relativos• Directos/indirectos• Continuos/discretos• Limitados/no limitados• Realización de tareas básicas elementales (disp. Lógicos)• Posicionamiento• Selección• Valor• Texto• ArrastreDiseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada-11--12-© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos

2.3. DispositivosTareas básicaso Posicionamiento• Sistema de coordenadas (2D, 3D, pantalla..)• Resolución• Restricciones (modular/direccional)• Realimentación (espacial/numéricao Selección• Tamaño del conjunto (fijo/variable)• Modos (identificación/ apuntando)Diseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos2.3. DispositivosTareas básicaso Texto• Tamaño (extensión)• Codificacióno Valor• Rango• Continuo/discretoo Arrastre• Acciones complejas y dinámicasDiseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada-13--14-© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos

2.4. Componentes interactivosElementoso Contenedores• Ventanas• Almacén datos• Contenedores (organización)o Componentes (widgets)• Botones• Texto• Deslizadores• ...Diseño de Interfaces de UsuarioETSI Ingeniería Informática. Universidad de Granada-15-© Miguel Gea, Fco. Luis GutiérrezDpt. Lenguajes y Sistemas Informáticos