Hyödyllisiä Wireframing ja Prototyping Tools - Roundup
Globalisaation käsite osuu maailmaan lakkaamatta luovuudella ja mielikuvituksella ihmisten keskuudessa aina nuorista vanhimpiin asti. Sen perusteella, että luovuus tuottaa mahdollisuuksia markkinoinnin alalla, langansoitto ja prototyypit ovat ehdottomasti luettelossa. Nämä ovat työkaluja, joiden avulla sivustot näyttävät olevan mukavia ja siistejä, mutta myös houkuttelevia.
Great Usability Tool Roundup -palvelumme jälkeen haluaisimme sisältää useita hyödyllisiä wireframing- ja prototyping-työkaluja. Oma kokemukseni käyttäjäkokemuksen suunnittelussa työskentelevien ihmisten kokemusten perusteella tiedän, että kaikille ei ole yhtä työkalua, joten tänään haluaisimme esitellä sinulle parempia vaihtoehtoja.
Wireframing ja prototyping: pähkinänkuoressa
Wireframing on todella loistava tapa auttaa sinua (tai asiakkaasi) sivuston alustavaa asettelua ja suunnittelua varten. Se tarkoittaa, että voit löytää erilaisia käsitteitä ilman, että kussakin konseptissa on investoitava valtavasti aikaa tai rahaa. Voit tehdä sekä vähäistä uskottavuutta (luonnoksia, todella) että tarkkoja wireframes-kehyksiä, testata niitä yhdellä viime kerralla luetelluista käytettävyystyökaluista ja selvittää, mikä on sinulle paras muotoilu,
prototyyppien tarkoittaa todellisen, toiminnallisen version luomista erityisellä prototyyppityökalulla. Se käyttää samaa navigointirakennetta ja ulkoasua kuin lopullinen sivusto, joten voit helposti havaita, miten käyttäjät ovat vuorovaikutuksessa luomasi uuden muotoilun kanssa. Prototyyppityökalujen käyttäminen on todella nopea ja helppo tapa saada live-sivusto sinulle tai asiakkaillesi pelaamaan, ja antaa hyvän kuvan siitä, mitä lopullinen sivusto tulee olemaan..
Monet näistä työkaluista voivat tehdä wireframingia ja prototyyppejä, joten emme ole erottaneet niitä eri osiin. Voit vapaasti kysyä, oletko varma siitä, mitä tekee. Lue lisää todella hyödyllisten työkalujen luettelosta ja ilmoita meille kommenteistamme, jos sinulla on hyviä työkaluja, joita olemme jättäneet käyttämättä.
20+ Hyödyllisiä työkaluja
Omnigraffle
Tämä työkalu on tarkoitettu vain Macille, mutta jos sinulla on Mac, se on erittäin helppokäyttöinen. Siinä on runsaasti käytettävissä olevia resursseja, ja se näyttää myös hyvin kauniilta. (99,95 dollaria - 199,95 dollaria)
Axure
Axure on yksi suosituimmista nopean prototyyppien työkaluista, ja sen seuranta on hyvin suuri. Se on erittäin tehokas työkalu, jonka ympärillä on hyvä yhteisö. Se toimii sekä Windowsissa että Macissa. ($ 589)
Matkijalintu
Mockingbird on siisti web-sovellus wireframeiden luomiseksi. Sen avulla voit lisätä linkkejä helposti asiakirjojen välillä, jotta käyttäjät voivat saada enemmän interaktiivisia kokemuksia. On hienoa, että voit myös tehdä yhteistyötä muiden käyttäjien kanssa. Koska se ei käytä salamaa, voit käyttää sitä myös iPhonessa tai iPadissa. (Ilmainen - 85 dollaria / kk)
Balsamiq Mockups
Balsamiq Mockups on Adobe Air -sovellus, joten se toimii Macissa, Windowsissa ja Linuxissa. Se on sovellus, jonka ympärillä on toimivuutta ja vahvaa yhteisöä. No, kannattaa katsoa. ($ 79)
HotGloo
Hotgloo on toinen verkko-sovellus, joka on suunniteltu verkkoyhteistyöhön. Siinä on useita erilaisia työkaluja, jotka on paistettu eri sivustotyyppien yhdistämiseksi. En voi kieltää, se on melkoinen. (Ilmainen - 48 dollaria / kk)
Creately
Luovasti on sekä web-sovellus että työpöydän versio sekä integrointi Google-sovelluksiin. Sen avulla voit vetää ja pudottaa käyttöliittymän niin, että voit määrittää malleja nopeasti haluamallasi tavalla ja yhteistyöominaisuuksia myös sovelluksissa. (Ilmainen - 75 dollaria)
FlairBuilder
FlairBuilder on toinen Adobe Air -sovelluksista, joita voit käyttää millä tahansa haluamallasi alustalla. Se tekee sekä wireframing ja prototyping, ja jopa on moduuli tehdä iPhone sovelluksia. Näppärä. ($ 99)
Mockflow
Mockflowilla on sekä web- että työpöytäjulkaisu. Siinä on oma myymälänsä, joten voit saada useita ylimääräisiä malleja ja painikkeita sovelluksen mukana tuleviin malleihin. (Ilmainen - 69 dollaria vuodessa)
WireframeSketcher
WireframeSketcher on työpöytäsovellus, jonka avulla voit piirtää wireframes-kehyksiä ja rakentaa interaktiivisia prototyyppejä. Sillä on suuri kirjaston käyttöliittymien hallinta, jotta voit rakentaa eri malleja melko hyvissä ajoin. ($ 75)
Justinmind
Justinmind on nopea prototyyppityökalu, jossa on sekä Mac- että Windows-versiot. Kun olet luonut mallit, voit viedä ne HTML-koodiin, jotta voit testata tai jakaa niitä haluamallesi henkilölle. ($ 495)
Origramy
Ei ole alun perin suunniteltu Wireframing työkalu, mutta varmasti hyvä ilmainen vaihtoehto niille aikoihin, jolloin sinun täytyy koputtaa nopea langallinen kehys. (Vapaa)
Wirify
Wirify on henkilökohtaisesti suosikkini. Se on kirjanmerkki, jonka avulla voit luoda wireframeja kaikista sivustoistasi. Ilmaisen version avulla voit katsella niitä verkossa (ja voit aina siepata kuvakaappauksia niistä), tai jos ostat hyvityksiä, voit viedä wireframesin Omnigraffle, Balsamiq, SVG tai Visio. Se on todella viileä työkalu! (Ilmainen tai Pro-hinta vaihtelee)
Simulify
Simulifylla on sekä web- että työpöytäjulkaisu (Adobe Air -sovellus). Siinä on yhteistyöominaisuuksia ja voit jakaa mallejasi verkossa haluamallasi tavalla. (Ilmainen - $ 99 / month web, 80 dollaria työpöytä)
JustProto
JustProto, kuten nimestä voi päätellä, on nopea prototyyppityökalu. Sen mukana toimitetaan hyödyllisiä elementtejä sisältävä kirjasto, johon voit vetää mihinkään muotoiluun, yhteistyövalintoihin ja live-esikatseluun, jotta asiakkaat näkevät, että työskentelet reaaliajassa. (Ilmainen - 99 dollaria / kk)
Napkee
Napkee toimii yhdessä Balsamiq Mockupsin kanssa, jotta voit viedä mallejasi nopeammin joko HTML- tai Flex-malleihin. Jos olet Balsamiq-fani, se on todella hyödyllinen työkalu. ($ 49 - $ 79)
ForeUI
ForeUI: n avulla voit nopeasti koota malleja ja muuttaa ne live-simulaatioiksi, joita voit julkaista verkossa. Sinulle tai käyttäjillesi on nopea ja helppo tapa saada käsitys siitä, mikä sivustosi saattaa olla. ($ 99 +)
Jumpchart
Jumpchart on erittäin kaunis sovellus, jonka avulla voit vain koota langattomia kehyksiä ja prototyyppejä, mutta voit myös viedä ne HTML-muotoon, ja jos maksat yhden korkeammasta suunnitelmasta, se tukee myös WordPress-vientiä. (Ilmainen - 50 dollaria / kk)
Protoshare
Protoshare-ohjelman avulla voit tehdä yhteistyötä asiakkaiden kanssa, luoda vuorovaikutteisia prototyyppejä nopeammin, ja siinä on mukava vedä ja pudota -liitäntä. Jotkut suuret nimiasiakkaat myös, jos olet juuri niin. (29 dollaria - 179 dollaria / kk)
iPhoneMockup
Tämä on ilmainen ja hyvin yksinkertainen työkalu, jolla voit luoda nopean iPhone-langan. Jos sinulla on käsitys siitä, mitä haluat työskennellä tai mitä haluat kuvitella, tämä on työkalu sinulle. Kokeile! (Vapaa)
Lumzy
Vaikka Lumzy ei näytä päivittyneen jonkin aikaa, mutta se on syytä mainita vapaana vaihtoehtona. Sen avulla voit tehdä malleja, prototyyppejä ja useita eri yhteistyöominaisuuksia. (Vapaa)
Pidoco
Pidocon avulla voit luoda wireframes-muotoja, prototyyppejä, tehdä yhteistyötä asiakkaiden kanssa ja jopa käyttää perustietoja käytettävyystestauksesta.. ($ 9 - $ 99 / month)
Mitä nyt?
Toivottavasti tuntuu innoittamana tämän viestin lukemisen jälkeen, ja sinulla on käsitys siitä, miten wireframing ja prototyypit voivat auttaa sinua. Kun olet luonut mallit, voit jatkaa ja testata niitä kaikilla käytettävyystyökaluillamme.
Jos haluat hieman lisätietoja wireframingista ja prototyypistä, olemme lisänneet joitakin hyödyllisiä linkkejä alla.
- Wireframing-opas (Papermashup.com)
- Wireframe-verkkosivusto (Wikipedia)
- Miten kehitetään tehokas prototyyppi (Newfangled.com)
Onko sinulla muita sovelluksia, joita suosittelisit? Mikä on suosikkityökalu? Muista kertoa meille alla olevista kommenteista.
