top 12 best wireframe tools make your design success
Revisió de les millors eines de Wireframe i maquetes per al disseny d’aplicacions i llocs web d’interfície d’usuari / UX:
En aquesta publicació, parlarem de les 12 millors eines de programació de cables disponibles al mercat del programari actualment.
Abans d 'aprofundir en aquest tema, hem d' entendre què és Wireframing i per què és imprescindible Cicle de vida del desenvolupament de programari (SDLC).
El wirefrraming és un:
- Esbós maquetat / brut que mostra l'aspecte de la interfície d'usuari d'un producte de programari (color, disseny, controls)
- Defineix l'estructura de navegació del producte de programari
- Ajuda a refinar els requisits mostrant el comportament específic del sistema
- Permet explícitament la validació dels requisits amb tots els grups d'interès
- Una simulació que ajuda els usuaris a conceptualitzar els requisits de programari.
- Inclou un enorme factor d'interactivitat i disseny sensible als usuaris.
Per entendre amb més claredat la necessitat d’emmarcar telèfons, tingueu en compte la conversa que hi ha a continuació entre un analista de negocis que defineix els requisits de programari per a una empresa de TI destacada i un client minorista que ha contractat amb la firma per desenvolupar una aplicació de queviures que permeti als clients comprar articles de queviures. des dels seus dispositius mòbils.
Analista de negoci : 'Hola Greg, avui m'agradaria parlar dels requisits per a la secció' Les teves ofertes 'que el departament de màrqueting ha previst tenir a l'aplicació de queviures. Podem discutir els requisits d'interfície d'usuari d'alt nivell per al mateix? '
Client : “No crec que sigui necessari. Crec que donarem comentaris sobre els requisits d'usuari un cop el vostre desenvolupament publiqui la primera versió. En parlarem durant Prova d’acceptació d’usuaris (UAT) '.
els millors llocs per veure animis gratuïts
El més freqüent és que molts gestors de productes / analistes empresarials s’enfronten a aquest problema exactament durant el procés de recollida de requisits.
En el cas anterior, l’aspecte de la interfície d’usuari de l’aplicació de queviures queda a l’única discreció dels dissenyadors / desenvolupadors que fan el millor treball d’endevinalla per al client només per trobar que el client no està satisfet amb el disseny d’usuari. després de lliurar-se la primera compilació / iteració del producte.
Llavors, com podem eliminar aquesta discrepància? Hi ha moltes eines de marcatge de fil que serveixen per a aquest propòsit i ajuden a congelar els requisits per endavant.
Tradicionalment, la majoria dels enginyers de requisits utilitzen dos tipus de paper per emmarcar amb filferro i electrònic. Encara que Paper Wireframing és una forma barata, ràpida i de baixa tecnologia per definir el disseny de la interfície d'usuari, és lluny de ser possible representar amb precisió l'estructura de navegació quan hi ha moltes pantalles implicades. Es converteix en una molèstia per executar i gestionar els requisits de la interfície d’usuari en aquest escenari.
Les eines electròniques de Wire Frame superen aquesta dificultat i faciliten la vida dels analistes de negocis / gestors de productes.
La majoria de nosaltres hem utilitzat Microsoft PowerPoint bàsic per a l’emmagatzematge ràpid de cables en algun moment o carrera professional. No ho hem fet? Però hi ha diversos desavantatges i alguns d’ells s’esmenten a continuació
- És possible que els controls predeterminats no siguin suficients per al producte que s'està dissenyant
- Preneu un exemple d’un control d’un quadre de llista d’un lloc web que no es pot arrossegar i deixar anar amb un sol clic mitjançant Microsoft PowerPoint
- Torneu a fer el disseny de l’usuari per adaptar-lo a diferents relacions d’aspecte per a dispositius d’escriptori i de mà com tauletes i mòbils
- Incapacitat per experimentar l'aspecte i la sensació del disseny d'usuari en diferents dispositius, com ara ordinadors i tauletes, amb un sol clic
- Possibilitat de carregar els controls específics del context, com ara els menús d'Android o la barra d'aplicacions del Windows 8, mentre es dissenyen els filferros per a dispositius específics.
A causa dels desavantatges anteriors, la majoria de les organitzacions prefereixen utilitzar eines especialitzades per a l’enquadrament de filferro ràpid, ràpid i sense problemes. Hem analitzat i arribat a les 25 millors eines que s’utilitzen actualment a les millors empreses de TI.
*************
= >> Fes-nos-ho saber si voleu afegir qualsevol altra eina de maqueta a la llista.
*************
Què aprendreu:
Les millors eines i aplicacions de filferro, prototipatge i maquetes
Aqui venim!
La llista de les millors eines de programari lliure i comercials de codi obert per al disseny d’UI / UX de les vostres aplicacions i llocs web.
# 1) Cacoo
Cacoo Plataformes compatibles: Cloud i autoallotjament
Prova gratuïta: 14 dies
Cost: $ 6 / usuari / mes: a partir de 3 usuaris
- Cacoo té més de 20 plantilles wireframe i formes d’interfície d’usuari.
- Tothom de l’equip pot veure els darrers wireframe, discussions i fer un seguiment dels canvis anteriors.
- Eina d’emmagatzematge de cables per arrossegar i deixar anar fàcilment.
- Funcions de col·laboració i compartició potents
- Cacoo permet editar en temps real el mateix diagrama perquè el vostre equip pugui treballar junts en wirefrram, independentment d’on es trobin.
- Comuniqueu-vos directament al wireframe amb les funcions de comentaris i notificacions.
************************
# 2) Maquetes de Balsamiq
Plataformes compatibles: Escriptori i núvol
Prova gratuïta: 30 dies
Cost: De 12 a 89 dòlars al mes
- Ofereix una opció fàcil d'arrossegar i deixar anar diversos elements de la interfície d'usuari, des de botons fins a llistes
- Aquesta eina està a l’altura del seu punt de venda de “senzillíssim” al ser molt fàcil d’utilitzar per esbossar marcs de filferro per a aplicacions d’escriptori i mòbils web.
- Proporciona la possibilitat de col·laborar amb altres usuaris / grups d'interès i rebre comentaris sobre Wireframes
- Es pot comprar com a aplicació d'escriptori independent (Windows / Mac) per 89 dòlars per a un sol usuari (diverses màquines) amb actualitzacions gratuïtes de versions menors
- La subscripció basada en el núvol es pot comprar per només 12 dòlars al mes per a usuaris il·limitats i maquetes per projecte actiu. Proporciona flexibilitat a la cancel·lació de la subscripció en qualsevol moment
- Té una opció per integrar-se sense problemes amb Google Drive
- Hi ha opcions de complement disponibles per al servidor Atlassian Confluence, Cloud, JIRA Server i Cloud
Per obtenir més informació sobre aquesta eina, consulteu aquí
************************
# 3) Eina de maquetes UXPin
Plataformes compatibles: Núvol
Prova gratuïta: 30 dies
Cost: De 19 a 98 dòlars al mes
- Inclou més de 1000 elements d’interfície d’usuari pre-construïts per a xarxes basades en web, mòbils i núvol
- Proporciona la possibilitat d'implementar dissenys interactius.
- Admet la importació de fitxers des de Sketch i Photoshop per prototipar ràpidament.
- Es fan actualitzacions regulars i constants per a les biblioteques d’arrencada, IOS, Android i Windows Wireframe. Aquesta fantàstica característica ajuda l'usuari a concentrar-se més en la funcionalitat que en les complexitats dels diferents canvis en la interfície d'usuari del sistema operatiu.
- Possibilitat de personalitzar instantàniament els elements de la interfície d’usuari existents afegint fragments de codi CSS personalitzats a l’editor UXPin.
- Ajuda a gestionar les iteracions / versions amb un sol clic que al final facilita les decisions de disseny.
- Facilita la interacció de l'usuari, com ara la selecció desplegable, de transició i de desplaçament
- Opció per personalitzar la tipografia i el fons d’elements d’interfície d’usuari
- Hi ha una opció per definir punts d'interrupció adaptatius des de l'iPhone fins a les pantalles d'escriptori
- La versió bàsica amb interaccions minimalistes i opcions d’exportació està disponible per 19 dòlars / mes / usuari
- La versió professional amb interaccions avançades i elements d’interfície d’usuari, exportació a PDF i HTML, importacions de Photoshop i estil personalitzat està disponible per 29 dòlars / mes / usuari
- Hi ha disponible una versió col·laborativa més avançada amb capacitat per documentar, revisar, biblioteca d'equips, l'estat del projecte i fer proves d'usabilitat per 98 dòlars (3 usuaris)
Per obtenir més informació sobre aquesta eina, consulteu aquí
************************
# 4) IU fluida
Plataformes compatibles: Núvol
Prova gratuïta: Il·limitat amb restriccions de funcions
Cost: 8,25 $ - 41,5 $ / mes
- Inclou 16 elements d’interfície d’usuari preconstruïts per a xarxes basades en web, mòbils i núvol
- Dóna flexibilitat a l’usuari per interactuar amb el disseny de la interfície d’usuari dirigit a diferents pantalles com ara mòbils, tauletes, ordinadors i equips portables (rellotge Apple, Android Wear, Galaxy Gear, Pebble)
- Proporciona la possibilitat d'afegir transicions i animacions al wireframe
- Hi ha una opció per col·laborar en equip amb els grups d’interès enviant invitacions tan bon punt es completi el wireframe i rebi comentaris
- Proporciona la capacitat de manteniment de la versió
- Els usuaris poden obtenir comentaris mitjançant la funció de trucades de vídeo en directe i una funció de xat similar a Skype
- Hi ha una opció per provar els prototips en dispositius mòbils
- Es genera un codi QR per a cada projecte que permet a l'usuari recuperar el prototip en dispositius mòbils
Per obtenir més informació sobre aquesta eina, consulteu aquí
************************
# 5) Hot Gloo
Plataformes compatibles: Núvol
Prova gratuïta: 7 dies
Cost: De 13 a 54 dòlars al mes
- Ajuda a crear telèfons interactius i sensibles a partir de la biblioteca de widgets de la IU pre-construïda (2000 elements de la IU) amb suport per a més de 5.000 icones
- Optimitzat per a diferents pantalles, des d'escriptoris, mòbils, tauletes i portàtils
- Els wireframes es poden enviar com a enllaços de previsualització als clients que poden interactuar perfectament amb el wireframe i proporcionar comentaris de revisió
- Opció de treballar col·lectivament en un projecte i convidar companys de feina al compte i col·laborar en temps real
- Una documentació sòlida redueix la corba d’aprenentatge de l’usuari
Per obtenir més informació sobre aquesta eina, consulteu aquí
************************
# 6) InDesign CC
Plataformes compatibles: Windows, Mac
Prova gratuïta: 30 dies
Cost: De 9 a 79 dòlars al mes
- Biblioteca de widgets d'interfície d'usuari rica que permet a l'usuari crear PDF interactiu que s'utilitza com a wireframe per a aplicacions mòbils o llocs web
- Possibilitat de crear una biblioteca personalitzada d’elements d’interfície d’usuari que es puguin reutilitzar en dissenys successius
- Suport per a transicions, animacions, vídeo i estat de transició
- Amplis recursos d’accions d’Adobe que inclouen imatges, gràfics i vídeos mitjançant InDesign Search
- Capacitat per publicar i distribuir wirefrrames en línia per a revisió i retroalimentació amb suport per a navegadors d'escriptori i mòbils
- Ofereix una opció per fer un seguiment del rendiment de l'equip
Per obtenir més informació sobre aquesta eina, consulteu aquí
************************
# 7) Microsoft Visio
Plataformes compatibles: Windows, núvol (Office365)
Prova gratuïta: 60 dies
Cost: $ 13 / mes (Office365), $ 299- $ 589 (versions d'escriptori)
- Eina de Microsoft fàcil d'utilitzar que proporciona tots els elements bàsics per crear wireframe
- Una interfície familiar similar a les aplicacions de Microsoft com Excel i Word redueix considerablement la desconeguda del nou producte i augmenta la corba d’aprenentatge
- Ampli suport per a 3rdconnectors de festa que ajuden l'usuari a exportar el wireframe com a HTML
- Es pot accedir a través del client Citrix per obtenir llicències dinàmiques però a costa del rendiment
- Un fort procés d’actualització / actualització que afecta el rendiment del sistema
- Suport per a la col·laboració en projectes mitjançant coautoria, comentaris, anotacions i suport per skype
Per obtenir més informació sobre aquesta eina, consulteu aquí
************************
# 8) Pidoco
Plataformes compatibles: Núvol
Prova gratuïta: 31 dies
Cost: De 12 a 175 dòlars al mes
- Possibilitat de crear armadures interactives amb suport addicional per a gestos tàctils, moviments del dispositiu i dades d'ubicació.
- Capacitat per col·laborar amb l'equip i editar els wireframes en temps real juntament amb altres membres de l'equip
- El manteniment de versions, el seguiment de CR i les visualitzacions de l'historial de comentaris són un gran avantatge en aquest producte
- Exporteu prototips com HTML, gràfics vectorials, RTF / Word, PDF, PNG, flux de pantalla PNG
- Proporciona la possibilitat de reutilitzar els elements de la IU dissenyats a mida
- La interfície senzilla ajuda l'usuari a conèixer el producte fàcilment i augmenta la productivitat
- Hi ha una opció per realitzar proves d’usabilitat amb prototips mitjançant mètodes de prova in situ i remots
- S'integra amb aplicacions com Planio i JIRA i ofereix l'opció de connectar-se amb wiki mitjançant la funcionalitat del complement
Per obtenir més informació sobre aquesta eina, consulteu aquí
************************
# 9) Penúltim
Plataformes compatibles: iPad
Cost: Gratuït
- A diferència de les altres eines de prototips electrònics, aquesta aplicació ajuda l'usuari a mantenir els conceptes bàsics del wireframing, ajudant els usuaris a dissenyar pantalles per a l'iPad directament al dispositiu.
- La sincronització de les idees de disseny amb altres usuaris de penúltim és molt senzilla i senzilla
- Ajuda l’usuari a visualitzar perfectament els wirefrrames d’ordinadors i dispositius mòbils
- Tot i que el contingut està escrit a mà en iPad, el text encara es pot cercar.
- L’avantatge principal és que aquesta aplicació està disponible de forma gratuïta a l’App Store
Per obtenir més informació sobre aquesta eina, consulteu aquí
************************
Plataformes compatibles: Núvol
Prova gratuïta: 30 dies
Cost: De 29 a 59 dòlars al mes
- Aquesta eina proporciona totes les funcions que s’esperaven en una aplicació de Wireframing amb una col·lecció addicional d’extenses plantilles de wireframe i biblioteca de widgets per a un wireframing ràpid.
- Es fa fàcil exportar el prototip al web o a un document d’especificacions
- Aquesta aplicació desplegada al núvol facilita l’ús de l’aplicació en dispositius d’escriptori i de mà sense necessitat de manteniment
- Integrat amb un marc de comentaris integrat que facilita la compartició de comentaris amb altres grups d'interès
Per obtenir més informació sobre aquesta eina, consulteu aquí
# 11) Projecte de llapis
Plataformes compatibles: Windows, Mac i Linux
Cost: Gratuït
- Proporciona multitud de col·leccions de formes integrades que els usuaris poden seleccionar per a sistemes de filferros d'UI de dispositius d'escriptori i de mà
- Amb una instal·lació guiada senzilla, els usuaris poden fer un prototip ràpidament mitjançant aquesta aplicació
- Opcions per exportar a diferents formats de fitxer com PNG, HTML, PDF, SVG, documents de text Open Office / LibreOffice (ODT)
- Capacitat perfecta per buscar imatges predissenyades des del web mitjançant l’eina del navegador d’imatges predissenyades i afegir-les per crear millors filferros. El format vectorial permet escalar els elements de la IU a les mides adequades
- Ajuda a construir l'arquitectura de l'usuari enllaçant elements de la interfície d'usuari a una pàgina específica. Ajuda enormement a l'usuari a definir l'estructura de navegació de l'aplicació i a crear wireframes interactius
- A més de ser una eina de codi obert per a diferents plataformes com Windows, Linux i Max, també està disponible com a complement per a Firefox
Per obtenir més informació sobre aquesta eina, consulteu aquí
# 12) Flair Builder
Plataformes compatibles: Mac, Windows i Cloud
Prova gratuïta: 30 dies
Cost: 19 dòlars al mes
- El servidor JustinMind actualitza freqüentment les biblioteques d’interfície d’usuari que consisteix en una col·lecció massiva de biblioteques d’interfície d’usuari predefinides dissenyades per a Android, IOS i altres mòbils.
- Creeu biblioteques d'interfície d'usuari personalitzades i envieu-les al servidor per tornar-les a utilitzar
- La biblioteca d’interfície d’usuari empresarial s’orienta específicament a aplicacions empresarials com ara les biblioteques d’interfície d’usuari Oracle Fusion o SAP
- Ajuda a crear marcs de connexió d’aplicacions molt interactius per a dispositius portàtils
- Les funcions interessants que diferencien JustinMind d'altres eines és la possibilitat d'inserir ginys HTML, Documents, Vídeos i en línia
- Admet la creació de plantilles, estils personalitzats, integració de Google Font i integració amb imatges i fitxers SVG de Photoshop, Illustrator o Sketch
- Disseny únic de marcs de filferro amb desplaçament de paral·laxi i altres efectes, com ara menús flotants i capes inclinables
- Publiqueu, reviseu i feu comentaris amb el suport de comentaris en línia i fora de línia
- S’integra amb eines de prova simulant dades reals i proporciona una molt bona documentació en línia
- Exporta a HTML, documents i imatges interactius
- Proporciona un mapa de llocs generat automàticament de marcs de filferro i admet prototipus col·laboratius
- Admet la gestió i integració avançada d'usuaris amb LDAP
Per obtenir més informació sobre aquesta eina, consulteu aquí
diferència entre la prova d’unitat i la prova d’integració
Ara que ja hem debatut sobre les 12 millors eines de wireframe en aquest article, la pregunta de milions de dòlars és quina seria la que aniríem? Aquesta pregunta es respon millor en funció dels requisits i de l'assignació pressupostària d'una organització.
Conclusió
Vam analitzar les funcions, els preus, les opcions de llicència per a cada eina i la decisió final s'hauria de prendre després d'una avaluació exhaustiva.
Si hem perdut alguna eina de Wireframe aquí, els vostres suggeriments i experiències són benvinguts.
*******************
Ets lliure de poseu-vos en contacte amb nosaltres per afegir el vostre programari de Wireframe aquí.
*******************
Lectura recomanada
- Les millors eines de prova de programari 2021 (Eines d'automatització de proves de control de qualitat)
- Top 10 eines de disseny de bases de dades per crear models de dades complexos
- 12 millors eines per crear gràfics de línies per crear gràfics de línies impressionants (CLASSIFICACIONS 2021)
- 9 millors eines de prova de VoIP: eines de prova de velocitat i qualitat de VoIP (LLISTA 2021)
- 11 millors eines d'automatització per provar aplicacions d'Android (eines de prova d'aplicacions d'Android)
- 4 Funcions essencials que haurien de tenir les eines de gestió de proves
- Top 10+ millors eines de prova de SAP (eines d'automatització de SAP)
- Proves de seguretat de xarxa i millors eines de seguretat de xarxa