universidad privada telesup diseÑo de interfaces web alumno: josé luis morales huamani
TRANSCRIPT
![Page 1: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/1.jpg)
Universidad Privada Universidad Privada TelesupTelesup
DISEÑO DE INTERFACES WEBDISEÑO DE INTERFACES WEB
Alumno: José Luis Morales HuamaniAlumno: José Luis Morales Huamani
![Page 2: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/2.jpg)
¿Qué es una Interfaz de usuario?
Es la que permite establecer la comunicación entre el usuario y la computadora.
Permite la comunicación en lenguaje natural entre la tecnología y el ser humano.
Se le conoce como IU Las interfaz de usuario pueden ser
CUICUI GUIGUI NUINUI
![Page 3: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/3.jpg)
¿Qué es el diseño de Interfaz de usuario?
El diseño de la interfaz de usuario es la categoría de diseño que crea un medio de comunicación entre el hombre y la máquina.
Con un conjunto de principios para el diseño de la interfaz, el diseño identifica y crea entonces un formato de pantalla que formará la base del prototipo de interfaz de usuario.
![Page 4: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/4.jpg)
¿Por qué es importante el diseño de interfaz de usuario?
Como la interfazinterfaz es la que da forma a la percepción del software
por parte del usuario, tiene que estar bien diseñada.
La interfaz es lo que va a ver el usuario para entender el sistema
que va utilizar.
![Page 5: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/5.jpg)
¿Cuáles son los pasos para el diseño de interfaz? El diseño de la interfaz de usuario comienza
con la identificación de los requisitos del usuario, de la tarea y del entorno.
Una vez identificadas las tareas, se crean y se analizan los escenarios del usuario para definir el conjunto de objetos y de acciones de la interfaz.
![Page 6: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/6.jpg)
… pasos
Esto es lo que forma la base para la creación del formato de la pantalla que representa el diseño gráfico diseño gráfico y la colocación de iconosiconos, la definición del texto descriptivo en pantalla, la especificación y títulos de las ventanas, la especificación de los elementos principales y secundarios del menú.
Las herramientasherramientas se utilizan para generar prototipos y por último implementar el modelo modelo de diseñode diseño y evaluar la calidad del resultado.
![Page 7: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/7.jpg)
¿Qué se obtiene en el diseño de la interfaz de usuario?
![Page 8: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/8.jpg)
El diseño de la interfaz se centra en tres áreas de interés:
![Page 9: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/9.jpg)
Ben Shneiderman
Es uno de los gurús del diseño de interfaces hombre máquina, denominado IHC
en inglés:
Computer Human Interface (CHI)Computer Human Interface (CHI)
![Page 10: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/10.jpg)
Ben Shneiderman habla sobre esta categoría de diseño en el prólogo de su libro y afirma:
![Page 11: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/11.jpg)
Los problemas a los que alude Shneiderman son reales. Es cierto que las interfaces gráficas, ventanas,
iconos y selecciones mediante ratón han eliminado muchos de los terribles problemas con la interfaz.
Pero incluso en un «mundo de ventanas» todos encontramos interfaces de usuario difíciles de aprender, difíciles de utilizar, confusas, imperdonables y en muchos casos totalmente frustrantes.
Sin embargo, hay quien dedica tiempo y energías construyendo estas interfaces, y es posible que estos problemas no los crearan a propósito.
![Page 12: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/12.jpg)
Theo Mantel en su libro crea tres «reglas de oro» para el diseño de la interfaz:
![Page 13: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/13.jpg)
Reglas de oroReglas de oro
Estas reglas de oro forman en realidad la base para los principios del diseño de
la interfaz de usuario que servirán de guía para esta actividad de diseño de
software tan importante.
![Page 14: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/14.jpg)
Dar el control al usuario
![Page 15: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/15.jpg)
La respuesta del usuario:
![Page 16: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/16.jpg)
¿Cómo ?!!!!!
La primera reacción es mover la cabeza y sonreír, y hacer una pausa por unos instantes.
No hay nada malo en la solicitud del usuario. Lo que quería era que un sistema reaccionara ante
sus necesidades y que le ayudara a hacer las cosas. Quería controlar la computadora, y no dejar que la
computadora le controlara.
![Page 17: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/17.jpg)
Diseño de una interfaz
![Page 18: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/18.jpg)
Principios de diseño que permiten dar control al usuario definidas por MANDEL:
Definir los modos de interacción de manera que no obligue a que el usuario realice acciones innecesarias y no deseadas.
Tener en consideración una interacción flexible Permitir que la interacción del usuario se pueda
interrumpir y deshacer. Aligerar la interacción a medida que avanza el nivel
de conocimiento y permitir personalizar la interacción.
Diseñar la interacción directa con los objetos que aparecen en la pantalla.
![Page 19: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/19.jpg)
Reducir la carga de memoria del usuario
![Page 20: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/20.jpg)
…Reducir la carga de memoria del usuario
![Page 21: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/21.jpg)
Mandel define los principios de diseño que hacen posible que una interfaz reduzca la carga de memoria del usuario:
![Page 22: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/22.jpg)
Construcción de una interfaz consistente
Mandel [MAN97] define un conjunto de principios de diseño que ayudar a construir una interfaz consecuente:
Mantener la consistencia en toda la familia de aplicaciones.
Los modelos interactivos anteriores han esperanzado al usuario, no realicemos cambios a menos que exista alguna razón convincente para hacerlo.
![Page 23: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/23.jpg)
La interfaz deberá adquirir y presentar la información de forma consecuente.
![Page 24: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/24.jpg)
Modelos de diseño de la interfaz
![Page 25: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/25.jpg)
Los modelos difieren…
![Page 26: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/26.jpg)
Modelo de diseño
![Page 27: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/27.jpg)
Modelo de usuario
![Page 28: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/28.jpg)
Además de esto se pueden establecerlas siguientes categorías de usuarios:
![Page 29: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/29.jpg)
… categorías de usuarios
![Page 30: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/30.jpg)
… categorías de usuarios
![Page 31: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/31.jpg)
Modelo de usuario
![Page 32: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/32.jpg)
… Modelo de usuario
![Page 33: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/33.jpg)
Modelo de usuario
![Page 34: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/34.jpg)
![Page 35: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/35.jpg)
Proceso de diseñoProceso de diseño
![Page 36: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/36.jpg)
![Page 37: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/37.jpg)
Modelo de diseño de interfaz
![Page 38: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/38.jpg)
Análisis para el diseño de la interfaz
![Page 39: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/39.jpg)
Análisis del entorno de usuarios
El análisis del entorno de usuario se centra en el entorno del trabajo físico.
Entre las preguntas que se formulan se encuentran las siguientes:
¿Dónde se ubicará físicamente la interfaz? ¿Dónde se situará el usuario? ¿Llevará a cabo tareas no relacionadas con el
interfaz? ¿Se adapta bien el hardware a las limitaciones
de luz, espacio o ruido?
![Page 40: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/40.jpg)
Entorno del usuarioEntorno del usuario
![Page 41: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/41.jpg)
Objetivo del diseño de la interfaz
![Page 42: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/42.jpg)
Actividad de implementaciónActividad de implementación
![Page 43: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/43.jpg)
La validación se centra en: La validación se centra en:
![Page 44: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/44.jpg)
Primeros pasosPrimeros pasosdel diseño de la interfazdel diseño de la interfaz
![Page 45: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/45.jpg)
Primeros pasosdel diseño de la interfaz
![Page 46: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/46.jpg)
Primeros pasosdel diseño de la interfaz
![Page 47: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/47.jpg)
Definición de objetos y accionesDefinición de objetos y acciones
![Page 48: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/48.jpg)
… … Definición de objeto y accionesDefinición de objeto y acciones
![Page 49: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/49.jpg)
…Definición de objetos y acciones
![Page 50: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/50.jpg)
…Definición de objetos y acciones
![Page 51: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/51.jpg)
Problemas del diseñoProblemas del diseño
A medida que la interfaz de usuario va evolucionando casi siempre afloran cuatro temas comunes de diseño:
el tiempo de respuesta del sistema, los servicios de ayuda al usuario, la manipulación de información de errores y el etiquetado de órdenes.
![Page 52: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/52.jpg)
…Problemas del diseño
![Page 53: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/53.jpg)
…Problemas del diseño
![Page 54: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/54.jpg)
…Problemas del diseño
![Page 55: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/55.jpg)
El tiempo de respuesta del sistema tiene dos características importantes:
![Page 56: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/56.jpg)
![Page 57: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/57.jpg)
La variabilidad…
![Page 58: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/58.jpg)
Casi todos los usuarios de un sistema interactivo basado en computadora requieren ayuda, ahora y siempre.
Los dos tipos de funciones de ayuda más comunes son:
integradas y complementarias (añadibles).integradas y complementarias (añadibles).
![Page 59: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/59.jpg)
![Page 60: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/60.jpg)
![Page 61: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/61.jpg)
Temas de diseño:
Cuando se va a considerar un servicio de ayuda hay una serie de
temas de diseño que deberán abordarse
![Page 62: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/62.jpg)
Temas de diseño a considerarse
![Page 63: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/63.jpg)
Temas de diseño a considerarse
![Page 64: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/64.jpg)
Temas de diseño a considerarse
![Page 65: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/65.jpg)
Temas de diseño a considerarse
![Page 66: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/66.jpg)
Temas de diseño a considerarse
![Page 67: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/67.jpg)
Herramientas de implementación
![Page 68: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/68.jpg)
…Herramientas de implementación
![Page 69: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/69.jpg)
..herramientas
![Page 70: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/70.jpg)
…Herramientas de implementación
![Page 71: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/71.jpg)
…Herramientas de implementación
![Page 72: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/72.jpg)
…Herramientas de implementación
![Page 73: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/73.jpg)
…Herramientas de implementación
![Page 74: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/74.jpg)
Evaluación del diseño
![Page 75: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/75.jpg)
![Page 76: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/76.jpg)
Evaluación del diseño de interfaz
![Page 77: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/77.jpg)
Las preguntas pueden ser
(1) del tipo de respuesta si/no;
(2) Respuesta numérica;
(3) respuesta con escala de valoración (subjetiva),
o
(4) respuesta por porcentajes (subjetiva).
A continuación se muestran unos ejemplos:
![Page 78: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/78.jpg)
Evaluación del diseño
1. ¿Eran claros los iconos? En caso negativo, ¿Qué íconos no eran claros?
2. ¿Eran fáciles de recordar y de invocar las acciones?
3. ¿Cuántas acciones diferentes ha utilizado?
4. ¿Resultaron fáciles de aprender las operaciones básicas del sistema? (valoración de 1 a 5)
5. En comparación con otras interfaces que haya utilizado ¿cómo evaluaría esta?
el 1 % mejores, 10% mejores, 25% mejores, 50% mejores, 50% inferiores.
![Page 79: Universidad Privada Telesup DISEÑO DE INTERFACES WEB Alumno: José Luis Morales Huamani](https://reader035.vdocuments.pub/reader035/viewer/2022062519/56a188a41a28abe545957672/html5/thumbnails/79.jpg)
Gracias por su atención….