Usabilidad Web (tan de moda hoy en día)
-
Upload
adolfo-sanz-de-diego -
Category
Design
-
view
840 -
download
1
description
Transcript of Usabilidad Web (tan de moda hoy en día)
![Page 1: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/1.jpg)
USABILIDADWEBADOLFOSANZDEDIEGO
AGOSTO2014
![Page 2: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/2.jpg)
1ELAUTOR
![Page 3: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/3.jpg)
1.1ADOLFOSANZDEDIEGOAntiguoprogramadorwebJEE(6años)Hoyendía:ProfesordeFP(6años):Hardware,SistemasOperativosRedes,Programación
FormadorFreelance(3años):Java,AndroidJavaScript,jQueryJSF,Spring,HibernateGroovy&Grails
![Page 4: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/4.jpg)
1.2ALGUNOSPROYECTOSFundadory/ocreador:HackathonLovers:TweetsSentiment:MarkdownSlides:
Co-fundadory/oco-creador:PeliTweets:PasswordManagerGenerator:
http://hackathonlovers.comhttp://tweetssentiment.com
https://github.com/asanzdiego/markdownslides
http://pelitweets.com
http://pasmangen.github.io
![Page 5: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/5.jpg)
1.3¿DONDEENCONTRARME?Minick:asanzdiegoAboutMe:GitHub:Twitter:Blog:LinkedIn:Google+:
http://about.me/asanzdiegohttp://github.com/asanzdiegohttp://twitter.com/asanzdiego
http://asanzdiego.blogspot.com.eshttp://www.linkedin.com/in/asanzdiego
http://plus.google.com/+AdolfoSanzDeDiego
![Page 6: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/6.jpg)
2INTRODUCCIÓN
![Page 7: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/7.jpg)
2.1¿QUÉ?Vamosaverqueeslausabilidaddeunsitiowebycomomejorarla.
![Page 8: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/8.jpg)
2.2¿PORQUÉ?(I)Mejoraenlacalidaddelproducto:lossistemasquemejorseajustanalasnecesidadesdelusuariomejoranlaproductividadylacalidaddelasaccionesylasdecisiones.Reduccióndeloscostesdemantenimiento:lossistemasquesonfácilesdeusarrequierenmenosentrenamiento,menossoporteparaelusuarioymenosmantenimiento.
![Page 9: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/9.jpg)
2.3¿PORQUÉ?(II)Reduccióndeloscostesdeproducción:loscostesytiemposdedesarrollototalespuedenserreducidosevitandoelsobrediseñoyreduciendoelnúmerodecambiosposterioresrequeridosenelproducto.Uncasoreal,despuésdeserrediseñadoprestándoseespecialatenciónalausabilidad,elsitiowebdeIBMincrementósusventasenun400%
![Page 10: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/10.jpg)
2.4¿CÓMO?(I)Primerodefiniremosvariostérminosimportantes:usabilidad,accesibilidad,arquitecturadelainformación,experienciadeusuarioydiseñocentradoenelusuario.Luegointentaremosconoceralusuario,sabercomove,comopiensaycomoactúa.
![Page 11: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/11.jpg)
2.5¿CÓMO?(II)Despuésveremoscomoevitandoqueelusuariocometaerrores,ysimplificandoeldiseño,podemosmejorarlausabilidad.Tambiénveremoslametodologíadeldiseñocentradoenelusuario,quesecomponedevariasfases:planificación,diseño,prototipado,evaluación,implementaciónylanzamiento,ymantenimientoyseguimiento.
![Page 12: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/12.jpg)
2.6¿CÓMO?(III)Seguidamenteveremoslosprincipiosdeusabilidadylastécnicasdeevaluación:card-sorting,evaluaciónheurística,testdeusuarios,eye-tracking,feedback,analíticaweb,testsA/B.Paraterminarpropondremosvariosvariosejerciciospararealizarenclaseengruposde3-4.
![Page 13: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/13.jpg)
3GLOSARIODETÉRMINOS
![Page 14: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/14.jpg)
3.1USABILIDAD(I)Lausabilidadserefierealacapacidaddeunsoftwaredesercomprendido,aprendido,usadoyseratractivoparaelusuario,encondicionesespecíficasdeuso.(ISO/IEC9126)Lausabilidadserefierealgradodeeficacia,eficienciaysatisfacciónconlaqueunproductopermitealcanzarobjetivos,ausuarios,enuncontextodeusoespecífico.(ISO/IEC9241)
![Page 15: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/15.jpg)
3.2USABILIDAD(II)Podemosobservarquelausabilidadsecomponededostiposdeatributos:Atributoscuantificablesdeformaobjetiva:comosonlaeficaciaonúmerodeerrorescometidosporelusuariodurantelarealizacióndeunatarea,yeficienciaotiempoempleadoporelusuarioparalaconsecucióndeunatarea.Atributoscuantificablesdeformasubjetiva:comoeslasatisfaccióndeuso,medibleatravésdelainterrogaciónalusuario.
![Page 16: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/16.jpg)
3.3USABILIDAD(III)Losusuariosnobuscanusabilidad,buscanutilidad,entendidacomoelprovecho,beneficioeinterésqueproducesuuso.Unproductoseráusableenlamedidaenqueelbeneficioqueseobtengadeusarlojustifiqueelesfuerzonecesarioparasuuso.Pensemosporejemploenlosautomóviles:sonherramientasquerequierendeungranesfuerzodeaprendizajeyadaptaciónporpartedesususuarios,aunquenoporellosonpercibidoscomoartefactospocousables.
![Page 17: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/17.jpg)
3.4USABILIDAD(IV)Lausabilidadnosóloesrelativaasususuarios,sinotambiénalosusos.Porejemplo,unmicroondaspuedeserusadoparaguardarzapatos,peronosepensóparaeso,porlotantopuederesultarnousableenesecontexto.Además,losobjetivosycontextosprevistosdeterminaránlaimportanciadesuusabilidad.Porejemplo,unteléfonomóvilpuedeserusadopararealizarunallamadadeemergencia,oparaescucharlasdiferentesmelodíasqueincorpora,unobjetivoesteúltimoparaelquelausabilidadpuedequenoseatanrelevantecomoparaelprimero.
![Page 18: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/18.jpg)
3.5ACCESIBILIDADLaaccesibilidadserefierealacapacidaddelsistemaaparafacilitarelaccesoatodaslaspersonasenigualdaddecondiciones,independientementedelatecnologíaosoportequeutilicenydeladiscapacidadquepuedanpresentar.
![Page 19: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/19.jpg)
3.6ARQUITECTURAINFORMACIÓN(I)Disciplinaquebuscaorganizarespaciosdeinformaciónconelfindeayudaralosusuariosasatisfacersusnecesidadesdeinformación.Laactividaddeorganizarcomportalaestructuración,clasificaciónyrotuladodeloscontenidos.LaAIeselelementoquesostieneestructuralmenteelcontenido,portanto,debedefinirseenlasprimerasetapas,yaquedeelladependeránotroselementosdeldiseño.
![Page 20: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/20.jpg)
3.7ARQUITECTURAINFORMACIÓN(II)Elobjetivoprincipalesfacilitaralusuariolarecuperacióndeinformación.Larecuperacióndeinformaciónesunadelastareasdemayorimportanciaparalosusuarios.UnamalaAIdificultalabúsqueda,yalalargarealizarotrastareas(comocomprar).
![Page 21: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/21.jpg)
3.8EXPERIENCIAUSUARIOCapacidaddeunainterfazdegenerarsensacionesyemociones,enelusuario,duranteelprocesodeinteracción.
![Page 22: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/22.jpg)
3.9DISEÑOCENTRADOUSUARIOProcesodediseñoydesarrollo(delsitioweb)conducidoporelusuario,susnecesidades,característicaseintereses.
![Page 23: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/23.jpg)
4CONOCERALUSUARIO
![Page 24: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/24.jpg)
4.1¿CÓMOVE?(I)Decidimosquéqueremosatendervisualmente,peronuestraatenciónseveinterferidainvoluntariamenteydeformaautomáticapordeterminadascaracterísticasvisuales,aúncuandohaganpresenciaenzonasdevisiónperiférica.
![Page 25: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/25.jpg)
4.2¿CÓMOVE?(II)Enlasinterfaceswebsucedeigual:losusuariosescanearánvisualmentelainterfazenbuscadepropiedadesgráficaspropiasdelosobjetosdeseados–enlaces,textos,imágenes,...–,yestaexploraciónpuedeversefacilitadasieldiseñadorenfatizaaquelloselementospotencialmentemásrelevantes,oporelcontrarioentorpecidacuandonadaparecevisualmentemásrelevantequeelresto.
![Page 26: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/26.jpg)
4.3¿CÓMOVE?(III)Lacapacidadquetieneunelementovisualdeatraerlaatencióndelusuarioseencuentraendirectarelaciónconsusdiferenciasgráficasrespectoaloselementoscolindantes.
Nosvemosinvoluntariamenteatraídosporloinusual.Fuente:nosolousabilidad.com
![Page 27: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/27.jpg)
4.4¿CÓMOVE?(IV)Unelementoconmayortamañoqueelresto,conuncolordistintoalosdemás,conunaorientacióndiferente,oenmovimiento,tendrámásprobabilidaddeatraernuestraatención.
![Page 28: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/28.jpg)
4.5¿CÓMOVE?(V)Estoesalgoquecomprendieronlosdiseñadoresdebanners,perolosusuariosaprendieronaignorarautomáticamentetodoaquelloque,porsuspropiedadesgráficas(yubicación),parecierainformaciónpublicitaria(lofueraono).Lapublicidadcontextual,popularizadaporGoogle,intentaatraernuestraatenciónporelcaminocontrario:envezdepormediodesudiferenciacióngráfica,mediantesusimilitud,detalformaqueelusuariotengalaimpresióndequeporsuaspectopuedatratarsedecontenidodeinterés.
![Page 29: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/29.jpg)
4.6¿CÓMOVE?(VI)Mejorareldiseñovisual:
Mejorareldiseñovisual.Fuente:nosolousabilidad.com
![Page 30: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/30.jpg)
4.7¿CÓMOVE?(VII)Enfatizar:implicahacervisiblelorelevante,establecerunaclarajerarquíavisualentreelementosyzonasdelainterfaz,demodoquelaatencióndelusuarioseveaguiadadeformalógicaysecuencialdelomásrelevantehacialosecundario.
![Page 31: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/31.jpg)
4.8¿CÓMOVE?(VIII)Organizar:significaestablecerrelacionesvisualeslógicas,quefacilitendeestemodoalusuariorelacionarodiferenciarelementosautomáticamente.Porejemplo,quelosenlacestengantodosunamismacaracterizacióngráfica(color,tipografía,efectos),facilitaalusuarioque,unavezdetectadounenlace,puedadiferenciarlosautomáticamente.
![Page 32: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/32.jpg)
4.9¿CÓMOVE?(IX)Hacerreconocible:considerarconespecialcuidadoelusodeiconos,encabezados,enlaces...detalformaqueserequieradelusuarioelmenordelosesfuerzosparacomprenderypredecirelfuncionamientointeractivodelainterfaz.
![Page 33: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/33.jpg)
4.10¿CÓMOPIENSA?(I)Cadavezqueaprendemosalgoextraemosnuestropropiomapamental.
Extraccióndenuestropropiomapamental.Fuente:nosolousabilidad.com
![Page 34: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/34.jpg)
4.11¿CÓMOPIENSA?(II)¿Cómoclasificaríamosloscolores?
![Page 35: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/35.jpg)
4.12¿CÓMOPIENSA?(III)¿Primarios,secundariosyterciarios?¿Ocálidosyfríos?
Clasificacióndeloscolores
![Page 36: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/36.jpg)
4.13¿CÓMOPIENSA?(IV)¿Cúaldelas2clasificacionesesmejorparamiinterfaz?Dependerádenuestrosusuarios.Hayqueintentaradaptarnuestroscontenidosalosmapasmentalesdenuestrosusuarios.
![Page 37: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/37.jpg)
4.14¿CÓMOPIENSA?(V)Unusuarioserácapazdeidentificarlafuncióndecadaelementosólosihaaprendidopreviamentesusignificado.Ademáselsignificadodependerádelcontexto.Unmismousuarioasociarásentidosdiferentesaunenlaceconelrótulo“Archivos”,enfuncióndesiseencuentravisitandounsitiowebdenoticias,unrepositoriodesoftwareolapáginawebdeunaasociacióndeBibliotecas,MuseosyArchivos.
![Page 38: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/38.jpg)
4.15¿CÓMOPIENSA?(VI)¿Cualesdeestosformulariosdebúsquedanoutilizaríasparatuinterfazweb?
Formulariosdebúsqueda.Fuente:nosolousabilidad.com
![Page 39: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/39.jpg)
4.16¿CÓMOPIENSA?(VII)¿Cualesdeestoscalendariosnoutilizaríasparatuinterfazweb?
Calendarios.Fuente:nosolousabilidad.com
![Page 40: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/40.jpg)
4.17¿CÓMOACTÚA?(I)Mecanismointuitivo:secaracterizaporsermuyrápido,susceptibleaerroresyfundamentalmenteemocionalsedisparanreglasautomáticasoheurísticas–adquiridasenbaseanuestraexperiencia–quenosofrecenunasoluciónrápida,ynosposibilitanuncomportamientoeficiente.
![Page 41: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/41.jpg)
4.18¿CÓMOACTÚA?(II)Mecanismoracional:esunprocesolineal,lógico,conscienteyquerequiereesfuerzoytiempoesmenospropensoaerrores,ademásdequepodemos–frenteaunerror–modificarelproceso,corrigiendoelresultado.
![Page 42: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/42.jpg)
4.19¿CÓMOACTÚA?(III)Normalmenteempleamoselsistemaintuitivopuesnospermiteeconomizarnuestroesfuerzocognitivo,ysólousamossistemaracionalparalasdecisionesrealmenteimportantes.Estoexplicaporqué,porejemplo,anteunaventanadealertaenlaquesenospreguntaalgoysenosofrecendosposiblesrespuestas(síyno),esfrecuentequeautomáticamentehagamosclicsinleeroprocesarelcontenidodelapregunta.
![Page 43: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/43.jpg)
4.20¿CÓMOACTÚA?(IV)Elusuarioexplorarálosítemsyelegiráelprimeroquecreasecorrespondeconelcontenidodeseado,aúncuandonotodoshayansidovalorados.
![Page 44: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/44.jpg)
4.21¿CÓMOACTÚA?(V)Laordenaciónalfabéticaseríaunasoluciónuniversal,sinofueraporquenosiempresomoscapacesdeverbalizarnuestranecesidadinformativay,aúncuandolosomos,dicharepresentaciónsintácticanotieneporquécoincidirconeltérminoutilizadoenlainterfaz.
![Page 45: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/45.jpg)
4.22¿CÓMOACTÚA?(VI)Lamejorsoluciónesreducirelnúmerodeítems,agrupandoaquellossemánticamentesimilaresbajorótulosdescriptivos,detalformaqueelusuarioprimeroexplorarálosrótulosdecadagrupo,ysólocuandoestimequeseencuentranrelacionadosconsunecesidad,explorarálosítemscontenidosenelgrupo.
![Page 46: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/46.jpg)
4.23¿CÓMOACTÚA?(VII)Losusuariosseanidiotas,sinoquetienenmejoresasuntosenlosqueemplearsuesfuerzocognitivoqueencomprendernuestrodiseño.Notodoaloqueatendemosesprocesadoracionalmente,loquenosllevaacometererroresfrecuentemente.
![Page 47: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/47.jpg)
5EVITARERRORES
![Page 48: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/48.jpg)
5.1LIMITARPOSIBILIDADESSiemprehayquetenerencuentaquecuantasmenosopciones,menosposibilidadesdeerrortendráelusuario.
Limitarposibilidades.Fuente:nosolousabilidad.com
![Page 49: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/49.jpg)
5.2ORIENTARALUSUARIOYaseamostrándolepaulatinamentelasdistintasopciones,omostrándolespequeñosmensajesinformativos.
Orientaralusuario.Fuente:nosolousabilidad.com
![Page 50: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/50.jpg)
5.3SOLICITARCONFIRMACIÓNAntesderealizarunaacciónquenotienevueltaatrás,hayqueinformaralusuario.
Solicitarconfirmación.Fuente:gmail.com
![Page 51: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/51.jpg)
5.4EVITARLAPÉRDIDADEINFORMACIÓNEncasodeerroryvueltaatrás,elusuarionodeberíavolveraintroducirlosdatos.
Evitarlapérdidadeinformación.Fuente:nosolousabilidad.com
![Page 52: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/52.jpg)
5.5PERMITIRDESHACERSiemprequeseaposible,hayqueofreceralusuariolaposibilidaddevolveratrás.
Permitirdeshacer.Fuente:nosolousabilidad.com
![Page 53: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/53.jpg)
5.6OFRECERSOLUCIÓNAUTOMÁTICAALOSERRORES
Nosiempreesposible,perosiesdeseablequeelpropiosistemaseacapazdeofrecersolucionesautomáticas.
Ofrecersoluciónautomáticaaloserrores.Fuente:nosolousabilidad.com
![Page 54: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/54.jpg)
5.7MENSAJESDEERRORPARAHUMANOSSiapareceunmensajedeerrorestetienequeserentendibleporelusuario.
Mensajesdeerrorparahumanos.Fuente:duckduckgo.com
![Page 55: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/55.jpg)
6SIMPLICIDAD
![Page 56: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/56.jpg)
6.1REDUCCIÓNSiprescindimosdeunelemento,yelcambionoafectaalacomprensióndelusuario,entoncessupresencianoeranecesaria.
Reducción.Fuente:nosolousabilidad.com
![Page 57: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/57.jpg)
6.2ESPACIOSVACÍOSCuandoseparamoselementosenpantallaconespaciosvacíos,ocuandoeliminamosinformaciónirrelevantedeciertaszonas,estamosguiandolaatencióndelusuariohaciaaquelloquepermaneceyesrelevante.Alcontarconmenoselementosvaloramosyconfiamosmásenaquelloqueesvisible,reforzandosupercepción.
![Page 58: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/58.jpg)
6.3EQUILIBRIODECARACTERÍSTICASAlincrementarelnúmerodecaracterísticasseobservaunefectopositivosobrelascapacidadespercibidas,perounefectonegativosobrelausabilidadpercibida.
![Page 59: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/59.jpg)
6.4GRÁFICODEROBTANENN
GráficodeRobTanenn.Fuente:nosolousabilidad.com
![Page 60: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/60.jpg)
6.5ORGANIZAR,CLASIFICARYORDENAROrganizar,clasificaryordenarsontambiénformasdesimplificar.Porejemplo,Googlenosimplificalosresultadosdebúsquedaporclasificación,sinoporordenación.
![Page 61: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/61.jpg)
7METODOLOGÍADCU
![Page 62: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/62.jpg)
7.1FASES
Fasesdeldiseñocentradoenelusuario.Fuente:upf.edu
![Page 63: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/63.jpg)
7.2PLANIFICACIÓNSebasaenlarecogida,análisisyordenacióndetodalainformaciónposible,conelobjetivodetenerunabasesólidasobrelaquepodertomardecisionesdediseñoenlassiguientesetapasdelproceso.
![Page 64: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/64.jpg)
7.3DISEÑO(I)Diseñarorediseñar,enbasealconocimientoobtenidoenlaetapadeplanificación,yenlasetapasdeprototipadoyevaluación.
![Page 65: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/65.jpg)
7.4DISEÑO(II)Divididoenvariassubfases:ModeladousuarioDiseñoconceptualDiseñodeinteracciónDiseñovisualDefinicióndeestiloDiseñocontenidos
![Page 66: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/66.jpg)
7.5MODELADOUSUARIO(I)Definicióndearquetiposdeusuariosquerepresentanpatronesdeconducta,objetivosynecesidades.
![Page 67: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/67.jpg)
7.6MODELADOUSUARIO(II)Estosarquetipos,llamados"personas",sondescripcionesdeusuarios,alosqueselesdaunaidentidadinventada:fotografía,nombre,...peroconlosatributos,característicasynecesidadesdelarquetipobasadoseninformaciónrealextraídadelaaudienciaobjetivadelsitioweb.Ademássedebendefinir"scenarios"sobrelosquepodercontextualizarlainteracciónpersona-aplicaciónweb.
![Page 68: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/68.jpg)
7.7MODELADOUSUARIO(III)
Arquetipo'persona'.Fuente:upf.edu
![Page 69: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/69.jpg)
7.8MODELADOUSUARIO(IV)Eldiseñadorsueleimaginarseasímismousandoelsitioyportantosueleserincapazdecomprenderporquéaalguienlepuederesultardifícil,incomodoyhastafrustrantesuuso.Estosarquetiposdeusuariosconseguiránqueeldiseñadortengaenmenteaunusuario'real',conlimitaciones,habilidadesynecesidadesreales.
![Page 70: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/70.jpg)
7.9DISEÑOCONCEPTUALDefinicióndelesquemadeorganización,funcionamientoynavegacióndelsitio.Noseespecificaquéaparienciavaatenerelsitio,sinoquesecentraensuarquitecturadeinformación.
![Page 71: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/71.jpg)
7.10DISEÑODEINTERACCIÓNDefinirelcomportamientointeractivodelsitioweb,esdecir,quéaccionesseofreceránalusuarioencadamomento,ycómoresponderálaaplicaciónalasaccionesquerealice.
Diagramadediseñodeinteracción.Fuente:sopadepixels.com
![Page 72: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/72.jpg)
7.11DISEÑOVISUAL(I)Seespecifica:composicióndecadatipodepágina,aspectoycomportamientodeloselementosdeinteracciónypresentacióndeelementosmultimedia.
![Page 73: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/73.jpg)
7.12DISEÑOVISUAL(II)“lobonito”espercibidoporelusuarioautomáticamentecomomásfácildeusar(aunquedesdeunpuntodevistaobjetivorealmentenoseatanfácildeusar).
Botones.Fuente:nosolousabilidad.com
![Page 74: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/74.jpg)
7.13DISEÑOVISUAL(III)Ahorabien,ofrecerunaspectográficoaparentementetoscoypococuidadopuedeaportarvalorendeterminadoscontextos.Laestética,aligualquelausabilidad,esrelativaasususuariosycontextosdeuso.
![Page 75: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/75.jpg)
7.14DEFINICIÓNDEESTILOEsimportantemantenerunacoherenciayestilocomúnentretodaslaspáginas.Esútilelaborarunaguíadeestiloquesirvadedocumentoreferenciaparatodoelequipodedesarrollo.
![Page 76: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/76.jpg)
7.15DISEÑOCONTENIDOS(I)Seguirunaestructurapiramidal:Lapartemásimportantedelmensajedebeiralprincipio.Evitarserirrespetuoso:Intentarnodañarsensibilidadesculturales,sociales,políticas,religiosas,odecualquierotrotipo.
![Page 77: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/77.jpg)
7.16DISEÑOCONTENIDOS(II)Permitirunafácilexploracióndelcontenido:EllectorenentornosWeb,antesdeempezaraleer,sueleexplorarvisualmenteelcontenidoparacomprobarsileinteresa.Usarlosnivelesdeencabezado(h1,h2,h3,etc.),ponerenrelieve(negritay/odistintocolor)laspartesfundamentales.
![Page 78: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/78.jpg)
7.17DISEÑOCONTENIDOS(II)Unpárrafo,unaidea:Cadapárrafoesunobjetoinformativo.Sedebentrasmitirideas,mensajes...evitandopárrafosvacíosovariosmensajesenunmismopárrafo.Serconcisoypreciso:Allectornolegustaleerenpantalla.Hayqueintentareliminarlostextossuperfluos.Laspáginaswebnosonnovelas.
![Page 79: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/79.jpg)
7.18DISEÑOCONTENIDOS(III)Usarelvocabulariodelusuario:Nosedebeutilizarelvocabulariodelaempresaoinstitución,sinoeldelusuario.Ademásdebesersencilloyfácilmentecomprensible.Tonofamiliarycercano:Asíellectorprestarámásatención.Nohayquecaerenlaordinariez.
![Page 80: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/80.jpg)
7.19PROTOTIPADOAlgunasherramientas:http://moqups.comhttp://gomockingbird.comhttp://pencil.evolus.vnhttp://balsamiq.comhttp://www.mockflow.comhttp://wireframe.cchttp://www.axure.com
![Page 81: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/81.jpg)
7.20EVALUACIÓNLausabilidadlapodemosmediantevariasvariables:facilidaddeaprendizaje(Learnability)eficienciafacilidaddeserrecordado(Memorability)eficaciasatisfacción
![Page 82: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/82.jpg)
7.21APRENDIZAJEDificultadparallevaracabotareasbásicaslaprimeravezqueseenfrentanaldiseño.%tareascompletadasenelprimerintento%deusuariosquecompletanlastareasenelprimerintento%deusuariosquenecesitanayudaenelprimerintento
![Page 83: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/83.jpg)
7.22EFECTIVIDADDificultadparallevaracabotareasconcretasunavezquelosusuarioshanaprendidoelfuncionamientobásico.%tareascompletadas%deusuariosquecompletanlastareas%deusuariosquenecesitanayuda
![Page 84: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/84.jpg)
7.23RECONOCIMIENTODificultadparallevaracabotareasconcretasdespuésdeunperiodosinhacerlo.%tareascompletadaspasadounciertotiemposinusarlainterfaz%deusuariosquecompletanlastareaspasadounciertotiemposinusarlainterfaz%deusuariosquenecesitanayudapasadounciertotiemposinusarlainterfaz
![Page 85: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/85.jpg)
7.24EFICIENCIAEsfuerzoqueunusuariotienequehacerparaconseguirunobjetivo.tiempoencompletarcadatareanúmerodeerrorescometidosniveldegravedaddeloserrorestiempoenrecuperarsedeloserroresclicksparacompletarlatareapáginasvisitasparacompletarlatareanúmerodevecesquesolicitaayuda
![Page 86: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/86.jpg)
7.25SATISFACCIÓNVariablesquetienenquevermásconloemocionalosubjetivo.%deusuariosquelorecomendaríaaunamigonúmerodeadjetivospositivos(onegativos)quecadausuariodaalproducto%deusuariosquelocalificanmásfácildeusarqueeldelacompetencia%deusuariosqueexpresansatisfacción(oinsatisfacción)
![Page 87: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/87.jpg)
7.26IMPLEMENTACIÓNYLANZAMIENTOParacontrolarlacalidaddelaimplementaciónsepuedenutilizarvalidadoresautomáticosdecódigo,asícomovalidadoresparatestardeformasemi-automáticaelcumplimientodedirectricesdeaccesibilidadenelcódigo.
![Page 88: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/88.jpg)
7.27MANTENIMIENTOYSEGUIMIENTOUnsitiowebnoesunaentidadestática,suscontenidosysuaudienciacambian,yporlotantorequieredecontinuosrediseñosymejoras.Estosrediseñosdebensermuysutiles,puesaunqueestoscambiosesténfundamentadosenproblemasdeusabilidaddescubiertospost-lanzamiento,loscambiospuedenresultardramáticosparalosactualesusuariosqueyaestabanacostumbradosyfamiliarizadosconelactualdiseño.
![Page 89: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/89.jpg)
8PRINCIPIOSUSABILIDAD
![Page 90: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/90.jpg)
8.1VISIBILIDADESTADOElsistema(ositioweb)siempredebeinformaralusuarioacercadeloqueestásucediendo,comoporejemplo,cuandoenunainterfaztipowebmailseadjuntanficherosaunmensaje,elsistemadebeinformardelhechomostrandounmensajedeespera.
![Page 91: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/91.jpg)
8.2ADECUACIÓNALMUNDOREALElsistemadebehablarellenguajedelusuario,huyendodetecnicismosincomprensiblesomensajescrípticos.
![Page 92: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/92.jpg)
8.3LIBERTADYCONTROLElusuariodebetenerelcontroldelsistema,serélelquedecida.Sedebeofrecersiempreunaformade"salidadeemergencia",comoporejemplolaopciónpara"saltar"animacionesdeintroducción
![Page 93: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/93.jpg)
8.4CONSISTENCIAYESTÁNDARESConsistenciaenelestilo(enlacesiguales,pestañasiguales,etc.)Seguirestándaresdediseñoampliamenteaceptados:usariconosconocidosyutilizadosiconodelaempresaconenlacealahomearribaalaizquierdamenúenlapartesuperioropcionesalaizquierdaoaladerechapiedepáginaconunresumendelmapadelaweb
![Page 94: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/94.jpg)
8.5PREVENCIÓNDEERRORESMejorqueunbuenmensajedeerroresundiseñoqueprevengaqueocurraelerror.
![Page 95: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/95.jpg)
8.6RECONOCIMIENTOANTESQUERECUERDOHacervisiblesobjetos,accionesyopcionesparaqueelusuarionotengaporquérecordarinformaciónentredistintasseccionesopartesdelsitioweboaplicación.Elusuarionotieneporquérecordardóndeseencontrabaciertainformación,ocómosellegabaadeterminadapágina.
![Page 96: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/96.jpg)
8.7FLEXIBILIDADYEFICIENCIAElsitiodebeserfácildeusarparausuariosinexpertos.Perotambiénproporcionaratajosoaceleradoresparausuariosavanzados.
![Page 97: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/97.jpg)
8.8DISEÑOESTÉTICOYMINIMALISTALaspáginasnodebencontenerinformaciónirrelevanteoinnecesaria.Cadainformaciónextracompiteconlainformaciónrelevanteydisminuyesuvisibilidad.
![Page 98: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/98.jpg)
8.9MANEJODEERRORESLosmensajesdeerrordebenexpresarclaramentecuálhasidolacausadelproblema.Tambiéndebensugerirlasposiblesalternativasosoluciones,comoporejemplomensajesdeltipo"Ustedquisodecir...".Ademássedebeguardarelcontenidointroducidoporelusuarioparaquenotengaquevolverintroducirloypuedasubsanarelerror.
![Page 99: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/99.jpg)
8.10AYUDAYDOCUMENTACIÓNAunqueesmejorqueunsitiowebsepuedautilizarsinnecesidaddeayudaodocumentación,ensitioswebextensosoenprocesosdeinteraccióncomplejossedebeproporcionarinformacióndeayudaalusuario.
![Page 100: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/100.jpg)
9TÉCNICASDEEVALUACIÓN
![Page 101: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/101.jpg)
9.1CARD-SORTING(I)Estatécnicaconsisteensolicitaraungrupodeparticipantesqueagrupenlosconceptosrepresentadosentarjetasporsusimilitudsemántica.
Card-sorting.Fuente:nosolousabilidad.com
![Page 102: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/102.jpg)
9.2CARD-SORTING(II)Enelreclutamientodeparticipantesdebemosasegurarnosdeque:loselegidostienenperfilesacordesconlosusuariosrealesopotencialesdelsitioweb,muestraninterésporeltipodesitiowebaevaluary,aserposible,tienenexperienciausandositioswebdenaturalezasimilar.
![Page 103: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/103.jpg)
9.3CARD-SORTING(III)Elquelosparticipantesesténmotivadosresultacrucialparaeléxitodelaprueba,porloqueserámuyimportanteofrecerlesalgúntipoderemuneraciónorecompensaporsucolaboraciónenlaprueba.
![Page 104: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/104.jpg)
9.4CARD-SORTING(IV)Elcard-sortingabierto(sincategorias)tieneelobjetivodedescubrirquétipodecategorizaciónoagrupacióndelosconceptosresultarámásnaturalyacordeconelmodelomentalcompartidodelaaudienciadelsitioweb.Elcard-sortingcerrado(concategorias)esrecomendableparaevaluarsiunacategorizaciónresultapredecibleparaelusuario.
![Page 105: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/105.jpg)
9.5CARD-SORTING(V)Dadoqueelabiertoayudaenlatomadedecisionesorganizativas,yelcerradoevalúaesasdecisiones,elabiertodebeprecederalcerrado.Ambostienenpropósitosdiferentesycomplementariosysuutilizacióncombinadapuedeofrecernosunaimagenmásfielelmodelomentaldelusuario.
![Page 106: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/106.jpg)
9.6CARD-SORTING(VI)Existenaplicacionesqueautomatizanyfacilitanlarecogidadedatosysuanálisisestadístico,porloquesonrecomendablescuandoelpropósitoeselanálisiscuantitativo.Comodesventajapodemosseñalarquelosparticipantessuelenencontrarmásdivertidoelcard-sortingmanual,yportantosuelenestarmásconcentradosdurantelatarea.
![Page 107: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/107.jpg)
9.7CARD-SORTING(VII)Los"conceptos"suelenrepresentarcategoríasuopcionesdenavegación,yportantoloquesepretendeesextraercuálseríalamejorformadeagruparlasoclasificarlas.Esunapruebadestinadaaadaptarlaarquitecturadeinformaciónalmodelomentaldelusuario,portantotienelugarenetapastempranasdelproyecto.
![Page 108: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/108.jpg)
9.8EVALUACIÓNHEURÍSTICA(I)Métododeinspeccióndeunsitiowebquesebasaenelrecorridoyanálisisdelsitioidentificandoerroresyproblemasdediseño.Normalmentelallevaacaboungruporeducidodeevaluadoresque,enbaseasupropiaexperiencia,fundamentándoseenreconocidosprincipiosdeusabilidad,yapoyándoseenguíaselaboradasparatalfin,evalúandeformaindependienteelsitioweb,contrastandofinalmentelosresultadosconelrestodeevaluadores.
![Page 109: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/109.jpg)
9.9EVALUACIÓNHEURÍSTICA(II)Elnúmeroidealdeevaluadoresdebeserentre3y5:conmenosde3muchosproblemasquedaránsindetectar,yconmásde5aumentaríaelcostesinofrecerresultadosquelosjustificasen.Cadaevaluadosexaminaráeldiseñodeformaindependiente,yunavezfinalicen,hacennunapuestaencomúndelosproblemas,yelaboraránuninformefinalconsensuado.
![Page 110: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/110.jpg)
9.10EVALUACIÓNHEURÍSTICA(III)Cuantomásesperamosparasurealización,máscostosoresultarálareparacióndeloserrores,porloquenosólodebemosrealizarestetipodepruebasunavezimplementado,sinotambién,sobrelosprototipos.
![Page 111: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/111.jpg)
9.11EVALUACIÓNHEURÍSTICA(IV)Tienecomoventajalafacilidadyrapidezconlaquesepuedellevaracabo.
![Page 112: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/112.jpg)
9.12EVALUACIÓNHEURÍSTICA(V)Permiteidentificarmásproblemasdeusabilidadmenores,peromenosproblemasdeusabilidadmayores.Nopuedesustituiraltestdeusuarios,yaqueresultamenoseficazenladeteccióndeproblemasdeusabilidadquemayorimpactotendránenelusuariofinal.Puedereportarfalsasalarmas,esdecir,identificarcomounproblemadeusabilidadaquelloquerealmentenoloes.
![Page 113: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/113.jpg)
9.13TESTDEUSUARIOS(I)Sebasaenlaobservaciónyanálisisdecómoungrupodeusuariosrealesutilizaelsitioweb,anotandolosproblemasdeusoconlosqueseencuentran.
![Page 114: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/114.jpg)
9.14TESTDEUSUARIOS(II)Elnúmerodeparticipantesquesonnecesariosparadetectarlosproblemasmásimportantesdeusabilidaddeundiseñoseencuentraentornoa15.Esmejorllevaracabo3pruebas,con5participantesporcadauna,repartidasendiferentesmomentosdelprocesodedesarrollo.
![Page 115: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/115.jpg)
9.15TESTDEUSUARIOS(III)Elreclutamientodeparticipantes,ysuremuneración,essimilaralatécnicadeCard-Sorting,anteriormentemencionada.
![Page 116: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/116.jpg)
9.16TESTDEUSUARIOS(IV)Laprimeraimpresiónqueselleveelparticipantesuponeunainformacióndegranrelevanciaparaentenderlacapacidadcomunicativadeldiseño."Testde5segundos",conosinobjetivoconcreto:mostrándolelapáginadurante5segundosypreguntándoleposteriormentecuálhasidosuprimeraimpresión,quécontenidoscreequeofreceopuedeencontrarenesesitioweb.
![Page 117: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/117.jpg)
9.17TESTDEUSUARIOS(V)Acontinuaciónsolicitaremosalparticipanteunaseriedetareasarealizar,analizandoloserroresquecometa,eltiempoempleadoysusatisfacción.Esdecir,medimostantolausabilidadobjetiva,comolausabilidadsubjetiva.
![Page 118: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/118.jpg)
9.18TESTDEUSUARIOS(VI)Requisitosdelastareas:Serrazonables:Esdecir,tareastípicasqueunusuariorealllevaríaacabo.Serespecíficas:Latareanopuedesedemasiadogenérica,sinoquedebedescribirobjetivosconcretos.Serfactibles:Encomendaralusuariotareasirrealizablesnoaportainformaciónútilsobrelosproblemasreales.
![Page 119: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/119.jpg)
9.19TESTDEUSUARIOS(VII)Requisitosdelastareas:Estardescritasentérminosdeobjetivosfinales:Latareadebecontextualizarsebajounobjetivoomotivaciónmayor.Duraciónrazonable:Silatarearequieredemasiadotiempo,seríarecomendabledescomponerlaensub-tareas.
![Page 120: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/120.jpg)
9.20TESTDEUSUARIOS(VIII)Unaformavaliosadeobtenerinformaciónconsisteensolicitaralparticipantequeexpreseverbalmentedurantelapruebaquéestápensando,quénoentiende,porquéllevaacabounaacciónoduda.Esteprotocolotienetieneelinconvenientedequeelhechodecontarloqueunohaceyporquélohacealteralaformaenlaquesehacenlascosas.
![Page 121: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/121.jpg)
9.21TESTDEUSUARIOS(IX)Unaalternativaconsisteenqueelparticipanteprimerorealizalatareay,unavezfinalizada,expresaverbalmentecómorecuerdaquehasidosuprocesointeractivo.
![Page 122: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/122.jpg)
9.22TESTDEUSUARIOS(X)Cuantomásesperamosparasurealización,máscostosoresultarálareparacióndeloserrores,porloquenosólodebemosrealizarestetipodepruebasunavezimplementado,sinotambién,sobrelosprototipos.
![Page 123: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/123.jpg)
9.23TESTDEUSUARIOS(XI)Esunapruebacomplementariaalaevaluaciónheurística,peroesmáscostosa,porloqueesrecomendablerealizarlasiempredespuésdeunaevaluaciónheurística.Susresultadossonmásfiables,yposibilitaneldescubrimientodeerroresdediseñoimposiblesodifícilesdedescubrirmediantelaevaluaciónheurística.
![Page 124: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/124.jpg)
9.24EYE-TRACKING(I)Conjuntodetecnologías(hardwareysoftware)quepermitenmonitorizaryregistrarlaformaenlaqueunapersonamiraunadeterminadaescenaoimagen,enconcretoenquéáreasfijasuatención,durantecuántotiempoyquéordensigueensuexploraciónvisuales.
![Page 125: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/125.jpg)
9.25EYE-TRACKING(II)
Eye-tracking.Fuente:nosolousabilidad.com
![Page 126: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/126.jpg)
9.26EYE-TRACKING(III)Resultanmuysimilaresalostestconusuarios,siendodiferentelatecnologíausadapararegistrarelcomportamientodelusuario,ysiendodiferenteloquesepretendeanalizarconmayordetalle:laexploraciónvisualdelusuario.
![Page 127: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/127.jpg)
9.27EYE-TRACKING(IV)Pequeñoscambiosenestosdiseños,puedenhacerquelospatronesdeexploraciónvaríen,porloqueesunatécnicarecomendablesólosobrediseñoselaborados.
![Page 128: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/128.jpg)
9.28EYE-TRACKING(V)Siguesiendounatecnologíacara.Hayquetenerencuentaqueofrecendatoscualitativosescondidosbajolaaparienciadedatoscuantitativos:analizarunainterfazcon5participantesgeneraráunagrancantidaddedatos,perodesdeelpuntodevistaestadístico,siguesiendounamuestrade5sujetos.
![Page 129: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/129.jpg)
9.29FEEDBACK(I)Lainformaciónmásvaliosasobrelausabilidaddeundiseñolaobtenemosobservandoelcomportamientodelosusuarios,nopreguntándoles.Estonoquieredecirqueelfeedbackdeusuarionoseaútil,sinotodolocontrario,puesnosayudaaconocerlasatisfacciónsubjetivadelusuario.
![Page 130: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/130.jpg)
9.30FEEDBACK(II)Estainformaciónpuedeserobtenida:deformapasiva:atravésdelosmensajesenviadosporlosusuariosdeformaactiva:pormediodeentrevistas,cuestionariosyencuestas
![Page 131: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/131.jpg)
9.31FEEDBACK(III)Lasopinionesexpresadasporlosusuariosindicanposiblesproblemasdeusabilidad,peronosonensímismaslarespuestaalosproblemas.SiunusuarioenvíaunemailpreguntandoporquédesdelahomenoencuentraunenlacealrecursoX,nosignificaquedebamosimplementaresteenlace,sinoqueposiblementeelrecursoXseapocovisibleodedifícillocalización.
![Page 132: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/132.jpg)
9.32FEEDBACK(IV)Nosedebenhacerpreguntasdeltipo"¿Preferiríaqueeldiseñofueradetalforma?",sinodeltipo"¿HatenidoalgúnproblemaparalocalizarelrecursoX?"ó"¿LeharesultadofácilelusodelaherramientaX?".
![Page 133: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/133.jpg)
9.33ANALÍTICAWEB(I)Esunatécnicaquesólopuedellevarseacabounavezqueelsitiowebhasidolanzadoyesusadodiariamente.Setratadeunatécnicafiableymuyeconómica,puesnohaysesgoninecesidaddeinvertirenlaidentificaciónyreclutamientodeparticipantes.Setratadeunainformaciónmuyvaliosaquepuedeservirnosparalatomadedecisionessobreelrediseñoensitioswebimplementados.
![Page 134: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/134.jpg)
9.34ANALÍTICAWEB(II)Existenmuydiversasformasdeaprovecharlosdatosafindemejorarlausabilidad:identificarlosusuariosdenuestraweb(edad,sexo,estudios,etc.)analizardóndehacenclic,comprobarlashorasdemayorusodenuestraweb,analizarquepáginasdenuestrositesonlasmásvisitadas,comparardospáginasconlamismafunciónperodiferentediseño(TestA/B),
![Page 135: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/135.jpg)
9.35ANALÍTICAWEB(III)Existenmuydiversasformasdeaprovecharlosdatosafindemejorarlausabilidad:analizarlasrutasdenavegaciónquesiguenlosusuarios,detectardondeseproducenmayornúmerodeerrores,analizarlasconsultasquehacenlosusuariosenelbuscadorinterno,conocerdedondelleganlosusuariosanuestrapágina,etc.
![Page 136: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/136.jpg)
9.36TESTA/B(I)Consisteencomparardosversionesdeunamismapáginayvercuálfuncionamejor.Sedivideeltráficodelapágina,detalformaqueelunporcentajevealaversiónAyelotrolaversiónB.Laalternativaqueconsigaelobjetivobuscadoenmásusuariosgana.
![Page 137: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/137.jpg)
9.37TESTA/B(II)
TestA/B.Fuente:elultimoblog.com
![Page 138: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/138.jpg)
9.38TESTA/B(III)Cualquierelementodeunapáginaweb(versiónA)essusceptibledesercambiadoparagenerarunaalternativa(versiónB).Puedesprobartítulos,subtítulos,oentradillasalternativasparatuscontenidos,puedesjugarcondiferentesversionesdecolorytextodelbotóndecompra,puedesvariareltamañodelasofertas,delosprecios,delordendelmenú...
![Page 139: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/139.jpg)
9.39TESTA/B(IV)Identificaunproblemaounpuntodemejora.“Muypocosusuariosdelosquevienenamiwebacabanvisitandolapáginadepreciosdemiservicio,dondetengoelbotóndecomprar”.Investigaquéhacenlosdemásycómolohacen.Miralaspáginasdeiniciodetucompetenciayaprendecómootrosincitan,desdesupáginadeinicio,avisitarlapáginadeprecios.
![Page 140: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/140.jpg)
9.40TESTA/B(V)Planteaunaposiblesolución.“Sipongounbotónaquíhaciendohincapiéenquelasdosprimerassemanassongratis,creoqueconseguiréaumentarlasvisitasalapáginadeprecios.”Definelamétricaparadeterminareléxitodeltest.Dependiendodelobjetivo,podremoselegir:latasadeconversión,latasaderebote,númerodeclicks,inclusositestamosunapáginadeatenciónalclientepodemosponercomométricaelnúmerodellamadas,oelnúmerodemails.
![Page 141: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/141.jpg)
9.41TESTA/B(VI)Crealaalternativaeiniciaelexperimento.CrealaversiónBconlasoluciónqueintuyesesmejor.Analizalosresultados.Pasadounciertotiempo,silasoluciónalternativa:esmejor,estableceesaalternativacomolaversiónpordefectoiguales,quédateconlaquemástegusteespeor,hasevitadointegrarentuwebuncambioqueteperjudicaría
![Page 142: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/142.jpg)
9.42TESTA/B(VII)UnaherramientagratuitaymuypopularesGoogleWebsiteOptimizer:
Existenotrasalternativasmáscompletas,aunquedepago:
http://www.google.com/websiteoptimizer
http://www.ricardotayar.com/2012/01/15/herramientas-software-ab-testing-multivariante/
![Page 143: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/143.jpg)
10EJERCICIOS
![Page 144: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/144.jpg)
10.1NORMASGENERALESDividirlaclaseengruposde3-4Dividirlosgruposen2:izquierdayderechaCuandohayaquepuntuar:1punto:muymal2puntos:mal3puntos:bien4puntos:muybien
Unavezterminadoelejercicioseharánpúblicoslosresultadosysecomentaránenclase
![Page 145: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/145.jpg)
10.2CARD-SORTINGABIERTOGrupoizquierda:usuariosHacenloquelesdiganlosdiseñadores
Grupoderecha:evaluadoresIdentificaritemsdeunatiendadeinformáticaPoneritemsenPost-ItPasarPost-ItausuariosyquehaganagrupaciónlibreDespuésderesultadosescogercategoríasprincipales
![Page 146: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/146.jpg)
10.3CARD-SORTINGCERRADOGrupoizquierda:evaluadoresPasarcategoríasyPost-ItausuariosyquehaganagrupaciónporcategoríaDespuésderesultadoshacermapamentaldeitems
Grupoderecha:usuariosHacenloquelesdiganlosdiseñadores
![Page 147: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/147.jpg)
10.4CHECKLISTDEUSABILIDADLos2gruposutilizaránlahojadecálculoproporcionadaen:
Grupoizquierda:evaluará
PonerlosdatosdevariosevaluadoresencomúnGrupoderecha:evaluará
Ponerlosdatosdevariosevaluadoresencomún
http://olgacarreras.blogspot.com.es/2011/07/sirius-nueva-sistema-para-la-evaluacion.html
http://www.pccomponentes.com
http://www.latiendadeinformaticaonline.com
![Page 148: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/148.jpg)
10.5EVALUACIÓNHEURÍSTICAGrupoizquierda:maquetadoresHacerprototipodelatienda(laspantallasquehaganfalta)
Grupoderecha:evaluadoresConsensuarpuntosimportantesaevaluarUnavezterminadoslosprototipos,puntuarlosPonerlosdatosdevariosevaluadoresencomún
![Page 149: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/149.jpg)
10.6TESTDEUSUARIOS(I)Grupoizquierda:evaluadoresConsensuarpuntosimportantesaevaluarDarordenesalosusuariosparahacereltestdelos5segundosDespuésdepreguntaralosusuarios,puntuarlosprototiposPonerlosdatosdevariosevaluadoresencomún
Grupoderecha:usuariosHacenloquelesdiganlosdiseñadores
![Page 150: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/150.jpg)
10.7TESTDEUSUARIOS(II)Grupoizquierda:usuariosHacenloquelesdiganlosdiseñadores
Grupoderecha:evaluadoresConsensuarpuntosimportantesaevaluarDarordenesalosusuariosparatestearlosprototiposDespuésdeobservarcomousanlosusuarioslosprototipos,puntuarlosPonerlosdatosdevariosevaluadoresencomún
![Page 151: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/151.jpg)
10.8TESTA/BElprofesorcogeráunprototipoyharáunapequeñamodificaciónElprofesorenseñarálos2prototiposalosalumnosLosalumnosvotaránamanoalzadacuallesparecemejor
![Page 152: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/152.jpg)
11ACERCADE
![Page 153: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/153.jpg)
11.1LICENCIAEstastransparenciasestánhechascon:MarkdownSlides:
EstastransparenciasestánbajounalicenciaCreativeCommonsReconocimiento-CompartirIgual3.0:
https://github.com/asanzdiego/markdownslides
http://creativecommons.org/licenses/by-sa/3.0/es
![Page 154: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/154.jpg)
11.2FUENTESTransparencias:
Código:
https://github.com/asanzdiego/curso-interfaces-web-2014/tree/master/01-usabilidad/slides
https://github.com/asanzdiego/curso-interfaces-web-2014/tree/master/01-usabilidad/src
![Page 155: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/155.jpg)
11.3BIBLIOGRAFÍA(I)DiseñoWebCentradoenelUsuario:UsabilidadyArquitecturadelaInformación
InformeAPIEsobreUsabilidad
UnasnotassobreUsabilidad
http://www.upf.edu/hipertextnet/numero-2/diseno_web.html
http://www.nosolousabilidad.com/manual/index.htm
http://www.slideshare.net/betabeers/usabilidad-18953630
![Page 156: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/156.jpg)
11.4BIBLIOGRAFÍA(II)PruebasdeUsabilidad
MétodosdeUsabilidadyDiseñoCentradoenelUsuario
Prototipado
http://www.slideshare.net/pecesama/pruebas-de-usabilidad-10112899
http://www.slideshare.net/GUINALIU/mtodos-de-evaluacin-de-usabilidad
http://www.slideshare.net/olgacarreras/prototipado-14077585
![Page 157: Usabilidad Web (tan de moda hoy en día)](https://reader034.fdocuments.co/reader034/viewer/2022051513/547c5a855806b508408b46f0/html5/thumbnails/157.jpg)
11.5BIBLIOGRAFÍA(III)Usabilidadydiseñocentradoenlaexperienciadelusuario
¿AquéesperasparausarTestA/Bentuweb?¡Tucompetenciayalohace!
http://www.slideshare.net/laceves/usabilidad-y-diseo-centrado-en-la-experiencia-del-usuario
http://www.elultimoblog.com/test-ab/