{"id":1522,"date":"2016-04-06T11:29:56","date_gmt":"2016-04-06T11:29:56","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/?page_id=1522"},"modified":"2017-12-29T06:52:24","modified_gmt":"2017-12-29T06:52:24","slug":"axure-disseny-de-wireframes-i-prototips","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/prototipat\/axure-disseny-de-wireframes-i-prototips\/","title":{"rendered":"AXURE, Disseny de wireframes i Prototips"},"content":{"rendered":"<p>Axure \u00e9s un dels est\u00e0ndards de la ind\u00fastria de programari orientada a dissenyar wireframes i generar prototips b\u00e0sics o avan\u00e7ats de forma f\u00e0cil. Aquesta eina est\u00e0 dirigida tant a la creaci\u00f3 d&#8217;aplicacions web com d&#8217;escriptori. \u00c9s molt f\u00e0cil comen\u00e7ar a treballar amb Axure, l&#8217;eina \u00e9s molt intu\u00eftiva i podem comen\u00e7ar a produir gaireb\u00e9 immediatament sense necessitat de seguir un manual, per\u00f2, aix\u00f2 pot ser un perill ja que no descobrir\u00edem totes les seves possibilitats.<\/p>\n<p>El programari est\u00e0 disponible al mercat en dues versions: Standard i Axure RP Pro. Les dues versions tenen un cost de diversos centenars de d\u00f2lars, per\u00f2 podr\u00e0s descarregar una versi\u00f3 de prova per 30 dies. Si ets estudiant podr\u00e0s aconseguir la versi\u00f3 Pro de forma gratu\u00efta ja que disposa d&#8217;una llic\u00e8ncia per a estudiants i professors.<\/p>\n<p>Com d\u00e8iem, el seu \u00fas \u00e9s molt senzill ja que permet la creaci\u00f3 mitjan\u00e7ant l&#8217;acci\u00f3 de d&#8217;arrossegar i deixar anar en l&#8217;espai de treball, el canvi de mida i format dels widgets, etc.<\/p>\n<p>El programa t\u00e9 per defecte una \u00e0mplia gamma de widgets amb els quals es poden crear interf\u00edcies d&#8217;una forma r\u00e0pida i senzilla. Podem crear controls personalitzats mitjan\u00e7ant la combinaci\u00f3 dels ginys existents i l&#8217;assignaci\u00f3 d&#8217;accions en resposta a esdeveniments com OnClick, onMouseOver i onMouseOut o gestos com lliscar. Podrem crear ginys personalitzats (que podrem reutilitzar) que poden simular funcionalitats o m\u00f2duls que es poden necessitar per simular un proc\u00e9s, interacci\u00f3, etc. Aquest \u00e9s un dels seus punts forts, la interactivitat que simula el comportament de les interf\u00edcies fa que sigui una eina molt \u00fatil pel prototipat. Tamb\u00e9 podem trobar a Internet diversos gadgets, m\u00f2duls, icones &#8230; que podrem importar i utilitzar en els nostres projectes.<\/p>\n<p>Una de les caracter\u00edstiques m\u00e9s interessants \u00e9s que genera prototips HTML de llocs web sense necessitat de cap tipus de codificaci\u00f3 aix\u00ed com documents de Microsoft Word per als processos de documentaci\u00f3. La possibilitat d&#8217;exportar el prototip en HTML resulta ideal per documentar el funcionament i per a realitzar proves d&#8217;usuari, i si ho fem en un document Word recollir\u00e0, a m\u00e9s de les interf\u00edcies dissenyades, totes les anotacions que es facin sobre el funcionament de cada p\u00e0gina, m\u00f2dul o component. En aquest punt, el de les anotacions, Axure demostra un important grau d&#8217;especialitzaci\u00f3, permet especificar l&#8217;estat de cada element (Proposat, Acceptat, Incorporat), el benefici esperat (Cr\u00edtic, Important, \u00datil), el risc, l&#8217;estabilitat, a qui va dirigit i a qui se li assignar\u00e0 la tasca.<\/p>\n<p>Una altra de les caracter\u00edstiques a ressaltar d&#8217;Axure \u00e9s la possibilitat de crear m\u00e0sters (documents mestres), els quals s\u00f3n molt \u00fatils ja que s\u00f3n reutilitzables en totes les interf\u00edcies que es dissenyin, i de la mateixa manera que quan fem servir fulls d&#8217;estil CSS en el disseny d&#8217;un web, els canvis que s&#8217;hi apliquin es veuen reflectits en totes les p\u00e0gines en qu\u00e8 ho estiguem utilitzant. \u00c9s una funcionalitat ideal pel disseny de headers (cap\u00e7aleres), footers (peus), templates o m\u00f2duls.<\/p>\n<p>A m\u00e9s a m\u00e9s, Axure ens d\u00f3na la possibilitat d&#8217;utilitzar biblioteques JQuery Widget per a llocs web i aplicacions m\u00f2bils i ens permet veure de forma senzilla, el mapa del lloc amb la seva jerarquia de p\u00e0gines.<\/p>\n<p>Podeu veure algunes caracter\u00edstiques m\u00e9s i novetats d&#8217;Axure 6 i 7 en aquestes p\u00e0gines<\/p>\n<ul>\n<li><a href=\"http:\/\/olgacarreras.blogspot.com.es\/2014\/01\/novedades-de-axure-7-responsive-design.html\">http:\/\/olgacarreras.blogspot.com.es\/2014\/01\/novedades-de-axure-7-responsive-design.html<\/a><\/li>\n<li><a href=\"http:\/\/olgacarreras.blogspot.com.es\/2011\/06\/novedades-de-axure-6.html\">http:\/\/olgacarreras.blogspot.com.es\/2011\/06\/novedades-de-axure-6.html<\/a><\/li>\n<\/ul>\n<p><strong>Enlla\u00e7os d&#8217;inter\u00e8s<\/strong><\/p>\n<ul>\n<li>P\u00e1gina web oficial <a href=\"http:\/\/www.axure.com\/\">Axure RP Pro website<\/a><\/li>\n<li>Manual oficial <a href=\"http:\/\/www.axure.com\/learn\">http:\/\/www.axure.com\/learn<\/a><\/li>\n<\/ul>\n<p><strong>Llocs recomanats en castell\u00e0<br \/>\n<\/strong><\/p>\n<ul>\n<li>El blog <a href=\"http:\/\/www.axureninja.com\/\">http:\/\/www.axureninja.com\/<\/a> t\u00e9 articles i manuals molt interessants en castell\u00e0 d&#8217;Axure. Recomanable comen\u00e7ar per aquest article <a href=\"http:\/\/www.axureninja.com\/tutorial-como-crear-prototipos-de-sitios-web-responsive-con-axure\/\">http:\/\/www.axureninja.com\/tutorial-como-crear-prototipos-de-sitios-web-responsive-con-axure\/<\/a><\/li>\n<li>Web amb v\u00eddeo tutorials en castell\u00e0 d&#8217;Axure <a href=\"http:\/\/mundoux.com\/\">http:\/\/mundoux.com\/<\/a><\/li>\n<li>Presentaci\u00f3 <strong>Axure para Padawans<\/strong> de Xavi Cardet:\u00a0<a href=\"https:\/\/drive.google.com\/file\/d\/0B4hIJa7SUFyqUHEtb2oxZDdZYnM\/view\">https:\/\/drive.google.com\/file\/d\/0B4hIJa7SUFyqUHEtb2oxZDdZYnM\/view<\/a><\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Axure \u00e9s un dels est\u00e0ndards de la ind\u00fastria de programari orientada a dissenyar wireframes i generar prototips b\u00e0sics o avan\u00e7ats de forma f\u00e0cil. Aquesta eina est\u00e0 dirigida tant a la creaci\u00f3 d&#8217;aplicacions web com d&#8217;escriptori. \u00c9s molt f\u00e0cil comen\u00e7ar a treballar amb Axure, l&#8217;eina \u00e9s molt intu\u00eftiva i podem comen\u00e7ar a produir gaireb\u00e9 immediatament sense &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/prototipat\/axure-disseny-de-wireframes-i-prototips\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abAXURE, Disseny de wireframes i Prototips\u00bb<\/span><\/a><\/p>\n","protected":false},"author":57,"featured_media":0,"parent":1162,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[49],"class_list":["post-1522","page","type-page","status-publish","hentry","tag-axure","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/comments?post=1522"}],"version-history":[{"count":2,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1522\/revisions"}],"predecessor-version":[{"id":1624,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1522\/revisions\/1624"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1162"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/media?parent=1522"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/tags?post=1522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}