\u00abFallar r\u00e0pid per a encertar aviat\u00bb \u00e9s la m\u00e0xima que persegueix aquesta subfase: executem mentre pensem, mentre decidim. Hi ha diferents estudis sobre com \u00abpensar amb les mans\u00bb, fet que genera nous tipus de connexi\u00f3 en el cervell, i tamb\u00e9 la capacitat d’inspirar noves idees. Quan prototipem, tamb\u00e9 es poden enriquir les idees generades pr\u00e8viament.<\/p>\n
La metodologia \u00e0gil tamb\u00e9 est\u00e0 relacionada amb aquesta manera de treballar en qu\u00e8 es plasma r\u00e0pidament la idea per a passar a una fase seg\u00fcent. La difer\u00e8ncia amb les metodologies m\u00e9s tradicionals \u00e9s que aquestes pensen en productes acabats i que ja compten amb totes les caracter\u00edstiques abans de sortir al mercat. El prototip \u00e9s justament l’oposat a aquesta perspectiva: la soluci\u00f3 o producte no ha de tenir, ni molt menys, totes les opcions o caracter\u00edstiques a qu\u00e8 puguem arribar a aspirar posteriorment, sin\u00f3 que s’aniran incorporant a mesura que traguem per exemple la versi\u00f3 beta, la primera versi\u00f3, etc. i s’anir\u00e0 millorant.<\/p>\n
Com fer un bon wireframe<\/em>?<\/strong><\/p>\n Per a fer un wireframe<\/em> b\u00e0sic, amb llapis i paper ja \u00e9s suficient. No obstant aix\u00f2, tamb\u00e9 hi ha molts programaris de prototipatge que us poden ser \u00fatils si el voleu crear digitalment:<\/p>\n La majoria d’aquests tenen alguna limitaci\u00f3 en el seu \u00fas i despr\u00e9s ofereixen plans de pagament. Tanmateix, la majoria es pot usar de forma gratu\u00efta per a un projecte petit, durant un temps limitat o amb un topall de nombre d’usuaris.<\/p>\n Durant la creaci\u00f3 d’un prototip, decidim els elements que s’inclouran, on i de quina manera i, fins i tot, com interactua l’usuari amb aquests. Per aix\u00f2, en aquesta etapa \u00e9s quan s’arriba a conclusions sobre si falta o sobra alguna cosa que estiguem dissenyant.<\/p>\n Cal tenir clares les funcionalitats del que voleu retratar abans d’entrar en l’etapa de disseny. De vegades, despr\u00e9s de finalitzar el wireframe<\/em>, s’arriben a enfocaments molt diferents dels inicials que ens permeten seguir desenvolupant la idea per un cam\u00ed que generi una millor experi\u00e8ncia d’usuari.<\/p>\n Elements essencials d’un wireframe<\/em><\/strong><\/p>\n Per a tots dos tipus d’elements, hi ha certs patrons que ofereixen la millor soluci\u00f3 a problemes o necessitats habituals. \u00c9s recomanable que si hi ha una soluci\u00f3 acceptada com a est\u00e0ndard, s’adopti aquesta, ja que molt dif\u00edcilment la vostra soluci\u00f3 resulti m\u00e9s usable a la majoria d’usuaris que l’est\u00e0ndard, at\u00e8s que aquests \u00faltims gaudeixen de l’experi\u00e8ncia acumulada d’haver-la usat en moltes altres ocasions. Aix\u00f2 no vol dir que no es pugui ser original, sin\u00f3 que cal aplicar la l\u00f2gica i el sentit com\u00fa i implementar aquells elements d’internet que ja estan molt integrats en el nostre conscient col\u00b7lectiu: per exemple, un scroll<\/em> seguir\u00e0 funcionant com estem acostumats, no far\u00edem un scroll<\/em> en qu\u00e8 l’usuari hagi de fer clic a un bot\u00f3 del men\u00fa.<\/p>\n Finalment, simplement recordar que si una soluci\u00f3 no us conven\u00e7, la fase de prototipatge \u00e9s el moment per a replantejar el projecte per complet.<\/p>\n<\/div>\n Si ho desitgeu i teniu temps, tamb\u00e9 seria bo, en aquest moment de l’esb\u00f3s, de crear un Customer journey map<\/em><\/strong> (o mapa del cicle de vida del client) que il\u00b7lustri els passos que recorrer\u00e0 el vostre usuari\/client abans, durant i despr\u00e9s d’adquirir el vostre producte o servei: les seves necessitats individuals, la s\u00e8rie d’interaccions que haur\u00e0 de realitzar per a complir amb els objectius i els estats emocionals que podr\u00e0 experimentar durant tot el proc\u00e9s.<\/p>\n","protected":false},"excerpt":{"rendered":" 3.4.2.2. El prototipatge i la implementaci\u00f3 en un TFG En aquesta subetapa de la gran fase 4 (disseny i execuci\u00f3), pren especial import\u00e0ncia el prototipatge mitjan\u00e7ant un wireframe o mockup de la vostra idea, despr\u00e9s d’haver estudiat el feedback dels usuaris a partir de la nostra persona. En el marc del , el prototipatge es […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tfg\/wp-json\/wp\/v2\/pages\/205"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tfg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tfg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tfg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tfg\/wp-json\/wp\/v2\/comments?post=205"}],"version-history":[{"count":6,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tfg\/wp-json\/wp\/v2\/pages\/205\/revisions"}],"predecessor-version":[{"id":351,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tfg\/wp-json\/wp\/v2\/pages\/205\/revisions\/351"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tfg\/wp-json\/wp\/v2\/media?parent=205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
![\"Wireframe](\"http:\/\/disseny-test.uoc.edu\/materials\/tfg\/wp-content\/uploads\/sites\/10\/2018\/11\/20141_04.jpg\" "\\"Wireframe")
Font: lucidchart.org<\/figcaption><\/figure>\n![\"\"](\"http:\/\/disseny-test.uoc.edu\/materials\/tfg\/wp-content\/uploads\/sites\/10\/2018\/11\/20141_05.jpg\")
\n