{"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\/es\/prototipat\/axure-disseny-de-wireframes-i-prototips\/","title":{"rendered":"AXURE, Dise\u00f1o de wireframes y Prototipos"},"content":{"rendered":"<p>Axure es uno de los est\u00e1ndares de la industria de software \u00a0orientada a dise\u00f1ar wireframes y generar prototipos b\u00e1sicos o avanzados de forma f\u00e1cil. Esta herramienta est\u00e1 dirigida tanto a la creaci\u00f3n de \u00a0aplicaciones web como de escritorio. Es muy f\u00e1cil comenzar a trabajar con Axure, la herramienta es muy intuitiva y podemos empezar a producir casi inmediatamente sin necesidad de seguir un manual, sin embargo, esto puede ser un peligro ya que no descubrir\u00edamos todas sus posibilidades.<\/p>\n<p>El software est\u00e1 disponible en el mercado en dos versiones: Standard y Axure RP Pro. Ambas versiones tienen un coste de varios cientos de d\u00f3lares, pero podr\u00e1s descargar una versi\u00f3n trial por 30 d\u00edas. Si eres estudiante podr\u00e1s conseguir la versi\u00f3n \u00a0Pro de forma gratuita ya que dispone de una licencia para estudiantes y profesores.<\/p>\n<p>Como dec\u00edamos, su manejo es muy sencillo ya que permite la creaci\u00f3n mediante la acci\u00f3n de de arrastrar y soltar en el espacio de trabajo, \u00a0el cambio de tama\u00f1o y formato de los widgets, etc .<\/p>\n<p>El programa tiene por defecto una amplia gama de widgets con los cuales se pueden crear interfaces de una forma r\u00e1pida y sencilla . Podemos crear controles personalizados mediante la combinaci\u00f3n de los widgets existentes y la asignaci\u00f3n de acciones en respuesta a eventos como OnClick, Onmouseover y onMouseOut o gestos como deslizar. Podremos crear widgets personalizados (que podremos reutilizar) \u00a0que pueden simular funcionalidades o m\u00f3dulos que se pueden necesitar para simular un \u00a0proceso, interacci\u00f3n, etc. Este es uno de sus puntos fuertes, la interactividad que simula el comportamiento de las interfaces hace que sea una herramienta muy \u00fatil para el \u00a0de prototipado. Tambi\u00e9n podemos encontrar en Internet diversos gadgets, m\u00f3dulos, \u00edconos \u00a0\u2026 que podremos importar y usar en nuestros proyectos.<\/p>\n<p>Una de sus caracter\u00edsticas m\u00e1s interesantes es que \u00a0genera prototipos HTML \u00a0de sitios web sin necesidad de ning\u00fan tipo de codificaci\u00f3n as\u00ed como documentos de Microsoft Word para los procesos de documentaci\u00f3n. La posibilidad de exportar el prototipo en HTML resulta ideal para documentar el funcionamiento y para realizar pruebas de usuario, y si lo hacemos \u00a0en un documento Word recoger\u00e1, adem\u00e1s de las interfaces dise\u00f1adas, todas las anotaciones que se hagan sobre el funcionamiento de cada p\u00e1gina, m\u00f3dulo o componente. En este punto, el de las anotaciones, \u00a0Axure demuestra un importante grado de especializaci\u00f3n, permite especificar el estado de cada elemento (Propuesto, Aceptado, Incorporado), el beneficio esperado (Cr\u00edtico, Importante, \u00datil), el riesgo, la estabilidad, a qui\u00e9n va dirigido y a qui\u00e9n se le asignar\u00e1 la tarea.<\/p>\n<p>Otra de las caracter\u00edsticas a resaltar de Axure es la posibilidad de crear masters (documentos maestros) , los cuales son muy \u00fatiles ya que son reutilizables en todas las interfaces que se dise\u00f1en, y de la misma forma que cuando usamos hojas de estilo css en el dise\u00f1o de una web, los cambios que se apliquen a estos se ven reflejados en todas las p\u00e1ginas en las que lo estemos utilizando. \u00a0Es una funcionalidad \u00a0ideal para el dise\u00f1o de headers (cabeceras), footers (pies), templates o m\u00f3dulos.<\/p>\n<p>Adem\u00e1s, Axure nos da la posibilidad de usar bibliotecas JQuery Widget para \u00a0sitios web y aplicaciones m\u00f3viles y nos permite ver de forma sencilla, el mapa del sitio con su jer\u00e1rquica de las p\u00e1ginas.<\/p>\n<p>Pod\u00e9is conocer \u00a0algunas caracter\u00edsticas m\u00e1s y novedades axure 6 y 7 en estas p\u00e1ginas<\/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>Enlaces de inter\u00e9s<\/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>Sitios recomendados en castellano<\/strong><\/p>\n<ul>\n<li>El blog <a href=\"http:\/\/www.axureninja.com\/\">http:\/\/www.axureninja.com\/<\/a> \u00a0tienen art\u00edculos y manuales muy interesantes en castellano de axure, recomendable empezar por este articulo <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 con video tutoriales en castellano de Axure <a href=\"http:\/\/mundoux.com\/\">http:\/\/mundoux.com\/<\/a><\/li>\n<li>Presentaci\u00f3n\u00a0<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 es uno de los est\u00e1ndares de la industria de software \u00a0orientada a dise\u00f1ar wireframes y generar prototipos b\u00e1sicos o avanzados de forma f\u00e1cil. Esta herramienta est\u00e1 dirigida tanto a la creaci\u00f3n de \u00a0aplicaciones web como de escritorio. Es muy f\u00e1cil comenzar a trabajar con Axure, la herramienta es muy intuitiva y podemos empezar a &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/prototipat\/axure-disseny-de-wireframes-i-prototips\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abAXURE, Dise\u00f1o de wireframes y Prototipos\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\/es\/wp-json\/wp\/v2\/pages\/1522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/comments?post=1522"}],"version-history":[{"count":2,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1522\/revisions"}],"predecessor-version":[{"id":1624,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1522\/revisions\/1624"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1162"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/media?parent=1522"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/tags?post=1522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}