{"id":384,"date":"2013-03-16T15:43:43","date_gmt":"2013-03-16T15:43:43","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/fem\/?p=384"},"modified":"2013-03-26T08:49:13","modified_gmt":"2013-03-26T08:49:13","slug":"worst-inteface","status":"publish","type":"post","link":"https:\/\/multimedia.uoc.edu\/blogs\/fem\/worst-inteface\/","title":{"rendered":"Fins i tot la pitjor interf\u00edcie pot tenir un motiu"},"content":{"rendered":"<p>En el m\u00f3n del disseny i desenvolupament web \u00e9s molt habitual trobar-se en algun moment amb un expert en alguna de les especialitats associades al disseny d\u2019interacci\u00f3 que fa un rep\u00e0s de les catastr\u00f2fiques interf\u00edcies amb qu\u00e8 ens trobem ben sovint per aquests mons de D\u00e9u. Els exemples t\u00edpics s\u00f3n les m\u00e0quines expenedores de bitllets, les rentadores i, si parlem de webs, les de compra de bitllets per Internet. Una de molt recomanable \u00e9s la seg\u00fcent, d\u2019Aral Balkan. A m\u00e9s de ser una presentaci\u00f3 divertida, s\u2019hi pot aprendre bastant sobre el disseny d\u2019interf\u00edcies:<\/p>\n<p>http:\/\/vimeo.com\/55747319<\/p>\n<p>Un dels factors que fa especial la xerrada \u00e9s que Balkan tria com a exemple d\u2019interf\u00edcie atro\u00e7 (\u00e9s cap al minut 13 del v\u00eddeo) una amb la qual m\u2019havia trobat una vegada, en un tren angl\u00e8s:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/balkan01.jpg\" alt=\"Foto d'unes instruccions. Per a obrir la porta d'un tren cal 1. Esperar a que s'encengui el senyal de porta desbloquejada. 2. Baixar la finestra. 3. Treure el bra\u00e7 per la finestra o obrir-la des de fora\" width=\"399\" height=\"260\" class=\"aligncenter size-full wp-image-387\" srcset=\"https:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/balkan01.jpg 399w, https:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/balkan01-300x195.jpg 300w\" sizes=\"auto, (max-width: 399px) 100vw, 399px\" \/><\/p>\n<p>Encara que costi molt de creure, la foto \u00e9s real i el procediment \u00e9s, efectivament, aquest: primer, has d\u2019esperar que s\u2019activi un senyal de porta desbloquejada, despr\u00e9s has d\u2019abaixar la finestra i, al final, <strong>has de treure el bra\u00e7 i obrir la porta des de fora<\/strong>. Quan vols baixar del tren i veus que hi ha un passatger que segueix aquests passos, la sorpresa \u00e9s m\u00e0xima. Us ho asseguro. \u00c9s un exemple meravell\u00f3s de com no s\u2019ha de fer una cosa.<\/p>\n<p>Avan\u00e7ant una mica en la presentaci\u00f3, Balkan explica que aix\u00f2 \u00e9s aix\u00ed per un motiu: aquest procediment per a obrir la porta \u00e9s aix\u00ed des de fa molt temps, quan les portes dels trens no es bloquejaven i desbloquejaven soles. I, en un cas com aquest, <strong>dissenyar per a la dificultat<\/strong> \u00e9s, de fet, una bona idea.<\/p>\n<p>Balkan, per\u00f2, no s\u2019atura a explicar per qu\u00e8 no ha canviat des de llavors el disseny. I s\u00ed, \u00e9s relativament f\u00e0cil pensar en uns quants motius:<\/p>\n<ul>\n<li>D\u2019una banda, fer el canvi \u00e9s car: implica fer el disseny (un cost perfectament assumible), homologar-lo, encarregar portes per a tots els vagons de tots els trens (aix\u00f2 segurament resultar\u00e0 for\u00e7a m\u00e9s car) i canviar totes aquestes portes tan de pressa com es pugui (cosa que, segurament, implicar\u00e0 una log\u00edstica bastant m\u00e9s complicada del que pugui semblar).<\/li>\n<li>De l\u2019altra, quin \u00e9s el cost real de la p\u00e8ssima interf\u00edcie per als usuaris habituals? Malgrat el que es pot pensar, aquests usuaris habituals no s\u2019escandalitzen quan els toca obrir la porta per aquest procediment estrany\u00edssim. I \u00e9s que, malgrat l\u2019estranyesa, \u00e9s una interf\u00edcie <strong>f\u00e0cil d\u2019aprendre<\/strong> (la primera vegada que l\u2019usuari veu com funciona queda tot gravat a foc a la mem\u00f2ria), nom\u00e9s incrementa uns quants segons un viatge que anant b\u00e9 ha durat cinc minuts (i segurament bastant m\u00e9s) i, a m\u00e9s, nom\u00e9s \u201cet toca\u201d si ets el primer de la fila.<\/li>\n<li>I quan resulta vertaderament catastr\u00f2fica? Nom\u00e9s quan el primer de la fila \u00e9s un usuari novell i no t\u00e9 cap m\u00e9s usuari al darrere. Cosa que, amb tota probabilitat, no passa gaire sovint. I, en aquest cas catastr\u00f2fic, el drama es resumeix en la necessitat de llegir i seguir unes instruccions. Dolent, per\u00f2 segurament no greu.<\/li>\n<\/ul>\n<p>El resultat? En algun lloc hi ha un enginyer que insisteix cada vegada que en t\u00e9 l\u2019ocasi\u00f3 que aix\u00f2 s\u2019ha de canviar per\u00f2 que les prioritats s\u00f3n unes altres. I ho s\u00f3n, segurament, des de fa d\u00e8cades. I la cosa s\u2019allarga i s\u2019allarga\u2026 \u00c9s una molt mala interf\u00edcie? S\u00ed. I s\u2019ha de millorar. Hem vist, per\u00f2, que l\u2019experi\u00e8ncia m\u00e9s negativa no \u00e9s la t\u00edpica sin\u00f3 que \u00e9s, de fet, la que \u00e9s extremament at\u00edpica. I el vici de generalitzar a partir de l\u2019an\u00e8cdota i sense considerar els motius que, primer, hi hagi alguna cosa que no funcioni com cal i que, segon, no s\u2019arregli \u00e9s, si m\u00e9s no, perill\u00f3s.<\/p>\n<p>Una mica m\u00e9s endavant (al minut 35, si fa no fa) Balkan esmenta com a exemple de bona interf\u00edcie la no-interf\u00edcie de les m\u00e0quines expenedores de bitllets del transport de l\u2019aeroport d\u2019Oslo.<\/p>\n<figure id=\"attachment_389\" aria-describedby=\"caption-attachment-389\" style=\"width: 402px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/balkan02.jpg\" alt=\"Una m\u00e0quina de venda de bitllets. L'\u00fanic element d'interf\u00edcie \u00e9s la ranura per la que passar la targeta de cr\u00e8dit\" width=\"402\" height=\"539\" class=\"size-full wp-image-389\" srcset=\"https:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/balkan02.jpg 402w, https:\/\/multimedia.uoc.edu\/blogs\/fem\/files\/2013\/03\/balkan02-223x300.jpg 223w\" sizes=\"auto, (max-width: 402px) 100vw, 402px\" \/><figcaption id=\"caption-attachment-389\" class=\"wp-caption-text\">Tan simple com sigui possible. No m\u00e9s, per\u00f2. O s\u00ed.<\/figcaption><\/figure>\n<p>Les m\u00e0quines, per descomptat, s\u00f3n a anys llum de les portes dels trens que v\u00e8iem abans: com que el tren de l\u2019aeroport nom\u00e9s s\u2019usa per a anar a l\u2019aeroport o des de l\u2019aeroport cap a on sigui, n\u2019hi ha prou de passar la targeta de cr\u00e8dit a l\u2019entrada i tornar-la a passar a la sortida, i el sistema ja s\u2019encarrega de calcular la tarifa i de cobrar. Un exemple meravell\u00f3s d\u2019interf\u00edcie. Qu\u00e8 passa, per\u00f2, si vas amb la parella i els nens i ho vols pagar tot amb una sola targeta? Has de passar la targeta quatre vegades? I qu\u00e8 passa amb els pocs usuaris que, per qualsevol motiu, no volen usar una targeta de cr\u00e8dit per a abonar el recorregut? Es tracta de Noruega i, sens dubte, ben a prop hi ha una persona que n\u2019est\u00e0 al cas i que informa el viatger de la manera de procedir. Una altra vegada, per\u00f2, no es pot generalitzar a partir de l\u2019an\u00e8cdota: que la interf\u00edcie sigui fant\u00e0stica <strong>per a mi<\/strong> no significa autom\u00e0ticament que ho sigui <strong>per a tothom<\/strong>.<\/p>\n<p>Les xerrades sobre els desastres de les interf\u00edcies compleixen una funci\u00f3 molt important: la de sensibilitzar sobre un tema que necessita molta atenci\u00f3. I podem assumir que Balkan, un vertader expert en la mat\u00e8ria, caricaturitza conscientment perqu\u00e8 aix\u00f2 li permet tocar molts aspectes sense fer adormir l\u2019audi\u00e8ncia. Ara b\u00e9, c\u00f3rrer massa, saltar els detalls i simplificar en exc\u00e9s implica riscos que de vegades no compensen, sobretot pel que fa al disseny d\u2019interacci\u00f3.<\/p>\n<hr \/>\n<p><small>La versi\u00f3 original d\u2019aquest contingut es va publicar el 25 de desembre del 2012 a <a href=\"http:\/\/obm.corcoles.net\/20121225\/hasta-la-peor-interfaz-puede-tener-un-motivo\/\" hreflang=\"es\">http:\/\/obm.corcoles.net\/20121225\/hasta-la-peor-interfaz-puede-tener-un-motivo\/<\/a>.<\/small><\/p>","protected":false},"excerpt":{"rendered":"<p>En el m\u00f3n del disseny i desenvolupament web \u00e9s molt habitual trobar-se en algun moment amb un expert en alguna de les especialitats associades al disseny d\u2019interacci\u00f3 que fa un rep\u00e0s de les catastr\u00f2fiques interf\u00edcies amb qu\u00e8 ens trobem ben sovint per aquests mons de D\u00e9u. Els exemples t\u00edpics s\u00f3n les m\u00e0quines expenedores de bitllets, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/multimedia.uoc.edu\/blogs\/fem\/worst-inteface\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abFins i tot la pitjor interf\u00edcie pot tenir un motiu\u00bb<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[112,111,57,58],"class_list":["post-384","post","type-post","status-publish","format-standard","hentry","category-technologies","tag-critica","tag-interfaces","tag-usabilidad","tag-usabilitat","entry"],"_links":{"self":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/posts\/384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/comments?post=384"}],"version-history":[{"count":6,"href":"https:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/posts\/384\/revisions"}],"predecessor-version":[{"id":438,"href":"https:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/posts\/384\/revisions\/438"}],"wp:attachment":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/media?parent=384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/categories?post=384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/fem\/wp-json\/wp\/v2\/tags?post=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}