Introducción
Durante el proceso de diseño de interfaces se utilizan diversas herramientas, según la fase en la que se encuentre el proyecto y lo que el diseñador necesite explicar o representar.
A continuación, se presentan las herramientas más utilizadas según el tipo de documento que se quiera preparar. Además de las mencionadas, al abordar un nuevo proyecto es recomendable realizar una búsqueda en internet, ya que aparecen nuevas herramientas con frecuencia.
Atención: las herramientas se muestran en orden alfabético. El orden no corresponde a la valoración de la herramienta, ya que se recomienda evaluar en cada caso cuál responde mejor a los requerimientos personales.
Representación de procesos
Para representar procesos (diagramas de flujo, mapas mentales, storyboards, etc.), puede utilizarse cualquier herramienta de edición de texto que permita editar gráficos, así como cualquier herramienta de dibujo vectorial. No obstante, existen algunas herramientas a medida, entre las que se recomiendan las siguientes:
- Bubbl.us: https://bubbl.us/. Es gratis, hasta 3 mapas mentales. Online.
- Lucidchart: https://www.lucidchart.com/. No es gratis. Online.
- Mindnode: https://mindnode.com/. No es gratis, aunque tiene una versión de prueba de 2 semanas. Offline.
- Mindomo: https://www.mindomo.com/es/. No es gratis, aunque se puede probar durante 30 días. Offline.
- Wisemapping: http://www.wisemapping.com/index.html. Es gratis. Online.
- Xmind 8: http://www.xmind.net/. No es gratis. Offline.
Sketching
Aunque generalmente realizamos el proceso de sketching utilizando herramientas no digitales (papel, lápices, rotuladores, etc.), existen herramientas en línea que permiten realizar sketches de manera colaborativa. Algunas de ellas son las siguientes:
- Devianart: https://muro.deviantart.com/. Es gratis. Online.
- Sketchboard: https://sketchboard.io/. Es gratis para proyectos públicos, no para proyectos comerciales. Licencia educativa. Online, colaborativa.
- Sketchpad: https://sketch.io/sketchpad/. Es gratis. Online.
- Sketch Together: https://sketchtogether.com/. Es gratis, con limitaciones. Online, colaborativa.
- Ziteboard: https://ziteboard.com/. Es gratis, hasta 3 boards. Online, colaborativa.
Wireframing
Para preparar los wireframes de un proyecto interactivo, se puede trabajar con herramientas offline u online. Estas últimas permiten editar colaborativamente un proyecto.
- Axure: https://www.axure.com/. No es gratis. Licencia educativa. Offline.
- Justinmind: https://www.justinmind.com/. No es gratis, aunque tiene versión de prueba. Offline.
- Moqups: https://moqups.com/. Es gratis, hasta 1 proyecto. Online, colaborativa.
- UXPin: https://www.uxpin.com/. No es gratis, aunque tiene versión de prueba. Online, colaborativa.
- Wireframe.cc: https://wireframe.cc/. No es gratis, aunque tiene versión de prueba de 7 días. Online, colaborativa.
Prototipo gráfico (mockup)
Algunos diseñadores utilizan herramientas de dibujo o de edición de imágenes (como Illustrator o Photoshop) para preparar sus prototipos gráficos. Además de estas, existen otras herramientas a medida para realizar los mockups de aplicaciones o webs.
- Sketch: https://www.sketchapp.com/. No es gratis. Licencia educativa. Offline.
- Adobe XD: http://www.adobe.com/products/xd.html. No es gratis, aunque tiene versión de prueba. Licencia educativa. Offline.
Presentación de prototipos
Recientemente, han aparecido varias herramientas que permiten presentar los prototipos gráficos en línea y de manera interactiva. En la mayoría de casos se permite comentar colaborativamente, de manera que estas herramientas resultan realmente útiles para iterar sobre el proyecto, y compartir el diseño con el equipo y con los clientes u otros participantes.
- Invision: https://www.invisionapp.com/. No es gratis, pero tiene versión de prueba. Online.
- Marvel: https://marvelapp.com/. No es gratis, pero tiene versión de prueba. Online.
- Principle: http://principleformac.com/. No es gratis, pero tiene versión de prueba. Offline.