{"id":594,"date":"2015-03-25T13:24:59","date_gmt":"2015-03-25T12:24:59","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/?page_id=594"},"modified":"2015-10-19T11:40:52","modified_gmt":"2015-10-19T10:40:52","slug":"tipus-de-prototips","status":"publish","type":"page","link":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/prototipatge\/tipus-de-prototips\/","title":{"rendered":"Tipus de prototips"},"content":{"rendered":"<p>En funci\u00f3 del grau de compleci\u00f3 o fidelitat amb el disseny final, podem distingir entre prototips de baixa, mitjana o alta fidelitat.<\/p>\n<p>Les representacions de baixa fidelitat es denominen <strong><em>wireframes<\/em><\/strong>. El seu contingut sol limitar-se a respondre a tres preguntes b\u00e0siques:<\/p>\n<ul>\n<li>Els grups principals de contingut (<strong>qu\u00e8?<\/strong>)\n<\/li>\n<li>L&#8217;estructura de la informaci\u00f3 (<strong>on?<\/strong>)\n<\/li>\n<li>La descripci\u00f3 i visualitzaci\u00f3 b\u00e0sica de la interacci\u00f3 entre l&#8217;usuari i la interf\u00edcie (<strong>com?<\/strong>)<\/li>\n<\/ul>\n<p>Els <strong>prototips<\/strong>, que sovint es confonen amb els <em>wireframes<\/em>, s\u00f3n representacions de fidelitat entre mitjana i alta del producte final, i simulen la interacci\u00f3 de la interf\u00edcie d&#8217;usuari. Per tant, un prototip ha de permetre a l&#8217;usuari:<\/p>\n<ul>\n<li>Experimentar el contingut i les interaccions amb la interf\u00edcie.<\/li>\n<li>Provar les interaccions principals d&#8217;una manera similar al producte final.<\/li>\n<\/ul>\n<p>Finalment, una <strong>maqueta<\/strong> (o <em>mock-up)<\/em> \u00e9s una representaci\u00f3 est\u00e0tica de fidelitat entre mitjana i alta del disseny de la interf\u00edcie. Sovint es tracta d&#8217;una maqueta del disseny visual del projecte. Una bona maqueta:<\/p>\n<ul>\n<li>Representa l&#8217;estructura de la informaci\u00f3, visualitza el contingut i mostra les funcions b\u00e0siques d&#8217;una manera est\u00e0tica.<\/li>\n<li>Anima a revisar la part visual del projecte.<\/li>\n<\/ul>\n<p>Les maquetes tamb\u00e9 solen confondre&#8217;s amb els <em>wireframes<\/em> a causa de la terminologia que empren les empreses de programari dedicat al prototipatge.<\/p>\n<p>Aqu\u00ed teniu un article que clarifica aquests conceptes: <a href=\"http:\/\/mosaic.uoc.edu\/2015\/09\/15\/proceso-de-desarrollo-de-un-proyecto-digital\/\" target=\"_blank\">Sketchs, mockups, wireframes i prototips<\/a>.<\/p>\n<p><strong>Enlla\u00e7os relacionats:<\/strong><br \/>\n&#8211; <a href=\"http:\/\/uxmag.com\/articles\/paper-in-screen-prototyping\" target=\"_blank\">Paper-in-screen Prototyping<\/a>.<br \/>\n&#8211; <a href=\"http:\/\/www.slideshare.net\/mrazzari\/prototipos-y-wireframes-en-el-diseo-de-interaccin\" target=\"_blank\">Prototips i\u00a0wireframes\u00a0en el disseny d\u2019interacci\u00f3<\/a>.<br \/>\n&#8211; <a href=\"http:\/\/theappentrepreneur.com\/54-amazing-wireframing-tools-apps\" target=\"_blank\">54 amazing wireframing tools and apps<\/a>\u00a0.<br \/>\n&#8211;\u00a0<a href=\"http:\/\/mashable.com\/2013\/04\/02\/wireframing-tools-mobile\/\" target=\"_blank\">20 excellent wireframing tools for mobile<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>En funci\u00f3 del grau de compleci\u00f3 o fidelitat amb el disseny final, podem distingir entre prototips de baixa, mitjana o alta fidelitat. Les representacions de baixa fidelitat es denominen wireframes. El seu contingut sol limitar-se a respondre a tres preguntes b\u00e0siques: Els grups principals de contingut (qu\u00e8?) L&#8217;estructura de la informaci\u00f3 (on?) La descripci\u00f3 i &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/multimedia.uoc.edu\/blogs\/dii\/prototipatge\/tipus-de-prototips\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abTipus de prototips\u00bb<\/span><\/a><\/p>\n","protected":false},"author":65,"featured_media":0,"parent":8,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[],"class_list":["post-594","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/comments?post=594"}],"version-history":[{"count":8,"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/594\/revisions"}],"predecessor-version":[{"id":676,"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/594\/revisions\/676"}],"up":[{"embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/8"}],"wp:attachment":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/media?parent=594"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/tags?post=594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}