Interfaz de usuario

26
INTERFAZ DE USUARIO UNIVERSIDAD NACIONAL DE CHIMBORAZO TALLER 8 – SEGUNDA PARTE JAVIER RODRIGUEZ GOMEZ

Transcript of Interfaz de usuario

Page 1: Interfaz de usuario

INTERFAZ DE USUARIO

UNIVERSIDAD NACIONAL DE CHIMBORAZO

TALLER 8 – SEGUNDA PARTE

JAVIER RODRIGUEZ GOMEZ

Page 2: Interfaz de usuario

APARICION DE LA IHC» LA APARICION DE LA IHC SE PRODUCE DENTRO

DE UN CONTEXTO SOCIAL Y ORGANIZACIONAL POR LA NECESIDAD DE DIFERENTES TIPOS DE APLICACIONES PARA DISTINTOS PROPÓSITOS.

» LA IHC, SURGE EN EL MOMENTO EN EL QUE LAS COMPUTADORAS LLEGAN A MANOS DE USUARIOS FINALES NO PROFESIONALES EN LA INFORMÁTICA.

Page 3: Interfaz de usuario

» Se nutre de otras disciplinas entre las que se destacan: la psicología, el diseño, la informática, la ergonomía, la sociología, etc.

» Tiene un factor tecnológico la computadora,

» así como un factor humano el usuario.

Page 4: Interfaz de usuario

QUE ES IHC?» Disciplina relacionada con el diseño, la

evaluación e implementación de sistemas informáticos interactivos para el uso de los seres humanos, y con el estudio de los fenómenos mas importantes con los que está relacionado

Page 5: Interfaz de usuario

OBJETIVOS DE LA IHC

» COMPRENDERLOS FACTORES TALES COMO PSICOLÓGICOS, ERGONÓMICOS, ORGANIZATIVOS, SOCIALES, .. QUE DETERMINAN COMO LA GENTE TRABAJA Y HACE USO DE LOS COMPUTADORES Y TRASLADAR ESTA COMPRENSIÓN PARA ...

» DESARROLLAR HERRAMIENTAS Y TÉCNICAS QUE AYUDEN A LOS DISEÑADORES A CONSEGUIR QUE LOS SISTEMAS INFORMÁTICOS SEAN LOS IDÓNEOS SEGÚN LAS ACTIVIDADES A LAS CUALES SE QUIERAN APLICAR

» CONSEGUIR UNA INTERACCIÓN EFICIENTE, EFECTIVA Y SEGURA, TANTO A NIVEL INDIVIDUAL COMO DE GRUPO.

Page 6: Interfaz de usuario

QUE ESTUDIA LA IHC» EL HARDWARE, EL SOFTWARE Y LA REPERCUSIÓN DE» AMBOS EN LA INTERACCIÓN.» LOS MODELOS MENTALES DE LOS USUARIOS FRENTE

AL» MODELO DEL SISTEMA.» LAS TAREAS QUE DESEMPEÑA EL SISTEMA Y SU» ADAPTACIÓN A NECESIDADES DEL USUARIO.» EL DISEÑO DIRIGIDO AL USUARIO, NO A LA

MÁQUINA» EL IMPACTO ORGANIZACIONAL

Page 7: Interfaz de usuario

QUE SE ENTIENDE POR INTERFAZ» ESTE SON LOS METODOS Y DISPOSITIVOS

UTILIZADOS QUE POSIBILITAN LA COMUNICACIÓN ENTRE EL HUMANO Y LA MAQUINA.

Page 8: Interfaz de usuario

» TIENE COMO DOS TAREAS PRINCIPALES COMO:

» 1)TRANSFERIR INFORMACIÓN DEL USUARIO A LA COMPUTADORA

» 2)COMUNICAR INFORMACIÓN DE LA COMPUTADORA AL USUARIO.

Page 9: Interfaz de usuario

QUE ES UNA BUENA INTERFAZ?

» DEBEMOS TOMAR COMO "BUENA INTERFAZ" AQUELLA QUE LE BRINDE AL USUARIO UNA MEJOR EXPERIENCIA. UNA BUEN INTERFAZ DEBERÁ:

1. CONTENER INFORMACIÓN RELEVANTE PARA EL USUARIO. 2. NO MOSTRAR INFORMACIÓN O MENSAJES QUE NO APORTAN. 3. MINIMIZAR LAS ACCIONES DEL USUARIO PARA REALIZAR SU COMETIDO 4. FACILITAR LA UBICACIÓN DE INFORMACIÓN 5. LO MÁS IMPORTE! … DARLE EL CONTROL AL USUARIO

Page 10: Interfaz de usuario

IMPORTANCIA DE UNA BUENA INTERFAZ

» 1. Mejora la experiencia del usuario

» 2. Mejora el tiempo de desarrollo

» 3. Mejora el mantenimiento

Page 11: Interfaz de usuario

ALGO SOBRE LA HISTORIA» COMPUTADORAS DIGITALES (1930-1940) SOLO DISPONIBLES

PARA INVESTIGADORES ACELERAR CÁLCULOS DE CÓMPUTOS (ENERGÍA BALÍSTICA/ENERGÍA ATÓMICA). EL CONCEPTO DE INTERFAZ SURGE EN PARALELO CON EL PRIMER COMPUTADOR EL ENIAC.

» (1960)(1963)» J.C.R. LICKLIDER, ACOPLAMIENTO ENTRE LAS CAPACIDADESDEL HOMBRE Y LA MÁQUINA “MAN-COMPUTER SYMBIOSIS”» IVAN SUTHERLAND, EXPLORA EL POTENCIAL COMUNICACIÓNGRÁFICA ENTRE EL HOMBRE Y LA MÁQUINA, ASÍ: LA IMAGEN,GRÁFICOS, DIBUJOS, ETC.CREÓ EL SISTEMA SKETCHPAD

Page 12: Interfaz de usuario

» (1960-1970)» LA EVOLUCIÓN DE LOS CIRCUITOS INTEGRADOS

DE SILICIO, QUE REDUJO EL COSTO Y AUMENTÓ LA POTENCIA DE LAS COMPUTADORAS, PROPICIÓ LA INVENCIÓN DE LA INTERFAZ GRÁFICA DE USUARIO COMO SE CONOCE ACTUALMENTE.

» EL SEGUNDO FACTOR QUE POSIBILITÓ LA APARICIÓN DE LA IGU (EN INGLÉS GUI) FUE LA CREACIÓN DEL MOUSE POR PARTE DEMACINTOSH.

Page 13: Interfaz de usuario

» (1963-1965)» DOUGLAS ENGELBART (1963) Y TED NELSON (1965),BASADOS

EN EL CONCEPTO DE MEMEX ELABORARON EL ROL DE LA COMPUTADORA EN LA CONSTRUCCIÓN Y MANIPULACIÓN DE ESTRUCTURAS COMPLEJAS DE TEXTOS INTERCONECTADOS.

» ALAN KAY Y ADELE GOLBERG, PROYECTOS:» • MÁQUINA REACTIVA (REACTIVE ENGINE),» • LIBRO DINÁMICO (DYNABOOK)» SUEÑO DE UN DISPOSITIVO LO MAS PEQUEÑO Y PORTABLE

ALESTILO DE UN LIBRO DE NOTAS, CON SALIDA VISUAL Y AUDITIVA.INTERFACES DE MANIPULACIÓN DIRECTA

Page 14: Interfaz de usuario

» (70´S)» EDITORES DE TEXTOS (EMACS)LENGUAJE DE PROGRAMACIÓN OO (SMALLTALK)VENTANAS MÚLTIPLESHOJAS DE CÁLCULOBAJO EL CONCEPTO … WYSIWYG

Page 15: Interfaz de usuario

» EN 1972 XEROX CREÓ "XEROX ALTO“ EL PRIMER COMPUTADOR CON UN SISTEMA OPERATIVO DE INTERFAZ GRÁFICA, DISEÑADO PARA LABORATORIOS.

Page 16: Interfaz de usuario

» EN 1979 APARECE OTRO COMPUTADOR QUE MEJORA ALGUNOS ASPECTOS DE ALTO, EL "XEROX 8810 STAR INFORMATION SYSTEM" MÁS CONOCIDO COMO "XEROX STAR“ DISEÑADO POR XEROX CORPORATION.

Page 17: Interfaz de usuario

» LISA FUE EL PRIMER COMPUTADOR PERSONAL COMERCIAL CON INTERFAZ GRÁFICA.

» CON SU VENTA MACINTOSH QUERÍA HACER MÁS ENTENDIBLE Y ACCESIBLE EL SISTEMA.

» PERO EL PRECIO SE ACERCABA A LOS 10 MIL DÓLARES POR UNIDAD.

Page 18: Interfaz de usuario

» (80´S)» • APPLE MACINTOSH COMPUTERS … INTERFACES

MAS HUMANAS» • GUI´S PARA UNIX -> X-WINDOWS Y GESTORES

DE VENTANAS» (MOTIF, OPEN WINDOWS, KDE, GNOME)» • LA SERIE DE VERSIONES DE WINDOWS

(WINDOWS 3.1, 95,» 98, 2000, NT, XP» • IBM -> OS/2, WARP

Page 19: Interfaz de usuario

» WINDOWS 1.0» • VERSIÓN INICIAL, RÁPIDAMENTE RETIRADA» • POCO MÁS TARDE LA MÁS CONOCIDA,

ARREGLA LOS FALLOS» • SISTEMA EN FORMA DE ACTUALIZACIÓN VÍA

DISKETTE» • POCAS MEJORAS, TECLA "Ñ" Y TILDES

AÑADIDAS

Page 20: Interfaz de usuario

» WINDOWS 3.1» • WINDOWS NT 3.1: LA VERSIÓN INICIAL DE

WINDOWS NT» • WINDOWS NT ADVANCED SERVER 3.1: ES

PARA SERVIDORES MÁS IMPORTANTES, Y SOPORTA 32 BITS PARA TRABAJAR CON MAYOR EFICACIA.

Page 21: Interfaz de usuario

» WINDOWS 95» • WINDOWS 95 ES UN SISTEMA OPERATIVO

CON INTERFAZ GRÁFICA DE USUARIO HÍBRIDO DE ENTRE 16 Y 32 BITS. FUE PUBLICADO EL 24 DE AGOSTO DE 1995 POR LA EMPRESA DE SOFTWARE MICROSOFT CON NOTABLE ÉXITO DE VENTAS. DURANTE SU DESARROLO SE CONOCIO COMO WINDOWS 4 O POR EL NOMBRE CHICAGO

Page 22: Interfaz de usuario

» WINDOWS 98» EN WINDOWS 98 LA ADMINISTRACIÓN DE

ARCHIVOS ES TAN FÁCIL COMO EXPLORAR LAS PÁGINAS DEL WORLD WIDE WEB. ASÍ HIZO MÁS FÁCIL BUSCAR Y ENCONTRAR LA INFORMACIÓN QUE DESEE, TANTO SI RESIDE EN SU PROPIO EQUIPO, COMO SI ESTÁ EN UNA RED O EN INTERNET.

Page 23: Interfaz de usuario

» WINDOWS XP» COLORES BRILLANTES.» BOTÓN "CERRAR" EN FORMA DE "CRUZ" DE

COLOR ROJO.» BOTONES ESTÁNDAR DE COLORES EN LAS

BARRAS DE HERRAMIENTAS DE WINDOWS E INTERNET EXPLORER.

» UN RECTÁNGULO AZUL TRANSLÚCIDO EN LA SELECCIÓN DE LOS ARCHIVOS.

Page 24: Interfaz de usuario

» WINDOWS VISTA» EQUIVALENTE A WINDOWS XP HOME EDITION.

INCLUYE UNA VERSIÓN DEL TEMA AERO MÁS LIVIANA, QUE NO PROPORCIONA LOS EFECTOS DE TRANSPARENCIA GLASS, FLIP 3D O LAS VISTAS PREVIAS DE LAS VENTANAS EN LA BARRA DE INICIO.

Page 25: Interfaz de usuario

» WINDOWS 7» EL EQUIPO DE DESARROLLO DE LA INTERFAZ

RIBBON DE MICROSOFT OFFICE 2007 FORMÓ PARTE ACTIVA EN EL REDISEÑO DE ALGUNOS PROGRAMAS Y CARACTERÍSTICAS DE WINDOWS 7, Y DICHA INTERFAZ SE INCLUYÓ EN LAS HERRAMIENTAS PAINT Y WORDPAD.

Page 26: Interfaz de usuario

» WINDOWS 8» PANTALLA INICIO: EL CAMBIO MÁS VISIBLE.

UNA NUEVA COLORIDA INTERFAZ ENCIMA DEL ESCRITORIO CLÁSICO.

» APPS: SON APLICACIONES ESPECÍFICAS DE LA PANTALLA DE INICIO, OCUPAN TODA LA PANTALLA Y PUEDEN ACOPLARSE HASTA 4 EN LA MISMA PANTALLA.

» ES POSIBLE CERRARLAS CON UNA X EN LA PARTE SUPERIOR DERECHA.