{"id":105,"date":"2013-03-13T14:14:31","date_gmt":"2013-03-13T14:14:31","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/?p=105"},"modified":"2013-03-13T14:14:31","modified_gmt":"2013-03-13T14:14:31","slug":"diseno-centrado-en-el-usuario-conceptos-basicos","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/diseno-centrado-en-el-usuario-conceptos-basicos\/","title":{"rendered":"Disseny centrat en l\u2019usuari: conceptes b\u00e0sics"},"content":{"rendered":"<p>Internet est\u00e0 en proc\u00e9s expansi\u00f3, no solament en termes de m\u00e8triques inform\u00e0tiques sin\u00f3 tamb\u00e9 en \u00e0mbits socioecon\u00f2mics i culturals. En harmonia amb aquest creixement, tamb\u00e9 s\u2019incrementa la complexitat de llocs web (<i>websites<\/i>) i aplicacions.<\/p>\n<p>Encara que les tecnologies evolucionin i canvi\u00efn, per a qualsevol producte o servei en l\u00ednia (i, en general, per a qualsevol disseny que un usuari pot veure i utilitzar) hi ha un seguit de preguntes que sempre tenen al damunt els equips de desenvolupament i a les quals han de donar resposta per a incrementar tant com es pugui la qualitat i el potencial d\u2019\u00e8xit dels productes que en resulten. S\u00f3n preguntes com ara aquestes: \u00e9s f\u00e0cil per als usuaris fer tasques b\u00e0siques la primera vegada que utilitzen el disseny?, una vegada el coneixen, poden fer tasques complexes amb rapidesa?, quants errors cometen els usuaris, en quins nivells de gravetat, i quina \u00e9s la seva capacitat de recuperaci\u00f3?, \u00e9s agradable utilitzar-lo?<\/p>\n<p>El disseny centrat en l\u2019usuari o DCU (<i>user-centred design<\/i> o UCD) s\u2019encarrega que es pugui respondre positivament a aquesta mena de preguntes. Aquest article presenta els conceptes b\u00e0sics del DCU i compila informaci\u00f3 clau perqu\u00e8 els qui tinguin un inter\u00e8s especial en aquesta \u00e0rea d\u2019especialitat es puguin orientar i hi puguin aprofundir en l\u2019estudi i la pr\u00e0ctica.<\/p>\n<h5>Qu\u00e8 \u00e9s el DCU?<\/h5>\n<p>El primer concepte que s\u2019ha de tenir en compte quan es parla de DCU \u00e9s el d\u2019<i>usabilitat<\/i>. L\u2019ISO la defineix com la capacitat que t\u00e9 un producte de ser utilitzat per usuaris espec\u00edfics per a assolir objectius concrets de la manera m\u00e9s efectiva, eficient i satisfact\u00f2ria en un context determinat d\u2019\u00fas.<\/p>\n<p>El DCU, conegut tamb\u00e9 com a <i>human-centred design<\/i> en la definici\u00f3 ISO, \u00e9s un model d\u2019aproximaci\u00f3 multidisciplinari al disseny de sistemes interactius que es basa a identificar els processos i necessitats d\u2019informaci\u00f3 d\u2019acord amb els perfils dels usuaris d\u2019aquest sistema, fent-lo tan usable com sigui possible. Segons el DCU, els productes han de parlar l\u2019idioma dels usuaris m\u00e9s que no pas el dels individus i organitzacions que els van produir.<\/p>\n<p>L\u2019est\u00e0ndard ISO 9241 (<i>Ergonomics of human system interaction<\/i>) defineix el concepte i l\u2019abast del DCU, per\u00f2 en canvi no defineix els m\u00e8todes que s\u2019han de seguir. Com que es caracteritza pel fet de ser un proc\u00e9s de resoluci\u00f3 de problemes en moltes fases del projecte, requereix als dissenyadors tant analitzar i preveure com utilitzaran el producte els usuaris, com verificar la validesa de les seves propostes en entorns reals i amb usuaris reals. Per tant, el DCU \u00e9s un proc\u00e9s iteratiu, en el qual s\u2019empren t\u00e8cniques de disseny i tasques d\u2019avaluaci\u00f3 des de les primeres fases d\u2019un projecte, i que segueix uns principis b\u00e0sics encara que adaptant-se a l\u2019hora d\u2019aplicar-los a la naturalesa i a les circumst\u00e0ncies de cada projecte.<\/p>\n<h5>Principis i m\u00e8triques<\/h5>\n<p>L\u2019ISO 9241 \u00e9s \u00e0mplia i cobreix molts temes, de manera que en aquest article ens centrarem en la s\u00e8rie 100, <i>Software ergonomics<\/i>, i concretament en la secci\u00f3 151, <i>Guidance on World Wide Web user interfaces<\/i>, que \u00e9s \u00fatil com a refer\u00e8ncia per a desenvolupaments de productes web (la classificaci\u00f3 antiga d\u2019aquest est\u00e0ndard \u00e9s ISO 9241-11, <a href=\"http:\/\/www.it.uu.se\/edu\/course\/homepage\/acsd\/vt09\/iso9241part11.pdf\">http:\/\/www.it.uu.se\/edu\/course\/homepage\/acsd\/vt09\/iso9241part11.pdf<\/a>).<\/p>\n<p>L\u2019est\u00e0ndard ISO defineix i descriu els sis principis clau que cal seguir perqu\u00e8 un disseny garanteixi que est\u00e0 centrat en l\u2019usuari:<\/p>\n<p>1. El disseny es basa en una entesa expl\u00edcita dels usuaris, les tasques i els entorns.<\/p>\n<p>2. Els usuaris estan implicats en el disseny i el desenvolupament.<\/p>\n<p>3. El disseny es dirigeix i refina amb una avaluaci\u00f3 centrada en l\u2019usuari.<\/p>\n<p>4. El proc\u00e9s \u00e9s iteratiu.<\/p>\n<p>5. El disseny es dirigeix al conjunt de l\u2019experi\u00e8ncia d\u2019usuari.<\/p>\n<p>6. L\u2019equip de disseny inclou habilitats i perspectives multidisciplin\u00e0ries.<\/p>\n<p>Les m\u00e8triques b\u00e0siques recomanades per a avaluar la usabilitat del producte resultant s\u00f3n aquestes:<\/p>\n<ul>\n<li>Efic\u00e0cia (efectivitat): nivell de precisi\u00f3 i completesa amb qu\u00e8 els usuaris assoleixen els objectius especificats.<\/li>\n<li>Efici\u00e8ncia: recursos emprats en relaci\u00f3 amb l\u2019efectivitat.<\/li>\n<li>Satisfacci\u00f3: comoditat i actituds positives respecte a l\u2019\u00fas del producte.<\/li>\n<\/ul>\n<h5>Conceptes clau<\/h5>\n<p>A m\u00e9s dels d\u2019<i>usabilitat<\/i>, <i>efic\u00e0cia<\/i>, <i>efici\u00e8ncia<\/i> i <i>satisfacci\u00f3<\/i> que ja hem explicat, hi ha altres conceptes importants en el llenguatge t\u00e8cnic del DCU:<\/p>\n<ul>\n<li>Context d\u2019\u00fas: el conjunt d\u2019usuaris, tasques, equipament en maquinari, programari i altres materials, i els entorns psicol\u00f2gics i socials en qu\u00e8 es fa servir el producte.<\/li>\n<li>Interacci\u00f3: l\u2019intercanvi bidireccional d\u2019informaci\u00f3 entre els usuaris, l\u2019equipament i el producte.<\/li>\n<li>Interf\u00edcie d\u2019usuari: el conjunt format per la capacitat de control, la informaci\u00f3 oferta per elements del producte i la seq\u00fc\u00e8ncia d\u2019interaccions possibles que permet a l\u2019usuari utilitzar el producte per a la finalitat amb qu\u00e8 es va crear.<\/li>\n<li>Objectiu: el resultat esperat.<\/li>\n<li>Prototip: la representaci\u00f3 limitada en funcionalitat d\u2019un producte complet o d\u2019una part d\u2019aquest producte que es pot fer servir amb la finalitat d\u2019avaluar-lo.<\/li>\n<li>Tasca: l\u2019activitat requerida per a assolir un objectiu espec\u00edfic.<\/li>\n<li>Usuari: l\u2019individu que interactua amb el producte (s\u2019ent\u00e9n que no estan inclosos en l\u2019equip de desenvolupament).<\/li>\n<li>Experi\u00e8ncia d\u2019usuari (UX, de l\u2019angl\u00e8s <i>user experience<\/i>): la UX tracta sobre la manera com se sent l\u2019usuari quan fa servir un producte. \u00c9s important distingir aquest terme del d\u2019<i>usabilitat<\/i>, ja que la usabilitat se centra en l\u2019efic\u00e0cia i l\u2019efici\u00e8ncia de la interf\u00edcie. Una aplicaci\u00f3 correcta dels principis del DCU t\u00e9 com a resultat un producte d\u2019una elevada usabilitat i amb una UX favorable.<\/li>\n<\/ul>\n<h5>Elements essencials<\/h5>\n<p>Respecte a projectes web, i essent possible extrapolar-los a un altre tipus de projectes multim\u00e8dia, els elements essencials s\u00f3n aquests:<\/p>\n<ul>\n<li>Accessibilitat: els usuaris han de trobar informaci\u00f3 de manera r\u00e0pida i f\u00e0cil, sia amb moltes eines de navegaci\u00f3 o estructurant el contingut o les seves jerarquies. L\u2019usuari ha de poder executar c\u00f2modament t\u00e8cniques de lectura com la lectura diagonal o l\u2019escaneig.<\/li>\n<li>Llegibilitat: els continguts han de ser molt f\u00e0cils de llegir, de manera que la presentaci\u00f3 de la informaci\u00f3, la tipografia i la paleta de colors s\u00f3n aspectes clau.<\/li>\n<li>Llenguatge: el tipus de llenguatge s\u2019ha d\u2019adaptar a la situaci\u00f3 ret\u00f2rica i al context. La qualitat formal dels textos i l\u2019\u00fas de frases curtes d\u2019estructura simple solen ser especialment \u00fatils.<\/li>\n<li>Visibilitat: ajuda l\u2019usuari a construir un model mental del producte i, per tant, a predir-ne el comportament d\u2019acord amb les accions que faci. Els elements clau han de ser especialment emp\u00e0tics amb l\u2019usuari.<\/li>\n<\/ul>\n<h5>Models de treball<\/h5>\n<p>Hi ha moltes maneres de plasmar els principis i conceptes del DCU de manera que estructurin un sistema de treball, i se sol triar o adaptar el que encaixa m\u00e9s b\u00e9 tant amb el tipus de projecte com amb altres temes clau, com, per exemple, el m\u00e8tode de desenvolupament. Tot seguit resumirem tres models publicats per institucions rellevants en el m\u00f3n del desenvolupament de programari:<\/p>\n<h6>Model per al disseny d\u2019aplicacions Web, pel W3C<\/h6>\n<p>El World Wide Web Consortium (W3C) defineix les directrius b\u00e0siques seg\u00fcents (<a href=\"http:\/\/www.w3.org\/wai\/redesign\/ucd\">http:\/\/www.w3.org\/wai\/redesign\/ucd<\/a>):<\/p>\n<p>1. Enfocament primerenc en usuaris i tasques:<\/p>\n<p style=\"padding-left: 30px\">\u2013 Recollida estructurada i sistem\u00e0tica d\u2019informaci\u00f3.<\/p>\n<p style=\"padding-left: 30px\">\u2013 Dissenyadors formats per experts abans de fer sessions de recollida de dades.<\/p>\n<p>2. Verificaci\u00f3 i mesurament emp\u00edric de l\u2019\u00fas del producte:<\/p>\n<p style=\"padding-left: 30px\">\u2013 Enfocament en la facilitat d\u2019aprenentatge i \u00fas.<\/p>\n<p style=\"padding-left: 30px\">\u2013 Verificaci\u00f3 de prototips amb usuaris reals.<\/p>\n<p>3. Disseny iteratiu:<\/p>\n<p style=\"padding-left: 30px\">\u2013 Producte dissenyat, modificat i verificat repetidament.<\/p>\n<p style=\"padding-left: 30px\">\u2013 Revisi\u00f3 completa i replantejament del disseny per mitj\u00e0 de les primeres proves dels models conceptuals i les idees de disseny.<\/p>\n<h6>Model de DCU est\u00e0ndard proposat per l\u2019UXPA<\/h6>\n<p>La User Experience Professionals Association, abans Usability Professionals Association, defineix un model especialment adequat en projectes en qu\u00e8 el proc\u00e9s de producci\u00f3 \u00e9s m\u00e9s lineal que iteratiu (<a href=\"http:\/\/www.upassoc.org\/usability_resources\/about_usability\/what_is_ucd.html\">http:\/\/www.upassoc.org\/usability_resources\/about_usability\/what_is_ucd.html<\/a>). Les accions espec\u00edfiques clau que cal dur a terme s\u2019ordenen en quatre fases i, encara que les accions de fase es poden canviar o alterar, l\u2019estructura est\u00e0 conformada preveient el factor temps i les implicacions per al proc\u00e9s de l\u2019ordre d\u2019accions previstes per defecte en cada fase:<\/p>\n<p>1. An\u00e0lisi: definir la visi\u00f3 del projecte amb les parts interessades, definir requisits d\u2019usabilitat, formar un equip multidisciplinari, analitzar productes competidors, documentar els escenaris d\u2019\u00fas, etc.<\/p>\n<p>2. Disseny: fer una pluja d\u2019idees (<i>brainstorming<\/i>) de dissenys i met\u00e0fores, desenvolupar el model de navegaci\u00f3, crear prototips <i>lo-fi<\/i> i <i>hi-fi<\/i>, verificar la usabilitat dels prototips, documentar est\u00e0ndards, etc.<\/p>\n<p>3. Implementaci\u00f3: fer una avaluaci\u00f3 cont\u00ednua heur\u00edstica, treballar amb l\u2019equip de desenvolupament en la implementaci\u00f3 del disseny, fer tests d\u2019usabilitat, etc.<\/p>\n<p>4. Desplegament: obtenir retroacci\u00f3 (<i>feedback<\/i>) d\u2019usuaris, elaborar estudis de camp, verificar l\u2019assoliment d\u2019objectius.<\/p>\n<h6>Sistema estructurat per IBM<\/h6>\n<p>La proposta d\u2019IBM (<a href=\"http:\/\/www-01.ibm.com\/software\/ucd\/ucd.html#ucdprinciples\">http:\/\/www-01.ibm.com\/software\/ucd\/ucd.html#ucdprinciples<\/a>) \u00e9s general i est\u00e0 enfocada tant a projectes d\u2019\u00e0mbit multim\u00e8dia com a espec\u00edfics d\u2019enginyeria inform\u00e0tica, sobretot als de gran dimensi\u00f3 o complexitat. Com a fonaments, IBM defineix els seus propis principis adaptant les bases proposades per l\u2019ISO:<\/p>\n<ul>\n<li>Establir els objectius de negoci.<\/li>\n<li>Comprendre els usuaris.<\/li>\n<li>Avaluar la competitivitat.<\/li>\n<li>Dissenyar el conjunt de l\u2019experi\u00e8ncia d\u2019usuari.<\/li>\n<li>Avaluar els dissenys.<\/li>\n<li>Gestionar amb una observaci\u00f3 continuada.<\/li>\n<\/ul>\n<p>Basant-se en aquesta interpretaci\u00f3 dels principis de DCU, IBM estableix el proc\u00e9s seg\u00fcent, que t\u00e9 sis fases:<\/p>\n<p>1. Definici\u00f3 del mercat<\/p>\n<p>2. Tasques d\u2019an\u00e0lisi<\/p>\n<p>3. Avaluaci\u00f3 competitiva<\/p>\n<p>4. Disseny i <i>walk-through<\/i><\/p>\n<p>5. Avaluaci\u00f3 i validaci\u00f3 iterativa del disseny<\/p>\n<p>6. Avaluaci\u00f3 i comparativa de resultats i rendiment<\/p>\n<h5>M\u00e8todes habituals<\/h5>\n<p>Cada model d\u2019aproximaci\u00f3 al DCU pot fer servir diferents m\u00e8todes i eines de treball, segons la fase de desenvolupament i el context. Alguns dels m\u00e9s populars s\u00f3n aquests:<\/p>\n<h6>Ordenaci\u00f3 de targetes (<i>card sorting<\/i>)<\/h6>\n<p>Cada unitat d\u2019informaci\u00f3 s\u2019assigna a una targeta individual i es demana als usuaris que les ordenin d\u2019acord amb criteris predefinits. Aquest m\u00e8tode \u00e9s \u00fatil sobretot en les fases inicials de desenvolupament.<\/p>\n<h6>Recerca contextual<\/h6>\n<p>Aproximaci\u00f3 estructural per a recollir i interpretar dades de treball de camp. L\u2019equip de desenvolupament visita l\u2019espai de treball dels usuaris i els observa.<\/p>\n<h6>Avaluaci\u00f3 de prototip en paper<\/h6>\n<p>Se sol\u00b7licita a un grup entre quatre i vuit usuaris que avalu\u00ef el prototip del producte en format paper i que expliqui les tries que ha fet i les seq\u00fc\u00e8ncies de tasques per a completar l\u2019escenari.<\/p>\n<h6>Grup d\u2019enfocament<\/h6>\n<p>S\u2019uneixen a l\u2019equip entre tres i deu usuaris per a proveir-lo d\u2019idees i opinions. Es fa servir per a analitzar objectius i incrementar el <i>buy-in<\/i> del producte.<\/p>\n<h6>Entrevista<\/h6>\n<p>Es fa servir en les fases de definici\u00f3 de requisits i an\u00e0lisi sobre diversos tipus d\u2019usuaris, i tamb\u00e9 altres grups de persones implicades en el projecte. Es classifiquen en aquestes tres classes: desestructurada, si \u00e9s informal i flexible pel que fa a les preguntes; estructurada, si es fa amb preguntes predefinides; i semiestructurada, si usa tant preguntes obertes com tancades. Es fa servir per a identificar les necessitats d\u2019usuaris i personal implicat.<\/p>\n<h6>Estudi\/enquesta<\/h6>\n<p>Els usuaris responen a un grup de preguntes est\u00e0ndard per mitj\u00e0 d\u2019un canal sense interlocutor directe. Aquest m\u00e8tode \u00e9s molt adequat per a recollir una gran quantitat de dades ordenades.<\/p>\n<h6>An\u00e0lisi dels arxius de registre (<i>log files<\/i>)<\/h6>\n<p>Es recull informaci\u00f3 de l\u2019activitat dels usuaris per mitj\u00e0 d\u2019aquests arxius en el sistema, i se solen processar amb eines especialitzades per a identificar pautes ocultes. Aquesta informaci\u00f3 \u00e9s precisa i fiable, per\u00f2 no diu les raons de la presa de decisions i accions dels usuaris.<\/p>\n<h6>An\u00e0lisi de tasques<\/h6>\n<p>Se sol fer servir per a observar una situaci\u00f3 dels usuaris i les seves tasques, i identificar els seus objectius espec\u00edfics.<\/p>\n<h6>Test d\u2019usabilitat<\/h6>\n<p>Se sol\u00b7licita als usuaris que duguin a terme diferents tasques amb el producte, i mentre les fan, els dissenyadors observen i anoten aquestes activitats, el comportament i el rendiment. L\u2019usuari pot ser consultat amb la finalitat que tingui retroacci\u00f3 durant la prova o despr\u00e9s de la prova. Se solen fer servir eines de suport per a agilitar el proc\u00e9s i obtenir dades precises. Sobretot \u00e9s benefici\u00f3s per a identificar problemes d\u2019usabilitat.<\/p>\n<h6>Avaluaci\u00f3 heur\u00edstica<\/h6>\n<p>El producte \u00e9s analitzat amb regles heur\u00edstiques per experts en usabilitat i interacci\u00f3 persona-ordinador per a identificar problemes persistents. Aquest m\u00e8tode \u00e9s r\u00e0pid i identifica una gran varietat de problemes d\u2019usabilitat.<\/p>\n<h6><i>Walk-through<\/i><\/h6>\n<p>Implica fer una tasca completa amb el producte i anotar tots els problemes d\u2019usabilitat que es donen durant aquesta tasca. De vegades es fan servir usuaris i s\u00f3n acompanyats durant el proc\u00e9s per a guiar-los si cal i comprendre la visi\u00f3 que tenen del producte.<\/p>\n<h6>An\u00e0lisi experta<\/h6>\n<p>L\u2019equip analitza el prototip o el producte desenvolupat i t\u00e9 una retroacci\u00f3 basada en el seu camp d\u2019especialitzaci\u00f3. Encara que aquest m\u00e8tode s\u2019usa sobretot per a detectar problemes en fases inicials, es pot emprar en totes les fases de desenvolupament.<\/p>\n<h5>Eines habituals<\/h5>\n<p>Algunes de les eines d\u2019\u00fas com\u00fa entre professionals de l\u2019UCD, la usabilitat i la UX s\u00f3n aquestes:<\/p>\n<h6>Inventari de continguts<\/h6>\n<p>Sobretot s\u00f3n \u00fatils per a organitzar l\u2019arquitectura de la informaci\u00f3 del producte. En el cas de llocs web de producci\u00f3 aquestes aplicacions solen ser d\u2019acc\u00e9s web al servidor en el processador dorsal (<i>back-end<\/i>), de manera que com que s\u00f3n natives del sistema solen ser m\u00e9s precises i eficients que les de tercers. Hi ha sistemes gestors de continguts (CMS, de l\u2019angl\u00e8s <i>content management system<\/i>) com WordPress i Drupal que tenen incloses eines d\u2019aquest tipus, encara que es pot fer un inventari de continguts amb una eina externa i m\u00e9s senzilla, com Microsoft Excel.<\/p>\n<h6>Fluxos d\u2019usuari<\/h6>\n<p>Definici\u00f3 de la manera com s\u2019han de moure o es poden moure els usuaris pel producte o sistema, amb un disseny detallat d\u2019accions i camins possibles.<\/p>\n<h6>Pautes de disseny<\/h6>\n<p>La creaci\u00f3 i l\u2019\u00fas consistent de pautes en un disseny (tant estandarditzades com <i>ad hoc<\/i>) facilita que l\u2019usuari es familiaritzi de seguida amb la interf\u00edcie, les met\u00e0fores utilitzades i l\u2019arquitectura de la informaci\u00f3.<\/p>\n<h6>Prototipatge<\/h6>\n<p>Per a elaborar models de filferro (<i>wireframes<\/i>) i prototips, hi ha des de plantilles gratu\u00eftes a Internet a punt per a imprimir per a dissenyar en paper fins a programari espec\u00edfic (Balsamiq Mockups, Mockingbird, etc.). L\u2019objectiu \u00e9s concebre amb rapidesa les bases del disseny del producte en q\u00fcesti\u00f3.<\/p>\n<h6>Programari d\u2019an\u00e0lisi de tr\u00e0nsit<\/h6>\n<p>L\u2019an\u00e0lisi de l\u2019estad\u00edstica de tr\u00e0nsit ajuda els dissenyadors a intuir quin tipus d\u2019UX \u00e9s la m\u00e9s efectiva per a l\u2019audi\u00e8ncia d\u2019un producte web. Una de les eines m\u00e9s populars \u00e9s Google Analytics.<\/p>\n<h6>Tests A\/B<\/h6>\n<p>Comparen dues versions d\u2019un producte amb aproximacions diferents de disseny. En el cas de les p\u00e0gines web, se sol fer derivant la meitat dels visitants a una versi\u00f3 i l\u2019altra meitat a l\u2019altra, i es tracen els comportaments resultants amb m\u00e8triques com percentatge de transformaci\u00f3 (<i>conversion rate<\/i>) i percentatge de rebot (<i>bounce rate<\/i>). Una eina popular per a fer aquest tipus de tests \u00e9s Google Website Optimizer.<\/p>\n<h6>Tests d\u2019usuari i retroacci\u00f3<\/h6>\n<p>Hi ha una gran quantitat de serveis i aplicacions que ofereixen eines d\u2019enquesta, retroacci\u00f3 i verificaci\u00f3 remota d\u2019usuaris, com PollDaddy, Usabilla o Feedback Army.<\/p>\n<h5>Altres est\u00e0ndards relacionats amb aquestes eines<\/h5>\n<p>En qualsevol cas, pot ser que calgui l\u2019\u00fas d\u2019altres est\u00e0ndards com els que hi ha en la llista seg\u00fcent, que donen suport a l\u2019ISO 9241 o que la complementen:<\/p>\n<ul>\n<li>ISO TR 16982: <i>Usability methods supporting human centred design<\/i>.<\/li>\n<li>ISO\/IEC 14598: <i>Information technology &#8211; Evaluation of software products<\/i>.<\/li>\n<li>ISO 10075: <i>Ergonomic principles related to mental workload<\/i>.<\/li>\n<li>ISO TS 16071: <i>Guidance on accessibility for human-computer interfaces<\/i>.<\/li>\n<\/ul>\n<h5>DCU visualitzat<\/h5>\n<p>Vegem tot seguit una selecci\u00f3 d\u2019infografies i diagrames sobre DCU, usabilitat i UX que il\u00b7lustren diferents aspectes d\u2019aquestes disciplines:<\/p>\n<div id='gallery-2' class='gallery galleryid-105 gallery-columns-3 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='http:\/\/multimedia.uoc.edu\/blogs\/fem\/diseno-centrado-en-el-usuario-conceptos-basicos\/upa_design_ux\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/upa_design_ux-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" sizes=\"auto, (max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw \/ 12)), (min-width: 53rem) calc(6 * (100vw \/ 12)), 100vw\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='http:\/\/multimedia.uoc.edu\/blogs\/fem\/diseno-centrado-en-el-usuario-conceptos-basicos\/metpos_circle_icons\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/namahn_2-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" sizes=\"auto, (max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw \/ 12)), (min-width: 53rem) calc(6 * (100vw \/ 12)), 100vw\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='http:\/\/multimedia.uoc.edu\/blogs\/fem\/diseno-centrado-en-el-usuario-conceptos-basicos\/paz_ucd\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/paz_ucd-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" sizes=\"auto, (max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw \/ 12)), (min-width: 53rem) calc(6 * (100vw \/ 12)), 100vw\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='http:\/\/multimedia.uoc.edu\/blogs\/fem\/diseno-centrado-en-el-usuario-conceptos-basicos\/ucd_uxpa_ecda\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/ucd_uxpa_ecda-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" sizes=\"auto, (max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw \/ 12)), (min-width: 53rem) calc(6 * (100vw \/ 12)), 100vw\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/multimedia.uoc.edu\/blogs\/fem\/diseno-centrado-en-el-usuario-conceptos-basicos\/kybritt_ucd\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/kybritt_ucd-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" sizes=\"auto, (max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw \/ 12)), (min-width: 53rem) calc(6 * (100vw \/ 12)), 100vw\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/multimedia.uoc.edu\/blogs\/fem\/diseno-centrado-en-el-usuario-conceptos-basicos\/metpos_hive_20100903\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/namahn_1-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" sizes=\"auto, (max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw \/ 12)), (min-width: 53rem) calc(6 * (100vw \/ 12)), 100vw\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/multimedia.uoc.edu\/blogs\/fem\/diseno-centrado-en-el-usuario-conceptos-basicos\/onesheep_ucdprocess\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/onesheep_UCDprocess-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" sizes=\"auto, (max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw \/ 12)), (min-width: 53rem) calc(6 * (100vw \/ 12)), 100vw\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/multimedia.uoc.edu\/blogs\/fem\/diseno-centrado-en-el-usuario-conceptos-basicos\/ux_findings_visualvocab-ucd-process\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/ux_findings_visualvocab-ucd-process-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" sizes=\"auto, (max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw \/ 12)), (min-width: 53rem) calc(6 * (100vw \/ 12)), 100vw\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='http:\/\/multimedia.uoc.edu\/blogs\/fem\/diseno-centrado-en-el-usuario-conceptos-basicos\/poster-ucd-game_60x100_trazado\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/uoc_poster-ucd-game-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" sizes=\"auto, (max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw \/ 12)), (min-width: 53rem) calc(6 * (100vw \/ 12)), 100vw\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/multimedia.uoc.edu\/blogs\/fem\/diseno-centrado-en-el-usuario-conceptos-basicos\/namahn_3\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/namahn_3-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" sizes=\"auto, (max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw \/ 12)), (min-width: 53rem) calc(6 * (100vw \/ 12)), 100vw\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<h5>Pol\u00e8mica i debats suscitats<\/h5>\n<p>Les disciplines i els conceptes entorn del DCU, la usabilitat i la UX no solament estan en auge avui dia, sin\u00f3 que, per la falta de maduresa que tenen, tamb\u00e9 s\u00f3n objecte de debats a fons i de vegades acalorats tant respecte a la definici\u00f3 i aplicaci\u00f3 com al futur que tenen com a est\u00e0ndards. Per aix\u00f2 el principiant en aquest \u00e0mbit, per a evitar confusions respecte a conceptes i m\u00e8todes, ha de fer un esfor\u00e7 especial per contrastar la informaci\u00f3 que rep sobre aquests temes amb diverses fonts i, sobretot, amb els est\u00e0ndards aprovats internacionalment.<\/p>\n<p>Un conegut exemple de la pol\u00e8mica i la difer\u00e8ncia de visions que pot generar el DCU el trobem en el debat p\u00fablic sobre disseny de productes que va enfrontar Donald Norman, conegut expert en usabilitat, amb l\u2019empresa 37signals, famosa tant pel programari i els serveis com per la filosofia de disseny de productes. Tot va comen\u00e7ar amb un article sobre 37signals en la revista <i>Wired<\/i> titulat \u201cThe Brash Boys at 37signals Will Tell You: Keep it Simple, Stupid\u201d (<a href=\"http:\/\/www.wired.com\/techbiz\/media\/magazine\/16-03\/mf_signals\">http:\/\/www.wired.com\/techbiz\/media\/magazine\/16-03\/mf_signals<\/a>), seguit de la cr\u00edtica a 37signals de Donald Norman amb el seu apunt (<i>post<\/i>) \u201cWhy is 37signals so arrogant?\u201d (<a href=\"http:\/\/www.jnd.org\/dn.mss\/why_is_37signals_so_1.html\">http:\/\/www.jnd.org\/dn.mss\/why_is_37signals_so_1.html<\/a>), al qual 37signals va respondre amb l\u2019apunt \u201cWhy we disagree with Don Norman\u201d (<a href=\"http:\/\/37signals.com\/svn\/posts\/904-why-we-disagree-with-don-norman\">http:\/\/37signals.com\/svn\/posts\/904-why-we-disagree-with-don-norman<\/a>).<\/p>\n<p>M\u00e9s enll\u00e0 de les opinions abocades en aquests articles, cal destacar la gran difer\u00e8ncia en presentaci\u00f3 i llegibilitat entre els apunts de Norman i 37signals, primer indicador de les difer\u00e8ncies d\u2019enfocament en els seus dissenys. En qualsevol cas, \u00e9s un debat molt recomanable de llegir.<\/p>\n<h5>Recursos addicionals<\/h5>\n<p><em>UCD<\/em>, Wikipedia:\u00a0<a title=\"UCD, Wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/User-centered_design\">http:\/\/en.wikipedia.org\/wiki\/User-centered_design<\/a><\/p>\n<p>ISO:\u00a0<a title=\"ISO\" href=\"http:\/\/www.iso.org\/iso\/home\/store\/catalogue_tc\/catalogue_detail.htm?csnumber=37031\">http:\/\/www.iso.org\/iso\/home\/store\/catalogue_tc\/catalogue_detail.htm?csnumber=37031<\/a><\/p>\n<p><em>ISO 9241<\/em>, Wikipedia:\u00a0<a title=\"ISO 9241\" href=\"http:\/\/en.wikipedia.org\/wiki\/ISO_9241\">http:\/\/en.wikipedia.org\/wiki\/ISO_9241<\/a><\/p>\n<p>Universidad de Washington:\u00a0<a title=\"Universidad de Washington\" href=\"http:\/\/www.lib.washington.edu\/usability\/resources\/howto\">http:\/\/www.lib.washington.edu\/usability\/resources\/howto<\/a><\/p>\n<p><i>Boxes and Arrows Magazine:<\/i>\u00a0<a title=\"Boxes and Arrows Magazine\" href=\"http:\/\/boxesandarrows.com\">http:\/\/boxesandarrows.com<\/a><\/p>\n<p><i>Smashing Magazine:<\/i>\u00a0<a title=\"Smashing Magazine\" href=\"http:\/\/www.smashingmagazine.com\/usability-and-user-experience\/\">http:\/\/www.smashingmagazine.com\/usability-and-user-experience\/<\/a><\/p>\n<p>Tuts+:\u00a0<a title=\"Tuts+\" href=\"http:\/\/net.tutsplus.com\/articles\/general\/three-steps-to-fostering-a-user-centered-design-culture\/\">http:\/\/net.tutsplus.com\/articles\/general\/three-steps-to-fostering-a-user-centered-design-culture\/<\/a><\/p>\n<p>Universidad Pompeu Fabra:\u00a0<a title=\"Universidad Pompeu Fabra\" href=\"http:\/\/www.upf.edu\/hipertextnet\/numero-2\/diseno_web.html\">http:\/\/www.upf.edu\/hipertextnet\/numero-2\/diseno_web.html<\/a><\/p>\n<p><i>Incorporating usability evaluation in software development environments<\/i>\u00a0de Shah Rukh Humayoun:\u00a0<a title=\"Incorporating usability evaluation in software development environments de Shah Rukh Humayoun\" href=\"http:\/\/www.dis.uniroma1.it\/~dottoratoii\/media\/students\/documents\/thesis_humayoun.pdf\">http:\/\/www.dis.uniroma1.it\/~dottoratoii\/media\/students\/documents\/thesis_humayoun.pdf<\/a><\/p>\n<p>Usability Net:\u00a0<a title=\"Usability Net\" href=\"http:\/\/www.usabilitynet.org\/tools\/r_international.htm\">http:\/\/www.usabilitynet.org\/tools\/r_international.htm<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Internet est\u00e0 en proc\u00e9s expansi\u00f3, no solament en termes de m\u00e8triques inform\u00e0tiques sin\u00f3 tamb\u00e9 en \u00e0mbits socioecon\u00f2mics i culturals. En harmonia amb aquest creixement, tamb\u00e9 s\u2019incrementa la complexitat de llocs web (websites) i aplicacions. Encara que les tecnologies evolucionin i canvi\u00efn, per a qualsevol producte o servei en l\u00ednia (i, en general, per a qualsevol &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/diseno-centrado-en-el-usuario-conceptos-basicos\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abDisseny centrat en l\u2019usuari: conceptes b\u00e0sics\u00bb<\/span><\/a><\/p>\n","protected":false},"author":33,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[59,52,57,58,56],"class_list":["post-105","post","type-post","status-publish","format-standard","hentry","category-methods","tag-disseny","tag-experiencia-visual","tag-usabilidad","tag-usabilitat","tag-ux","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/posts\/105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/comments?post=105"}],"version-history":[{"count":14,"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/posts\/105\/revisions"}],"predecessor-version":[{"id":296,"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/posts\/105\/revisions\/296"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/media?parent=105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/categories?post=105"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/tags?post=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}