Diseño de Interfaz

16
SEÑO DE INTERFAZ INTEGRANTES: BRENDA K. RAMÍREZ SALAZAR ROMMEL DUARTE MONARREZ

Transcript of Diseño de Interfaz

Page 1: Diseño de Interfaz

DISEÑO DE INTERFAZ

INTEGRANTES:

BRENDA K. RAMÍREZ SALAZAR

ROMMEL DUARTE MONARREZ

Page 2: Diseño de Interfaz

INTERFAZ:

• Interfaz es un término que procede del vocablo inglés interface. En informática, esta noción sirve para señalar a la conexión que se da de manera física y a nivel de utilidad entre dispositivos o sistemas. La interfaz, por lo tanto, es una conexión entre dos máquinas de cualquier tipo, a las cuales les brinda un soporte para la comunicación a diferentes estratos.

• Es posible entender la interfaz como un espacio (el lugar donde se desarrolla la interacción y el intercambio)

Page 3: Diseño de Interfaz

TIPOS DE INTERFAZ

• Una interfaz de hardware, a nivel de los dispositivos utilizados para ingresar, procesar y entregar los datos: teclado, ratón y pantalla visualizadora.

• Una interfaz de software, destinada a entregar información acerca de los procesos y herramientas de control, a través de lo que el usuario observa habitualmente en la pantalla.

• Una interfaz de Software-Hardware, que establece un puente entre la máquina y las personas, permite a la máquina entender la instrucción y al hombre entender el código binario traducido a información legible.

Dentro de las Interfaces de Usuario se puede distinguir básicamente tres tipos:

Page 4: Diseño de Interfaz

• INTERFAZ GRAFICA

Ventajas:

• · - Facilita el manejo de los procedimientos

• · - Cada comando puede ser visualizado en pantalla mediante una imagen que lo representa

• · - Proporciona mecanismos estándar de control como ventanas y cuadros de dialogo

• · - Permite interactuar al usuario con el sistema de una forma mas fácil.

Desventajas:

• · - Utiliza más recursos del sistema

• · - Es más complejo realizar un sistema de este tipo

• · - Son más costosos

INTERFAZ DE CONSOLA

Ventajas:

• · - Son más ligeras y ocupan menos recursos y espacios de almacenamiento.

• · - Son mas rápidas al hacer operaciones

Desventajas:

• · - No son fáciles de operar

• · - Hay que tener presente la funcionalidad de los comandos.

• · - No son atractivas hacia el usuario

Ventajas y Desventajas de Interfaz Grafica, Consola, Y Web

Page 5: Diseño de Interfaz

• INTERFAZ WEB

Ventajas:

• · - Se operan de manera fácil ya que también realiza los procesos de manera grafica.

• · - No son construidos para una plataforma.

• · - Los usuarios pueden accesar desde cualquier lugar.

Desventajas:

• · - Se requiere de una conexión a internet.

• · - Se necesita un servidor para quienes ofrecen servicios por medio de aplicaciones web, o solo para retener los datos.

Page 6: Diseño de Interfaz

EL PROCESO DE DISEÑO DE LA INTERFAZ DEL USUARIO

• El proceso de diseño de las interfaces de usuario es iterativo y se puede representar mediante un modelo espiral similar al abordado en la Unidad I.

• En la Figura siguiente se puede observar que el proceso de diseño de interfaz de usuario acompaña cuatro actividades distintas:

• 1. Análisis y modelado de usuarios, tareas y entornos.

• 2. Diseño de la interfaz

• 3. Implementación de la interfaz

• 4. Validación de la interfaz

Page 7: Diseño de Interfaz
Page 8: Diseño de Interfaz

DISEÑO DE LA INTERFAZ DEL USUARIOPASOS A SEGUIR

• Finalizado el Análisis de Tareas, quedan definidas detalladamente todas (objetos y acciones) que requiere el usuario final y comienza la actividad del Diseño de la Interfaz.

• ¿Cuáles son los pasos que hay que seguir para llevar a cabo el diseño de la Interfaz?

• 1. Establecer los objetivos e intenciones para cada tarea.

• 2. Hacer corresponder cada objetivo/intención con una secuencia de acciones específicas.

• 3. Especificar la secuencia de acciones: tareas y subtareas (escenario del usuario), y la manera en que se ejecutarán en la interfaz.

• 4. Indicar el estado del sistema: aspecto que tiene la interfaz cuando se está llevando a cabo el escenario del usuario.

• 5. Definir los mecanismo de control: objetos y acciones disponibles para que el usuario altere el estado del sistema.

• 6. Mostrar cómo los mecanismos de control afectan al estado del sistema.

• 7. Indicar cómo el usuario interpreta el sistema a partir de la información proporcionada por la interfaz.

Page 9: Diseño de Interfaz

EL “FORMATO DE PANTALLA”

-Con posterioridad, se lleva a cabo el formato de pantalla.

-Es un proceso interactivo de diseño gráfico y en él efectuamos:

• A) colocación de iconos,

• B) definición de textos descriptivos en pantalla,

• C) especificación y títulos para ventanas,

• D) definición de elementos principales y secundarios del menú .

Page 10: Diseño de Interfaz

LOGIN• Para accesar al sistema proporcione su nombre de usuario y contraseña y

de Click en el botón OK.

• En caso de que el usuario o la contraseña proporcionada sean incorrectos, el sistema le mostrara un

• mensaje avisándole que no se encontró el usuario o la contraseña.

Page 11: Diseño de Interfaz

SOPORTE TÉCNICO

El soporte técnico es un rango de servicio que proporciona asistencia con el hardware y software de una computadora , o algún otro dispositivo electrónico o mecánico .

En general los servicios de soporte técnico tratan a ayudar al usuario a resolver determinados problemas con algún producto en vez de entrenar o personalizar, mientras hacen uso de servicios, programas o dispositivos.

Page 12: Diseño de Interfaz

El soporte técnico se puede dar por distintos tipos de medio, incluyendo:

- El correo electrónico

- Chat

- Software de aplicación

- Faxes

- Técnicos

aunque el mas común es el teléfono. En los últimos hay una tendencia

a la prestación de soporte técnico remoto , donde un técnico se conecta al ordenador mediante una aplicación de conexión remota.

Page 13: Diseño de Interfaz

MANTENIMIENTO

• El estándar IEEE 1219 [IEEE,1993] define el mantenimiento del software como “la modificación de un producto software después de haber sido entregado [a los usuarios o clientes] con el fin de corregir defectos, mejorar el rendimiento u otros atributo, o adaptarlo a un cambio en el entorno”.

Page 14: Diseño de Interfaz

MANTENIMIENTO (2)

• En el estándar ISO 12207, de procesos del Ciclo de Vida del Software[ISO/IEC , 1995] se establece que “el Proceso de Mantenimiento contiene las actividades y tareas realizadas por el mantenedor. Este proceso se activa cuando el producto software sufre modificaciones en el código y la documentación asociada , debido a un problema o a la necesidad de mejora o adaptación. El objetivo es modificar el producto software existente preservando su integridad. Este proceso incluye la migración y retirada del producto software . El proceso termina con la retirada del producto software”. El mantenedor es la organización que proporciona el servicio de mantenimiento.

Page 15: Diseño de Interfaz

MANTENIMIENTO (3)

• En otras fuentes bibliográficas clásicas aparecen definiciones similares a las anteriores.

• Pressman [1998] dice que “la fase mantenimiento se centra en el cambio que va asociado a la corrección de errores, a las adaptaciones requeridas a medida que evoluciona el entorno del software , y a cambios debidos a las mejoras producidas por los requisitos cambiantes del cliente”.

Page 16: Diseño de Interfaz