Prototyyppaus, konseptina, on ollut jo ennen Internetiä. Tyypillisesti ihmiset, jotka kehittävät uuden fyysisen tuotteen, rakentaisivat ensin asiaa ja varmistavat, että se toimii suunnitellulla tavalla. Ensimmäinen versio olisi patentoima ja mahdollisesti potentiaalisille sijoittajille. Jos keksijalla oli mahdollisuus käyttää omia tuotantovälineitään (jos he työskentelivät esimerkiksi olemassa olevassa yrityksessä), he lähtivät juuri eteenpäin ja selvittivät virheet, kunnes heillä oli tuotantokykyinen malli.

Muista nämä vanhat demolevyt? Tiedätkö, ne, jotka saivat ohjelmia, joilla on rajallinen toiminta tai pelin ensimmäiset tai kaksi tasoa? Prototyypit ovat aivan samoja kuin demot, vain yksinkertaisemmat.

Voit luoda verkkosivuston tai sovelluksen prototyypin varmistaaksesi, että konsepti toimii suunnitellulla tavalla

Niiden tarkoitus ei ole niin paljon, että saataisiin mahdolliset asiakkaat ostamaan tuote, jotta voit tehdä paremman. Voit luoda verkkosivuston tai sovelluksen prototyypin varmistaaksesi, että konsepti toimii suunnitellulla tavalla. Käytät sitä myös näyttämään asiakkaillesi tai potentiaalisille sijoittajille, miten heidän pitäisi toimia.

Äskettäin olemme saaneet paljon sovelluksia, jotka on suunnattu web-prototyyppien rakentamiseen ja mobiilisovelluksiin. Nyt Adobe Experience Designer on julkaistu yhdistämällä web-ja mobiilikohtaisen "appletointiohjelman" toiminnot prototyyppityyppisen sovelluksen toimivuuteen. Kun otetaan huomioon Adoben maine ja markkinaosuus ammattikunnassa, on syytä ymmärtää, että monet ihmiset, jotka eivät ole aiemmin harjoittaneet paljon prototyyppejä, voisivat nyt toteuttaa tämän askeleen.

Joten, kuten useimmat muut perimmäiset oppaat, tämä on aloittelijoille. Se on tarkoitettu ihmisille, jotka alkavat rakentaa prototyyppejä säännöllisesti riippumatta siitä, mitä heillä on aikaisempaan kokemukseensa (tai niiden puuttumiseen) suunnitteluteollisuudessa.

Tässä oppaassa olemme yrittäneet kattaa perusperiaatteet ennen kaikkea. Sen jälkeen on linkkejä oppaisiin, joissa on lisätietoa, ja tietenkin suuri, pitkä luettelo sovelluksista ja työkaluista, joilla voit työskennellä.

Wireframes & mockups vs. prototyyppejä

Nyt, ja suunnittelija, joka on ollut jo jonkin aikaa, on luultavasti jo työskennellyt wireframeilla ja / tai suunnitelluilla mockupilla jossain kuvankäsittelyohjelmassa. Eivätkö nämä ole prototyyppejä?

Ei. Ei kuitenkaan aina.

Ongelma wireframes ja staattinen mockups on, että ne ovat ... hyvin ... staattinen. On paljon tietoa, jota he eivät yksinkertaisesti voi välittää asian toimivuudesta. Tämä voi johtaa väärinkäsityksiin asiakkaiden, tai jopa kehittäjien, mielessä siitä, miten asia on tarkoitus toimia. Tästä syystä prototyypit ovat yleensä vuorovaikutteisia jollakin tavalla.

Yleisimmät poikkeukset ovat käsitteellisiä prototyyppejä ja poikkeuksellisen hyvin dokumentoituja staattisia prototyyppejä. Mikä tekee erosta ei ole itse vuorovaikutteisuus, vaan tiedon luovuttaminen tuotteen suunnitellusta toiminnallisuudesta.

Sanotaan, että filmiä ja mokkasia käytetään usein prototyyppien valmistuksessa, joten kukaan ei luovu niistä.

Milloin tarvitset prototyyppiä?

Aina kun haluat näyttää, miten jotain on tarkoitus toimia. Se siitä.

Ilmeinen esimerkki on web- tai mobiilisovellus. Sovelluksilla on yleensä melko vähän toimintoja, joita ei ole helppo nähdä tai johtaa mockupista. Kuitenkin jopa melko staattiset, sisältöä ohjaavat verkkosivustot saattavat vaatia prototyyppiä.

Yhtäältä minulla on ollut asiakkaita, jotka katsovat yksinkertaisia ​​yrityssivustoja ja kysyvät: "Okei, niin jos he napsauttavat näitä asioita yläosassa," Meistä "," Palvelut "ja tavaraa, joka vie ne muille sivut? "tai" Kun he napsauttavat yhteydenottolomakkeella lähettämistä, saan sähköpostiosoitteen? "

Yksinkertaiset ... tehtävät ovat usein täynnä epävarmuutta ... prototyypit voivat auttaa poistamaan joitain arvailuja

Jopa yksinkertaiset selaustyöt ovat usein epävarmoja tietyille käyttäjille ja mahdollisille asiakkaille, joten prototyypit voivat auttaa ottamaan joitain arvailuja kirjautumisprosessista.

Lisäksi ne ovat aina hyödyllisiä käyttäjän testauksessa. Loppujen lopuksi, jos aiot tehdä käyttäjäkokeet lainkaan, on parasta aloittaa projektin varhainen esikatselu. Viimeinen asia, jonka haluat, on tehdä suuria muutoksia, kun suurin osa työstä on jo tehty.

4 erilaista prototyyppiä

Ennen kuin aloitat prototyyppien, sinun on määritettävä, millaista haluat käyttää. Voit aina käyttää useampaa kuin yhtä lajia missään projektissa; useimmat suunnittelijat tekevät jossain vaiheessa.

Valitsemasi prototyypin on oltava oikein sinulle, asiakkaallesi, projektille ja jopa hankkeen erityiselle vaiheelle, johon olet. Nyt tämä saattaa kuulostaa monimutkaiselta, mutta se ei todellakaan ole niin huono.

Jokainen näistä on tarkoitettu käytettäväksi suunnitteluvaiheen eri vaiheissa. Loppu on mieltymystesi mukaan, ja kuinka hyvä asiakkaasi ymmärtää abstrakteja kuvia.

Asiakkaat, joilla on vähemmän kokemusta nykyaikaisista suunnitteluprosesseista, saattavat odottaa näkevänsä jotain, joka näyttää olevan "kiillotettuna", jotta he voivat kertoa teille, että logo on suurempi, siirrä tuota tuumaa vasemmalle ja että heidän sivustonsa ei ole latinalaista , joten voisitko laittaa jonkin englannin kieleen?

Jos sinulla on ongelmia, yksityiskohtaisemmat prototyypit ja paljon kahvia ovat paras panostuksesi. Jos ei, niin voit käyttää jotain hieman epämääräistä ja keskittyä pilkkaamaan aiotut toiminnot.

1: Käsitteelliset prototyypit

Nämä eivät useinkaan näytä millään muotoa tai muotoa valmiilta tuotteelta. Konseptisten prototyyppien avulla käyttöliittymän yksityiskohdat ja ulkoasu eivät ole tärkeitä. Ainoa työtehtäväsi ovat vuorovaikutukset ja prosessit.

Minkä tahansa prototyypin tavoitteena on näyttää, miten jokin toimii tai toimii. Tässä mielessä tämä on prototyypitys sen puhtaimmassa muodossa. Se on kirjaimellisesti kaikki toiminnasta, eikä muoto ole edes tullut siihen.

Ne voivat näyttää lähes kaikilta, tässä vaiheessa. Voit käyttää flow-chart-, post-it-muistiinpanoja, PowerPoint-esitystä, videota, jossa selitetään prosessi raakakuvakepohjaisilla kuvilla tai tallennat itseäsi, joka puhuu kameraan ja kiertelee kätesi villinä. Kaikki, mikä saa pisteen toiselle, tekee.

Käsitteellisiä prototyyppejä käytetään tyypillisesti hankkeen varhaisessa vaiheessa. Projektillasi ei ehkä ole edes nimitystä. Se on vain idea sovellukselle tai verkkosivustolle, ja sinä sanot sellaisia ​​asioita kuin: "Joo, luulen, että sen pitäisi tällainen työ ..."

2: Low-fi-prototyypit

Low-fi-prototyyppejä ovat silloin, kun alat sisällyttää esimerkiksi ulkoasun ja näytön kokoa ja muita konkreettisempia huolenaiheita. Ne ovat tyypillisesti nopeita ja heitetään pois nopeammin.

Niiden tarkoituksena on tarjota nopein mahdollinen tapa ajatella ideoita, kunnes sinä ja / tai asiakkaasi tyydytät perusasiat. Joten älä liity. Suurin osa näistä ei ole pitkään aikaan, ja se on hyvä asia.

Kuten aiemmin mainittiin, termi "alhaisen uskollisuuden prototyypit" on usein vaihdettavissa "wireframes". Itse asiassa tämä vaihe tapahtuu usein paperilla.

Kun se on tehty sovelluksessa, on suositeltavaa käyttää sellaista, jolla on prototyyppien perustoimintoja, kuten linkittäminen muihin näyttöihin, merkintöihin jne. Wireframing-sovelluksilla on etuna mahdollisuus helpottaa yhteistyötä Internetin välityksellä, mutta ne ovat usein hieman hitaampia käyttää.

Näitä käytetään myös projektin alussa, mutta sinulla on todennäköisesti liiketoimintamalli ja idea jo nyt. On aika lajitella lukemattomia ideoita, jotka leijuu pään ympärillä, ja toistetaan kunnes sinulla on jotain, mitä olet melko varmasti toimimassa.

3: Medium-fi-prototyypit

Joskus alhaisen uskollisuuden prototyyppi ei juuri pääse tarpeeksi hyvin, ja korkealuokkaisuus on liikaa työtä tällä hetkellä. Ehkä et ole täysin puhdistanut tyyliopasta, tai kaikki grafiikka-omaasi ei ole vielä tehty.

Joka tapauksessa tämä on sellainen prototyyppi, jota voit käyttää suunnitteluvaiheen alussa ja keskelle. Niitä tehdään usein prototyyppisovelluksilla, jotka käyttävät voimakkaasti simuloidun vuorovaikutuksen. Ne voidaan myös rakentaa HTML: llä ja CSS: llä, yleensä CSS-kehyksen avulla.

Yup, Bootstrap ja Foundation ovat todennäköisesti kaksi suurimmista prototyyppityökaluista juuri nyt.

Sinun pitäisi käyttää merkkituotteita näistä, jos sinulla on sitä, mutta kuvat ovat valmiita. Stock UI -elementtejä käytetään tyypillisesti simuloidun rajapinnan rakentamiseen nopeammin. Monet prototyyppausohjelmat tulevat näiden elementtien kirjastoilla tekemään työsi nopeammin.

Tällaiset prototyypit ovat hyviä kirjaimpia ajattelijoita kohtaan, jotka tarvitsevat tarkkaa lähentämistä siihen, miten se näyttää ja toimii. Heidän on helpompi jättää otsikko, joka ei ole vielä valmis, kuin sketchy näköinen muoto, joka ei näytä mitään kuin verkkosivujen otsikko, koska he tietävät sen.

Näille asiakkaille saatat haluta wireframe ideoita nopeasti, eikä koskaan näytä niitä asiakkaalle. Tee sitten keskitason prototyyppi, joka helpottaa niiden näkemistä mihin olet menossa.

4: High-fi-prototyypit

No, olemme täällä. Ja niin on projekti. Sinulla on mockups jokaiselle näytölle, ja kaikki näyttää hyvältä. On aika osoittaa ihmisille, kuinka tämä tulee toimimaan kaikessa loistossaan, kun joku lopulta integroituu selkäkoodiin.

Korkealaatuisia prototyyppejä käytetään yleensä asiakkaan suunnittelun lopulliseen merkitsemiseen. Mutta et voi vain lähettää niitä PSD: itä. Tämän tavan on oltava vuorovaikutteinen.

Tämä toteutetaan tyypillisesti kahdella tavalla. Jotkut käyttävät staattista HTML: ää ja CSS: ää viimeistelemään visuaaliset piirrokset yhteen semi-interaktiivisella tavalla. Toiset käyttävät sovelluksia, jotka tuovat kuvia tai jopa raaka PSD-tiedostoja ja lisäävät pseudo-interaktiivisia ominaisuuksia jäljittelemään sovelluksen lopullisia toimintoja.

Sovelluksesta riippuen voit jopa demoida nämä prototyypit verkossa (tai mobiililaitteessa, jos olet työskennellyt sovelluksessa).

Prototyyppimenetelmät

Nyt kun olemme läpäisseet tärkeimmät prototyypit, voit tehdä, on aika kattaa työkalut, joita ne käyttävät. Mainitsin suurimman osan edellisestä osasta ja niiden peruskäytöstä; mutta haluaisin mennä hieman tarkemmin.

Jälleen valitsemasi tapa riippuu siitä, mitä sekä asiakas että asiakas ovat tyytyväisiä.

Videon tai esityksen prototyyppejä

Näitä on usein myyty myytiksi ennen kuin konkreettista työtä on tehty. Niinpä he yleensä suuntautuvat potentiaalisille sijoittajille. Niitä voidaan käyttää myös asiakkaille; mutta usein tehokkaampia tapoja kommunikoida asiakkaan kanssa. Mittarilukema voi vaihdella.

Videoiden ja esityspohjaisten prototyyppien, jotka on tehty myyntikatkoihin, noudattavat yleensä kaupallista tyyliä:

  1. Esittele ongelma, jonka katsojan tunnistettaisiin.
  2. Osoita, miten tuote ratkaisee ongelman.
  3. (Valinnainen vaihe) Digitaalisesti muotoiltu yritysmaapisto tekee onnellisesta tanssista, kun huutaa salakuunnella.

Jotkut näistä prototyypeistä käyttävät vain kuvakkeita, tekstiä ja kuvioita. Toisissa on animaatio; ja toiset taas käyttävät live-toimintoja saadakseen pisteen. Ja se on, no ... kohta. Niin kauan kuin myyt ideasi, olet tehnyt sen oikein.

Tässä on mahtava esimerkki joka sekoittaa videoprototyyppejä paperiprototyyppien kanssa.

wireframes

Wireframes voidaan tehdä paperilla tai apps. Niitä pidetään lähes aina hiljaisina prototyyppeinä, mutta niitä voidaan päivittää keskipitkäksi, jos laitat niihin riittävästi aikaa. Se on kuitenkin harvoin vaivan arvoista.

Yleensä rautalangat on suunniteltu niin, että niitä vetää ja hävitä nopeasti. Tämä on yksi niistä asioista, jotka tekevät piirustuksesta paperille niin houkuttelevan. Sovellukset voivat olla paljon tarkempia, ja voit helposti muokata olemassa olevia raitoja; mutta mikään ei voita sketsauksen nopeutta, jota kukaan ei pitäisi nähdä vaan itse ... koskaan.

Kuitenkin, kuten aiemmin mainittiin, App-pohjaisilla langankokoelmilla on se etu, että ne yksinkertaisesti jäljittelevät käyttöliittymän toimivuutta. Paperiraudan rungon napauttaminen tekee vain miellyttävän thunk-thunk-thunk-äänen.

Se voi olla hauskaa, mutta se ei saa välittää merkitystänne.

Voit halutessasi käyttää molempia: paperin kynsi alas peruskäsitteitä ja sovellusta, jolla se voidaan kopioida ja jakaa helposti.

Paperi prototyyppejä

Nämä eroavat rautalangoista, koska ne ovat paljon enemmän kuin piirustukset. Tällaisessa prototyypissä paperia käytetään tekemään rajapinnan fyysinen, joskin melko tasainen malli. Näet yhden näistä yllä olevassa videossa.

Liitäntäelementtejä piirretään, leikataan, toisinaan kopioidaan kopioiden tekemiseksi ja kootaan sitten toiselle paperille. Tämä antaa heille joustavuuden. Jos saatat hylätä koko paperiarkin rautalangasta, voit vain järjestää paperimallin elementit uudelleen, kunnes olet tyytyväinen. Onko elementti, joka on väärä koko, kun olet uudelleen järjestänyt asioita muutaman kerran? Leikkaa vain uusi versio.

Heillä on myös taipumus tuntua hieman "todellisemmalta" kuin lanka-runko. Vaikka mitään mielenkiintoista ei tapahdu, asiakas voi koskettaa paperimallia. He voivat tuntea sen. Tämä tuntuva tunne voi joskus selittää asiakkaalle enemmän kuin mitä tahansa mitä ikinä voisit näyttää heille.

Jokainen tarvitsee fyysistä yhteydenpitoa saadakseen paremman käsityksen mistä tahansa esineestä. Puolet UX-suunnitelmista on luoda uudelleen fyysisen vuorovaikutuksen tunne digitaalisen rajapinnan kanssa.

Keskisuuret ja korkealaatuiset prototyypit, jotka on tehty sovelluksilla

Näillä on paljon yhteistä paperiprototyyppeihin. Prototyypit, jotka on tehty sovelluksella, kuten Invision tai yhdellä monista muista vaihtoehdoista (katso alla oleva luettelo), valmistetaan tyypillisesti valmiiksi suunnitelluista käyttöliittymän elementeistä ja lisätään sitten jäljitellä lopullista tuotetta.

Ero on tietenkin, että kaikki tehdään ruudulla. Voi, ja voit tehdä sen lopullisella grafiikalla ja brändäyksellä, joten prototyyppi näyttää täsmälleen kuin valmis tuote. Sitten kuten aiemmin mainitsin, jotkut sovellukset voivat demoida tuotteen selaimessa ja mobiililaitteissa.

Tämä tuo tuntuva tunne takaisin pelattavaksi, ja haluat tämän. Jos voit antaa asiakkaillemme tunteen, ja he pitävät siitä, olet periaatteessa saanut lopullisen hyväksyntänsä.

Koodi

Tietenkin, jos vuorovaikutus on mitä haluat, sitten rakennetaan käyttöliittymän prototyyppejä koodilla on hyvä tapa saada se. Nyt voit valita koodipohjaiset prototyypit seuraavista syistä:

  • se vain sopii työnkulkuun paremmin (kuten jos suunnittelet selaimessa joka tapauksessa);
  • sivustossasi tai sovelluksessasi on paljon painikkeita ja muita asioita, joilla on vuorovaikutus;
  • voit käyttää prototyyppikoodia lopputuotteessa, säästää aikaa;
  • haluat näyttää käyttöliittymän toiminnot selaimessa häiritsemättä sovellusta;
  • haluat painaa näppäimiä ja vihata napsauttamalla.

Prototyping selaimessa voi olla hieman hitaampi, varsinkin jos suuria tarkistuksia tehdään vielä. En suosittele sitä hankkeen alkuvaiheille, joten se sopii parhaiten keskisuurten ja korkean uskollisuuden prototyyppeihin.

Silti se on yksi parhaista keinoista näyttää lähes valmis projekti, jos aiot työskennellä HTML- ja CSS-työkalun kanssa.

Prototyyppaus puitteissa

On huomattava, että prototyyppien rakentamisen puitteet voivat nopeuttaa koodipohjaista prototyyppejä huomattavasti. Bonuksena, jos käytät kehystä, jota on tarkoitus käyttää lopulliseen tuotteeseen, on vähemmän koodausta tehdä kaiken kaikkiaan.

Sivuhuomautuksena jotkut ihmiset ovat rakentaneet vedä "n" pudota web-sivun toimittajia, jotka perustuvat suosituimpiin puitteisiin, kuten bootstrap ja perusta . Näiden avulla voin ajatella luopuvan kaikesta alhaisen uskollisuuden prototyypeistä lopulliseen tuotteeseen koodilla.

Kuitenkin jotkut ihmiset vain käyttävät niitä rakentamaan prototyyppejä nopeasti, ja sitten käyttää mukautettua koodia loppuprojektille. Se toimii kummallakin tavalla.

Prototyyppien opetusohjelmat ja oppaat

Nyt kun olemme käsitelleet kaikki perusasiat, on aika saada yksityiskohdat. Kuten lähes kaiken muun suunnittelussa ja elämässä, mikään ei ole oikea tapa rakentaa prototyyppiä. Vain se tapa, joka toimii sinulle. Sanotaan, että onnistuneilla suunnitteluprosesseilla on yleensä joitain yhteisiä asioita.

Seuraavassa on muutamia prototyyppien oppaita, jotka keskittyvät erilaisiin menetelmiin ja uskollisuuksiin vain aloittaessasi. Ota heiltä, ​​mikä toimii sinulle, älä ota mitään.

(Emme sisälly sovelluskohtaisia ​​opetusohjelmia, koska yksinkertaisesti on liian paljon.)

Suunnittelu on nopeampaa ja nopeampaa nopeiden prototyyppien avulla

Tämä opas alkaen Smashing Magazine keskittyy menetelmään prototyyppien rakentamiseksi nopeasti ja iteroitava usein.

Miten nopeasti prototype sivustoja

Tämä on enemmän henkilökohtaista artikkelia Nick Pettit Treehouse-blogista, jossa hahmotellaan hänen prototyyppityöstään.

Miten rakentaa verkkosivustoja nopeasti nopean prototyypin työnkulun avulla

Tässä on a kolmas artikkeli nopeasta prototyypistä. Se näyttää olevan suosittu. Tämä on täällä Webdesigner Depotissa, ja se hahmottaa muutamia vinkkejä ja prosessin sisäisiä epäkohtia.

Skeptikko-opas Low-Fidelity Prototyyppyyn

Toinen Smashing Magazinen artikkeli , tämä viittaa tarkemmin hiljaiseen prototyyppityöhön.

Miten prototyyppejä

Tässä syvällisessä, ja melko suoraan kiehtova artikkeli Newfangled-virasto kuvailee prosessin perusteellisuutta. Se pyörii selainpohjaisten harmaasävyjen prototyyppien ympärillä, ja he tekevät vakuuttavan tapauksen kokeilemalla sitä.

Miten testata prototyyppien käytettävyyttä kuten ammattilainen

Toinen täällä on WDD , tässä artikkelissa on kyse siitä, että prototyyppityöllä on jokin piste. Jos käytät vain käytettävyystestauksen suorittamisen jälkeen, olet todennäköisesti tehnyt väärin.

Ilmainen ebook: Ultimate opas Prototyping, jonka UXPin

Sinun on annettava joitain henkilökohtaisia ​​tietoja (tai vain valehdella) saadaksesi tämä eBook , mutta hei, he eivät pyydä rahaa! se sisältää enemmän tietoa suosituista prototyyppimenetelmistä, app-pohjaisista opetusohjelmista ja parhaista käytännöistä suurista yrityksistä, kuten Google, Apple, Zurb ja paljon muuta.

Nyt se tehdään ihmisten takana UXPin, prototyping app, joten ne voivat olla hieman puolueellinen siitä, mitä app sinun pitäisi käyttää. Silti sillä on paljon hyviä tietoja.

Prototyyppityökalut ja -sovellukset

Okei, niin sinulla on teoria. On aika krakkailla prototyyppien rakentamiseen. Olettaen, että et pidä kiinni paperimalleista tai koodista, käytät sovellusta jossakin vaiheessa.

Hyvä uutinen: on olemassa paljon hyviä sovelluksia, joista valita. Huonoja uutisia: on olemassa paljon hyviä sovelluksia, joista valita.

Jälleen kerran, se tulee kaikki siihen tapaan, jolla työskentelet. Tarvitsetko demo-mobiilisovelluksia? Haluatko synkronoida tiedostot Google Drivella, Dropboxilla tai muulla palvelulla? Entä Github-integraatio? Low-fi, medium, tai high-fi? Kehittynyt komentosarja?

Alla luetellut sovellukset sisältävät joitakin tai kaikkia näitä vaihtoehtoja. Luetan tärkeimmät ominaisuudet, joista jokainen antaa sinulle käsityksen siitä, mistä etsiä.

On huomattava, että monet näistä tunnetaan pääasiassa lanka-kehystystyökaluina. Se on tavallista, että langansyöttöohjelmisto integroi interaktiivisten prototyyppien tarvitsemat ominaisuudet. Mittarilukema näiden sovellusten kanssa voi vaihdella.

Adobe Experience Design CC

Tämä on markkinoiden uusin tarjonta juuri nyt, ja se on valmis antamaan vakavan kilpailun hieman tyydytetyille markkinoille. Se ei ole vain lanka-kehystys tai prototyping app; se on design app. Se on kuin Luonnos , tai nyt kuollut Ilotulitus , mutta se vie askeleen eteenpäin antamalla sinun tehdä prototyyppejä kaikesta, mitä juuri olet suunnitellut.

Se on tällä hetkellä Mac-vain, ja esikatseluvaiheessa, mutta Windows-versio on suoritettava ennen vuoden loppua.

Ennakkoviestin versio on ilmainen, kun lopullinen versio toimitetaan, se on osa Adoben Creative Cloud -liittymäsuunnitelmaa.

Esittelyohjelmistot

Microsoft PowerPoint , Apple Keynote , LibreOffice Impress , ja Google-diat kaikki voidaan käyttää prototyyppien tekemiseen. Useimmiten nämä prototyypit ovat käsitteellistä lajiketta. Voit jäljitellä tietynlaista vuorovaikutteisuutta, mutta liittäkää vain dioja yhteen.

Se voisi toimia yhtä hyvin prototyyppien sisällön ohjaamiseen tarkoitettujen sivustojen kohdalla, ja on todennäköistä, että käytät jo vähintään yhtä näistä ohjelmista. Jos ei, Impress ja diat ovat ilmaisia.

Invision

Invision on toinen "suurista nimistä", jossa on enemmän uskottavia prototyyppejä. Se korostaa versionhallintaa ja ylpeilee reaaliaikaisesta yhteistyöstä ja palauteominaisuuksista. Kuten Marvel-sovelluksessa, siinä on myös animaatiota, prototyyppien upottamista, laitteiden esittelyjä ja paljon muuta.

Lisäksi he ovat äskettäin ostaneet Silver Flows, työkalu, joka integroi prototyyppitoiminnot Sketchin kanssa. He aikovat käyttää sitä integroimaan Sketchin niiden online-ohjelmistoon.

On ilmainen suunnitelma, mutta voit tehdä vain yhden prototyypin. Tämän jälkeen voit aloittaa $ 15USD kuukaudessa.

Justinmind

Justinmind näyttää tarkoituksellisesti suunnattu korkealuokkaisten sovellusten prototyyppien luomiseen. Sivustossa mainitaan myös prototyping-reagoivat verkkosivustot. Mukana on myös sovelluksen sisäisiä demoja.

Hinnoittelu alkaa nyt $ 19USD käyttäjää kohti kuukaudessa, jos maksat vuosittain.

Marvel App

Marvel App on valtava app (yksi "suurista nimistä" prototyyppien) kanssa ilmainen suunnitelma, ja kohtalainen hinnoittelu kaikki päivitykset. Huomattavia ominaisuuksia ovat: Photoshopin ja Sketchin tuki, Drive- ja Dropbox-synkronointi sekä prototyyppien upottaminen verkkosivuihin) ja ominaisuuksia, jotka tekevät prototyyppisi animoituneiksi esityksiksi.

Tämä koskee luotettavia prototyyppejä varmasti.

Axure

Axure on vähän kummallista ominaisuuksia sekä matala-fi ja high-fi prototyyppien. se on vielä outoa, koska se on työpöytäsovellus, jossa on kertaluonteinen hinta. Se on suunniteltu yrityskäyttäjille ja suurille ryhmille, joilla on ominaisuuksia kirjoittamaan omia asiakirjoja, projektinhallintaa ja paljon muuta.

Standardi-julkaisut ovat $ 289USD lisenssillä.

HotGloo

HotGloo on kyse pienestä keskipitkäälle uskollisuudelle asetetuista lanka-kehyksistä ja prototyypeistä. Se aloitettiin ensisijaisesti langankorjaussovellukseksi, mutta toiminnot kehittyneemmille prototyypeille ovat olemassa.

Jos muut sovellukset keskittyvät prototyyppityyppisiin sovelluksiin, HotGloo aloitti alkuun web-suunnittelijoiden kanssa. Joten, voit tehdä joko, todella.

Suunnitelmat alkavat 14 USD: lla kuukaudessa, ja suunnitelmassa voi olla jopa 10 henkilöä.

Proto.io

Annnnnnd olemme jälleen korkealaatuisten prototyyppien kanssa Proto.io . Se on monimutkainen vuorovaikutus, animaatio, vienti, tulostus, upotus ja laitemallitukset, jotka ovat sisäänrakennettuina. Hinnat alkavat $ 24USD kuukaudessa, mutta 15 päivän ilmainen kokeilu, jos haluat antaa sen pyörteen.

Kiinteytyä

Kiinteytyä on tuonut meille Zurb, sama yritys, joka tekee säätiön puitteet. Se on suunniteltu käsittelemään (ja saada palautetta) kaikesta luonnoksista korkealaatuisiin prototyyppeihin ja mockup-muotoihin.

Sen sijaan, että keskityttäisiin animaatioon ja muihin esittelyvälineisiin, Solidify tarjoaa runsaasti käyttäjän testaustoimintoja. Voit suorittaa testejä henkilökohtaisesti tai etänä ja jakaa tulokset tiimisi kanssa.

POP

POP erottaa toisista sovelluksista auttamalla sinua tekemään hybridi lanka-runko-luonnoksista ja digitaalisista prototyypeistä. Aloitat kuvista luonnoksesi iPhonella, Android-puhelimella tai Windows-puhelimella ja kääntämällä nämä luonnokset vuorovaikutteiseksi prototyypiksi.

Jos teet suurimman osan työstäsi paperilla, se voi olla erinomainen tapa jakaa tulokset. Palvelu on ilmainen kahdelle projektille, ja suunnitelmat alkavat 10 USD: lla kuukaudessa.

Flairbuilder

Flairbuilder on toinen työpöytäsovellus, vaikka se on verkossa katsojana projekteissa. Näyttää siltä, ​​että keskitytään keskipitkän kaltaisiin lanka- ja prototyyppeihin. Sillä on ominaisuuksia, joiden avulla voit lisätä vuorovaikutusta, se voi tehdä laitteiden esittelyjä, ja se kiinnittää erityistä huomiota verkkotekniikkaan.

Se on hinnoiteltu kertaluonteisella maksulla $ 99USD. Se on jyrkkä, varma, mutta paljon halvempaa kuin Axure.

Flinto

Flinto sillä on kaksi versiota: Mac-sovellus ja verkkopohjainen Lite-versio. Ero? Mac-versio tuo monimutkaisempia animaatioita, ominaisuuksia ja vuorovaikutuksia taulukkoon. Sen avulla voit myös tuoda varasi Sketchiltä, ​​jota verkkoversio ei voi tehdä.

Se maksaa $ 99USD kertaluonteisena ostona. Kiinnostavaa on, että Lite-versio (joka maksaa 20USD kuukaudessa) sisältää työpöytäversion lisenssin, joka antaa sinulle molempien maailmojen parhaat puolet.

UXPin

UXPin on medium-to-high-fidelity prototyyppaus sovellus, jossa on kaikki ominaisuudet, joita olemme odottaneet. Kuten muutamat muutkin, sillä on myös reaaliaikaista yhteistyötä, sisäänrakennetut käytettävyystestausominaisuudet ja projektinhallinta.

Toisin kuin muut sovellukset, UXPin pyrkii olemaan yhden luukun design-kauppa. Kuten aiemmin, voit ohittaa Photoshopin, Sketchin tai mikä-has-you ja kääntää langankirjoituksesi malliksi. Tämä on kunnianhimoinen sanoa vähäisimmin, mutta jos se toimii kuten luvattiin, näen, että se on hyödyllinen monille suunnittelijoille.

Hinnoittelu alkaa $ 19UD kuukaudessa, per käyttäjä.