interfaces de usuario
DESCRIPTION
INTERFACES DE USUARIO. AUDITORIA DE SISTEMAS Presentado por: Freddy Valda Sanchez. Concepto. El objetivo de una interfaz de usuario es recoger los datos de entrada al sistema -interfaz de entrada- y poner a disposición del usuario la información suministrada por el mismo -interfaz de salida. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/1.jpg)
INTERFACES DE USUARIO
AUDITORIA DE SISTEMAS
Presentado por: Freddy Valda Sanchez
![Page 2: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/2.jpg)
ConceptoEl objetivo de una interfaz de usuario es recoger
los datos de entrada al sistema -interfaz de entrada- y poner a disposición del usuario la información suministrada por el mismo -interfaz de salida
Interfaz de SalidaInterfaz de Entrada
SISTEMA INFORMATICO
![Page 3: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/3.jpg)
Tipos de interfacesCUI INTERFACES DE LÍNEA DE MANDATOS
- vocabulario propio del sistema- potencia, flexibilidad y facilidad
de control- sólo para usuarios expertos
![Page 4: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/4.jpg)
INTERFACES DE MENÚSListas de opciones que se
muestran al usuario en pantalla, permitiendo navegar por el sistema de menú en menú y seleccionar la acciones y opciones deseadas.
![Page 5: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/5.jpg)
Tipos Menús de pantalla completa,
estructurados jerárquicamente por niveles. Menús de barra, situados en la parte
superior de la pantalla Paletas o barras de herramientas. Menús
gráficos. Menús contextuales o pop-up. El
contenido del menú depende del contexto de trabajo del usuario.
![Page 6: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/6.jpg)
INTERFAZ GRÁFICA DE USUARIO (GUI)
La característica principal de una GUI es la presencia de múltiples ventanas (formularios) que permiten que diferentes informaciones se muestren simultáneamente en la pantalla de usuario.
![Page 7: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/7.jpg)
Criterios a tomar en cuentaPedir todos y solo los datos necesariosLos datos han de verificarse antes de
comenzar su procesamiento.Facilidad de uso y aprendizaje.Estética cuidada
![Page 8: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/8.jpg)
Interfaz de salidaProporcionar sólo la información pedidaLas salidas se deben estructurar de
manera que sean fáciles de leer.Consistencia y coherencia. Seguir un orden lógico. El usuario es humano
![Page 9: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/9.jpg)
4. ESTANDARES Y GUIAS DE DISEÑO
Los Estándares de Interfaces de Usuario se establecen generalmente en guías de estilo y están disponible para los principales sistemas operativos.
Los estándares ayudan a asegurar una consistencia a través de las aplicaciones para usuarios, reduciendo así el tiempo de aprendizaje y previendo los errores de los usuarios.
![Page 10: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/10.jpg)
Instituciones para el desarrollo de Estándares
– ISO (http://www.iso.org) • ISO 9241. Requisitos Ergonómicos para el Trabajo
de Oficina – IEC – International Electrotechnical Commision (http://www.iec.ch) – ANSI (http://www.ansi.org) – USA – HFES (http://www.hfes.org) - USA • HFES-200. Ergonomía de las Interfaces de Usuario – BSI (http://www.bsi.org.uk) – England – UNI (http://www.unicei.it/uni) - Italia
![Page 11: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/11.jpg)
Muy importanteHuman Factors and Ergonomics SocietyHuman Factors Engineering of Software
User Interfaces (HFES 200)HFES 200.1: Introduction HFES 200.2: Accessibility HFES 200.3: Interaction Techniques ISO
9241 HFES 200.4: Interactive Voice Response HFES 200.5: Visual Presentation and
Use of Color
![Page 12: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/12.jpg)
Uso del Sistema
• Objetivo: Mejorar la calidad del uso del sistema • Cuantificación: Satisfacción / Rendimiento del Usuario • Área de Estudio: Uso del Producto dentro del Contexto • Especificaciones: – ISO 20282: Usabilidad en los productos de la
vida diaria • Recomendaciones: – ISO/IEC 9126-1: Ingeniería del Software:
Calidad del Producto (Parte I – Modelo de Calidad) – ISO/IEC 9126-4: Ingeniería del Software:
Calidad del Producto (Parte IV – Calidad en el uso de Métricas)
– ISO 9241-11: Guía de Usabilidad
![Page 13: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/13.jpg)
Interfaz del Usuario e Interacción
• Objetivo: Calidad del Producto • Cuantificación: Percepción del producto • Área de Estudio: Interfaz e Interacción con el
Producto • Especificaciones: – ISO/IEC 10741-1: Interacción del Diálogo –
Control de Cursores para edición de texto – ISO/IEC 11581: Símbolos de Icono y
Funciones – ISO/IEC 18021: Tecnología de la Información
– Interfaz de Usuario para herramientas móviles
![Page 14: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/14.jpg)
Recomendaciones: •
– ISO/IEC TR 9126-2: Ingeniería del Software: Calidad del Producto (Parte II – Métricas Externas)
– ISO/IEC TR 9126-3: Ingeniería del Software: Calidad del Producto (Parte III – Métricas Internas)
– ISO 9241: Requisitos ergonómicos para trabajo con terminales gráficas (Partes 10-17)
– ISO 14915: Ergonomía del Software para interfaces de usuario multimedia.
– IEC TR 61997: Guías para interfaces en equipos multimedia de propósito general
![Page 15: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/15.jpg)
Los estándares de facto de la Industria generalmente se han impuesto sobre los estándares ISO.
![Page 16: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/16.jpg)
Partes del ISO 9241
• Part 1: General introduction • Part 2: Guidance on task requirements • Part 3: Visual display requirements • Part 4: Keyboard requirements • Part 5: Workstation layout and postural requirements • Part 6: Guidance on the work environment • Part 7: Requirements for display with reflections • Part 8: Requirements for displayed colours • Part 9: Requirements for nonkeyboard input devices • Part 10: Dialogue principles • Part 11: Guidance on usability • Part 12: Presentation of information • Part 13: User guidance • Part 14: Menu dialogues • Part 15: Command dialogues • Part 16: Direct manipulation dialogues • Part 17: Form filling dialogues
![Page 17: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/17.jpg)
![Page 18: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/18.jpg)
![Page 19: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/19.jpg)
La información sencilla reduce la carga de memoria
![Page 20: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/20.jpg)
Información jerarquizada
![Page 21: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/21.jpg)
Información dispuesta por temas
![Page 22: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/22.jpg)
Sobrecarga informativa
![Page 23: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/23.jpg)
Un fondo llamativo dificulta la lectura
![Page 24: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/24.jpg)
Los iconos ayudan a identificar los contenidos
![Page 25: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/25.jpg)
Uso del color para distribuir la información
![Page 26: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/26.jpg)
Uso del color para resaltar y jerarquizar la información
![Page 27: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/27.jpg)
El contraste de color anima y estimula
![Page 28: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/28.jpg)
Contraste erróneo, rojo-azul, exige gran esfuerzo de acomodación visual
![Page 29: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/29.jpg)
AGRADECIMIENTO
Ing. Orlando Rivera
![Page 30: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/30.jpg)
PREGUNTAS PARA DISCUSION
1. Creen ustedes que se debe tomar en cuenta las interfaces de usuario al realizar una auditoria de sistemas ¿Por qué?
2. ¿De que manera puede influir el diseño la estructura y el color de una interfaz de usuario en una empresa?
![Page 31: INTERFACES DE USUARIO](https://reader036.vdocument.in/reader036/viewer/2022062310/56815a5d550346895dc79130/html5/thumbnails/31.jpg)
GRACIAS POR SU ATENCION