<h2>Post changed</h2>
<p>oscarfonts made the following changes to the “<a href='http://geoinquietspuntcat.wordpress.com/2013/05/02/principis-de-disseny-serveis-digitals-del-govern-del-regne-unit/'>Principis de disseny – serveis digitals del govern del Regne Unit</a>” [<a href='http://geoinquietspuntcat.wordpress.com/wp-admin/post.php?post=607&action=edit'>edita</a>] post on 2 May, 2013 at 14:48 UTC</p>
<table style='width: 100%; border-collapse: collapse; border: none;'><tr>
<td style='width: 50%; padding: 0; margin: 0;'>Revisió @ 2013-05-02 14:44:36</td>
<td style='width: 50%; padding: 0; margin: 0;'>Current Post @ 2013-05-02 14:48:11</td>
</tr></table>
<h3>Contingut</h3>
<table style="width: 100%; border-collapse: collapse; border: none; white-space: pre-wrap; word-wrap: break-word; font-family: Consolas,Monaco,Courier,monospace;">
<tbody>
<tr><td style="padding: 5px; width: 50%;">Una guia envejable, que valia la pena traduir al català: <a href="https://www.gov.uk/designprinciples">https://www.gov.uk/designprinciples</a></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;">Una guia envejable, que valia la pena traduir al català: <a href="https://www.gov.uk/designprinciples">https://www.gov.uk/designprinciples</a></td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><div id="principis-de-disseny-serveis-digitals-del-govern-del-regne-unit"></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><div id="principis-de-disseny-serveis-digitals-del-govern-del-regne-unit"></td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"><div></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px;"> </td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"> </td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px;"> </td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"></div>
</td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%; background-color: #dfd;"><ins style="text-decoration: none; background-color: #9f9;"><div></ins></div>
</td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><div id="comencar-per-les-necessitats"></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><div id="comencar-per-les-necessitats"></td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><h3><strong>Començar per les necessitats(*)</strong></h3></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><h3><strong>Començar per les necessitats(*)</strong></h3></td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"><br /></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px;"> </td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><div><em>(*)les dels usuaris, no les del govern</em></div></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><div><em>(*)les dels usuaris, no les del govern</em></div></td>
</tr>
<tr><td style="padding: 5px; width: 50%;">El procés de disseny ha de començar amb la identificació i pensant en les necessitats reals dels usuaris. Hem de dissenyar al voltant d’aquestes, no al voltant de la forma en què el “procés oficial” funciona en aquest moment. Hem d’entendre aquestes necessitats a fons, contrastant dades, no només fent suposicions, i hem de recordar que el que els usuaris demanen no sempre és el que necessiten.</td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;">El procés de disseny ha de començar amb la identificació i pensant en les necessitats reals dels usuaris. Hem de dissenyar al voltant d’aquestes, no al voltant de la forma en què el “procés oficial” funciona en aquest moment. Hem d’entendre aquestes necessitats a fons, contrastant dades, no només fent suposicions, i hem de recordar que el que els usuaris demanen no sempre és el que necessiten.</td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><blockquote><em>Per exemple, cal ser clar, destacant aquella informació que sabem que busca la majoria d’usuaris.</em></blockquote></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><blockquote><em>Per exemple, cal ser clar, destacant aquella informació que sabem que busca la majoria d’usuaris.</em></blockquote></td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"> </td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px;"> </td>
</tr>
<tr><td style="padding: 5px; width: 50%;"></div></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"></div></td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><div id="fer-menys"></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><div id="fer-menys"></td>
</tr>
<tr><td style="padding: 5px; width: 50%;">El Govern hauria de fer només el que el govern pot fer. Si algú altre ja ho està fent, enllacem-ho. Si som capaços de proporcionar els recursos (com APIs) per ajudar altres persones a construir coses, fem-ho. Ens hem de concentrar en el nucli irreductible.</td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;">El Govern hauria de fer només el que el govern pot fer. Si algú altre ja ho està fent, enllacem-ho. Si som capaços de proporcionar els recursos (com APIs) per ajudar altres persones a construir coses, fem-ho. Ens hem de concentrar en el nucli irreductible.</td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><blockquote><em>Proporcionarem millor servei i estalviarem diners concentrant els recursos allà on sigui més profitós.</em></blockquote></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><blockquote><em>Proporcionarem millor servei i estalviarem diners concentrant els recursos allà on sigui més profitós.</em></blockquote></td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"> </td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px;"> </td>
</tr>
<tr><td style="padding: 5px; width: 50%;"></div></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"></div></td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><div id="dissenyar-en-base-a-dades"></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><div id="dissenyar-en-base-a-dades"></td>
</tr>
<tr><td style="padding: 5px; width: 50%;">Habitualment no comencem de zero, els usuaris ja estan utilitzant els nostres serveis. Per tant podem aprendre del comportament del món real. Hem de fer-ho inicialment, però també assegurar-nos que continuarem fent-ho en el procés de desenvolupament: creació de prototips i proves, amb usuaris reals, al web i en viu. Hem de descobrir quins són els camins naturals en base a les dades recollides, i aplicar-los als nostres dissenys.</td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;">Habitualment no comencem de zero, els usuaris ja estan utilitzant els nostres serveis. Per tant podem aprendre del comportament del món real. Hem de fer-ho inicialment, però també assegurar-nos que continuarem fent-ho en el procés de desenvolupament: creació de prototips i proves, amb usuaris reals, al web i en viu. Hem de descobrir quins són els camins naturals en base a les dades recollides, i aplicar-los als nostres dissenys.</td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><blockquote><em>Aquest és el gran avantatge dels serveis digitals: podem observar i aprendre de la conducta de l’usuari i adaptar els sistemes al comportament natural de la gent, enlloc d’obligar la gent a adaptar-se al sistema que haguem inventat.</em></blockquote></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><blockquote><em>Aquest és el gran avantatge dels serveis digitals: podem observar i aprendre de la conducta de l’usuari i adaptar els sistemes al comportament natural de la gent, enlloc d’obligar la gent a adaptar-se al sistema que haguem inventat.</em></blockquote></td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"> </td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px;"> </td>
</tr>
<tr><td style="padding: 5px; width: 50%;"></div></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"></div></td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><div id="treballar-dur-per-fer-ho-facil"></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><div id="treballar-dur-per-fer-ho-facil"></td>
</tr>
<tr><td style="padding: 5px; width: 50%;">Fer que alguna cosa sembli simple és fàcil; fer alguna cosa fàcil d’usar és molt més difícil, especialment quan els sistemes subjacents són complexes. Però això és el que hauríem d’estar fent.</td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;">Fer que alguna cosa sembli simple és fàcil; fer alguna cosa fàcil d’usar és molt més difícil, especialment quan els sistemes subjacents són complexes. Però això és el que hauríem d’estar fent.</td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><blockquote><em>Un gran poder comporta una gran responsabilitat. Molt sovint les persones no tenen més remei que utilitzar els nostres serveis. Si no treballem dur perquè siguin senzills i útils, estem abusant d’aquest poder i estem fent perdre el temps a la gent.</em></blockquote></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><blockquote><em>Un gran poder comporta una gran responsabilitat. Molt sovint les persones no tenen més remei que utilitzar els nostres serveis. Si no treballem dur perquè siguin senzills i útils, estem abusant d’aquest poder i estem fent perdre el temps a la gent.</em></blockquote></td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"> </td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px;"> </td>
</tr>
<tr><td style="padding: 5px; width: 50%;"></div></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"></div></td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><div id="iterar-i-despres-tornar-a-iterar"></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><div id="iterar-i-despres-tornar-a-iterar"></td>
</tr>
<tr><td style="padding: 5px; width: 50%;">La millor manera de construir serveis eficaços és començar amb poc i iterar com a bojos. Publicar quan abans el <strong>Mínim Producte Viable</strong>, testejar amb usuaris reals, i passar d’<strong>Alfa</strong> a <strong>Beta</strong> al <strong>Llançament</strong> afegint funcionalitats i millores en base als comentaris dels usuaris reals.</td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;">La millor manera de construir serveis eficaços és començar amb poc i iterar com a bojos. Publicar quan abans el <strong>Mínim Producte Viable</strong>, testejar amb usuaris reals, i passar d’<strong>Alfa</strong> a <strong>Beta</strong> al <strong>Llançament</strong> afegint funcionalitats i millores en base als comentaris dels usuaris reals.</td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><blockquote><em>La iteració minimitza el risc, reduint la probabilitat de cometre grans errors, i convertint els petits errors en lliçons. Així s’eviten els documents d’especificacions de 200 pàgines que poden ser un veritable coll d’ampolla. Novament, aquest és l’avantatge principal de la tecnologia digital: no estem construint ponts, les coses es poden modificar en qualsevol moment.</em></blockquote></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><blockquote><em>La iteració minimitza el risc, reduint la probabilitat de cometre grans errors, i convertint els petits errors en lliçons. Així s’eviten els documents d’especificacions de 200 pàgines que poden ser un veritable coll d’ampolla. Novament, aquest és l’avantatge principal de la tecnologia digital: no estem construint ponts, les coses es poden modificar en qualsevol moment.</em></blockquote></td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"> </td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px;"> </td>
</tr>
<tr><td style="padding: 5px; width: 50%;"></div></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"></div></td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><div id="construir-per-a-la-inclusio"></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><div id="construir-per-a-la-inclusio"></td>
</tr>
<tr><td style="padding: 5px; width: 50%;">El disseny accessible és el bon disseny. Hem de construir un producte que sigui tan inclusiu, llegible i comprensible com sigui possible. Si hem de sacrificar l’elegància, que així sigui. No hem de tenir por del que és obvi, no hem de tractar de reinventar les convencions del disseny web, i hem de satisfer les expectatives amb claredat.</td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;">El disseny accessible és el bon disseny. Hem de construir un producte que sigui tan inclusiu, llegible i comprensible com sigui possible. Si hem de sacrificar l’elegància, que així sigui. No hem de tenir por del que és obvi, no hem de tractar de reinventar les convencions del disseny web, i hem de satisfer les expectatives amb claredat.</td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><blockquote><em>Estem dissenyant per a tot el país, no només per als que estan acostumats a fer servir la web. De fet, les persones que més necessiten dels nostres serveis sovint són aquelles que els troben més difícils d’utilitzar. Si pensem en aquestes persones en primer lloc, farem un millor web per a tots.</em></blockquote></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><blockquote><em>Estem dissenyant per a tot el país, no només per als que estan acostumats a fer servir la web. De fet, les persones que més necessiten dels nostres serveis sovint són aquelles que els troben més difícils d’utilitzar. Si pensem en aquestes persones en primer lloc, farem un millor web per a tots.</em></blockquote></td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"> </td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px;"> </td>
</tr>
<tr><td style="padding: 5px; width: 50%;"></div></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"></div></td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><div id="comprendre-el-context"></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><div id="comprendre-el-context"></td>
</tr>
<tr><td style="padding: 5px; width: 50%;">No estem dissenyant per a una pantalla, estem dissenyant per a la gent. Hem de pensar molt bé el context en el qual la gent està utilitzant els nostres serveis: Estan en una biblioteca? Accedeixen des d’un telèfon? Potser només se senten realment familiaritzats amb el Facebook? Han utilitzat mai la web abans?</td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;">No estem dissenyant per a una pantalla, estem dissenyant per a la gent. Hem de pensar molt bé el context en el qual la gent està utilitzant els nostres serveis: Estan en una biblioteca? Accedeixen des d’un telèfon? Potser només se senten realment familiaritzats amb el Facebook? Han utilitzat mai la web abans?</td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><blockquote><em>Estem dissenyant per a un grup molt divers d’usuaris amb tecnologies i necessitats molt diferents. Hem d’assegurar-nos que hem entès les circumstàncies tecnològiques i pràctiques en què s’utilitzen els nostres serveis. Altrament, correm el risc de dissenyar serveis maquíssims, però irrellevants per a la vida de les persones.</em></blockquote></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><blockquote><em>Estem dissenyant per a un grup molt divers d’usuaris amb tecnologies i necessitats molt diferents. Hem d’assegurar-nos que hem entès les circumstàncies tecnològiques i pràctiques en què s’utilitzen els nostres serveis. Altrament, correm el risc de dissenyar serveis maquíssims, però irrellevants per a la vida de les persones.</em></blockquote></td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"> </td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px;"> </td>
</tr>
<tr><td style="padding: 5px; width: 50%;"></div></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"></div></td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><div id="construir-serveis-digitals-no-llocs-web"></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><div id="construir-serveis-digitals-no-llocs-web"></td>
</tr>
<tr><td style="padding: 5px; width: 50%;">El nostre servei no comença i acaba al nostre lloc web. Podria començar en un motor de cerca i acabar a una oficina de correus. Hem de dissenyar per a aquest entorn, tot i que no el poguem controlar. I cal assumir que un dia, abans d’adonar-nos-en, la nostra feina consistirà en proporcionar tota una altra mena de serveis digitals.</td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;">El nostre servei no comença i acaba al nostre lloc web. Podria començar en un motor de cerca i acabar a una oficina de correus. Hem de dissenyar per a aquest entorn, tot i que no el poguem controlar. I cal assumir que un dia, abans d’adonar-nos-en, la nostra feina consistirà en proporcionar tota una altra mena de serveis digitals.</td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><blockquote><em>No es tracta de fer llocs web, es tracta de proporcionar serveis digitals. En aquest moment, la millor manera d’oferir serveis digitals és a través del web, però això pot canviar, potser abans del que hàgim previst.</em></blockquote></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><blockquote><em>No es tracta de fer llocs web, es tracta de proporcionar serveis digitals. En aquest moment, la millor manera d’oferir serveis digitals és a través del web, però això pot canviar, potser abans del que hàgim previst.</em></blockquote></td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"> </td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px;"> </td>
</tr>
<tr><td style="padding: 5px; width: 50%;"></div></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"></div></td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><div id="ser-coherents-no-uniformes"></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><div id="ser-coherents-no-uniformes"></td>
</tr>
<tr><td style="padding: 5px; width: 50%;">Sempre que sigui possible cal utilitzar el mateix llenguatge i els mateixos patrons de disseny, això ajuda a les persones a familiaritzar-se amb els nostres serveis. Ara bé, quan això no sigui possible, hem de garantir que la nostra manera d’adreçar-nos-hi sigui coherent. De tal manera que els nostres usuaris tinguin l’oportunitat d’intuir què és el que cal fer en cada moment.</td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;">Sempre que sigui possible cal utilitzar el mateix llenguatge i els mateixos patrons de disseny, això ajuda a les persones a familiaritzar-se amb els nostres serveis. Ara bé, quan això no sigui possible, hem de garantir que la nostra manera d’adreçar-nos-hi sigui coherent. De tal manera que els nostres usuaris tinguin l’oportunitat d’intuir què és el que cal fer en cada moment.</td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><blockquote><em>Això no és un llibre normatiu. No podrem construir grans serveis aplicant mecànicament una sèrie de receptes. No podem imaginar totes les situacions possibles i escriure’n les regles. Cada circumstància és diferent i ha de ser abordada en els seus propis termes. El que ha de relligar les coses, doncs, és un enfocament consistent, aquell que, amb sort, els usuaris arribaran a aprendre i en el que confiaran, fins i tot a mesura que avancem cap a nous escenaris digitals.</em></blockquote></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><blockquote><em>Això no és un llibre normatiu. No podrem construir grans serveis aplicant mecànicament una sèrie de receptes. No podem imaginar totes les situacions possibles i escriure’n les regles. Cada circumstància és diferent i ha de ser abordada en els seus propis termes. El que ha de relligar les coses, doncs, és un enfocament consistent, aquell que, amb sort, els usuaris arribaran a aprendre i en el que confiaran, fins i tot a mesura que avancem cap a nous escenaris digitals.</em></blockquote></td>
</tr>
<tr><td style="padding: 5px; width: 50%; background-color: #fdd;"> </td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px;"> </td>
</tr>
<tr><td style="padding: 5px; width: 50%;"></div></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"></div></td>
</tr>
<tr><td style="padding: 5px; width: 50%;"><div id="treballar-en-obert-millora-les-coses"></td>
<td style="padding: 5px;"> </td>
<td style="padding: 5px; width: 50%;"><div id="treballar-en-obert-millora-les-coses"></td>
</tr>
</tbody>
</table>