Libro Paginas diseño

Gua de Recomendaciones para Diseo de Software

Centrado en el Usuario

Lic. Javier Diaz - Lic.Ivana Harari - Lic. Ana Paola Amadeo

U.N.L.P

Lic. Javier Diaz Lic. Javier Diaz

Lic.Ivana HarariLic.Ivana HarariLic. Ana Paola AmadeoLic. Ana Paola Amadeo

Gua de Recomendaciones para Diseo de Software

Centrado en el Usuario

Qu es HCI?Evolucin del HCITipos de Dilogo Hombre- ComputadoraClasificacin de las Interfaces del UsuarioLa Independencia del Dilogo

nCmo se logra esta Estrategia?

nLa aparicin de un Nuevo RolnUna Nueva Interfaz. Dilogo Interno y Externo

nComplejidades de la Independencia de Dilogo

Componentes de la Interfaz del UsuarioMtricas de Evaluacin de una Interfaz

nObjetivos de la Interfaz del Usuario

nPrincipios de Nielsen

Caso de EstudioEjercitacinReferencias

Los Paradigmas de Interaccin VisualMens funcionalesMltiples ventanasManipulacin DirectaFeedbackDependenciasAnimacionesCajas de Dilogo

IntroduccinCaractersticas del Proceso de Desarrollo de la UICiclo de Vida de la Interfaz del UsuarioEtapa de Requerimientos de la Interfaz

nModelo SSOAEtapa de Diseo de la Interfaz

nCaracteristicas del Proceso de DiseoLa Interfaz y la Prototipacin

nPrototipacion: una Metodologa para el Desarrollo de los Sistemas.nVentajas de la PrototipacinnTipos de Prototipos

Etapa de ImplementacinnHerramientas para el Desarrollo de la Interfaz

La Importancia de la Evaluacin de las Interfaces del UsuarionMtodos de IndagacinnMtodos de Inspeccin

Ejercitacin

Referencias

Indice temticoIndice temticoIndice temticoIndice temticoIndice temtico

cccccapitulo i - apitulo i - apitulo i - apitulo i - apitulo i - FFFFFundundundundundamentos en HCIamentos en HCIamentos en HCIamentos en HCIamentos en HCI

PrlogoPrlogoPrlogoPrlogoPrlogo

introduccinintroduccinintroduccinintroduccinintroduccin

capitulo ii - capitulo ii - capitulo ii - capitulo ii - capitulo ii - Proceso de Diseo de laProceso de Diseo de laProceso de Diseo de laProceso de Diseo de laProceso de Diseo de la

InterfInterfInterfInterfInterfaz del Usuaz del Usuaz del Usuaz del Usuaz del Usuarioarioarioarioario

capitulo iii - capitulo iii - capitulo iii - capitulo iii - capitulo iii - Normas de Diseo deNormas de Diseo deNormas de Diseo deNormas de Diseo deNormas de Diseo delas Interflas Interflas Interflas Interflas Interfaces Vaces Vaces Vaces Vaces Visuisuisuisuisualesalesalesalesales

cccccapitulo V - apitulo V - apitulo V - apitulo V - apitulo V - LLLLLa Interfa Interfa Interfa Interfa Interfaz Waz Waz Waz Waz Web y suseb y suseb y suseb y suseb y sus

La estructura del sitio WebAspectos de organizacinLa pgina principal y su diseoDiseo general de las pginas WebEl contenido del sitio Web

Casos de EstudioEjercitacinReferencias

cccccapitulo VI - apitulo VI - apitulo VI - apitulo VI - apitulo VI - Signos de ASignos de ASignos de ASignos de ASignos de Adddddaptaptaptaptaptacin enacin enacin enacin enacin en

cccccapitulo VII - apitulo VII - apitulo VII - apitulo VII - apitulo VII - Diseo de InterfDiseo de InterfDiseo de InterfDiseo de InterfDiseo de Interfacesacesacesacesaces

Casos de EstudioEjercitacin

Casos de EstudioEjercitacin

ConclConclConclConclConclusionesusionesusionesusionesusiones

capitulo IV -capitulo IV -capitulo IV -capitulo IV -capitulo IV - Cualidades de unaCualidades de unaCualidades de unaCualidades de unaCualidades de una

Caractersticas del diseo icnicoVentajas del diseo icnicoProblemticasFormalizacin del diseo icnicoCasos de EstudioEjercitacinReferencias

Tablas y BrowsersCasos de EstudioEjercitacinReferencias

Interf Interf Interf Interf Interfaz Icnicaz Icnicaz Icnicaz Icnicaz Icnicaaaaa

Principios de DiseoPrincipios de DiseoPrincipios de DiseoPrincipios de DiseoPrincipios de Diseo

la Interf la Interf la Interf la Interf la Interfaz del Usuaz del Usuaz del Usuaz del Usuaz del Usuarioarioarioarioario

A A A A Accesiblesccesiblesccesiblesccesiblesccesibles

IntroduccinIntroduccinIntroduccinIntroduccinIntroduccin

introduccinintroduccinintroduccinintroduccinintroduccin

Millones de personas utilizan hoy en da recursos informticos tales como computadoras,redes de computadoras, Palms, smartphones, para solventar problemas de comunicacin, detrabajo o por cuestiones cotidianas.

A medida que el nmero de usuarios se ampla cada da, incorporando personas de formacionesy culturas dispares, aumenta a la par la demanda de los mismos de adquirir sistemas de softwarecon mayor nivel de asistencia y facilidad de uso.

Sistemas interactivos que provean un estilo de comunicacin ms simple, que sean cada vezms fciles de utilizar, de instalar, de aprender, sin requerir ningn tipo de entrenamiento especficoen Informtica. Adems, se pretende que el software brinde mecanismos de interaccin msinteligentes y que se adapte al usuario en forma eficiente.

El usuario necesita ver al sistema interactivo que est utilizando en su ordenador como unaherramienta capaz de ayudarlo a resolver sus problemas, a concretar sus intenciones. Pero estono siempre es as. Es muy comn que se le sume innumerables problemas ms al utilizar elsoftware, debiendo solucionar fallos o errores producidos cuyas causas no son claras, aprendercuestiones tcnicas imprevistas, incurrir a ciertas artimaas para sortear obstculos innecesarios,adivinar cmo realizar determinada tarea recurriendo a la tcnica de prueba y error.

Aunque la componente funcional est correcta y completamente desarrollada, existen un sinnmero de problemas de interaccin que pueden empaar el acceso y productividad de la misma,provocando en el peor de los casos, la modificacin general del software o hasta su final desuso.

Estos problemas de interaccin residen en una componente del software denominada Interfazdel Usuario, que se encarga de innumerables cuestiones como la entrada y salida de lainformacin, visualizacin de los datos, soporte, manejo y control del dilogo con el usuario final,entre otros.

La interfaz del usuario o componente de dilogo es una parte del software cuyo diseo afectael nivel de productividad del sistema general, incide en el grado de satisfaccin que pueda percibirel usuario, por lo tanto es determinante para la eleccin, utilidad y evaluacin final del software.

Como la interfaz del usuario se encuentra dentro del sistema de software, su diseo eimplementacin est en manos del especialista informtico, no puede delegarse a un diseadorvisual o a cualquier otro profesional.

Es obligacin del desarrollador de sistemas atender tanto cuestiones funcionales como deinteraccin, dando el mismo nivel de importancia a cada una de estas partes y responsabilizndosede la integracin, desarrollo, control y manejo de ambas.

Es necesario entender que el desarrollo de la interfaz del usuario forma parte del proceso dela Ingeniera del Software. Como es la nica parte del sistema que interacta directamente conlos usuarios, es fundamental efectuar un estudio completo del comportamiento humano.

Se debe incluir como requerimientos indispensables en la generacin del software parmetrostales como ergonometra, facilidad de uso, amigabilidad, simpleza (en trminos de reducir elesfuerzo mental del usuario de llevar a cabo en la mquina la tarea en mente o pensada),flexibilidad, naturalidad (en el sentido que el usuario a travs de la pantalla vea reflejado o modeladosu realidad).

La interfaz del usuario debe ser diseada teniendo en cuenta principios de diseo propios queno coinciden con la componente de aplicacin. Debe ser planteada bajo la consideracin defactores especficos que inciden en su gestacin, tales como factores humanos principalmente,perfil de los usuarios, elementos del entorno, hardware disponible.

Su diseo parte desde un profundo conocimiento del o los usuarios finales del software y sucontexto, ms que desde los trminos computacionales y algoritmos de programacin.

Debido a que el proceso de diseo est centrado en el usuario, se trabaja con un nivel deincertidumbre y ambigedad elevados, por lo que hace que el ciclo de vida de la interfaz seaespecial y deba ser tratado en forma independiente. Esta componente se construye con la prctica,necesita ser diseada, evaluada varias veces hasta alcanzar los requerimientos de los usuarios.Se generan versiones prototpicas de la interfaz que son puestas a prueba aunque la misma estincompleta y aunque an no tenga acoplada la componente funcional.

En este manual, se va a analizar estas cuestiones y se va a desplegar una serie de normativasque hacen al buen diseo de la componente de interaccin, teniendo en cuenta distintos tipos deinterfaces del usuario.

Mediante el estudio, exploracin y puesta en prctica de estas normas y recomendaciones dediseo, se logra mejorar significativamente los canales de comunicacin e interaccin con elusuario final, optimizando la calidad del sistema en general.

6 6 6 6 6 -F-F-F-F-Fundundundundundamentos en HCamentos en HCamentos en HCamentos en HCamentos en HC

Capitulo iCapitulo iCapitulo iCapitulo iCapitulo i

FFFFFundundundundundamentos en HCIamentos en HCIamentos en HCIamentos en HCIamentos en HCI

FFFFFundundundundundamentos en HCIamentos en HCIamentos en HCIamentos en HCIamentos en HCI

La multiplicidad de aspectos, metodologas y deprocesos a considerar, para el diseo de unacorrecta interfaz, (que sea ptima desde el puntode vista del usuario y acorde a la lgica del objetivoespecfico del sistema), hace necesario conocertodos los conceptos y terminologas que estnntimamente relacionados con el rea de HCI.

TTTTTemas a Temas a Temas a Temas a Temas a Trrrrraaaaatttttararararar

1 - Qu es HCI?

2 - Evolucin del HCI

3 - Tipos de Dilogo hombre-computadora

4 - Clasificacin de las Interfaces del Usuario

5 - La Independencia del Dilogo

nCmo se logra esta estrategia?

nLa aparicin de un nuevo rol

nUna nueva interfaz. Dilogo interno y externo

nComplejidades de la independencia de Dilogo

6 - Componentes de la Interfaz del Usuario

7 - Mtricas de Evaluacin de una Interfaz

nObjetivos de la Interfaz del usuario

nPrincipios de Nielsen

8 - Caso de Estudio

9 - Ejercitacin

10 - Referencias

8 8 8 8 8 -F-F-F-F-Fundundundundundamentos en HCIamentos en HCIamentos en HCIamentos en HCIamentos en HCI

I - Qu es HCI?I - Qu es HCI?I - Qu es HCI?I - Qu es HCI?I - Qu es HCI?

La interaccin hombrecomputadora, comnmente referida con la abreviatura HCI, es elintercambio observable de informacin, datos y acciones entre un humano y la computadora, yviceversa.

Est constituido por el dilogo, la conversacin, la comunicacin que pueda fluir en ambasdirecciones, entre una persona y el sistema de software que est utilizando.

La interfaz del usuario, en cambio es el medio por el cul la interaccin hombre-mquina esestablecida, manejada y controlada. Conforma la parte del software y hardware que permite, queese intercambio de informacin y sus distintas secuencias o hilos de dilogo, se produzcan.

Estos dos trminos, interaccin hombre-mquina e interfaz del usuario, estn muy entrelazadosen el proceso de desarrollo y en estos casos se los usa como sinnimos. En muchos contextosambos conceptos se refieren a las entradas del usuario final, su procesamiento localizado de lasmismas y la presentacin de las salidas o respuestas.

La transformacin funcional o algortmica de las entradas de la informacin a las salidas delsistema, pertenece a la componente computacional o de aplicacin. Entonces, a travs del HCI,se despega la lgica de la interaccin con por ejemplo, la lgica del negocio.

Desde una concepcin ms amplia, se puede definir al HCI tambin como una disciplina. Sela considera un rea dentro de las Ciencias de Computacin que se encarga del diseo, evaluacine implementacin de sistemas de computacin interactivos, para el uso humano, incluyendo elestudio de todos los fenmenos concernientes a ello.

Analizando ms en profundidad esta ltima definicin, los alcances de esta nueva disciplinason muy difusos y, pueden influir en ella factores muy heterogneos, desde aspectos tecnolgicosvinculados al hardware a aspectos sociales o psicolgicos del usuario. Inciden adems, cuestionesdiversas como facilidad de uso, productividad, eficacia para expresar distintas posibilidades,capacidad de adaptacin de acuerdo a distintos usuarios, desde nios a personas de mayoredad, pasando por distintas culturas y caractersticas sociales.

Como es un rea que se centra fundamentalmente en la interaccin entre humanos y mquinas,se puede plantear muchas situaciones diferentes. Cuando se refiere a humano, puedeconsiderarse desde un usuario particular, un grupo de usuarios, una organizacin o corporacin,o hasta el mundo entero, como es el caso de las aplicaciones para Internet. Cuando se refiere amquina, puede incluirse desde una simple PC, una workstation, una Intranet o hasta unasupercomputadora con mquinas computacionales embebidas.

Adems, el HCI se convierte en un rea interdisciplinaria, que puede nutrirse de nocionesprovenientes de la Psicologa, por la aplicacin de teoras de procesos cognitivos y el anlisisemprico del comportamiento del usuario; de la Sociologa y Antropologa, por el estudio de lainterrelacin entre la tecnologa, el trabajo y las organizaciones; del Diseo Industrial, por elestudio y diseo de productos de interaccin; del Diseo Visual, por el uso de las formas, coloresy otros paradigmas visuales y sus diferentes aplicaciones; entre otros.

Otro punto que no hay que olvidar, son los aspectos relacionados con la Tecnologa e Ingeniera,vinculados a la capacidad grfica de las pantallas y dispositivos, para que el usuario ingreseinformacin, ya sea por teclado, ratn, lpiz ptico, pantalla digital, voz, telfono, entre otrosmedios.

Entonces, mientras exista el dilogo entre una mquina y un humano, surgirn innumerablesfactores relacionados con el HCI, que incluirn todos los aspectos para el diseo y construccinde interfaces del usuario adecuadas.

A continuacin, se mostrar una figura que resume las interrelaciones entre los diferentes tpicosque aborda el rea de HCI:

FIGURA 1.1: VVVVVariedad de Tpicos que involucra el HCIariedad de Tpicos que involucra el HCIariedad de Tpicos que involucra el HCIariedad de Tpicos que involucra el HCIariedad de Tpicos que involucra el HCI

FFFFFundundundundundamentos en HCI -amentos en HCI -amentos en HCI -amentos en HCI -amentos en HCI -99999

OrganizacinSocial y Trabajo

Adaptacin entreel Hombre y la Maquina

reas de Aplicacin

Procesamiento Humano de la Informacin

Lenguaje, Comunicacin e Interaccin

Tcnicas de Evaluacin Aspectos de Diseo

Herramientas y Tcnicas de Implementacin

Dispositivos de entrada y salida

- Base de datos- Lenguajes de Programacin

Ergonometra

Los sistemas de computacin existen dentro de un medio social, organizacional y de trabajo.Dentro de este contexto, se encuentran las aplicaciones. Incorporar computadoras en el trabajoimplica un proceso de integracin.

Adems del uso y contexto social de las computadoras, del lado humano debemos considerarel procesamiento humano de la informacin, la comunicacin -el lenguaje- y las caractersticasfsicas del usuario -ergonoma-.

Desde el punto de vista de la computadora, una variedad de tecnologas han sido desarrolladaspara soportar la interaccin con humanos, como los dispositivos de entrada y salida. Existennumerosas tcnicas para organizar el dilogo y generarlo, las cules sirven para implementarcuestiones ms especficas del mismo, como las tcnicas de visualizacin por computadora.

Dilogos complejos o interfaces del usuario con caractersticas de avanzada, pueden llevar aconsideraciones de arquitecturas de sistemas, necesarios para soportar cuestiones como tiemposde respuesta, interconectividad de redes, mltiples ventanas, interfaces multiusuarios cooperativas,utilizacin de bases de datos, acceso a servicios especficos, entre otros.

Finalmente, hay un proceso de desarrollo que incorpora el diseo del dilogo, herramientasde programacin y tcnicas de evaluacin, cuyos resultados afectan las etapas anteriores, retroalimentndolas, en un proceso de continua mejora.

II - II - II - II - II - EvolEvolEvolEvolEvolucin del HCIucin del HCIucin del HCIucin del HCIucin del HCI

Debido a que las formas, los medios, los canales de interaccin entre los humanos y lascomputadoras se modifican con el tiempo y evolucionan muy rpidamente, la disciplina de HCI esmuy sensitiva a los cambios y tiempos de respuesta.

Un caso concreto fue el descubrimiento del ratn, creado por Douglas C. Engelbart en el ao1968. Este pequeo dispositivo produjo desde el punto de vista del HCI, el surgimiento de unnuevo estilo de interaccin y de comunicacin, incorporado en las Interfaces Grficas. El usuariopas, de expresar sus intenciones mediante la escritura de comandos, a demostrarlas manualmentemediante el sealamiento, el cliqueo, el arrastre de objetos. Adems, trajo como consecuenciatoda la programacin grfica basada en el ratn y sus eventos.

Entonces, la interaccin hombre-mquina o la interfaz del usuario se ve afectada por diversosfactores, la misma puede variar dependiendo de diferentes situaciones, haciendo sumamentecomplejo el diseo de la misma. Proveer el mejor estilo de dilogo en la interfaz, la visualizacin yel comportamiento ms ptimos no es una tarea fcil, se maneja con informacin incierta, con unalto nivel de ambigedad y variabilidad temporal, que hace complicado tener parmetros absolutoso estticos, sobre el grado de correccin de la misma.

Se requiere de un proceso de evaluacin permanente y espritu crtico para que la interaccinsea ms natural. Lo que se percibe como amigable vara con la introduccin de tecnologas y elsurgimiento de actitudes distintas, por ejemplo, la simplicidad y naturalidad con que los nios yadolescentes usan los mensajes de texto de la telefona celular.

Existen muchos elementos que provocan que el modo de interactuar entre un ser humano yun ordenador se modifique y evolucione con el tiempo. Entre los aspectos ms influyentes en laevolucin del HCI, se pueden mencionar:


RRRRRecordecordecordecordecordararararar

rHCI se encuentra ntimamente relacionada con el avance de la tecnologa, de lascomunicaciones y de los efectos sociales que se producen con el tiempo.

nHay disponibles desde monitores muy grandes, finos y livianos,

hasta dispositivos como los celulares con pantallas reducidas de hasta4 a 5 lneas de texto.

Cuestiones deCuestiones deCuestiones deCuestiones deCuestiones de

hardwarehardwarehardwarehardwarehardware

nCada vez el usuario podr contar con hardware ms potente,

con mayor capacidad de memoria y velocidad. La interfaz que sedisee debe tener en cuenta aspectos de rapidez, flexibilidad.

NuevNuevNuevNuevNuevas tectologas enas tectologas enas tectologas enas tectologas enas tectologas en

dispositivosdispositivosdispositivosdispositivosdispositivos

nEl usuario puede conseguir dispositivos no tradicionales como

medio de interaccin, como ser cmaras, anteojos especiales, lpizptico, o como es el caso del surgimiento del telfono celular y PALMspara acceder a aplicaciones de Internet.

AspectosAspectosAspectosAspectosAspectosInflInflInflInflInfluyentesuyentesuyentesuyentesuyentes

ExplicExplicExplicExplicExplicacinacinacinacinacin

TTTTTamao de lasamao de lasamao de lasamao de lasamao de las

pppppantantantantantallasallasallasallasallas

Incremento enIncremento enIncremento enIncremento enIncremento en

innovinnovinnovinnovinnovacin enacin enacin enacin enacin en

tcnictcnictcnictcnictcnicas de entras de entras de entras de entras de entradadadadadaaaaa

nHay un avance especfico a los medios de entrada, con la

aparicin de la voz, gestos, lpiz pticos, celulares.

Incremento deIncremento deIncremento deIncremento deIncremento de

usuusuusuusuusuarios de distintarios de distintarios de distintarios de distintarios de distintasasasasas

formacionesformacionesformacionesformacionesformaciones

nSe suman da a da potenciales usuarios como nios, adultos

mayores, personas pensionadas, gente con ciertas discapacidades.

nLa interaccin de las mismas con el ordenador, presenta

caractersticas muy particulares a considerar dentro de la interfaz.

InclInclInclInclInclusin de lausin de lausin de lausin de lausin de la

CompCompCompCompComputututututacin enacin enacin enacin enacin en

todos los ambientestodos los ambientestodos los ambientestodos los ambientestodos los ambientes

y contexy contexy contexy contexy contextostostostostos

nMuchos elementos domsticos como microondas, portones,

hasta los automviles vienen con caractersticas de programacin yel usuario se acostumbra a manejar consolas y visores muyespecficos, con interfaces muy distintas entre s.

nLos primeros, permitirn desarrollo paper-like, sistemas de

interaccin que se basan en una pantalla parecida a un papelelectrnico, mientras que los segundos, permitirn portabilidad ymovilidad llevando la interfaz en el bolsillo.

ComunicComunicComunicComunicComunicacin enacin enacin enacin enacin en

cucucucucualquier lalquier lalquier lalquier lalquier lugugugugugararararar

nComputadoras que se comunican a travs de LANs de alta

velocidad, nacionalmente mediante WANs y va computacin mvilcon tecnologas de infrarrojo, ultrasnico o celular.

nPor lo tanto, servicios de datos y de computacin sern

accesibles en cualquier lugar y momento, alterando las formas deinteraccin con la aplicacin.

Sistemas con grSistemas con grSistemas con grSistemas con grSistemas con grananananan

componentecomponentecomponentecomponentecomponente

funcionalfuncionalfuncionalfuncionalfuncional

nCada vez ms son requeridos servicios de asistencia y

bsquedas para facilitar y ayudar el trabajo de los usuarios.

nLos sistemas interactivos deben incluir manuales, tutoriales

interactivos para un aprendizaje rpido, ayudas contextuales yprocesos de inferencia, ya que la gente no tendr tiempo de aprenderen forma tradicional.

DisponibilidDisponibilidDisponibilidDisponibilidDisponibilidad masivad masivad masivad masivad masivaaaaa

de Compde Compde Compde Compde Computeruteruteruteruter

GrGrGrGrGraphics.aphics.aphics.aphics.aphics.

nCada vez ms se aumentar la capacidad de grficos por

computadora, procesamiento de imgenes, transformaciones deimgenes, animaciones interactivas, que sern disponibles en chipsbaratos integrables fcilmente en cualquier computadora.

InterfInterfInterfInterfInterfaces paces paces paces paces parararararaaaaa

GroupWGroupWGroupWGroupWGroupWare.are.are.are.are.

nLas Interfaces Groupware permiten a grupos de personas

coordinarse, encontrarse y proyectar en forma conjunta, mediantelas computadoras.

nLas mismas generan un gran impacto en la naturaleza de

organizacin y en la distribucin de labores y responsabilidades.

MulMulMulMulMultimedia,timedia,timedia,timedia,timedia,

Hipermedia yHipermedia yHipermedia yHipermedia yHipermedia y

ComunidComunidComunidComunidComunidadesadesadesadesades

VVVVViririririrtututututualesalesalesalesales

nLa utilizacin de mltiples medios de comunicacin como texto,

audio, grfico, animaciones o video, aplicados en programasmultimedia como juegos, enciclopedias, cursos de entrenamientos,hace que la interfaz del usuario deba potenciar estos recursos visualesy brindar mecanismos para operarlos.

nTambin, el surgimiento de las comunidades virtuales, modifican

las caractersticas de la interfaz, brindando mecanismos especficosde interaccin para que grupos de individuos compartan un interscomn va correo electrnico, salas de chat, o sitios de noticias blogs-.

UbiquitousUbiquitousUbiquitousUbiquitousUbiquitous

compcompcompcompcomputingutingutingutinguting

nLa disponibilidad de contar con muchas computadoras a travs

de un ambiente fsico, siendo invisibles al usuario, requiere decuestiones tcnicas esenciales como consumo de energa,conectividad inalmbrica, ms una correcta interfaz del usuario.

nConstituye lo que se menciona como el 3er. Movimiento en

Computacin -Third Wave-, donde hay n computadoras por usuario.El 1er.movimiento era n usuarios por computadora mientras que el2do. fue 1 usuario por computadora.

AAAAAcceso gil a Basescceso gil a Basescceso gil a Basescceso gil a Basescceso gil a Bases

de Dade Dade Dade Dade Datos masivtos masivtos masivtos masivtos masivasasasasas

nSe requieren de sistemas de visualizacin y mtodos de

bsqueda flexibles.

El concepto deEl concepto deEl concepto deEl concepto deEl concepto de

User tUser tUser tUser tUser tailorailorailorailorailorability.ability.ability.ability.ability.

nUsuarios comunes que tendrn la capacidad de adaptar,

personalizar aplicaciones pasa su propio uso. Podr generar nuevasaplicaciones basadas en su entendimiento de su propio dominio. Porlo tanto sern como autores de sus propias aplicaciones.

TABLA 1.1: Aspectos que inciden en la Evolucin del HCI.Aspectos que inciden en la Evolucin del HCI.Aspectos que inciden en la Evolucin del HCI.Aspectos que inciden en la Evolucin del HCI.Aspectos que inciden en la Evolucin del HCI.

FFFFFundundundundundamentos en HCI - amentos en HCI - amentos en HCI - amentos en HCI - amentos en HCI - 1111111111

III - TIII - TIII - TIII - TIII - Tipos de Dilogo Hombre -Compipos de Dilogo Hombre -Compipos de Dilogo Hombre -Compipos de Dilogo Hombre -Compipos de Dilogo Hombre -Computututututadoradoradoradoradoraaaaa

En el ao 1986, E.L.Hutchins, estableci que existen al menos dos metforas o formas en quelos humanos interactan con una computadora: la metfora conversacional y la del modelo delmundo. Estas dos metforas corresponden unvocamente a dos tipos de dilogo, el secuencialy el asincrnico respectivamente.

En la metfora conversacional, la interfaz del usuario se basa en representaciones implcitasde los objetos. El usuario debe describir acciones para manipular objetos en forma indirecta.Adems, l debe pasar de una etapa de dilogo a la siguiente de una manera predecible ypreestablecida por el sistema.

Esta metfora, permite tanto a los desarrolladores de software como a los usuarios, visualizaruna secuencia lgica y especfica del comportamiento. Por tal motivo, el dilogo que genera sedenomina Dilogo Secuencial. Este tipo de dilogo est incluido en la interaccin pregunta-respuesta (request-response), lenguajes de comandos, navegacin a travs de mens y en lasentradas de datos.

El dilogo secuencial, est relacionado con la interaccin va el teclado, que generalmente seutiliza en los lenguajes tradicionales donde las sentencias de entrada y salida, estn intercaladascon el cmputo del sistema.

En la metfora del modelo del mundo, la interfaz permite que el usuario final realice las accionesdirectamente sobre representaciones de los objetos del mundo real. El usuario demuestra susintenciones, mediante el desplazamiento y manipulacin de esas representaciones visuales delos objetos. Por tal motivo, el estilo de interaccin caracterstico de esta metfora, es laManipulacin directa y el ratn, es el dispositivo fsico apropiado para esto. Tambin, se loreferencia como Dilogo Asincrnico, pues es el usuario quien decide cundo iniciar el dilogoy con qu objeto hacerlo.

A diferencia del dilogo secuencial, donde se presenta ante el usuario una tarea por vez,aunque sea elegir entre varias opciones de un men, en el dilogo asincrnico se dispone demuchas opciones al mismo tiempo. Es asincrnico desde el punto de vista que la secuenciacinde cada camino es independiente de los dems. Tambin al dilogo asincrnico se lo denominaDilogo basado en Eventos, pues son las acciones del usuario que inician la secuencia deldilogos vistas como eventos de entrada.

Asociados a esta metfora del modelo del mundo, se pueden encontrar los Dilogos nolineales o multi-thread, que se refieren a la multiplicidad de caminos de dilogo, de hilos decontrol simultneos, de acciones alternativas disponibles para el usuario en un determinadomomento. Las cajas de dilogo estn relacionadas estrechamente con este tipo de dilogo.

Otro tipo de dilogo, es el Dilogo Concurrente que es un dilogo multi-thread, en el culms de un hilo de dilogo puede ser desarrollado paralelamente. Por ejemplo, un reloj que estpresente mientras que el usuario est dibujando. Adems, de existir muchas alternativas dedilogo, stas estn abiertas en forma simultnea.

Entonces, se tienen:

En la actualidad, estn surgiendo otras formas de interaccin, como la Interaccin social ogrupal, donde existe un grupo de usuarios que interacta en forma conjunta con la interfaz. Estetipo de interaccin, es el provisto en las Interfaces para Groupware, que se explicar ms adelante.Se caracteriza por tener que amoldarse a la complejidad y dinmica del grupo, y por proveermecanismos especficos para solventar cuestiones de coordinacin, comunicacin y colaboracinentre los miembros del mismo.

Tambin, emergi el concepto de Interfaz o Interaccin basado en Agentes, infundido por PattieMaes, en donde el dilogo ya no es iniciado y controlado por el usuario como en Manipulacindirecta, sino que la interfaz tiene la capacidad de hacerlo. La misma puede, tanto empezar unaconversacin como finalizarla, puede guiar, preguntar, sugerir, ensear, interrumpir y dems actitudes,que no son admisibles en los tipos de dilogos convencionales. Este tipo de interaccin, estbasado sobre una metfora en donde la interfaz se comporta como un interlocutor humano, quetiene por objetivo colaborar con el usuario en la resolucin de sus problemas. La discusin entreInterfaces basadas en Agentes versus Manipulacin directa, se encuentra actualmente, en pleno auge.


FIGURA. 1.2: Tipos de dialogos.Tipos de dialogos.Tipos de dialogos.Tipos de dialogos.Tipos de dialogos.

Mundo ConversacionalMundo ConversacionalMundo ConversacionalMundo ConversacionalMundo Conversacional Mundo ModeloMundo ModeloMundo ModeloMundo ModeloMundo Modelo

Dilogos asincrnicos,multi-thread, concurrente

Dilogo secuencial

IV - ClasificIV - ClasificIV - ClasificIV - ClasificIV - Clasificacin de las Interfacin de las Interfacin de las Interfacin de las Interfacin de las Interfaces del usuaces del usuaces del usuaces del usuaces del usuarioarioarioarioario

Con la llegada de los sistemas de tiempo compartido en la dcada del 70', el dispositivo deinterfaz disponible era el teclado. Esto provocaba el desarrollo de un determinado estilo de interfazque era totalmente textual, denominado Interfaz orientada a Comandos.

Un procesador de comandos es un sistema al cul se le ingresa una cadena de caracteresque luego, ser analizado para determinar la funcin apropiada de la aplicacin a invocar.

Este es el caso de la interfaz del usuario ms elemental, se caracteriza por ser fcil dedesarrollar, se interacta nicamente con la consola y teclado, las pantallas y las salidas delsistema son tradicionales, con impresiones a cadena de caracteres. Esto tiene ciertas limitaciones,puesto que la entrada desde el teclado provoca mayor tasa de errores, requiere que el usuariorecuerde el conjunto de posibles entradas legales, y brinda una visin de la aplicacin, del estiloverbo-objeto que no resulta amigable, ya que el usuario percibe que es la aplicacin la quetiene el control total de la interaccin.

Luego, a medida que se increment la complejidad del hardware, aparecieron las Interfacesorientadas a Mens, que se caracteriza por presentar un conjunto de opciones, que pueden serseleccionadas por los usuarios. Con estas interfaces se permiti abstraer la interfaz de la aplicacin,pues fuerza al desarrollador a considerar el espacio de comandos y acciones como una entidadindependiente.

Se caracteriza por ser fcil de usar y de implementar, la prefirieron la mayora de los usuariosinexpertos, sin entrenamiento previo. Estudios sobre factores humanos demuestran que el procesode lectura y eleccin de las opciones del men, resulta ser ms sencillo que la invocacin acomandos, que requiere recordar la sintaxis de los mismos. Adems, alienta a la navegacin yexploracin del sistema. Pero tambin, se le atribuyen ciertos inconvenientes como, por ejemplo,en los casos de presentar listas de opciones demasiado extensas, resulta una tcnica engorrosa,o cuando hay demasiados mens anidados, puede provocar la prdida del contexto.

Tanto las Interfaces basadas en Comandos, como las orientadas a Mens, utilizan al textocomo el nico medio de representacin y de interaccin, empleando un dilogo secuencial, porlo tanto estn encuadradas en lo que se denomina Interfaces Textuales.

A mediados de la dcada de los 80', debido a los grandes avances tecnolgicos, la aparicinde pantallas con mayor definicin, dispositivos de interaccin grficos, como por ejemplo, el lpizptico o el ratn, comenzaron a desarrollarse para los sistemas de software, un estilo de interfazms poderoso que el textual.

As, surgieron las Interfaces Grficas (GUI) o Interfaces Visuales, que se caracterizaronpor la utilizacin de recursos visuales para la representacin de los objetos y por permitir lamanipulacin directa de los mismos, mediante un dilogo asincrnico.

Este tipo de interfaces, adems de incrementar el poder representativo, tambin aument loscostos y la complejidad para gerenciar este tipo de representaciones.

Como una clase especfica de las interfaces visuales, se encuentran las Interfaces Icnicas,que utilizan como medio de interaccin y representacin visual, exclusivamente al icono. Sepuede mencionar, que el icono es una imagen, una figura, pero que tiene un significado o semnticasubyacente. El mismo est determinado por una imagen que debe ser significativa y fcilmentereconocible por la comunidad de usuarios.

Tanto las Interfaces Visuales como las Icnicas, sern desarrolladas en profundidad, enlos Captulos III y IV, respectivamente.

Tambin, se puede mencionar otro tipo de interfaces que son clasificadas como InterfacesInteligentes, puesto que permiten que el comportamiento de la interfaz se acerque an ms alusuario, proveyendo capacidad de razonamiento, de adquisicin y aplicacin de conocimiento yde comunicacin de ideas.

Dentro de las Interfaces Inteligentes, se pueden citar a las Interfaces con signos deAdaptacin, Interfaces Evolutivas e Interfaces con Inferencia, que presentan caractersticasdismiles respectos a sus objetivos particulares, como a su cualidad de inteligentes.

Las Interfaces con signos de Adaptacin, brindan diferentes modos de interaccin que sepueden seleccionar automticamente de acuerdo al tipo de usuario en cuestin. Son sensibles alos perfiles individuales de los usuarios y a sus estilos de interaccin.

Las Interfaces Evolutivas, tienen la propiedad de cambiar y evolucionar con el tiempo juntocon el grado de perfeccionamiento que el usuario particular va adquiriendo con el sistema. Puedenacompaar la evolucin o el crecimiento que presenta el usuario ante el uso del sistema, connuevas ayudas, mensajes ms especficos, un estilo de interaccin ms gil, entre otras cuestiones.

Las Interfaces con Inferencia, tienen la capacidad de captar secuencias de acciones que elusuario repite con frecuencia. Una vez registrado esa costumbre y ante la prxima iniciativa delusuario de realizarla nuevamente, el sistema se le adelanta y brinda la posibilidad de completarla secuencia de acciones en forma automtica.


La automatizacin de este tipo de interfaces, se llevara a cabo mediante el reconocimiento yalmacenamiento de patrones observados en el comportamiento de cada usuario. Esta adquisicinde informacin es transparente para el usuario y conforma una base de conocimiento especializadoque, junto con parmetros o criterios de evaluacin y de los mtodos apropiados para aplicarlo,constituyen un marco apropiado para que la interfaz provea signos de inteligencia, simplificandola labor del usuario.

Tambin, se encuentran las interfaces presentes en los sitios de la World Wide Web, quedebido al espectro inmensurable de usuarios al que est dirigida, debe tener consideraciones dediseo y desarrollo especiales. La misma va a ser explicada en detalle, en el Captulo V.

Por ltimo, se pueden citar otras interfaces importantes, como las Interfaces Accesibles,Interfaces para Groupware, Interfaces puramente Conversacionales y las Interfaces Mviles.

Las Interfaces Accesibles, son aquellas que respetan las normas del diseo universal, paraque pueda ser accedida por cualquier usuario, independientemente de sus condiciones fsicas omentales. Se encuentra el Captulo VI, en donde se va a explayar ms este tema.

Las Interfaces para Groupware, se caracterizan por interactuar con un grupo de usuariosque tendrn objetivos comunes, recursos a compartir, un ambiente virtual de reunin. La mismadeber tener facultades para solventar la coordinacin del grupo, como aspectos de colaboraciny comunicacin entre los miembros del mismo.

Las Interfaces puramente Conversacionales, se montan sobre los sistemas telefnicos y secaracterizan por no contar con una pantalla. El nico medio de salida es la voz y, la entradapuede ser a travs de la voz, como tambin, a travs de los botones del dispositivo telefnico.

Las Interfaces Mviles, son aquellas presentes en los dispositivos inalmbricos como celularesy PALMs, que los usuarios utilizan para acceder a la aplicacin. Cuestiones de interrupcin,distraccin, visualizacin de una pantalla muy reducida, el apremio por acceder a la informacinen ese momento y en ese lugar, hacen que la interfaz presente caractersticas de diseo muyespeciales.

Vale aclarar, que un sistema interactivo puede proveer una interfaz del usuario que poseaalgunas caractersticas de las clases de interfaces definidas anteriormente, y las combine,generando como resultado, una interfaz hbrida.

V - V - V - V - V - Independencia del DilogoIndependencia del DilogoIndependencia del DilogoIndependencia del DilogoIndependencia del Dilogo

La introduccin de un sistema informtico, siempre implica cambios y modificaciones a laforma de trabajo, los usuarios pueden emplear el tiempo que le resta de realizar sus actividadesen forma automatizada, en otros labores, o en distintas tareas adicionales.

La interfaz de un sistema, tiene que lograr potenciar los aspectos que sean pertinentes paracada trabajo, ya sea para simplificar el tipeo, infiriendo lo que se est ingresando, para evitar lainvocacin errnea de un comando complejo, utilizando buenos mensajes de aclaracin yconfirmacin, entre otras cuestiones.

El concepto es que la introduccin de una solucin informtica, cambia la realidad y quesiempre tendr asociado modificaciones ms o menos significativas, que impliquenfundamentalmente adaptar la interfaz del usuario, ya sea el look & feel o cambios para mejorarla productividad y eficacia de la interaccin con el mismo.

RecordarRecordarRecordarRecordarRecordarLLLLLas interfas interfas interfas interfas interfaces del usuaces del usuaces del usuaces del usuaces del usuarioarioarioarioariose pse pse pse pse pueden clasificueden clasificueden clasificueden clasificueden clasificar enar enar enar enar en

rInterfaces Textuales como:nlas Interfaces basadas en Comandosnlas Interfaces basadas en Mens.

rInterfaces GrficasrInterfaces IcnicasrInterfaces Inteligentes como:

nlas Interfaces con Adaptacin,nlas Interfaces Evolutivasncon Inferencia.

rInterfaces para la WebrInterfaces AccesiblesrInterfaces para GroupwarerInterfaces puramente ConversacionalesrInterfaces Mviles


Pero, al principio, esta visin del sistema interactivo no se poda aplicar. La forma tradicionalde desarrollar sistemas de software, implicaba que las cuestiones de interfaz y de dilogo con elusuario, estaban fuertemente ligadas con el software computacional. Las sentencias de entraday salida al usuario, eran tratadas sin distincin dentro del resto del cdigo, podan estar inmersasy entremezcladas dentro de sentencias de control, causando un fuerte acoplamiento entre elflujo de dilogo con el flujo de control del sistema.

Si las cuestiones de interaccin con seres humanos, se encuentran inmersas y ocultas dentrode la componente computacional del sistema, esto trae como consecuencia, una resistencia muyfuerte al desarrollo de interfaces del usuario de alta calidad. Esto se debe a que se hace complicadosu identificacin y tratamiento, el dilogo se convierte en una componente cada vez ms resistentea cambios, no se puede profundizar en las necesidades de adaptacin a cuestiones del usuariocomo se plante anteriormente, y principalmente, no permite que la interfaz cumpla con un ciclode desarrollo especial que la caracteriza, con etapas de diseo, prototipacin y evaluacin, quese suceden en forma iterativa, a travs de un marco donde las correcciones, modificaciones yrefinamientos son una constante.

En este contexto, H. Rex Hartson, Roger W. Ehrich, en el ao 1981, establecieron una definicinformal sobre el concepto de Independencia de Dilogo, en donde especificaron que un sistemainteractivo, deba conformarse fundamentalmente, de dos componentes de software igualmenteimportantes e independientes, denominadas interfaz del usuario y componente de aplicacin, ocomponente de dilogo y componente de cmputos respectivamente, que deben ser tratadas enforma autnoma, desde el inicio del desarrollo del sistema [Hartson, R. y Hix, D., 1989]

Esta definicin, se basa en el reconocimiento de las cuestiones de interaccin como unacomponente de software que debe ser tratada en forma especial y separada del resto del sistema,durante todo el proceso de desarrollo.

La idea de partida, es la definicin de una estructura del sistema, en donde se evite lamodelizacin conjunta e intercalada, entre la lgica de los procesos, o como se referenciaactualmente como la lgica del negocio, con operaciones de E/S hacia el usuario.

En la prctica, esto significa que la componente computacional se desentiende de todo lo queabarca los aspectos de la interfaz, o sea de cmo es su estilo de interaccin, cmo son lascuestiones del dilogo y los hilos posibles de conversacin, si provee un lenguaje de comandospara comunicarse con el usuario final o si est basada en mens o formularios. Se despreocupade cmo la entrada es adquirida desde el usuario y de la forma en que le son visualizados losresultados, directamente focaliza su inters en el procesamiento de la informacin.

La independencia del dilogo presenta principalmente dos grandes ventajas. Una, estntimamente relacionada con la Ingeniera de Software, debido a que esta separacin es crucialtanto para modificar fcilmente la interfaz en su proceso iterativo de refinamiento como para suposterior mantenimiento. Y, otra, es a nivel de factores humanos, debido a que constituye unaestrategia en donde las cuestiones especficas del usuario, como sus preferencias, hbitos,costumbres, manera de ser, caractersticas de sexo o edad, experiencia particular, entre otros,pueden ser tratadas y evaluadas con nfasis y en forma especial. Esto es, permite disear eldilogo de una manera que la computadora se adapte a los requerimientos del usuario,convirtindose en una herramienta que se amolda al estilo particular del mismo. Desde estaperspectiva, el dilogo podr conjugar la simplicidad de interaccin con la optimizacin en elproceso de validacin, proveyendo feedback y ayudas eficientes, para asistir al usuario en sutrabajo y lo potencie, guindolo en su proceso de resolucin de problemas.

En este sentido, la Independencia de dilogo da lugar al tratamiento, estudio y evaluacin deaspectos del usuario, suministrndole la relevancia necesaria, para poder encarar y desarrollarcorrectamente la componente de interfaz.

La independencia del dilogo no se implementa simplemente colocando buenos mensajes deerror en uno o dos procedimientos, ni tampoco apartando todo lo relacionado con las entradas ysalidas, en mdulos independientes, separados del resto de las rutinas de cmputo. Esto significauna buena prctica de programacin, pero no asegura la independencia del dilogo, debido a

Cmo se logrCmo se logrCmo se logrCmo se logrCmo se logra esta esta esta esta esta estra estra estra estra estraaaaategia?tegia?tegia?tegia?tegia?



rIndependencia de Dilogo es una estrategia que permite que las decisiones de diseoque afectan nicamente a la componente de dilogo, se realicen en forma independientede aquellas que afectan a la estructura del sistema de aplicacin y al corazn funcional.

que los procedimientos orientados al dilogo, deben estar totalmente desacoplados del cdigocomputacional y debe garantizar su modificacin independientemente del resto del programa.An hoy, en muchos casos, el conocimiento relacionado con los detalles del dilogo sigueninmersos dentro del cdigo de la aplicacin, y la tarea de desarrollar la interfaz, continaerrneamente ligada a una tarea de programacin.

La independencia del dilogo se soporta a travs de la separacin del dilogo y el software dela aplicacin desde las etapas iniciales del desarrollo. Esto significa que un sistema de aplicacininteractivo, se compone de una componente de dilogo, a travs de la cual se lleva a cabo todala comunicacin entre el usuario final y el sistema, y una componente computacional, que incluyelos mecanismos de procesamiento funcional ms especficos del sistema de aplicacin, mbitoen donde no hay una interaccin directa con el usuario final.

Ms bien es que la nueva entidad, el protagonismo y la visibilidad que toma la componente dedilogo, en el desarrollo de sistemas, implica un proceso de diseo, rediseo, evaluacin ymantenimiento, particular e independiente al de la componente funcional, ligndose en el momentoque se requiere una rpida prototipacin o ejecucin del sistema total.

Como principales consecuencias de la Independencia del Dilogo, se pueden mencionar laaparicin de un nuevo rol, que es la del desarrollador del dilogo, quin se va a responsabilizarde todo el proceso de desarrollo de la interfaz, y el surgimiento de un dilogo interno entre lacomponente de interfaz y de la aplicacin, que es el que permitir el enganche final de ambaspartes, conformando el sistema interactivo en su completitud.

Por mucho tiempo, los dos principales roles involucrados en el desarrollo del software era elprogramador de la aplicacin y el usuario final del sistema.

Estos dos roles diferentes frecuentemente tenan graves problemas en la comunicacin. Elprogramador impaciente por llegar a la codificacin tena dificultades en entender necesidades delusuario. Similarmente, el usuario muchas veces no logra comprender los costos o grado de dificultaddel desarrollo de determinados requerimientos para el sistema, ni explicaciones tcnicas sobredeterminado comportamiento efectuado por el mismo.

La aparicin del rol de analista de sistemas, provey un medio de entendimiento entre elprogramador, inmerso en un contexto completamente tcnico y el del usuario del sistema.

En los ltimos tiempos, ante la demanda de interfaces del usuario de alta calidad y cada vezms efectivas, la aparicin de especialistas en factores humanos fueron adquiriendo una significanteimportancia en los equipos de desarrollo de los sistemas de computacin, puesto que focalizan suatencin y estudio a las necesidades de los usuarios y a la forma de comunicacin con los mismos.

Esto llev al surgimiento de un nuevo rol, denominado desarrollador del dilogo tambin llamadoautor, diseador del dilogo, ingeniero de la interfaz del usuario.

El desarrollador del dilogo, es un especialista en factores humanos que se interesa y se encargade todas las etapas del desarrollo del software de la interfaz del usuario, abarcando el diseo, laimplementacin y evaluacin de la forma, contenido, estilo y secuenciacin del dilogo. El estinvolucrado en todo el ciclo de vida, incluyendo anlisis de tareas, especificacin de requerimientosdel sistema, investigacin y aplicacin de normas de diseo, cuestiones de factibilidad del desarrollo,direccin de todo el proceso prototpico de la interfaz.

Durante el diseo e implementacin del dilogo, este desarrollador hace uso de principiospsicolgicos y de factores humanos para construir y, paralelamente, evaluar y refinar una interfazque soporte una comunicacin efectiva y simple, entre el ser humano y la mquina.

Debe ser muy sensitivo frente a los requerimientos cognitivos del usuario final y a sus aspectosparticulares, debe profundizar por ejemplo situaciones como:

ndistintas formas en que se reacciona a los distintos colores, segn diferentes sociedades. Este es el caso del color rojo que en pases orientales no est asociado

a situaciones de riesgo;nlos diferentes hbitos de lectura, que puede afectar en el orden de recorrido de lapantalla y posicionamiento de los objetos en la misma;nlas distintas actividades que implican diferentes posturas y costumbres que condicionanel estilo de la interaccin. Por ejemplo, si es mejor la entrada por voz o por teclado,en un entorno industrial o en una carga masiva de datos;nla postura, el nivel de atencin, los horarios de trabajo, que deben inducir interfaces distintas, que apunten a mejorar la productividad del usuario;nla edad y nivel cultural del usuario, que lleva a la utilizacin de distintas metforaspara construir la interfaz, donde su interpretacin depende de grados de madurez yaspectos sociales del mismo.


LLLLLa apa apa apa apa aparicin de un nuevo rol:aricin de un nuevo rol:aricin de un nuevo rol:aricin de un nuevo rol:aricin de un nuevo rol:

El desarrollador de dilogoEl desarrollador de dilogoEl desarrollador de dilogoEl desarrollador de dilogoEl desarrollador de dilogo

La Independencia de dilogo, define un marco en donde estas cuestiones como muchas de otrasms, pueden ser profundizadas y consideradas dentro del diseo de la interfaz, permitiendo elrefinamiento y revisin de las mismas, su comprobacin y la realizacin de modificaciones rpidas,por lo que el proceso de evaluacin y el ciclo de revisin se puede efectuar mltiples veces.

El dilogo externo es aquel que abarca toda la interaccin entre el usuario final y la componentedel dilogo, es la misma interfaz hombre-computadora.

Pero, la Independencia del Dilogo ha provocado la creacin de una nueva interfaz que tomalugar entre la componente del dilogo y la computacional, y en consecuencia, esto trae aparejadola aparicin de un nuevo tipo de dilogo entre ambas.

La componente funcional que no tiene mecanismos propios para la comunicacin directa conel usuario final, requiere de un dilogo interno necesario con la componente de dilogo.

Este dilogo, se basa principalmente en la definicin concreta del intercambio de informacinentre ambas componentes, los tipos, formatos de datos que una espera de la otra, si van a estarya validados o no, cules son las condiciones estipuladas, cuestiones de excepciones o erroresque pueden surgir, quin los trata, como tambin en qu forma y estructura, se entregarn losresultados entre las partes. Hay que estipular claramente, cules sern los servicios y las funcionesque una componente necesita de la otra y, las cuestiones protocolares y de sincronizacinnecesarias.

Esta nueva interfaz interna, con su dilogo especfico, son las bases para la comunicacinentre el desarrollador del dilogo y el del software de la aplicacin durante el proceso de diseodel sistema y es un punto crucial para llevar a cabo la ligazn del dilogo y el cmputo en lostiempos de ejecucin.

El dilogo interno, y su representacin formal en la etapa de diseo constituye una claveesencial para lograr la Independencia del Dilogo. Tanto la interfaz del usuario o la aplicacin,pueden ser alteradas en forma independiente siempre y cuando, se mantenga la consistencia enla representacin del dilogo interno comn a ambas.

Una nuevUna nuevUna nuevUna nuevUna nueva interfa interfa interfa interfa interfaz. Dilogo interno y exaz. Dilogo interno y exaz. Dilogo interno y exaz. Dilogo interno y exaz. Dilogo interno y externoternoternoternoterno

Lamentablemente la estrategia de la Independencia de dilogo, no est exenta de inconvenientesy dificultades.

Uno de los problemas principales que se le atribuye, es que debido a que se cuenta con un nuevorol para el desarrollo de la componente de dilogo, aumenta el grado de comunicacin e interaccinentre los diseadores y los programadores, sumando problemas de ambigedades, malasinterpretaciones, deslinde de responsabilidades, pugna por toma de decisiones, entre otrosinconvenientes.

Es necesario para solucionar esto, fijar claramente desde el inicio, los roles que van a intervenir,especificando puntualmente las responsabilidades de cada uno y sobre qu componente del sistemavan a actuar. Como tambin, la definicin precisa sobre el dilogo interno, estipulando cules sonexactamente los datos, de qu tipo y formato es la informacin que fluir entre la componente deinterfaz y la de la aplicacin, como as los servicios o funciones que se necesitan de cada una.

Otro inconveniente provocado por la Independencia del Dilogo, es que, debido a la existencia denuevas componentes y mdulos, puede causar una disminucin en la performance total del sistema,a medida que aumenta la intercomunicacin entre las mismas, en tiempo de ejecucin. Esto lleva a laconsideracin de nuevas arquitecturas del sistema que enfatice y facilite por ejemplo, la ejecucinconcurrente entre la componente de dilogo y la computacional, y considere hardware innovador parael soporte del dilogo.

Complejidades de la Independencia de DilogoComplejidades de la Independencia de DilogoComplejidades de la Independencia de DilogoComplejidades de la Independencia de DilogoComplejidades de la Independencia de Dilogo



El desarrollador del dilogo tiene el rol y la responsabilidad de:rEfectuar los modelos necesarios sobre los usuarios, el contexto, la aplicacin yaspectos tecnolgicos.rEfectuar y converger al mejor diseo de la interfaz de acuerdo a los factores humanosanalizados.rEvaluar y refinar la interfaz segn su impacto directo sobre los usuarios.

En el plano de un dilogo secuencial, la separacin fsica entre la componente de interaccin yla computacional, desde la etapa de diseo es medianamente directa. Esto se debe a que resultafcil delinear un patrn de interaccin sincrnico que considera las etapas de entrada de datos,requerida al usuario final, del proceso de cmputo de los dichos datos y, de la salida resultanteprovista por el sistema.

En cambio, en un dilogo con manipulacin directa los costos para lograr la separacin entrelas dos componentes es mucho ms alto, porque el usuario final realiza operaciones y accionesen la interfaz sobre las representaciones visuales de los objetos de la aplicacin de una maneradirecta, visual y asincrnica. En este caso, la ejecucin del dilogo y del cmputo tienden a estarms interrelacionados y generalmente se comparte representaciones de datos comunes de losobjetos de la interfaz y de los de la aplicacin subyacente.

En un dilogo con manipulacin directa, hay una necesidad de acercamiento entre la interfazy la semntica de la aplicacin, por ejemplo para un simple caso de proveer feedback semntico,y esto hace ms difcil la separacin de las componentes requerida en la Independencia dedilogo. Esto fuerza a importantes cambios en la arquitectura de los sistemas interactivos.

De todas maneras, a menor o mayor costo, se puede lograr que las decisiones de diseoincluyendo tanto la apariencia como el comportamiento de la interfaz, puedan mantenerseindependiente del software que manipula las correspondientes estructuras de datos, y en todoslos casos, se comprueba que las ventajas de mantener la independencia del dilogo son mayoresque sus posibles dificultades.

Uno de los modelos ms conocidos sobre la componente de la interfaz del usuario, es el ModeloSeeheim o Seeheim Model, definido en el marco de un Workshop efectuado en Seeheim, Alemania,en el ao 1982.

Este modelo, es una descripcin estructural que especifica la manera en que la interfaz delusuario se relaciona con el sistema de aplicacin, puntualizando la independencia entre ambaspartes del sistema. Adems, describe a la interfaz, mediante dos componentes: la Componentede Presentacin, que conforma su parte esttica, y la de Control de Dilogo, que describe lacomponente dinmica de la misma.

Ms tarde, en 1985, el modelo fue modificado por Mark Green, perteneciente a la Universidadde Alberta, donde le introdujo una tercer componente denominada Modelo Interfaz-Aplicacin,para referenciar el dilogo interno con la aplicacin [Green, M.,1985].

La versin final del modelo, qued de la siguiente manera:

FIGURA 1.3: Modelo de Seeheim, VModelo de Seeheim, VModelo de Seeheim, VModelo de Seeheim, VModelo de Seeheim, Versin modificada por M.Greenersin modificada por M.Greenersin modificada por M.Greenersin modificada por M.Greenersin modificada por M.Green

usuusuusuusuusuarioarioarioarioario aplicaplicaplicaplicaplicacinacinacinacinacincomponentecomponentecomponentecomponentecomponente

dedededede

PresentPresentPresentPresentPresentacinacinacinacinacin

ModeloModeloModeloModeloModelo

InterfInterfInterfInterfInterfaz -az -az -az -az -

AplicAplicAplicAplicAplicacinacinacinacinacin

ControlControlControlControlControl

dedededede

DilogoDilogoDilogoDilogoDilogo

La componente de presentacin es la responsable de la visualizacin de la interfaz, especificalas pantallas que se presentarn al usuario y el estilo de interaccin. Los colores, ubicaciones dela pantalla, figuras, mens son conceptos relacionados con esta componente. En ella, se definenespecficamente, los siguientes aspectos:

nSe especifica el aspecto y apariencia de la interfaz. O sea, se define la parte del look, del concepto de look&feel de la interfaz.nSe define el estilo de interaccin, tipos de dilogo y de interfaz.nSe identifican los objetos de interaccin.nSe establece el esquema de ventanas.nSe definen los dispositivos de hardware, asociados a la entrada y salida, a incorporar en la interfaz.

La componente de Control de Dilogo, est a cargo del manejo de la secuencia de eventos y delcontrol de las tcnicas de interaccin provistas en la interfaz. Establece y define la parte dinmicade la misma. En esta componente, se establecen fundamentalmente, las siguientes cuestiones:


VI - Componentes de la InterfVI - Componentes de la InterfVI - Componentes de la InterfVI - Componentes de la InterfVI - Componentes de la Interfaz del Usuaz del Usuaz del Usuaz del Usuaz del Usuarioarioarioarioario

nSe especifica el comportamiento de la interfaz. O sea, la parte del feel, del conceptode look&feel de la interfaz.nSe define el manejo, control, secuenciacin y lgica del dilogo.nSe controlan y se manejan los objetos de interaccin presentes en la interfaz.nSe controla y se maneja el sistema de ventanas.nSe definen aspectos de navegacin e interaccin entre las diferentes ventanas opginas que conformen el sistema.nSe establece la estructura, secuencia, el proceso del intercambio de informacinentre el usuario y la aplicacin.nSe identifican, controlan y manejan los objetos computacionales necesarios a nivelde interfaz del usuario, tales como objetos sintcticos.nSe definen los servicios propios de interfaz del usuario, o sea funciones sintcticas.nSe controla y se administra el hardware interactivo que incluye la interfaz.nSe especifica el tipo de asistencia, sistemas de bsqueda, tipo de feedback, que lainterfaz va a proveer.nSe especifican las cuestiones de avanzada a incorporar dentro de la interfaz, comoser aspectos de adaptacin, inteligencia, colaboracin que deben ser manejados ycontrolados a travs de esta componente.

Finalmente, la componente denominada Modelo de Interfaz-Aplicacin es la representacinde la aplicacin desde el punto de vista de la interfaz. Contiene tanto una visin de la aplicacindesde la interfaz como una visin de la interfaz desde la aplicacin. Incluye lo siguiente:

nEspecifica el dilogo interno entre la interfaz y la aplicacin.nPermite la abstraccin, por un lado, de la forma en que el usuario consulta y proveeinformacin a la aplicacin y, por otro, independiza las acciones de la aplicacin de lasimplementaciones particulares de las entradas y salidas del sistema.nEspecifica la relacin entre los eventos de la interfaz y las funcionalidades de laaplicacin.nEstablece la forma de comunicacin entre ambas partes. Puede ser va llamados aprocedimientos o mtodos, o mediante el uso de estructuras de datos comunes.

VII - MtricVII - MtricVII - MtricVII - MtricVII - Mtricas de Evas de Evas de Evas de Evas de Evalalalalaluuuuuacin de una Interfacin de una Interfacin de una Interfacin de una Interfacin de una Interfazazazazaz

Gracias a la Independencia de dilogo, filosofa que establece una separacin entre lacomponente de interaccin o interfaz del usuario con la componente de cmputos o aplicacin,se puede profundizar ms especficamente sobre las normas de diseo y objetivos preliminaresque son propios a cada componente.

En el rea especial de HCI, existen objetivos particulares que el desarrollador debe tener encuenta, como as tambin principios bsicos de diseo de interfaz que deben ser incluidos, si sepretende mejorar la calidad de la interaccin con el sistema.

Estos aspectos no slo deben ser considerados en el momento de disear una interfaz delusuario sino que adems pueden ser utilizados en los procesos evaluativos de la misma durantesu desarrollo, o al final, una vez que ya se encuentra en un estado productivo.

Objetivos de la InterfObjetivos de la InterfObjetivos de la InterfObjetivos de la InterfObjetivos de la Interfaz del Usuaz del Usuaz del Usuaz del Usuaz del Usuarioarioarioarioario

Mientras que dentro de la componente de aplicacin, se consideran objetivos tales como eficiencia,portabilidad, legibilidad, entre otros aspectos, la interfaz del usuario presenta otros objetivos especialesque estn ntimamente relacionados con los factores humanos ms que con cuestiones tcnicas orequerimientos impuestos por el sistema.

Por ser una componente que dialoga con seres humanos, se le exige cualidades como simpleza,amigabilidad, naturalidad, flexibilidad y otras caractersticas que afectan el grado de utilidad de la interfaz ypor consiguiente la productividad general del resto del sistema interactivo.

La conjuncin de todas las cualidades exigidas a la componente de dilogo es sintetizada con eltrmino de Usabilidad.

Estos objetivos como los principios que se presentan en las prximas secciones, apuntan a mejorar lacalidad de las interfaces provistas por los sistemas interactivos en pos de lograr un alto grado de satisfacciny conformidad por parte del cliente o usuario. Llevando, como consecuencia, a una segura productividad yextensa vida til del software, finalidad que todo desarrollador de software deseara alcanzar.

Entre los principales objetivos tenemos:


a.a.a.a.a. Simplicidad:Simplicidad:Simplicidad:Simplicidad:Simplicidad:El sistema interactivo debe ser simple de instalar, de aprender, de usar, de configurar.Al usuario no se le puede exigir un entrenamiento sobre Computacin para poder utilizar el

sistema, ni que se lo someta a posteriores cursos de aprendizaje para interactuar con la interfaz.El sistema interactivo debe proveer un dilogo natural, un ambiente amigable donde el usuario

pueda encontrar toda la asistencia necesaria para resolver su problema y llevar a cabo sus intenciones.Esto satisface a la gran demanda por parte de los usuarios de contar con sistemas de software

que realmente funcionen como herramientas destinadas a simplificar el trabajo cotidiano, no acomplicarlo an ms con requerimientos fsicos del sistema innecesarios.

b.b.b.b.b. Confiabilidad:Confiabilidad:Confiabilidad:Confiabilidad:Confiabilidad:Este objetivo hace referencia a que la interfaz del usuario debe ser consistente tanto en su forma

de expresin como de presentacin.No puede contener dilogos ambiguos, que lleven a falsas interpretaciones o que genere dudas

al usuario. Tampoco puede existir desorganizacin en la visualizacin de los datos ni heterogeneidaden los mecanismos de utilizacin de los servicios provistos.

El usuario debe interactuar con un ambiente integral, que presente un diseo coherente, estudiado,con un tratamiento similar en todos sus contextos y transacciones.

Esto ayuda a que los usuarios perciban una interfaz seria, cuidadosamente diseada, en la quepuedan confiar sus datos y delegar el manejo de los mismos.

c.c.c.c.c. Flexibil idad:Flexibil idad:Flexibil idad:Flexibil idad:Flexibil idad:La interfaz del usuario debe comportarse de una manera maleable, dcil, donde el usuario pueda

concretar sus intenciones en forma autnoma.La misma debe ser tolerante a un cierto grado de error que pueda presentar el usuario y

condescendiente ante equivocaciones frecuentes efectuadas por l. Puede ayudar brindandomecanismos de sugerencias o de correccin automtica, ms que informarle un mensaje de error.

No puede comportarse como un agente interlocutor controlador, rgido e inflexible, debe serabierta y aceptar los tiempos y las formas que el usuario requiera.

Debe permitir que el usuario sea quien decida cundo comenzar un dilogo y cundo culminarlo,y quien dirija la conversacin

d.d.d.d.d. TTTTTransparencia:ransparencia:ransparencia:ransparencia:ransparencia:La componente de interfaz no puede actuar como una caja negra, donde el usuario nicamente

ingrese los datos y espere los resultados.En todo momento, la interfaz debe comunicarle al usuario sobre los detalles de la transaccin y

de los cmputos realizados, debe indicar el porcentaje de realizacin, ndices del progreso einformacin del tiempo que falta para culminar la funcin que est ejecutando.

Tambin debe proveer mecanismos para poder interrumpir, suspender o deshacer lo efectuadopor el sistema y alcanzar un estado previo deseado por el usuario.

Esto hace que la interfaz se comporte como un agente abierto, comunicador, que se manifiestapermanentemente, que informa sobre su accionar ante el usuario.

e.e.e.e.e. Ergonoma:Ergonoma:Ergonoma:Ergonoma:Ergonoma:Este objetivo se refiere a la capacidad que presente la interfaz para amoldarse, adaptarse al

estilo propio del usuario, brindando mecanismos de configuracin y personalizacin.La misma puede estudiar al usuario mientras est sesionando con el sistema en pos de adecuarse

a su forma de interaccin o tambin se le puede incorporar modelos computacionales con informacinsobre los perfiles de los usuarios, previamente investigada en las etapas preliminares del desarrollo.

De esta manera, la interfaz es percibida como un agente inteligente, que conoce al usuario, suspreferencias, sus hbitos y se acondiciona adecuadamente a l.



La interfaz del usuario debe cumplir con los objetivos de:rSimplicidadrConfiabilidadrFlexibilidadrTransparenciarErgonomaLa suma de todas estas cualidades genera una interfaz usable, con un alto porcentajede productividad y principalmente con un elevado grado de satisfaccin por parte delos usuarios.

Principios de NielsenPrincipios de NielsenPrincipios de NielsenPrincipios de NielsenPrincipios de Nielsen

En este punto, se van a considerar los Principios de Nielsen, que en principio, consisti deun conjunto de diez reglas de diseo, que estipulan la forma correcta de disear el dilogo provistoen una interfaz del usuario, teniendo en cuenta aspectos de usabilidad.

Estos principios, considerados tambin como heursticas, fueron definidos por Jakob Nielsen,en el ao 1990, junto con la colaboracin de Rolf Molich [Nielsen, J. y Mack, R., 1994].

Aunque estas normas inicialmente fueron estipuladas para interfaces textuales, sirven debase para el diseo preliminar de cualquier otro tipo de interfaz, desde la ms sencilla a la mscompleja.

Los principios de Nielsen, se puntualizan de la siguiente manera:

Dilogo simple y naDilogo simple y naDilogo simple y naDilogo simple y naDilogo simple y naturturturturturalalalalal

En este punto, se estipula la forma en que la interaccin debe llevarse a cabo. El dilogopresente en los prompts, en los ttulos, en los contenidos de las pantallas, en la solicitud de lasentradas, como en la muestra de los resultados.

Especficamente, hay que tener en cuenta las siguientes reglas:


EvitEvitEvitEvitEvitar abuso dear abuso dear abuso dear abuso dear abuso de

abreviaabreviaabreviaabreviaabreviaturturturturturasasasasas

nEs desprolijo que el usuario vea permanentemente sobre las

pantallas del software, palabras abreviadas como cd., impr.,art.,que hacen referencia respectivamente a cdigo, imprimir y artculo.

EvitEvitEvitEvitEvitar uso exar uso exar uso exar uso exar uso excesivo decesivo decesivo decesivo decesivo de

mamamamamaysculasysculasysculasysculasysculas

nHay estudios realizados en donde demostraron que el dilogo

expresado en letras maysculas se asemeja al hablar en voz muy

alta, como gritando.

nAdems de ser intimidatorio, tambin se le atribuye dificultad

en la lectura y por consiguiente en la futura interpretacin del texto.

nSi se emplea todo el texto en maysculas con la intencin de

demostrar importancia, en realidad lo que se est provocando esintimidacin y complejidad visual.

RRRRRecomendecomendecomendecomendecomendacionesacionesacionesacionesaciones ExplicExplicExplicExplicExplicacinacinacinacinacin

nEl desarrollador del sistema no puede dejar plasmado en las

pantallas del software, errores de ortografa, errores gramaticales niaquellos cometidos por un mal tipeo.

nEsto, da la idea de que el sistema no fue revisado, o que no se

le dio importancia a su desarrollo.

EvitEvitEvitEvitEvitar errores dear errores dear errores dear errores dear errores de

tipeotipeotipeotipeotipeo

Distribuir bien laDistribuir bien laDistribuir bien laDistribuir bien laDistribuir bien la

informacininformacininformacininformacininformacin

nDebe planificarse el diseo general de las pantallas de un

sistema.

nLas pantallas deben tener un marco en comn, con zonas bien

diferenciadas para los ttulos, contenidos, comandos, informacin,mensajes de error y dems componentes de dilogo.

nLa consistencia en el diseo visual de estos elementos,

reduce la posibilidad de errores de interpretacin y facilita

encontrar la informacin.

Analizar laAnalizar laAnalizar laAnalizar laAnalizar la

informacin relevinformacin relevinformacin relevinformacin relevinformacin relevanteanteanteanteante

y evity evity evity evity evitar informacinar informacinar informacinar informacinar informacin

innecesinnecesinnecesinnecesinnecesariaariaariaariaaria

nLos dilogos deberan contener nicamente la informacin

ms importante.

nLos datos innecesarios que se encuentran en un dilogo,

compiten de alguna manera con la informacin relevante y esto

provoca la disminucin de su visibilidad.

nSe debe evitar que el usuario en su interaccin tenga que

someterse a esquemas de dilogo absurdos exigidos por el sistema.

nPor ejemplo, que el usuario tenga que apretar dos enter y un

escape para salir de una situacin determinada.

nEl usuario debe ser dueo de la interaccin, debe poder iniciar

el dilogo, cancelarlo, reiniciarlo segn sus tiempos y necesidades.

El control delEl control delEl control delEl control delEl control del

dilogo debe estdilogo debe estdilogo debe estdilogo debe estdilogo debe estararararar

dirigido por eldirigido por eldirigido por eldirigido por eldirigido por el

usuusuusuusuusuarioarioarioarioario

Con este principio, se recomienda al diseador de la interfaz, no trasladar su propio lenguaje, dialecto ycostumbres dentro de la componente de interaccin. La misma debe utilizar trminos, frases o formas dedilogo, que sean familiares al a los usuarios del sistema.

Por lo tanto, se recomienda los siguientes puntos:

Emplear el lenguaje del usuarioEmplear el lenguaje del usuarioEmplear el lenguaje del usuarioEmplear el lenguaje del usuarioEmplear el lenguaje del usuario

1 Palabras porteas: se refiere a trminos y jerga utilizada en la zona del puerto de Buenos Aires, Capital Federal, Argentina.

Minimizar el uso de la memoria del usuarioMinimizar el uso de la memoria del usuarioMinimizar el uso de la memoria del usuarioMinimizar el uso de la memoria del usuarioMinimizar el uso de la memoria del usuario

En este punto, se pretende evitar que el usuario esfuerce su memoria para interactuar con elsistema.

Esto significa que el usuario no debera recurrir a carpetas manuales para recordar algncdigo, ni acudir a un tercero, para obtener ninguna asistencia respecto al uso del sistema. Esto


Utilizar el lenguUtilizar el lenguUtilizar el lenguUtilizar el lenguUtilizar el lenguajeajeajeajeaje

idioma, dialecto yidioma, dialecto yidioma, dialecto yidioma, dialecto yidioma, dialecto y

jergjergjergjergjerga segn laa segn laa segn laa segn laa segn la

profesin del usuprofesin del usuprofesin del usuprofesin del usuprofesin del usuarioarioarioarioario

nEs necesario emplear el dialecto del o los usuario/s, de acuerdoa su formacin, costumbres, hbitos y preferencias.


nHay que evitar palabras como iiiiindexar, campo, registro,que en el marco del usuario puede tener connotaciones diferentes.

nEl dilogo debe referirse a conceptos entendidos por el usuario,ms que a la implementacin de la operacin del sistema.

EvitEvitEvitEvitEvitar uso dear uso dear uso dear uso dear uso de

lengulengulengulengulenguaje tcnicoaje tcnicoaje tcnicoaje tcnicoaje tcnico

EvitEvitEvitEvitEvitar el uso delar el uso delar el uso delar el uso delar el uso del

lengulengulengulengulenguaje regionalaje regionalaje regionalaje regionalaje regional

por ppor ppor ppor ppor parararararte delte delte delte delte del

progrprogrprogrprogrprogramadoramadoramadoramadoramador

nExpresiones como ch o vos o palabras porteas1 , cuyosignificado puede ser desconocido por algunos usuarios.

Palabras como exit, logout, loggueate, no deben serempleadas.

nNo se debe utilizar excesivo detalle para experimentados comotambin escasa informacin para principiantes. La misma debe serbalanceada.

Permitir al usuPermitir al usuPermitir al usuPermitir al usuPermitir al usuario,ario,ario,ario,ario,

configurconfigurconfigurconfigurconfigurar el grar el grar el grar el grar el gradoadoadoadoado

o co co co co cantidantidantidantidantidad dead dead dead dead de

informacin que seinformacin que seinformacin que seinformacin que seinformacin que se

manejmanejmanejmanejmaneja.a.a.a.a.

Permitir cPermitir cPermitir cPermitir cPermitir cargargargargargasasasasas

ppppparciales de darciales de darciales de darciales de darciales de daaaaatostostostostos

nEl orden de ingreso de la informacin en un formulario debe serlibre.

nEl usuario debera poder comenzar a completar un formulariodesde cualquier punto, como tambin tener la posibilidad desuspenderlo, seguirlo despus.

nNo debe presentar restricciones o condicionamientos sin

sentido.

EvitEvitEvitEvitEvitar uso dear uso dear uso dear uso dear uso de

lengulengulengulengulenguaje exaje exaje exaje exaje extrtrtrtrtranjeroanjeroanjeroanjeroanjero

TABLA 1.2: Recomendaciones sobre Emplear el Lenguaje del UsuarioRecomendaciones sobre Emplear el Lenguaje del UsuarioRecomendaciones sobre Emplear el Lenguaje del UsuarioRecomendaciones sobre Emplear el Lenguaje del UsuarioRecomendaciones sobre Emplear el Lenguaje del Usuario

Unificar el empleo deUnificar el empleo deUnificar el empleo deUnificar el empleo deUnificar el empleo de

las funcioneslas funcioneslas funcioneslas funcioneslas funciones

predefinidaspredefinidaspredefinidaspredefinidaspredefinidas

Emplear estilos deEmplear estilos deEmplear estilos deEmplear estilos deEmplear estilos de

prompts simplesprompts simplesprompts simplesprompts simplesprompts simples

Unificar el empleoUnificar el empleoUnificar el empleoUnificar el empleoUnificar el empleo

de las funcionesde las funcionesde las funcionesde las funcionesde las funciones

predefinidaspredefinidaspredefinidaspredefinidaspredefinidas

nEvitar prompts o preguntas del sistema que incluyan frases

complejas con operadores lgicos como o, y, no, que dificultanla tarea interpretativa del usuario.

nPor ejemplo, evitar la siguiente frase Salir sin Guardar

nLas teclas funcionales como F1, F2,... o combinaciones de

teclas, deben estar utilizadas en forma homognea en todo elsistema y en toda circunstancia.

La consistencia es un punto clave para ofrecer confiabilidad y seguridad al sistema. Se refiere a quetanto el dilogo, el aspecto visual, el aspecto terminolgico, el comportamiento del sistema, se presentenante el usuario en forma homognea y consistente, sin ambigedades.

Los usuarios, no deberan tener que adivinar si diferentes palabras, situaciones o acciones, significanlo mismo en distintos contextos. O, por el contrario, que un mismo trmino adquiera diferentesinterpretaciones, a lo largo del sistema. Todas estas situaciones hacen que la interfaz se considereinconsistente, el usuario se desconcierta y no sabe qu actitud tomar.

El poder garantizar consistencia, adquiere mayor importancia, en sistemas extensos o, cuando sondesarrollados por distintas personas y en distintos momentos.

A continuacin, se mostrar la tabla de recomendaciones respectivas a este punto:

TABLA 1.4: Recomendaciones sobre Minimizar el uso de la memoria del usuarioRecomendaciones sobre Minimizar el uso de la memoria del usuarioRecomendaciones sobre Minimizar el uso de la memoria del usuarioRecomendaciones sobre Minimizar el uso de la memoria del usuarioRecomendaciones sobre Minimizar el uso de la memoria del usuario


implicara un fracaso para el desarrollador de la interfaz.Para evitar esto, se debe seguir las siguientes recomendaciones:

BrindBrindBrindBrindBrindar informacinar informacinar informacinar informacinar informacin

de contexde contexde contexde contexde contextototototonSe debe indicar en todo contexto, en dnde se encuentra el

usuario, desde dnde vino y hacia dnde puede ir.nSe puede adems mostrar datos importantes cargados en

pantallas previas, si es que el usuario debe continuar interactuandocon datos relacionados.


VVVVVisuisuisuisuisualizar losalizar losalizar losalizar losalizar los

rrrrrangos de entrangos de entrangos de entrangos de entrangos de entradadadadadaaaaa

admisibles por eladmisibles por eladmisibles por eladmisibles por eladmisibles por el

sistemasistemasistemasistemasistema

nMostrar en los campos de entrada, los posibles datos que sepueden ingresar y que ya son admisibles por el sistema, es una ayudaimportante para el usuario, ya que se evitara el tipeo de los mismos.

nBrindar ejemplos, formatos de entrada esperados, datos pordefecto no slo ayudan al usuario a evitar errores, sino que ademsle ensean cmo son los mecanismos de dilogo requeridos.

nSe debe mostrar informacin de la sesin, cules fueron lasltimas actividades, por qu sectores estuvo trabajando. As podrtener presente informacin sobre la navegacin y la interaccinefectuada.

nSaber por dnde se lleg a un determinado punto de lainteraccin, es importante por si se desea volver, revisar puntosanteriores o deshacer pasos.

nEl usuario puede ser interrumpido, por ejemplo por telfono ydebe contar con la informacin necesaria para continuar desde elmismo punto, sin perder datos ni tiempo.

nEl usuario no debera por ningn motivo, acceder a ayuda extraa la otorgada por el sistema o inclusive, utilizar medios manualespara buscar cierta informacin requerida por el software.

nEl sistema debe brindar todos los mecanismos de asistencia ymedios de bsqueda necesarios para que el usuario pueda encontrarla informacin que no recuerda, en forma simple.

nEs importante que el usuario sienta que el sistema est bajo sucontrol y no a la inversa.

BrindBrindBrindBrindBrindar mecar mecar mecar mecar mecanismosanismosanismosanismosanismos

de asistencia yde asistencia yde asistencia yde asistencia yde asistencia y

bsquedbsquedbsquedbsquedbsquedaaaaa

BrindBrindBrindBrindBrindar informacinar informacinar informacinar informacinar informacin

de la nade la nade la nade la nade la navegvegvegvegvegacin y deacin y deacin y deacin y deacin y de

la sesin actula sesin actula sesin actula sesin actula sesin actualalalalal

ConsistenciaConsistenciaConsistenciaConsistenciaConsistencia

TABLA 1.5: Recomendaciones sobre ConsistenciaRecomendaciones sobre ConsistenciaRecomendaciones sobre ConsistenciaRecomendaciones sobre ConsistenciaRecomendaciones sobre Consistencia

nEl concepto de una funcin, comando, tecla o botn, debe ser

siempre el mismo en todo el sistema.

nSiempre se debe utilizar el mismo trmino, frase o imagen

para un determinado concepto y viceversa.

nDebe conformar una relacin 1 a 1, entre la representacin y el

significado de cada objeto o funcin.

nDe esta manera se evitan falsas interpretaciones.

Debe existir unaDebe existir unaDebe existir unaDebe existir unaDebe existir una

consistenciaconsistenciaconsistenciaconsistenciaconsistencia

terminolgicterminolgicterminolgicterminolgicterminolgicaaaaa


nEn todas las pantallas debe utilizarse los colores, espacios,distribucin, tamaos, ubicaciones, sonidos y formatos en formacoherente y homognea.

nEl usuario no debe notar grandes diferencias visuales nitratamientos dismiles entre los contextos de un mismo sistema

Debe existir unaDebe existir unaDebe existir unaDebe existir unaDebe existir una

consistencia visuconsistencia visuconsistencia visuconsistencia visuconsistencia visualalalalal

En este principio, se apunta a que el sistema siempre debera mantener al usuario informado delo que est sucediendo, ms que nada cuando ste manipula los objetos directamente sobre lapantalla.

El mecanismo para lograr la comunicacin desde el sistema y hacia el usuario, es utilizando unatcnica llamada feedback o retroalimentacin.

Cuando se provee feedback, la interfaz da una respuesta grfica o textual sobre la pantalla,frente a una accin del usuario. El feedback se refiere al efecto o reaccin del sistema, que seproduce por alguna operacin del usuario.

El feedback, debe disearse de acuerdo a las siguientes consignas:

FFFFFeedbackeedbackeedbackeedbackeedback

Este principio, se refiere a que el usuario en todo momento tenga al alcance una opcin desalida de emergencia, que est fcilmente identificable y accesible.

Esta posibilidad que le brindara el sistema de salir del estado en que se encuentra, brinda lasensacin de seguridad al usuario, pues le permitira dejar cuanto antes alguna situacin nodeseada.

Las salidas deben ser siempre evidentes y se deben poder encontrar a simple vista. Lasrecomendaciones para ellas, son:

SalidSalidSalidSalidSalidas evidentesas evidentesas evidentesas evidentesas evidentes

TABLA 1.6: Recomendaciones sobre FeedbackRecomendaciones sobre FeedbackRecomendaciones sobre FeedbackRecomendaciones sobre FeedbackRecomendaciones sobre Feedback


BrindBrindBrindBrindBrindar aar aar aar aar avisosvisosvisosvisosvisos

informainformainformainformainformativostivostivostivostivosnSe debe informar al usuario, sobre qu puede realizar en un

determinado momento, sobre el grado de actualizacin de lainformacin que se despliega, sobre el tamao o volumen de datoscon el que va a trabajar, entre otras cosas.


BrindBrindBrindBrindBrindar mensar mensar mensar mensar mensajesajesajesajesajes

preventivospreventivospreventivospreventivospreventivos

nAl usuario se le debe advertir sobre posibles situaciones

indeseables que puedan ocurrir.

nTambin, se le debe informar, por ejemplo, tiempos de accionesque demanden varios minutos.

nLa interfaz del usuario debe servir tambin como un medio para

aclarar, explicar, detallar sobre informacin o comportamiento

esperados del usuario.

nEl usuario debe tener la posibilidad de confirmar cadatransaccin o actividad importante que haya realizado, o donde semaneje informacin sensible.

Dar mensDar mensDar mensDar mensDar mensajes deajes deajes deajes deajes de

confirmacinconfirmacinconfirmacinconfirmacinconfirmacin

BrindBrindBrindBrindBrindar mensar mensar mensar mensar mensajesajesajesajesajes

aclaraclaraclaraclaraclaraaaaatoriostoriostoriostoriostorios

BrindBrindBrindBrindBrindar mensar mensar mensar mensar mensajes deajes deajes deajes deajes de

cierrecierrecierrecierrecierre

nSe debe indicar cmo finalmente culmin una actividadefectuada por el usuario.

nSe debe indicar si una transaccin fue realizada exitosamenteo no.

RRRRRealizar vealizar vealizar vealizar vealizar validalidalidalidalidacionesacionesacionesacionesaciones nEl sistema debe validar la informacin ingresada por el usuariomientras l est interactuando en una manera natural.

nNo sera correcto indicar que existen datos errneos despusde un largo periodo de tiempo de interaccin o cuando el usuario yase encuentra en otro contexto o haciendo otra cosa.

nEntonces, apenas se pueda dar retroalimentacin al usuario,debe hacerse.

Dar informacin sobreDar informacin sobreDar informacin sobreDar informacin sobreDar informacin sobre

los estlos estlos estlos estlos estados de losados de losados de losados de losados de los

procesosprocesosprocesosprocesosprocesos

nSe debe informar sobre cmo va el proceso que el sistema

est realizando, por dnde va y cunto falta para culminar.

nEsto es importante en el caso de impresiones, actualizaciones,

indexaciones o almacenamiento de gran volumen de informacin.

Dar informacin sobreDar informacin

Libro Paginas diseño

Documents

Transcript of Libro Paginas diseño