Introducció
Durant el procés de disseny d’interfícies s’utilitzen diverses eines, segons la fase en què estigui el projecte i el que necessiti explicar o representar el dissenyador.
A continuació, presentem les eines més utilitzades segons el tipus de document que es vulgui preparar. A més de les esmentades, quan abordem un nou projecte, és recomanable fer una cerca a internet, ja que, amb freqüència, apareixen noves eines.
Atenció: les eines es mostren en ordre alfabètic. L’ordre no correspon a la valoració de l’eina, ja que es recomana avaluar, en cada cas, quina respon millor als requeriments personals.
Representació de processos
Per a representar els processos (diagrames de flux, mapes mentals, storyboards, etc.), es pot utilitzar qualsevol eina d’edició de text que permeti editar gràfics, i també qualsevol eina de dibuix vectorial. No obstant això, hi ha algunes eines a mida, entre les quals recomanem les següents:
- Bubblus: https://bubbl.us/. És gratis, fins a 3 mapes mentals. Online.
- Lucidchart: https://www.lucidchart.com/. No és gratis. Online.
- Mindnode: https://mindnode.com/. No és gratis, encara que té una versió de prova de 2 setmanes. Offline.
- Mindomo: https://www.mindomo.com/es/. No és gratis, encara que es pot provar durant 30 dies. Offline.
- Wisemapping: http://www.wisemapping.com/index.html. És gratis. Online.
- Xmind 8: http://www.xmind.net/. No és gratis. Offline.
Sketching
Malgrat que generalment realitzem el procés d’sketching utilitzant eines no digitals (paper, llapis, retoladors, etc.), hi ha eines online que permeten fer sketches de manera col·laborativa. Algunes d’aquestes són les següents:
- Devianart: https://muro.deviantart.com/. És gratis. Online.
- Sketchboard: https://sketchboard.io/. És gratis per a projectes públics, no per a projectes comercials. Llicència educativa. Online, col·laborativa.
- Sketchpad: https://sketch.io/sketchpad/. És gratis. Online.
- Sketch Together: https://sketchtogether.com/. És gratis, amb limitacions. Online, col·laborativa.
- Ziteboard: https://ziteboard.com/. És gratis, fins a 3 boards. Online, col·laborativa.
Wireframing
Per a preparar els wireframes d’un projecte interactiu, podem treballar amb eines offline o online. Aquestes últimes generalment permeten editar un projecte col·laborativament.
- Axure: https://www.axure.com/. No és gratis. Llicència educativa. Offline.
- Justinmind: https://www.justinmind.com/. No és gratis, encara que té unaversió de prova. Offline.
- Moqups: https://moqups.com/. És gratis, fins a 1 projecte. Online, col·laborativa.
- UXPin: https://www.uxpin.com/. No és gratis, encara que té una versió de prova. Online, col·laborativa.
- Wireframe.cc: https://wireframe.cc/. No és gratis, encara que té una versió de prova de 7 dies. Online, col·laborativa.
Prototip gràfic (mockup)
Alguns dissenyadors utilitzen eines de dibuix o d’edició d’imatges (com ara Illustrator o Photoshop) per a preparar els seus prototips gràfics. A més d’aquestes, hi ha altres eines a mida per a fer els mockups d’aplicacions o webs.
- Sketch: https://www.sketchapp.com/. No és gratis. Llicència educativa. Offline.
- Tova XD: http://www.adobe.com/products/xd.html. No és gratis, encara que té una versió de prova. Llicència educativa. Offline.
Presentació de prototips
Recentment han aparegut diverses eines que permeten presentar els prototips gràfics online i de manera interactiva. En la majoria de casos, es permet comentar col·laborativament, de manera que aquestes eines resulten realment útils per a iterar sobre el projecte i compartir el disseny amb l’equip, amb els clients o amb altres participants.
- Invision: https://www.invisionapp.com/. No és gratis, però té una versió de prova. Online.
- Marvel: https://marvelapp.com/. No és gratis, però té una versió de prova. Online.
- Principle: http://principleformac.com/. No és gratis, però té una versió de prova. Offline.