{"id":14918,"date":"2020-12-09T13:18:37","date_gmt":"2020-12-09T11:18:37","guid":{"rendered":"http:\/\/design-toolkit.recursos.uoc.edu\/?p=14918"},"modified":"2021-01-29T14:53:02","modified_gmt":"2021-01-29T12:53:02","slug":"herramientas-software","status":"publish","type":"post","link":"http:\/\/design-toolkit-test.uoc.edu\/es\/herramientas-software\/","title":{"rendered":"Herramientas software"},"content":{"rendered":"<h2><strong>Introducci\u00f3n<\/strong><\/h2>\n<p>Durante el proceso de dise\u00f1o de interfaces se utilizan diversas herramientas, seg\u00fan la fase en la que se encuentre el proyecto y lo que el dise\u00f1ador necesite explicar o representar.<\/p>\n<p>A continuaci\u00f3n, se presentan las herramientas m\u00e1s utilizadas seg\u00fan el tipo de documento que se quiera preparar. Adem\u00e1s de las mencionadas, al abordar un nuevo proyecto es recomendable realizar una b\u00fasqueda en internet, ya que aparecen nuevas herramientas con frecuencia.<\/p>\n<p>Atenci\u00f3n: las herramientas se muestran en orden alfab\u00e9tico. El orden no corresponde a la valoraci\u00f3n de la herramienta, ya que se recomienda evaluar en cada caso cu\u00e1l responde mejor a los requerimientos personales.<\/p>\n<h2><strong>Representaci\u00f3n de procesos<\/strong><\/h2>\n<p>Para representar procesos (diagramas de flujo, mapas mentales, <em>storyboards<\/em>, etc.), puede utilizarse cualquier herramienta de edici\u00f3n de texto que permita editar gr\u00e1ficos, as\u00ed como cualquier herramienta de dibujo vectorial. No obstante, existen algunas herramientas a medida, entre las que se recomiendan las siguientes:<\/p>\n<ul>\n<li>Bubbl.us: <a href=\"https:\/\/bubbl.us\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/bubbl.us\/<\/a>. Es gratis, hasta 3 mapas mentales. <em>Online.<\/em><\/li>\n<li>Lucidchart: <a href=\"https:\/\/www.lucidchart.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.lucidchart.com\/<\/a>. No es gratis. <em>Online.<\/em><\/li>\n<li>Mindnode: <a href=\"https:\/\/mindnode.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/mindnode.com\/<\/a>. No es gratis, aunque tiene una versi\u00f3n de prueba de 2 semanas. <em>Offline.<\/em><\/li>\n<li>Mindomo: <a href=\"https:\/\/www.mindomo.com\/es\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.mindomo.com\/es\/<\/a>. No es gratis, aunque se puede probar durante 30 d\u00edas. <em>Offline.<\/em><\/li>\n<li>Wisemapping: <a href=\"http:\/\/www.wisemapping.com\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/www.wisemapping.com\/index.html<\/a>. Es gratis. <em>Online.<\/em><\/li>\n<li>Xmind 8: <a href=\"http:\/\/www.xmind.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/www.xmind.net\/<\/a>. No es gratis. <em>Offline.<\/em><\/li>\n<\/ul>\n<h2><strong><em>Sketching<\/em><\/strong><\/h2>\n<p>Aunque generalmente realizamos el proceso de <em>sketching<\/em> utilizando herramientas no digitales (papel, l\u00e1pices, rotuladores, etc.), existen herramientas en l\u00ednea que permiten realizar <em>sketches<\/em> de manera colaborativa. Algunas de ellas son las siguientes:<\/p>\n<ul>\n<li>Devianart: <a href=\"https:\/\/muro.deviantart.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/muro.deviantart.com\/<\/a>. Es gratis. <em>Online.<\/em><\/li>\n<li>Sketchboard: <a href=\"https:\/\/sketchboard.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/sketchboard.io\/<\/a>. Es gratis para proyectos p\u00fablicos, no para proyectos comerciales. Licencia educativa. <em>Online<\/em>, colaborativa.<\/li>\n<li>Sketchpad: <a href=\"https:\/\/sketch.io\/sketchpad\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/sketch.io\/sketchpad\/<\/a>. Es gratis. <em>Online.<\/em><\/li>\n<li>Sketch Together: <a href=\"https:\/\/sketchtogether.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/sketchtogether.com\/<\/a>. Es gratis, con limitaciones. <em>Online<\/em>, colaborativa.<\/li>\n<li>Ziteboard: <a href=\"https:\/\/ziteboard.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/ziteboard.com\/<\/a>. Es gratis, hasta 3 <em>boards<\/em>. <em>Online<\/em>, colaborativa.<\/li>\n<\/ul>\n<h2><strong><em>Wireframing<\/em><\/strong><\/h2>\n<p>Para preparar los <em>wireframes<\/em> de un proyecto interactivo, se puede trabajar con herramientas <em>offline<\/em> u <em>online<\/em>. Estas \u00faltimas permiten editar colaborativamente un proyecto.<\/p>\n<ul>\n<li>Axure: <a href=\"https:\/\/www.axure.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.axure.com\/<\/a>. No es gratis. Licencia educativa. <em>Offline.<\/em><\/li>\n<li>Justinmind: <a href=\"https:\/\/www.justinmind.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.justinmind.com\/<\/a>. No es gratis, aunque tiene versi\u00f3n de prueba. <em>Offline.<\/em><\/li>\n<li>Moqups: <a href=\"https:\/\/moqups.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/moqups.com\/<\/a>. Es gratis, hasta 1 proyecto. <em>Online<\/em>, colaborativa.<\/li>\n<li>UXPin: <a href=\"https:\/\/www.uxpin.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.uxpin.com\/<\/a>. No es gratis, aunque tiene versi\u00f3n de prueba. <em>Online<\/em>, colaborativa.<\/li>\n<li>Wireframe.cc: <a href=\"https:\/\/wireframe.cc\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/wireframe.cc\/<\/a>. No es gratis, aunque tiene versi\u00f3n de prueba de 7 d\u00edas. <em>Online<\/em>, colaborativa.<\/li>\n<\/ul>\n<h2><strong>Prototipo gr\u00e1fico (<em>mockup<\/em>)<\/strong><\/h2>\n<p>Algunos dise\u00f1adores utilizan herramientas de dibujo o de edici\u00f3n de im\u00e1genes (como Illustrator o Photoshop) para preparar sus prototipos gr\u00e1ficos. Adem\u00e1s de estas, existen otras herramientas a medida para realizar los <em>mockups<\/em> de aplicaciones o webs.<\/p>\n<ul>\n<li>Sketch: <a href=\"https:\/\/www.sketchapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.sketchapp.com\/<\/a>. No es gratis. Licencia educativa. <em>Offline.<\/em><\/li>\n<li>Adobe XD: <a href=\"http:\/\/www.adobe.com\/products\/xd.html\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/www.adobe.com\/products\/xd.html<\/a>. No es gratis, aunque tiene versi\u00f3n de prueba. Licencia educativa. <em>Offline.<\/em><\/li>\n<\/ul>\n<h2><strong>Presentaci\u00f3n de prototipos<\/strong><\/h2>\n<p>Recientemente, han aparecido varias herramientas que permiten presentar los prototipos gr\u00e1ficos en l\u00ednea y de manera interactiva. En la mayor\u00eda de casos se permite comentar colaborativamente, de manera que estas herramientas resultan realmente \u00fatiles para iterar sobre el proyecto, y compartir el dise\u00f1o con el equipo y con los clientes u otros participantes.<\/p>\n<ul>\n<li>Invision: <a href=\"https:\/\/www.invisionapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.invisionapp.com\/<\/a>. No es gratis, pero tiene versi\u00f3n de prueba. <em>Online.<\/em><\/li>\n<li>Marvel: <a href=\"https:\/\/marvelapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/marvelapp.com\/<\/a>. No es gratis, pero tiene versi\u00f3n de prueba. <em>Online.<\/em><\/li>\n<li>Principle: <a href=\"http:\/\/principleformac.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/principleformac.com\/<\/a>. No es gratis, pero tiene versi\u00f3n de prueba. <em>Offline.<\/em><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n Durante el proceso de dise\u00f1o de interfaces se utilizan diversas herramientas, seg\u00fan la fase en la que se encuentre el proyecto y lo que el dise\u00f1ador necesite explicar o representar. A continuaci\u00f3n, se presentan las herramientas m\u00e1s utilizadas seg\u00fan el tipo de documento que se quiera preparar. Adem\u00e1s de las mencionadas, al abordar un [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":18331,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[32,31],"tags":[],"_links":{"self":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14918\/"}],"collection":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/"}],"about":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/types\/post\/"}],"author":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/users\/4\/"}],"replies":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/comments\/?post=14918"}],"version-history":[{"count":3,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14918\/revisions\/"}],"predecessor-version":[{"id":17697,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/posts\/14918\/revisions\/17697\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/18331\/"}],"wp:attachment":[{"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/media\/?parent=14918"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/categories\/?post=14918"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/design-toolkit-test.uoc.edu\/es\/wp-json\/wp\/v2\/tags\/?post=14918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}