{"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\/es\/prototipatge\/tipus-de-prototips\/","title":{"rendered":"Tipos de prototipo"},"content":{"rendered":"<p>En funci\u00f3n de su grado de compleci\u00f3n o fidelidad con el dise\u00f1o final, podemos distinguir entre prototipos de baja, media o alta fidelidad. <\/p>\n<p>Las representaciones en baja fidelidad se denominan <em><strong>wireframes<\/strong><\/em>. Su contenido suele limitarse a responder tres preguntas b\u00e1sicas:<\/p>\n<ul>\n<li>Los principales grupos de contenido (<strong>\u00bfqu\u00e9?<\/strong>).<\/li>\n<li>La estructura de la informaci\u00f3n (<strong>\u00bfd\u00f3nde?<\/strong>).<\/li>\n<li>La descripci\u00f3n y visualizaci\u00f3n b\u00e1sica de la interacci\u00f3n entre el usuario y la interfaz (<strong>\u00bfc\u00f3mo?<\/strong>).<\/li>\n<\/ul>\n<p>Los <strong>prototipos<\/strong>, a menudo confundidos con los <em>wireframes<\/em>, son representaciones de entre media y alta fidelidad del producto final, simulando la interacci\u00f3n de la interfaz de usuario. Por tanto, un prototipo tiene que permitir al usuario lo siguiente:<\/p>\n<ul>\n<li>Experimentar el contenido y las interacciones con la interfaz.<\/li>\n<li>Probar las principales interacciones de una manera similar al producto final.<\/li>\n<\/ul>\n<p>Finalmente, una <strong>maqueta<\/strong> (o <em>mockup<\/em>) es una representaci\u00f3n est\u00e1tica de entre media y alta fidelidad del dise\u00f1o de la interfaz. A menudo se trata de una maqueta del dise\u00f1o visual del proyecto. Una buena maqueta debe cumplir estos requisitos:<\/p>\n<ul>\n<li>Representar la estructura de la informaci\u00f3n, visualizar el contenido y mostrar las funciones b\u00e1sicas de una manera est\u00e1tica.<\/li>\n<li>Animar a revisar la parte visual del proyecto.<\/li>\n<\/ul>\n<p>Las maquetas tambi\u00e9n suelen confundirse con los <em>wireframes<\/em> debido a la terminolog\u00eda empleada por las empresas de software dedicado al prototipado.<\/p>\n<p>Aqu\u00ed ten\u00e9is un un art\u00edculo clarifica estos conceptes: <a href=\"http:\/\/mosaic.uoc.edu\/2015\/09\/15\/proceso-de-desarrollo-de-un-proyecto-digital\/\" target=\"_blank\">Sketchs, mockups, wireframes y prototipos<\/a>.<\/p>\n<p><strong>Enlaces relacionados:<\/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\">Prototipos y wireframes en el dise\u00f1o de interacci\u00f3n<\/a>.<br \/>\n&#8211; <a href=\"http:\/\/theappentrepreneur.com\/54-amazing-wireframing-tools-apps\" target=\"_blank\">54 amazing wireframing tools and apps<\/a> .<br \/>\n&#8211; <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\u00f3n de su grado de compleci\u00f3n o fidelidad con el dise\u00f1o final, podemos distinguir entre prototipos de baja, media o alta fidelidad. Las representaciones en baja fidelidad se denominan wireframes. Su contenido suele limitarse a responder tres preguntas b\u00e1sicas: Los principales grupos de contenido (\u00bfqu\u00e9?). La estructura de la informaci\u00f3n (\u00bfd\u00f3nde?). La descripci\u00f3n y &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/prototipatge\/tipus-de-prototips\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abTipos de prototipo\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\/es\/wp-json\/wp\/v2\/pages\/594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/comments?post=594"}],"version-history":[{"count":8,"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages\/594\/revisions"}],"predecessor-version":[{"id":676,"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages\/594\/revisions\/676"}],"up":[{"embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages\/8"}],"wp:attachment":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/media?parent=594"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/tags?post=594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}