Xvi Ciis-tacna (Medardo Delgado - Presentación 11-11)

7/25/2019 Xvi Ciis-tacna (Medardo Delgado - Presentacin 11-11)

1/86

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN

FACULTAD DE INGENIERIA

E.A.P. DE INGENIERIA EN INFORMATICA Y SISTEMAS

XVI CONGRESO INTERNACIONAL DE INFORMATICA Y SISTEMAS -XVI CIIS 2015

gInnovacion cientifica y emprendimiento tecnologico en la nueva era del Conocimientoh

DISENO DE INTERFACESCENTRADO EN EL USUARIO

Medardo Delgado Paredes

[email protected]

Tacna 11 de Noviembre

C 0M 112G


2/86






Diseno de Interfaces centrado en el Usuario(UserCenteredDesignUCD)

.lafilosofiadedisenoquetieneporobjetolacreaciondeproductosqueresuelvannecesidadesconcretasdesususuariosfinales..lamayorsatisfaccionymejorexperienciadeusoposibleconelminimoesfuerzodepartedelhumano..Lacharlapresentalosconocimientosfundamentales,procesos,habilidadesypracticasqueconducenaldisenocentradoenelusuario..Asimismo,laeficaciadelasinteraccionesdelserhumano;laergonomia;lacognicion,percepcion,ymemoriahumanaenelprocesamientodesistemasinformaticos;ylaevaluaciondelosprototipos.

.Comodisenaraplicacioneswebusablesyaccesiblesalasnecesidades,habilidadesyobjetivosdelusuario.

.Lastecnicas,procedimientos,ymetodosdeingenieriadeusabilidadqueconducenaunamayoreficaciadelsistemaenelusodeapoyodelosequipos,formaciondeusuario,enladiversidaddeestilosdeinteraccionytrabajoindividualodegrupo.


3/86






.Por que importa la interfaz de usuario?

.Computacionesomnipresente

.Laimportanciadelbuendisenodelainterfazdeusuario

..Queesunbuendisenodelainterfazdeusuario?

..Queeslausabilidad?


4/86






Atributosdel Software

.Usabilidad:(ISO9241)

."LamedidaenqueunproductopuedeserutilizadoporEspecificaciondelusuario.Quelosusuariosalcanzensusobjetivosespecificosconefectividad,eficienciaysatisfaccionenundeterminadoContextoDeuso.".Eficacia:

"Laprecisionyexhaustividadconlaquelosusuariospuedenlograrobjetivosendeterminadosentornos"

.Eficiencia:

"Losrecursosquesehangastadoenloquerespectaalaexactitudyexhaustividaddelosobjetivoslogrados"

.Satisfaccion"

"Lacomodidadylaaceptabilidaddelsistemadetrabajodesususuariosyotraspersonasafectadasporsu

uso"


5/86






Los problemas de pobre o malas Interfaces

.UsuarioFrustracion yDescontento

.Seguridad y la interfaz de usuario

.Las pequenas irritaciones sonunproblema


6/86






Disenar para los usuarios

.Human-CenteredDesign(HCD)Principios:

.Participacionactivadelosusuarios

.Asignaciondefuncionesentreelusuarioyelsistema

.Iteraciondelassolucionesdediseno

.DisenodeEquiposMultidisciplinarios

.4HCDactividadesescenciales

.Entenderyespecificarelcontextodeuso

.Especifiqueeltipodeusuarioyrequisitosdelaorganizacion

.Producirsolucionesdediseno(prototipos).Evaluarlosdisenosalasnecesidadesdelosusuarios


7/86






Descubra y Conozca su Usuario

.Parasaberdelusuario,obtengalascaracteristicaspersonales,latareadelusuario,yelambientedelatarea.InformacionPersonaldelUsuario.SuConocimientoyExperiencia.PreferenciasPersonalesyCaracteristicas.InformaciondelaTarea.Caracteristicasdelpuestodetrabajo.Laslimitacionesdelusuario.MedioambienteInformacion


8/86






Usuarios: .Quienes son? (1/2)

.Informaciondeusuariopersonal

.Conocimientoyexperiencia

.TrabajoycaracteristicasdelaTarea

.Laslimitacionesdelusuario

.Laspreferenciaspersonalesylosrasgos


9/86






Usuarios: .Quienes son? (2/2)

.EntornoSocial

.Caracteristicas:Capacidad,antecedentes,actitudhacialosordenadores

.UsodelSistema:principiante,experto,casualyfrecuente

.Principiante:pasoapaso(seindica),limitada,informacionclara

.Experto:laflexibilidad,elacceso/alimentacion

.Frecuente:atajos

.Casual/infrecuentes:instruccionesclaras,porejemplolasrutasdemenus


10/86






Diseno de Interfaces Centrado enlos Usuarios

.El ciclo de vida Clasico

.Participacion de los usuarios

.Realizar el proceso de diseno

.iterativo


11/86






El clasico Ciclo de Vida de Desarrollo deSoftware


12/86






Diseno de la Interfaz y Proceso de Evaluacion


13/86






Los Interesados Vs los Usuarios

.Los interesados

.Los contribuyentes, la administracion, los desarrolladores,Los usuarios finales

.Los Usuarios Principales

.Los usuarios del sistema informatico

.Usuarios Externos

.Manager,Los administradores de sistemas externos


14/86






Ciclo de vida gEstrellah


15/86






Los dos tipos de conocimientos necesariospara el diseno de la interfaz

.Recopilaciondeinformacionyanalisisqueformanpartedeldisenodelainterfazdeusuarioyelprocesodedesarrollo.ConocimientossobreelDisenodelInterfazcentradoenelUsuario(losPrincipiosylasreglas)


16/86






Tecnica: Personas

.Lafunciondeestatecnicaesladeservirdesoporteparalatomadedecisionesdeldisenodelsitio.Permitiendoaldesarrollador,eldisenocentradoenelusuario.EsteoEstosusuario(s)loconsideramosgrealeshydocumentamosdecisionesbasadasenlagPersonah.Sudescripcionestabasadasobre,yportantorepresentaa,unnutridogrupodeusuariosreales


17/86







18/86






Los Grandes Pasos de Diseno Centrado

1.Interaccionconunsitiowebcomosisetrataradeunaconversaciononegociacion:Objetivo->Contenido/Funcion->Resultadoempresarial2.Proyectoengrupo;losusuariostienendiferentesobjetivos;Losusuariosnosontodosiguales3.InvestigaciondeUsuariosvaenaumento4.Nadarenlosdatos,esnecesarioqueelprocesoseadelasiguientemanera:masbosquesdearboles5.Decisionessobre:Loquesecree;Comofunciona;loqueusteddice;loqueparece


19/86






.Que tipos de Usuario son los masimportantes?

.Nosepuedecrearunainterfazparatodoelmundo

.Centrarseenquetiposdeusuariossonlosmasimportantes


20/86






.Usted NO es elusuario

Identidades.Construirla empatiacon los disenadores


21/86






CrearIdentidades

.Investigacion sobre el pensar del usuario

.Memoria .asociacion -imagenes

Word Cloud

.Entrevistas Usuario

.Tarjetas de information& tareas necesitadas


22/86







23/86






Entrevista a los usuarios que suenan con serpropietarios de una casa, que quieren explorar loslistados de bienes inmuebles

Elartedeencontrarpatronesohistoriasdelosdatos

Segmentacion

Comportamientos

Objetivos

Actitudes


24/86






Segmentacion por Objetivos

..Queson lasdiferenciasde laspersonas queintentanEn el sitio?

.Jerarquiade objetivos

Ser feliz

Ser independiente

Comprar una casa

Comprender proceso

Aprender acerca de lospuntos

Motivador

Motivador

Objetivo

Necesidad

Tarea

Otrosobjetivos:

.Comprarpropiedadescomerciales

.Encontrarun apartamento

.Vender unacasa

.Obtenerun prestamohipotecario

.Obtenerun seguro

.Encontrarunaempresademudanzas


25/86






Segmentacion por Comportamiento yActitudes

..Dequemaneralosusuariosvarianenfunciondeloquehacenoloqueellospiensan?

.Explorarlasdiferentescombinaciones

El riesgodequealguienpiensaqueelsabemasqueel. Y no esenrealidad

El quequiereusarherramientasdel

sitioy quenonecesitaayuda

El inexpertoquenecesitaunagran cantidadde orientacion

El inteligentequequierevalidaciondelo queyasabe

Frecuenciadeactividadinmobiliaria

Conocimientosobrelaspropiedadesinmobiliarias


26/86






Segmentacion: Las pruebas

Los segmentos deben...

.Explicar las diferencias clave que hay entre los usuarios

.Ser lo suficientemente diferente de cada uno

.Sentir como personas reales

.Se describen rapidamente

.Cubrir a todos los usuarios

.Claramente afectan la toma de decisiones


27/86






Datos cualitativos y cuantitativosValidacion


28/86






Cuantitativas: Retrato del Usuario Completo

Lo queelUsuariodice

Lo que elUsuariopiensa

Lo que elUsuarioquiere


29/86






CONOZCA A SUS USUARIOSPORQUE COMO EL NUNCASERAS


30/86







31/86






Definicion de Usuario

.UnusuarioeselquegUsahhabitualmentealgo

.ElusuariocomprendeelgUsoh.Ex.gEstoseriamasrapidoparadesarrollarcomounaaplicacionwebh,gSi,losusuariostendranaccesoaunaimpresoradeescritorioch.Losusuariossabenquesignificapeligro.Ex.gPorsupuestoestebotondebedeserdecolorrojoh


32/86






Utilizar Identidades de Usuario

Sally (Sales Professional)

.38, Casada

.2 Ninos

.5 Anos de experiencia con el ordenador

.Conoce Windows, Office, PowerPoint

.Tiene entre 10 y 20 clientes PYMES

.Utiliza Vaiode Sony y Samsung Blackjack

"No me conecta a los problemas principalesque mis clientes estan llamandome"

Jim(CallCenter Ejecutivo)

.57,Casado

.4Ninos,todosafueradelacasa

.Muypocaexperienciainformatica

.Brenda(suadmin)leimprimetodosucorreoelectronicohastahacemuypocotiempo

.MuestrasuPDAenelcampodegolf

"Quieroelaltonivel,visionabstractademisclientesylaorganizacion".


33/86






"Jimtendraaccesoa unaimpresoraa travesde suadministrador, peroSallyobraen la carretera, porlo quepuedennecesitarotraopcionpara imprimirggPara Sally unainterfazweb puedetenermassentidoqueparaJim, "


34/86







35/86







36/86







37/86







38/86







39/86







40/86







41/86







42/86







43/86







44/86







45/86







46/86







47/86







48/86







49/86







50/86







51/86






Como Reunir los Requisitos: Busqueda deInformacion Sobre los Usuarios y su Dominio


52/86






La crucial necesidad de conocimiento.Porqueesestainformacionnecesaria?

.Los Usuarios

.Caracteristicas de la Tarea

.Caracteristicas de los entornos


53/86






La importanciadeRequisitos

.El Costo de Requisitos Defectuosos

.DiferentesTipos de Requisitos

.Los datosReunion

.TareaEscenarios

.Casos de uso concretos (no personalizado)

.Casos de Uso Esenciales (resumen)

.Analisis del Flujo

.Analisis de Tarea Jerarquica


54/86






Costo de requisitos Defectuoso (1/2)

.Elcostodeldefectodependedeltiempototalqueeldefectoestapresenteeneldesarrollo

.Introducciondeldefecto

.Sintomasdeldefecto

.Encontrareldefecto

.Arreglareldefecto(Solucion)

.Comprobarlasolucion


55/86






Costo de requisitos Defectuoso (2/2)

.Errorintroducidoenrequisitos

.Errormanifestadoenexamendelprototipodelsistemaconelusuario

.Errorcorregidoenrequisitos


56/86






Diferentes tipos de requisitos (1/2)

.Funcional:

.Lo que el sistema debe hacer

.Historicamente, el principal foco de actividades requisitos

.No funcionales: tamano de la memoria, el tiempo de respuesta...

.Los datos:

..Que tipos de datos deben ser almacenados?

..Como van a ser almacenados (p.ej. bases de datos)?


57/86






Diferentes tipos de requisitos (2/2)

.Ambienteocontextodeuso:

.Fisica:polvo?Ruido?Vibraciones?Luz?Calor?Humedad?c.(P.ej.OMSinsectos,ATM)

.Social:elintercambiodearchivos,delaspantallas,enelpapel,atravesdegrandesdistancias,eltrabajoindividual,laprivacidaddelosclientes.Organizacion:lajerarquia,sudepartamentodeactitudyasucompetencia,soporteausuarios,estructuradelascomunicacionesylainfraestructura,ladisponibilidaddeFormacion

.Facilidaddeuso:Learnability,rendimiento,flexibilidad,Actitud


58/86






Observacion de susUsuarios

.Observacion directa

.Campo o estudios controlados

.Observacion indirecta: la grabacion de videos

.Puntos a considerar en relacion conObservacion

.Directo: mas barato, mas sencillo, la perdida de informacion

.Indirecta: registro permanente, revision sencilla


59/86






.Que, como y por que?

..Que

.Dos objetivos:

.Entender en la medida de lo posible acerca de los usuarios, tarea, contexto

.Producir un conjunto estable de requisitos

.Como:

.Las actividades de obtencion de datos

.Las actividades de analisis de datos.Expresiones como "requisitos"

.Todo esto esIterativo

.Por que:

.Definicion de las necesidades: la etapa en la que el fracaso se produce comunmente.Requisitos de derecho esCrucial


60/86






Usuarios: .Quienes son?

.Informacion de usuario personal

.Conocimiento y experiencia

.Trabajo y Tarea

.Las limitaciones del usuario

.Las preferencias personales y los rasgos

.Entorno Social

.Caracteristicas: Capacidad, antecedentes,Actitud hacia los ordenadores

.Uso del Sistema: principiante, experto, casual y frecuentes

.Principiante: paso a paso (se indica), limitada, informacion clara

.Experto: la flexibilidad, el acceso/alimentacion

.Frecuentes: atajos.Casual/infrecuentes: instrucciones claras, por ejemplo las rutas de menus


61/86






Tecnicas de coleccion de datos

.Entrevistar a los usuarios

.ForoParaHablando con la gente

.Estructurada, no estructurada o semi-estructurada

.Accesorios, p. ej., escenarios de uso,los prototipos, se puede utilizar en lasentrevistas.Buena para explorar los problemas.Pero son mucho tiempo y puede llegar a serInviable para visitarTodos.HablandoA los usuarios o preguntar.Entrevista Estructurada.FlexibleEntrevista

.Puntos a considerar en relacion con las entrevistas

.Estructurada es mas facil

.Audio/VideoGrabacion proporciona un registro permanente

.Evitar "lideres" preguntas.


62/86






Cuestionarios y encuestas

.Cuestionarios:

.Una serie de preguntas destinadas a obtenerInformacion especifica

.Las preguntas pueden requerir diferentes tipos deRespuestas:

.SI/NO; eleccion de pre-entrega

.Respuestas; comentario

.A menudo se utiliza en combinacion con otrosTecnicas

.Puede dar datos cuantitativos o cualitativos

.Buena para responder a preguntas especificas deun gran grupo de personas disper

sas

.TiposEstructura de la pregunta

.Preguntas cerradas

.Seleccione de una lista de opciones de respuesta (s/n, a, b, c, d)

.Diferencial semantico


63/86







64/86







65/86







66/86







67/86






El objetivo del Enfoque Centrado

.Eseldisenode:

.Elcontextodeusuariointeracciontecnologia

.Laexperienciadelusuario

.El proceso de diseno centrado en el usuario enfoque implica:

.Generar escenarios

.Directrices para el usuario especializado cultura

.Desarrollo de prototipos

.Pruebas


68/86







69/86






QUEUsuarios &UlabEquipo

..QueesunverdaderoUsuario?

.LosUsuariosquereflejanlasdiferenteshabilidades,conocimientodeldominio,laexperienciaenelsistema

.UsuarioClave

.Preguntasdevalidacion:.quecaracteristicasdebenestarpresentesparaasegurarunverdaderousuario?

.Numerodeparticipantesquehanresultadosvalidos

.N=6

.Crearunacuerdo

.Antesdelaevaluacion(protegeatodos,liberaalusuario)

.UlabEquipo


70/86






QUE.Queesla Evaluacionde La usabilidad? (1/2)

1.RealizarunareuniondeplanificaciondelaEquipoULAB.

.DefiniciondelosObjetivos,facilidadypreocupacionesdelaevaluacion

.Establecimientodelaspartesdelaevaluacion

.Creaciondeunperfildeusuario

.Desarrollodelcuestionariodedeteccion

.Creaciondeescenariostarea(tareascripts)

.Determinaciondelasmedidascuantitativasycualitativas(Metricas)

.Asignaciondefuncionesdeequipoparalaevaluacion

.Establecimientodelmetododeanalisisdelosdatosyloscriteriosdereferencia.Creaciondelistadeequiposnecesariosparalaevaluacionylaconfiguraciondelasalapatron


71/86






QUE.Queesla Evaluacionde La usabilidad? (2/2)

2.Prepararlastareasaserrealizadasporlosmiembrosdelequipo,criteriosdeselecciondelparticipante,eldesarrollodematerialesdeprueba,etc.

3.Contodoslosmiembrosdelequipo.Realizarunensayoconunodelosmiembrosdelequipocomoelusuario.Estedatonoesvalido.

4.Realizarunprogramapilotodeevaluacion.

5.Realizarlaevaluacionconusuariosreales6.Analizarlosresultados,

prepararConclusionesyrecomendaciones.PrepararUnultimoinforme-resumendelproyectoyentregarelinforme,todaslaspruebasmateriales,materiasprimasycapturadedatos.

Prepararunapresentaciondelosresultadosclave.


72/86






DONDE

..Donde va a hacer la evaluacion?

.Estudios sobre el terreno -usuario de su propio medio ambiente

.Estudios controlados, con la unica excepcion del entorno de usuario

.Organizar las sesiones de evaluacion Usabilidad


73/86






EJEMPLOgLovelyRoomshServicio de Reserva de Hoteles (1/7)

.Dominio:Serviciodereservadehoteles,


74/86







.Diseno conceptual

.Objeto de la tarea principal:Hotel

.Atributos:B&B, convertidos propiedad antigua

.Acciones:Buscar en

.Las metaforas.Lista y los resultados del mapa


75/86







.Principiosde Disenode sitiosWeb. Home Run(Nielsen2000).

.High-quality content

.Often updated

.Minimal download time

.Ease of use

.Relevant to users needs

.Unique to the online medium

.Net-centric corporate culture


76/86







.Diseno Conceptual


77/86







.DisenodeWebSites

.DisenodelaestructuradelsitioWeb

.Ayudaralosusuariosasaberdondeestan

.Ayudaralosusuariosanavegarporelsitio

.Navegacionestructural-otraspaginasdentrodelmismositio

.Vinculosasociativos-mismapaginaenlaces

."Vertambien"enlaces-aotrossitiosweb

.Ayudasalanavegacion


78/86







.Ayudasen la Navegacion

.Color de enlaces de texto

.Quelos nombresde los vinculossignificativos

.Botoneso imagenesgraficas

.Listasdesplegables

.Mapadel sitio

.Rutade navegacion

.Geograficao mapasvisuales

.Barrasde navegacion


79/86







.Consideracionesdediseno

.Laprofundidadylaamplitudlajerarquia?

.Esmejordividirunbloquedeinformacionenvariaspaginasodejarlocomounapaginalarga?

.Variaspaginaswebpuedencombinarseenunamayor?

..Laestructuradelsitioreflejalaestructuradelastareasqueelusuariodeseallevaracabo?..Comodebeelcontenidodelsitioseagrupan?


80/86







81/86







82/86







83/86






CONCLUSIONES

.EsimportantequenosedescarteelProcesodeDisenoCentradoenelUsuarioylaspruebasdeusabilidad,yaqueofrecenunreflejofieldelasnecesidadesdelusuario..Ademas,dalavalidacionenmultiplespuntosdeunproyecto,paraasegurarqueeldisenovaporelbuencamino,desdelaperspectivadelusuario..Alfinyalcabo,lagarantiadequeelusuariotienelamejorexperienciaposibleconunproductofinaldebeserelobjetivofinaldecualquierproducto.


84/86






Referencias

.Universidad la Salle, Arequipa .Escuela de Invierno 2015. Barbara V.Bernal Thomas, SoftwareEducationSupport.com


85/86






GRACIAS


86/86

Xvi Ciis-tacna (Medardo Delgado - Presentación 11-11)

Documents

Transcript of Xvi Ciis-tacna (Medardo Delgado - Presentación 11-11)