Tant si voleu dissenyar una aplicació mòbil, un programari d'escriptori o simplement intentar dissenyar un lloc web, creant Mockups d’UI, podeu obtenir les primeres visualitzacions dels vostres futurs projectes i també presentar la idea de disseny al client d’una manera millor.

La creació de maquetes d’interès d’UI és diferent del Wireframing. Wireframing és com crear un model per a la vostra casa o projecte d’enginyeria, mentre que crear un Mockup arriba amb el disseny creatiu real (aspectes finals) de la casa per als clients.

Tenir accés a una eina útil de Mockup us ajuda en la fase de disseny de la interfície d'usuari i també accelereu tot el procés.

No hi ha cap mena d’eines de maquetació d’UI; tanmateix, amb tantes opcions per triar, pot resultar confús sobre quina és la primera que haureu de començar a utilitzar.

Tant si teniu un professional que busqueu afegir més eines elèctriques a l’arsenal actual com si un principiant prova les seves mans a Mockup dissenyant per primera vegada, aquesta guia us presentarà algunes de les millors eines per crear maquetes d’interès d’usuari durant el 2019.

Quines són les millors eines per crear maquetes d’interès d’usuari?

MockFlow

• Preu: Pla mensual limitat de 19 $, gratuït: 14 € per usuari i mes per pla anual

MockFlow és una solució premium basada en núvol que ofereix eines Wireframe, Prototipatge i interfície d'interès d'Internet per a particulars i organitzacions. Inclou en plans gratuïts i premium i es pot utilitzar també en el vostre PC.

El preu es divideix entre els plans anuals i els mensuals. En comparació amb els plans anuals, els plans mensuals no només són cars, sinó que també es perden algunes característiques. En els plans anuals, no només rebeu un descompte just, sinó que també tindreu servei gratuït de tres mesos, accés fora de línia i encès.

Per utilitzar l'eina, us heu de registrar amb un compte gratuït. Els comptes gratuïts us permeten crear un projecte a cada aplicació, dos revisors per projecte, una selecció limitada d'aplicacions i cap suport. Tot i això, el compte gratuït dóna una idea justa de la usabilitat de MockFlow.

MockFlow ofereix accés sense connexió a Windows i Mac OS amb ordinadors que s’executen. Les extensions MockFlow permeten utilitzar l'eina amb aplicacions com Microsoft Office, Google Chrome, Google Docs, Slack, JIRA i molt més.

MockFlow té sis funcions bàsiques, a saber, maquetes de WireFrame i interfície d'usuari, mapa del lloc, StyleGuide, DesignCollab, Annotate Pro i Website Pro. Per crear maquetes d'interfície d'usuari, utilitzeu la primera opció WireFrame des del tauler i feu clic a la icona +.

Comenceu per seleccionar la plataforma que voleu crear la maqueta per a dispositius iOS, rellotges intel·ligents, lloc web, aplicacions Microsoft, etc.

El tauler d’edició també es divideix en 6 pestanyes. Des de la pestanya Element, podeu arrossegar i deixar anar objectes pre-dissenyats com Marc personalitzat, icones, imatges de fons, pestanyes de menú, opcions de compra i molt més, o simplement podeu començar des d'una pàgina en blanc si voleu.

Els objectes es poden personalitzar amb un simple clic doble. Podeu agrupar diversos elements entre si per facilitar el vostre moviment i escalar la interfície d'usuari.

Altres pestanyes de l’editor són Pàgines, per crear diverses pàgines per a la mateixa aplicació, pestanya Imatges, pestanya Flux per afegir i comprovar l’estat dels projectes, pestanya Emmagatzemar i Power-UP per afegir més aplicacions i plantilles.

MockFlow és una excel·lent eina polivalent per a crear maquetes d’interès d’usuari i molt més. Tanmateix, els plans premium permeten que els usuaris seriosos puguin fer servir almenys la meitat de la funció que ofereix.

Proveu MockFlow

• Llegiu també: 10 millors programes de disseny 3D gratuïts per a principiants i usuaris avançats

Balsamiq

• Preu: prova de 30 dies / Versió en línia gratuïta comença a partir de 9 dòlars al mes / La versió fora de línia comença a llicència perpètua de 89 dòlars

Balsamiq és una solució moderna basada en núvols per a dissenyadors i desenvolupadors d’UI que ofereix un cablejat fotogràfic ràpid i abordable. Si preferiu una solució fora de línia, Balsamiq també la va cobrir.

Balsamiq ofereix dues versions de l'eina, l'aplicació d'escriptori en línia i fora de línia per a ordinadors Mac i Windows. La versió fora de línia és una compra puntual que costa 89 dòlars per a un sol usuari. La versió en línia comença a partir de 9 dòlars mensuals per usuari amb espai per a dos projectes.

Afortunadament, podeu registrar-vos de forma gratuïta i utilitzar l’aplicació web durant 30 dies de forma gratuïta amb filferros il·limitats i usuaris il·limitats que s’ofereixen.

La inscripció al compte de prova gratuïta és fàcil, però requereix que els usuaris validin el correu electrònic. Un cop fet, comenceu a crear el vostre espai i poseu-li un nom. Després, creeu el vostre primer projecte.

L’editor de projectes té una interfície molt senzilla i fàcil d’utilitzar. Totes les propietats estan ben distribuïdes a la barra d’eines. Les pàgines o filferros es mostren al costat esquerre i podeu afegir diverses pàgines fent clic a la icona + de la part superior.

Podeu començar arrossegant i deixant anar una plantilla a l'editor o començar des de zero per fer servir eines bàsiques d'edició. Feu servir l’opció Més controls per cercar més plantilles i icones de la biblioteca. Des d'aplicacions i esquemes d'escriptori fins a interfícies d'interès de maquinari i maquetació, la biblioteca de Balsamiq disposa de tot el que necessita per crear una maqueta i un wajramram.

Per canviar les propietats de l'objecte, seleccioneu l'objecte i les opcions aplicables es mostraran al panell dret.

Els desenvolupadors poden convidar els clients a fer una presentació enviant un enllaç per correu electrònic. També podeu afegir membres del vostre equip al projecte i assignar un rol a cada membre de l’equip.

A més, Balsamiq també ofereix integració amb aplicacions empresarials com Google Drive, Confluence i Jira. Els recursos de disseny de la interfície d'usuari del lloc web són útils per als usuaris amb experiència i per als usuaris novells.

Balsamiq és una eina excel·lent i, amb una suite de programari en línia i fora de línia, és sens dubte un dels millors del negoci. Combina-ho amb una prova gratuïta de 30 dies i obtindràs temps suficient per valorar l'eina abans de realitzar una compra.

Proveu Balsamiq

• Llegiu també: 8 impressionant programari per crear fulletons i regir el joc de màrqueting

MockPlus

• Preu: prova gratuïta / $ 59 a l’any Llicència individual / 199 $ llicència perpètua / Pla d’equip comença a 299 dòlars anuals

Per a aquells que busquen una eina flexible per crear maquetes i prototips per a qualsevol mida i plataforma de pantalla, MockPlus és una bona elecció. És una aplicació fora de línia i està disponible per a dispositius Windows, Mac, Android i iOS.

Alguns dels noms més importants de la indústria de la tecnologia són MockPlus, com Microsoft i IBM. Hi ha una prova gratuïta de 7 dies per provar l’eina abans de realitzar una compra.

La interfície d'usuari de MockPlus està ben dissenyada i té un aspecte modern. Ofereix una gran quantitat d'espai i no agrupa l'espai de treball amb eines innecessàries. També té una opció de diverses finestres per utilitzar el programari en diverses finestres per millorar la productivitat.

Podeu crear prototips interactius fàcilment arrossegant i deixant fora de l'editor components pre-dissenyats. La biblioteca està equipada amb més de 3000 icones i gairebé 200 components pre-dissenyats per començar a donar suport a la funcionalitat d'arrossegar i deixar anar.

Es poden provar els prototips a l’instant mitjançant el codi QR generat per l’aplicació. A més, es poden publicar els projectes al web per obtenir comentaris de clients i membres de l’equip compartint un enllaç web al prototip.

MockPlus sobresurt pel que fa i les funcions i funcions d’aquest programari de prototipatge el converteixen en una eina ideal per a dissenyadors d’UI i UX, independentment de la seva experiència.

Descarrega MockPlus

• Llegiu també: 9 programes rics en funcions per crear línies de temps interactives a PC

Moqups

• Preu: prova gratuïta / Comença a 19 dòlars al mes. Pla personal

Moqups és una aplicació web basada en núvol que permet crear filaments, maquetes, esquemes i prototips i col·laborar en temps real amb altres membres de l’equip.

És una eina premium amb comptes personals i d’equip. La prova gratuïta requereix que registreu un compte i que ofereixi 5 MB d’emmagatzematge amb un projecte limitat a 300 objectes.

La interfície d'usuari és similar a MockFlow, però les eines i el disseny són diferents. Després de crear un projecte nou, podeu arrossegar i deixar anar elements de la pestanya Plantilla.

Podeu afegir més pàgines al projecte, personalitzar contorns, crear plantilles, penjar i afegir imatges, navegar des de la gran biblioteca d'icones i afegir comentaris al projecte.

Els objectes es poden editar per redimensionar, girar, alinear i estil. La característica d’agrupament facilita agrupar diversos objectes per facilitar el moviment.

Un cop el maquetat estigui preparat, podeu exportar-lo a Google Drive, Dropbox o a la unitat local de l’ordinador en format PNG, PDF o HTML.

Moqups és una eina fàcil d’utilitzar per fer filaments i crear diagrames i maquetes en molt poc temps. Registreu-vos al compte gratuït i aprofiteu l'eina per poder comprovar si és alguna cosa que compleix el vostre requisit.

Proveu Moqups

Conclusió

Tant si ets un dissenyador d’UI professional com si ets un principiant, és important saber quines eines heu d’utilitzar per crear maquetes d’interès d’UI és important. Si només busqueu una eina de filaments, llavors us recomanaria que proveu Wireframes.cc.

És una aplicació basada en web amb un disseny minimalista i un grapat de funcions per crear fotogrames senzills i eficaços per a aplicacions o llocs web. Al cap i a la fi, no sempre és millor.

Tanmateix, per al dissenyador d’UX / IU que busqui eines maquetadores riques en funcions, hauria de provar totes les eines anteriorment recomanades. Totes aquestes eines ofereixen una prova gratuïta o un compte gratuït bàsic sense cap limitació per començar.

Podeu passar una estona amb cadascuna d’aquestes eines abans de decidir la que marca les caselles més marcades de la vostra llista obligatòria.

Sabent que cap eina mai podrà satisfer les necessitats de tothom, vam intentar incloure les millors eines per crear maquetes d’interès d’usuari que puguin satisfer la majoria de les necessitats dels dissenyadors.

Feu-nos saber el vostre programari de maquetació i filferro preferit o si creieu que hem exclòs una alternativa digna en aquesta llista als comentaris següents.