Contenido Principios de diseo de la interfaz de usuario Interaccin del usuario Presentacin de la informacin Soporte al usuario Evaluacin de la interfazDiseo de la Interfaz de usuarioCaptulo 15, Ian Somerville, Ingeniera de Software 5a Edicin1

El diseo de la interfaz Para que el sistema tenga xito, es importante contar con un buen diseo de la interfaz del usuario. Sin embargo, son muy pocas organizaciones las que emplean especialistas diseadores de interfaces. Por lo tanto los ingenieros de software a menudo toman la responsabilidad de disear la interfaz del usuario.Ventajas de la GUI ( Interfaz Grfica del Usuario) Relativamente fciles de aprender y utilizar. Para interactuar con el sistema el usuario cuenta con Ventanas. Acceso inmediato a cualquier punto de la pantalla.2

Proceso de diseo de la interfaz de usuario (GUI)las las comprender comprender del Analizar del Analizar actividades actividades usuariousuarioyyCaractersticas de la GUI Ventanas Permiten desplegar informacin de manera simultanea. Iconos Representan diferentes tipos de informacin. Mens Ayuda a seleccionar comandos. Apuntador Permite seleccionar un men o indicar elementos de inters. Grficos Muestran al usuario la informacin de manera atrctiva.Evaluar el diseo con los usuarios finalesDisear prototipo Disear prototipo elelProducir Prototipo Producir Prototipo en Diseo en Diseo papelpapel unde undeProducir el Prototipo del Diseo dinmicoEvaluar Producir el Prototipo delel diseo Con los usuario finalesDiseo dinmicoejecutable Prototipo ejecutable PrototipoEvaluar el diseo con los usuarios finalesEvaluar el diseo Con los usuario finalesImplementar Implementar Usuario Interfaz Usuario Interfaz final delfinal dellala3

Ventajas de las GUI Son relativamente fciles de aprender y utilizar. Los usuarios sin experiencia pueden aprender a utilizar la interfaz despus de una sesin breve de capacitacin. Para interactuar con el sistema, los usuarios cuentan con pantallas mltiples (ventanas). Es posible ir de una tarea a otra sin perder de vistala informacin generada durante la primera tarea. Es posible interactuar rpidamente y tener acceso inmediato a cualquier punto de la pantalla.15.1 Principios de diseo de interfaz de usuario (1) Las habilidades humanas son la base para los principios de diseo. Familiaridad del usuario. Debe utilizar trminos y conceptos que ms utilizan el sistema. Consistencia. Las operaciones comparables se activan de la misma forma. Mnima sorpresa. El comportamiento del sistema no debe provocar sorpresa a los usuarios.4

Recuperabilidad La recuperacin de errores puede ser de dos formas: Confirmacin de acciones destructivas. Consiste en que los usuarios confirmen que realmente desean eliminar informacin antes de que se destruya. Proveer un recurso para deshacer. Regresar al sistema a un estado previo antes de que ocurriera la accin. Es conveniente tener varios niveles de este recurso puesto que los usuarios no siempre reconocen de forma inmediata que han cometido un errorPrincipios de diseo de interfaces de usuario (2) Recuperabilidad. La interfaz debe incluir mecanismos para permitir a los usuarios recuperarse de los errores. Gua al usuario. Cuando los errores ocurren, la interfaz debe proveer retroalimentacin significativa y caractersticas de ayuda sensible al contexto. Diversidad de usuarios. La interfaz debe proveer caractersticas de interaccin apropiada para los diferentes tipos de usuarios del sistema.5

Gua al usuario Las interfaces tienen que proveer asistencia al usuario o caractersticas de ayuda.stas se integran al sistema y proveendiferentes niveles de ayuda y asesora. Los niveles cubren desde la informacin bsica para iniciarse con el sistema hasta una descripcin completa de las caractersticas del sistema.Diversidad del Usuario El nivel de ayuda requerido debe ser radicalmente diferente para cada tipo de usuario el diseador de la interfaz debe acordar todo sto con los diferente usuarios del sistema.6

15.2 Interaccin con el usuario El diseador de la interfaz se enfrenta a dos preguntas: Cmo introducir el usuario lainformacin? Cmo se presentar la informacin?Principios de Interaccin (1) Schneiderman clasific, en 1998, en 5 estilos primarios las formas de Interaccin con el usuario. 1. Manipulacin directa. El usuario interactadirectamente con los objetos de la pantalla. Ejemplo: borrar un archivo, un usuario lo puede arrastrar de un bote de basura 2. Seleccin de mens. En la que el usuario selecciona un comando de una lista de posibilidades (un men).7

Principios de Interaccin (2)3. Llenado de formularios. En ste el usuariollena campos. Algunos campos tienen mens y/o botones asociados 4. Lenguaje de comandos. El usuario emite comandos especiales y parmetros asociados para indicar al sistema que hacer. 5. Lenguaje natural. El usuario emite uncomando para borrar un archivo.Mltiples Interfaces de UsuarioSistema OperativoAdministrador de la GUIAdministrador de la GUIInterfaz Interfaz del del Usuario UsuarioGrficaGrficaSistema OperativoInterfaz Interfaz de de Comandos Comandosde de LenguajeLenguajeInterprete Interprete de de Comandos Comandosde de LenguajeLenguaje8

15.3 Presentacin de la informacinInformacin Informacin desplegar desplegaraaModelo MVC (1) Es una forma efectiva para permitir representaciones mltiples de datos. Los usuarios pueden interactuar con cada presentacin utilizando un estilo apropiado. Los datos desplegados se encapsulan en un objeto modelo que tiene asociados varios objetos.Software de presentacin----------- ----------- ----------- --------Una separados informacin Una separados informacin buena buena el recomendacin de el recomendacin de la software la software informacin informacin requerido requerido para para misma, misma,el el diseo diseo para para de de la la sistemas sistemas presentacin presentacin es es mantener mantenerde de lalasto estructuras presentacin.sto estructuras presentacin.contradice, contradice, de de los los aparentemente, objetos aparentemente, objetos no no instrumentan instrumentan la la filosofa filosofa las las de de operaciones operaciones la la OOP, OOP, las de las deSoftware de presentacin9

Modelo MVC (2)Estilo de la vistaMtodos de la vistaMensajes de modificacin de la vistaEstado del controlador Mtodos del controladorConsultas y actualizacionesEstado del modelodel modeloMtodos del modeloFactores para presentar Informacin. Presentar informacin precisa o las relaciones entre los diferente valores datos? Qu tan rpido cambian los valores de la informacin? El usuario debe llevar a cabo una accin en respuesta a los cambios de informacin? El usuario necesita interactuar con la informacin va una interfaz de manipulacin directa? Qu tipo de informacin se desplegara textual o numrica?Entradas del usuarioEdiciones del modelo10