7 Web-suunnittelijoiden prototyyppityökaluja

Tiedätkö eron rautalanka, mockup ja prototyyppi? Näitä kolmea termiä käytetään usein vaihdettavasti, mikä tarkoittaa samaa. Ongelma on, sinun ei pitäisi.

rautalanka on staattinen, matalan tarkkuuden kuva. Siinä kuvataan ehdotetun suunnittelun ulkoasua tai muotoa, mutta ei sen toimivuutta tai tunnetta. mockup tarjoaa enemmän tietoa. Mockups ovat kuvaukset ehdotetun suunnittelun. Mockups ovat myös staattisia, ja ne eivät todista vuorovaikutteisuutta.

prototyypit, toisaalta ovat dynaaminen. He voivat edustaa lopullista suunnittelua lähes mihin tahansa yksityiskohtiin, jonka valitset. Prototyyppi voidaan jopa testata ikään kuin se olisi todellinen lopputuote, koska se voi tarjota samanlaisen ulkoasun. Kolmesta niistä, jotka tekisivät eniten vaikutelman, olisi prototyyppi.

Prototyypin rakentaminen

Nyt prototyypin tavoitteena on todistaa tarkasti valitut suunnittelun ominaisuudet. Web- tai sovellusohjelmien prototyyppejä kehitetään tyypillisesti kolme vaiheet:

1. Sivuvirrat (miten käyttäjä voi navigoida) on piirretty.
2. Jokaiselle sivulle on rakennettu useita matalan tarkkuuden versioita ja testattu käytettävyys.
3. Saatujen kokemusten perusteella lisätään yksityiskohtia ehdotetun suunnittelun laadukkaan mallin luomiseksi.

Tässä tehtävässä tarkastamme muutamia prototyyppityökaluja, jotka voivat helpottaa prosessia, helpottaa asioita ja tuoda prototyyppejä paljon nopeammin. Tässä on 7 prototyyppityökalua kokeilemaan.

InVision

InVision on Forbesin mukaan maailman yksityisten pilviyritysten luettelon yläosassa, kuten Slack, Dropbox ja MailChimp. Tämä kunnia johtuu osittain InVisionin "aina päällä" -ympäristöstä, joka tekee yhteistyö, palaute ja korkealuokkaisten prototyyppien rakentaminen niin helppoa.

InVisionin avulla voit hallita projektinäyttöjä ja -tiloja yhdestä paikasta, tehdä yhteistyötä reaaliajassa ja ylläpitää versionhallintaa, kun taas rakentaa pikselin täydellisiä prototyyppejä, joilla on todelliset web- ja mobiilisovellukset. InVisionin avulla voit jopa suorittaa vapaa, rajoittamaton testaus prototyypeistä.

Jos haluat selvittää, mitä suunnittelumaailma ja InVisionin yli 2 miljoonaa käyttäjää rakastavat tästä alustasta, kirjaudu ilmaiseen kokeiluun. Aloita napsauttamalla InVision-linkkiä.

Pidoco

Tarvitsetko a Napsautettava lanka, tai a täysin interaktiivinen UX-prototyyppi, Pidoco saa sinut sinne nopeasti ja ilman hätää. Helppo luonnosominaisuudesta alkaen voit rakentaa joukon mukautettuja malleja, luo vuorovaikutteisia elementtejä tarvitset, esittele prototyyppi muille ja odottaa heidän palautettaan - joka ei saisi olla pitkä.

Pidoco antaa sinulle kaiken tarvittavan, kun haluat rakentaa matalan tarkkuuden prototyyppejä nopean, edellisen palautteen pyytämiseksi, tai korkealaatuisia malleja, joilla on sama ulkoasu ja tunne kuin ehdotettu web- tai sovellussuunnittelu. Tämä työkalu tuottaa jopa määritysasiakirjat jotka voivat toimia piirustuksina tiimin jäsenille, tai ne voidaan esittää asiakkaille kirjautumiseen.

Proto.io

Proto.io on ihanteellinen valinta, jos tarvitset laadukkaan prototyyppityökalun, joka auttaa sinua mobiilisovellusten suunnittelussa. Proto.io on oma mobiili prototyyppialusta toimii useimmissa selaimissa, ei vaadi koodausta, ja voit ottaa käyttöön täysin interaktiivisia mobiilisovellusten prototyyppejä ja simulaatiot jotka näyttävät ja tuntevat todellisen asian.

Tämän työkalun muodostavat kolme osaa: kojelauta, editori ja soitin. Kojelauta toimii pääohjaimena ja projektipäällikkönä. Toimittaja koostuu joukosta työkaluja, joilla voit jäljitellä suunnittelua ja rakentaa vuorovaikutuksia. Soittimella voit tarkastella prototyyppiä selaimessasi, olla vuorovaikutuksessa sen kanssa, pyytää palautetta ja testata sitä todellisissa mobiililaitteissa. Jos mobiilisovellusten suunnittelu on sinun asia, tämä on työkalu sinulle.

Webflow

Jokaiselle, joka etsii all-in-one-suunnittelu-, prototyyppi- ja kehitystyökalu, haku päättyy tähän. Ensinnäkin, Webflow, voit rakentaa ja testata korkealaatuisia prototyyppejä sinun on autettava suunnittelutoimintaa. Mutta tässä on se, missä ero on - kaikki, mitä rakennatte, on tuotannossa valmis HTML / CSS ja JavaScript. Lopputulos?

Sinä pystyt siirtyy saumattomasti täysin interaktiivisesta prototyypistä kehittyneeseen tuotteeseen. Prototyyppi, suunnittelu ja kehittäminen kuuluvat samaan pakettiin, joka sisältää myös tarvittavat yhteistyöominaisuudet ja -ominaisuudet. Ja muuten, kaikki on herkkä yhtä hyvin.

PowerMockup

Tämä erikoisprototyyppityökalupaketti kehitettiin PowerPoint-käyttäjän kanssa. PowerMockup on itse asiassa PowerPoint-lisäosa, jota voit käyttää luo lohkoja ja malleja verkkosivustoille, työpöytäsovelluksille tai mobiilisovelluksille. Kyse on yksinkertaisesti PowerMockup-kirjaston muotojen ja muotoiluelementtien valitsemisesta ja pudottamisesta PowerPoint-diaan.

Sitten voit PowerPointin diaesitys- ja animaatiotoimintojen avulla voit esikatsella suunnittelua muiden kanssa. Voit myös lisätä omia muotoja ja elementtejä kirjastoon ja jakaa ne muiden PowerPoint-käyttäjien kanssa, jos haluat.

Lucidchart

Lucidchart on online-sovellus, jossa on a suunnitteluelementtien ja laitetyyppien kirjasto josta voit nopeasti rakentaa verkkosivustosi tai mobiilisovelluksen malleja. Sillä on puhdas, käyttäjäystävällinen käyttöliittymä, ja siinä on vedä ja pudota -tekniikka, vuorovaikutteiset esittelyominaisuudet, ja kerrostekniikka, jonka avulla voit rakentaa erittäin monimutkaisia ​​simulaatioita.

Lucidchart on myös kätevä työkalu ammattimaisen näköisen projektin työnkulun kaavioiden ja vuokaavioiden luominen, ja sen yhteistyöominaisuudet toimivat sujuvasti ja ovat helppokäyttöisiä.

HotGloo

Muotoilun ehdottaman UX: n emulointi voi joskus aiheuttaa haasteita. Siksi tarvitset HotGloo. Valtava elementtikirjasto ja UI-widget-galleria, vienti ja jakaminen ominaisuuksia sekä yhteistyötä tiimin jäsenten kanssa se alkaa aloittaa lähes milloin tahansa.

Jos sinulla on kysyttävää tai tarvitset apua, heillä on sekä täydellinen dokumentaatio että hyödyllisiä video-opetusohjelmia ja elävät webinaarit käytettävissä. Luo prototyypit suoraan selaimessasi, jaa ne tai esikatsele niitä millä tahansa mobiililaitteella. Voit jopa vie työsi HTML-muotoon. Wireframing & prototyping ei ole koskaan ollut helpompaa ja hauskempaa!

Kääri se ylös

Tästä luettelosta voi valita paljon erityistarkoituksiin tarkoitetuista työkaluista, all-in-one-työkalusta, joka on ehdottomasti syytä katsoa. Nämä kaikki ovat laadukkaita työkaluja, joten riskejä ei ole, ja voit aina katsella demoa tai pyytää ilmaista kokeilua.

Näillä tuotteilla on suuri käyttäjäkanta. Niitä käyttävät tai suosittelevat suuret yritykset. Joten riippumatta siitä, kumpi voit valita, löydät itsesi hyvään yritykseen. Olitpa etsimässä mallia, lanka- tai prototyyppityökalua, löydät työkalun edellä mainittuihin tarpeisiin.