Prototyping, sem hugtak, hefur verið í kring síðan fyrir internetið. Venjulega, fólk sem þróar nýja líkamlega vöru myndi fyrst byggja upp hlutinn og ganga úr skugga um að það virkaði eins og ætlað var. Fyrsta útgáfain væri einkaleyfi, ef til vill, og sýndur til hugsanlegra fjárfesta. Ef uppfinningamaðurinn hafði aðgang að eigin framleiðsluaðferðum (ef þeir voru í vinnu hjá núverandi fyrirtæki), þá myndu þeir bara fara strax og vinna úr galla þar til þeir höfðu framleiðslubúnaðarlíkan.

Mundu þessar gömlu demó diskar? Þú veist, þeir sem komu með forrit með takmarkaða virkni, eða fyrsta stig eða tvö í leik? Frumritgerðir eru miklu eins og þær demos, aðeins jafnvel einfaldari.

Þú byggir frumgerð á vefsíðu eða app til að ganga úr skugga um að hugtakið muni virka eins og ætlað er

Tilgangur þeirra er ekki svo mikið að fá væntanlega viðskiptavini til að kaupa vöru til að hjálpa þér að gera betra. Þú byggir frumgerð á vefsíðu eða app til að ganga úr skugga um að hugtakið muni virka eins og ætlað er. Þú notar líka það til að sýna viðskiptavinum þínum, eða hugsanlegum fjárfestum, hvernig það ætti að virka.

Nýlega höfum við séð mikið af forritum sem miða að því að byggja upp frumgerð fyrir vefinn og fyrir farsímaforrit. Nú, Adobe Experience Designer hefur verið gefin út, sem sameinar virkni vef- og farsíma-sérstakrar "hönnunarforrit" með því að prototyping app. Með hliðsjón af orðspori Adobe og markaðshlutdeild þeirra í atvinnugreininni er það ástæða þess að mikið af fólki sem hefur ekki gert mikið af frumútgáfum í fortíðinni gæti nú tekið þetta skref.

Svo, eins og flestir aðrir fullkomnu leiðsögumenn, er þetta fyrir byrjendur. Það er fyrir fólk sem er að byrja að byggja upp frumgerð á reglulega, hvað sem fyrri reynslu þeirra (eða skortur á því) í hönnunariðnaði.

Í þessari handbók höfum við reynt að ná yfir grundvallarreglurnar umfram allt. Eftir það eru tenglar á leiðsögumenn með frekari upplýsingum og auðvitað stór langur listi yfir forrit og verkfæri sem þú getur unnið með.

Wireframes & mockups vs prototypes

Nú, og hönnuður sem hefur verið í kring um stund, hefur líklega þegar unnið með vírramma og / eða hannað mockups í einhverjum myndvinnsluforriti. Eru þetta ekki frumgerðir?

Neibb. Ekki alltaf, engu að síður.

Vandamálið með wireframes og truflanir mockups er að þeir eru ... vel ... truflanir. Það er mikið af upplýsingum sem þeir einfaldlega geta ekki miðlað um virkni hlutar. Þetta getur leitt til misskilnings í hugum viðskiptavina, eða jafnvel forritara, um hvernig hluturinn er að vinna. Af þessum sökum eru frumgerðir oftast gagnvirk á einhvern hátt.

Algengustu undantekningar eru hugmyndafræðilegir frumgerðir og undantekningarlega vel skjalfestar truflanir frumgerðir. Það sem skiptir máli er ekki gagnvirkni sjálft heldur flutningur upplýsinga um fyrirhugaða virkni vöru.

Það er sagt að vírframleiðsla og mockups eru oft notuð til að gera frumgerð, þannig að enginn yfirgefur þá.

Hvenær þarftu frumgerð?

Alltaf þegar þú þarft að sýna hvernig eitthvað er ætlað að vinna. Það er það.

Það er augljóst dæmi um vef eða farsímaforrit. Apps hafa tilhneigingu til að hafa sanngjarna hluti af virkni sem ekki er auðvelt að sjá eða dregið úr mockup. Hins vegar geta jafnvel tiltölulega truflanir, innihaldstengdar vefsíður krafist frumgerð.

Fyrir eitt, hef ég fengið viðskiptavini að horfa á mockups fyrir einfaldan viðskiptasíðu og spyrja "Allt í lagi, þannig að ef þeir smella á þessi atriði efst," Um okkur "," Þjónusta "og efni sem tekur þá til annarra síður? ", eða" Þegar þeir smella á senda á tengiliðsforminu, fæ ég tölvupóst? "

Jafnvel einföld ... verkefni eru oft fraught með óvissu ... prototypes getur hjálpað að taka út nokkrar af giska

Jafnvel einföld vafraverkefni eru oft áberandi af óvissu gagnvart sumum notendum og væntanlegum viðskiptavinum, þannig að frumgerðir geta hjálpað til við að taka út nokkrar af giskavinnunni frá afskráninguferlinu.

Auk þess eru þær alltaf gagnlegar í prófun notenda. Eftir allt saman, ef þú ert að fara að gera notanda próf á öllum, það er best að byrja með snemma forsýning verkefnisins. Það síðasta sem þú vilt er að þurfa að gera stórar breytingar eftir að mestu verkið hefur þegar verið gert.

4 tegundir af frumgerð

Áður en þú byrjar að gera frumgerð, þá viltu ákveða hvaða tegund þú vilt nota. Þú getur alltaf notað fleiri en eina tegund í hverju verkefni; flestir hönnuðir gera, á einhverjum tímapunkti.

Sú tegund af frumgerð sem þú velur verður að vera rétt fyrir þig, viðskiptavininn þinn, verkefnið og jafnvel tiltekið stig verkefnisins sem þú ert í. Nú gæti það hljómað flókið en það er í raun ekki svo slæmt.

Hvert þessara er ætlað að nota á mismunandi stigum í hönnunarfasa. Afgangurinn er allt að óskir þínar og hversu góður viðskiptavinur þinn er að skilja samantektarmyndir.

Viðskiptavinir sem eru minna upplifaðir í nútímalegum hönnunarferlum gætu búist við því að sjá eitthvað sem lítur út eins og "fáður" svo að þeir geti sagt þér að lógóið sé stærra, færðu þá línu tommu til vinstri og að vefsvæðið þitt muni ekki vera á latínu , svo gætirðu sett nokkuð ensku í takk?

Ef þú átt í vandræðum með það, eru nákvæmari frumgerðir og mikið af kaffi besta veðmálið þitt. Ef ekki, þá geturðu notað eitthvað svolítið óljósari og lagt áherslu á að mocka upp fyrirhugaða virkni.

1: Hugmyndafræðilegir frumgerðir

Þetta lítur oft ekki neitt út eins og fullunnin vara á nokkurn hátt form eða mynd. Með hugmyndafræðilegum frumgerðareiningum skiptir ekki smáatriði og skipulag tengilsins. Það eina sem þú ert að vinna að eru samskipti og ferli.

Markmið hvers frumgerð er að sýna hvernig eitthvað virkar eða mun virka. Í þeim skilningi er þetta frumgerð í hreinasta formi. Það er bókstaflega allt um virkni, og mynd kemur ekki einu sinni inn í það.

Þeir geta líkt eins og nokkuð, á þessu stigi. Þú getur notað flæðitafla, eftirmælisskýringar, PowerPoint kynningu, myndband sem útskýrir ferlið með grófum táknmyndum, eða upptöku af þér talað inn í myndavélina og flailing vopnin þín stórlega. Nokkuð sem fær málið yfir mun gera.

Hugmyndafræðilegir frumgerðir eru venjulega notaðir á fyrsta stigi hvers verkefnis. Verkefnið þitt getur ekki einu sinni fengið nafn. Það er bara hugmynd fyrir forrit eða vefsíðu, og þú munt segja hlutum eins og: "Já, ég held að það ætti að vera eins konar vinnu eins og þetta ..."

2: Low-Fi frumgerð

Low prototypes eru þar sem þú byrjar að innihalda hluti eins og skipulag og skjástærð og aðrar áþreifanlegar áhyggjur. Þeir eru venjulega gerðir hratt og fargað hraðar.

Þeir eru ætlaðir til að veita hraðasta mögulega leið til að endurtekna hugmyndir þínar þar til þú og / eða viðskiptavinur þinn er ánægður með grunnatriði. Svo fæ ekki fest. Flestir þessir munu ekki vera lengi, og það er gott.

Eins og áður hefur verið nefnt, er hugtakið "frumkvöðlastarfsemi" oft skiptanlegt með "wireframes". Reyndar fer þetta stig oft fram á pappír.

Þegar það er gert í forriti er ráðlegt að nota einn sem hefur undirstöðu frumgerðareiginleikar eins og að tengja við aðra skjái, athugasemd osfrv. Wireframing apps hafa þann kost að gera auðveldara samstarf á Netinu, en þeir eru oft svolítið hægar að nota.

Þetta er einnig notað í upphafi verkefnis, en þú hefur líklega viðskiptamódel og hugmynd um nafn núna. Það er kominn tími til að raða í gegnum mýgrútur hugmyndir fljótandi um höfuðið og endurtekna þar til þú hefur eitthvað sem þú ert nokkuð viss um að muni virka.

3: Medium-Fi prototypes

Stundum verður ekki hægt að komast að því að lóðrétt frumgerð sé rétt og nóg er að vinna í augnablikinu. Kannski hefur þú ekki alveg hreinsað stílhandbókina, eða ekki hefur verið sýnt fram á að allar grafísku eignir þínar hafi enn verið gerðar.

Í öllum tilvikum er þetta tegund af frumgerð sem þú getur notað í upphafi til miðju hönnunarfasa. Þeir eru oft gerðar með frumgerðartækjum, sem nota mikið af herma samskiptum. Þeir geta einnig verið byggðar með HTML og CSS, venjulega með hjálp CSS ramma.

Yup, Bootstrap og Foundation eru líklega tveir af stærstu prototyping verkfærum þarna úti núna.

Þú ættir að nota vörumerki myndmál fyrir þetta ef þú hefur það, en myndirnar munu gera. UI-þættir í lager eru venjulega notaðar til að byggja upp herma tengið hraðar. Margir frumútgáfufyrirtæki koma með bókasöfn þessara þætti til að gera vinnuna þína hraðar.

Þessar tegundir af frumgerð eru frábær fyrir fleiri bókmenntaþjónendur sem þurfa að sjá nánari nálgun á því hvernig það mun líta og vinna. Það er auðveldara fyrir þá að hunsa haus sem er "ekki lokið ennþá", en sketchy-útlit lögun sem lítur ekki eins og vefsíðu haus eins og þeir vita það.

Fyrir þessa viðskiptavini gætirðu viljað vísa út hugmyndir þínar hratt og aldrei sýna þeim til viðskiptavinarins. Gerðu síðan frumgerð sem gerir það auðveldara fyrir þá að sjá hvar þú ert að fara.

4: Hreyfimynd frumgerð

Jæja, við erum hérna. Og svo er verkefnið þitt. Þú ert með mockups fyrir hvern skjá og allt lítur vel út. Það er kominn tími til að sýna fólki hvernig þetta er að fara að vinna, í allri sinni dýrð, þegar einhver samþykkir það að lokum með bakkóðanum.

Prófmyndir á hátíðni eru venjulega notaðar til að fá endanlega skilti á hönnun frá viðskiptavininum. En þú getur ekki bara sent þeim PSDs. Þetta efni verður að vera gagnvirkt.

Þetta er venjulega náð á einum af tveimur vegu. Sumir nota truflanir HTML og CSS til að setja lokaða myndefni saman á þann hátt sem er hálfvirkt. Aðrir nota forrit sem flytja inn myndir, eða jafnvel hrár PSD skrár, og bæta við gervi-gagnvirkum eiginleikum til að líkja eftir endanlegri virkni appsins.

Það fer eftir forritinu, þú getur jafnvel kynnt þessar frumgerðir á vefnum (eða á farsíma, ef þú hefur unnið að forriti).

Frumstillingaraðferðir

Nú þegar við höfum farið yfir helstu gerðir frummynda sem þú getur gert, er kominn tími til að ná yfir verkfæri sem notaðar eru til að gera þær. Ég nefndi flest af þessum í fyrri hluta og grunnnotkun þeirra; en mér langar að fara í smáatriði.

Aftur á móti ætti aðferðin sem þú velur að ráðast á það sem þú og viðskiptavinurinn eru ánægðir með.

Vídeó eða kynningu frumgerð

Þetta eru oft gerðar til að selja hugmynd áður en nokkur steypu vinna hefur verið gerð. Þannig eru þeir venjulega beint til hugsanlegra fjárfesta. Þeir geta líka verið notaðir fyrir viðskiptavini; en oft eru skilvirkari leiðir til að eiga samskipti við viðskiptavin. Mílufjöldi þín getur verið breytileg.

Vídeó og kynningargreinar sem byggjast á sölustöðum fylgja yfirleitt viðskiptaformúlu:

  1. Kynntu vandamál sem áhorfandinn gæti kennt við.
  2. Sýnið hvernig vöran mun leysa þetta vandamál.
  3. (Valfrjálst skref) stafrænt afkastamikill mascot gerir hamingjusaman dans á meðan hrópað er um aflúsun.

Sumir af þessum frumgerðarefnum nota bara tákn, texta og myndir. Aðrir hafa fjör; og enn aðrir nota lifandi aðgerð til að ná stigi yfir. Og það er, vel ... málið. Svo lengi sem þú selur hugmyndina þína, hefur þú gert það rétt.

Hér er frábært dæmi sem blandar vídeó frumgerð með pappír prototyping.

Wireframes

Wireframes er hægt að gera á pappír eða í forritum. Þeir eru næstum alltaf litið á frumritgerðir, en þeir geta verið uppfærðar til miðlægts ef þú setur nógu mikinn tíma í þau. Það er sjaldan þess virði að reyna.

Venjulega eru vírframleiðslur hönnuð til þess að þau séu bæði dregin og hent hratt. Þetta er eitt af því sem gerir teikningu á pappír svo aðlaðandi. Forrit geta verið mun nákvæmari og þú getur auðveldlega breytt núverandi vírramma; en ekkert slær hraða skissu sem enginn er að sjá en sjálfur ... alltaf.

Hins vegar, eins og áður hefur verið nefnt, hafa vírframleiðslur á forritum þann kost að auðveldara sé að líkja eftir virkni tengis. Tapping á pappír vír ramma mun bara gera skemmtilega Thunk-Thunk-Thunk hljóð.

Það getur verið gaman, en það má ekki flytja merkingu þína.

Þú gætir valið að nota bæði: pappír til að nagla niður helstu hugtökin og forrit til að klára það og deila því auðveldlega.

Frumritgerðir pappírs

Þessar eru frábrugðnar vírrammum því þeir eru miklu meira en teikningar. Í þessari tegund af frumgerð er pappír notað til að búa til líkamlega, ef enn frekar flatt, líkan af tengi. Þú getur séð eitt af þessum í myndinni hér fyrir ofan.

Grunneiningarnar eru venjulega dregnar, skera út, stundum afritaðar til að bæta við og síðan sett saman á annað blað. Þetta gefur þeim kost á sveigjanleika. Þar sem þú gætir kastað heilu blaði með vírramma getur þú bara endurskapað þætti pappírslíkans þar til þú ert ánægður. Fékk þáttur sem er rangur stærð, eftir að þú hefur raðað eftir hlutum nokkrum sinnum? Bara skera nýjan útgáfu út.

Þeir hafa líka tilhneigingu til að líða svolítið meira "alvöru" en vírramma. Jafnvel þótt ekkert athyglisvert muni gerast, getur viðskiptavinur snert pappírsmódel. Þeir geta fundið það. Þessi áþreifanleg tilfinning getur stundum útskýrt meira fyrir viðskiptavin en eitthvað sem þú gætir nokkurn tíma sýnt þeim.

Allir þurfa líkamlega snertingu til að ná betri skilningi á hlutum. Helmingur UX-hönnun snýst um að endurskapa tilfinningu líkamlegrar samskipta við stafræna tengi.

Miðlungs og hátíðni frumgerðir gerðar með forritum

Þessir hafa mikið sameiginlegt með frumritum pappírs. Frumritgerðir gerðar með forriti eins og Invision, eða einn af mörgum öðrum valkostum þarna úti (sjá listann hér fyrir neðan), eru yfirleitt gerðar úr fyrirhannaðum tengiþáttum og síðan sameinaðir til að líkja eftir endanlegu vöru.

Munurinn er auðvitað að allt er gert á skjánum. Ó, og þú getur gert það með endanlegri grafík og vörumerki, sem gerir frumgerðin nákvæmlega eins og fullunnin vara. Þá, eins og ég nefndi áður, geta sum forrit kynnt vöruna í vafranum og farsímum.

Þetta veldur taktile tilfinningunni aftur í leik, og þú vilt þetta. Ef þú getur gefið viðskiptavinum þínum þá tilfinningu, og þeir líkar við það, hefurðu í grundvallaratriðum fengið endanlegt samþykki sitt.

Kóði

Auðvitað, ef samskipti eru það sem þú vilt, þá er byggingartengill frumgerð með kóða góð leið til að fá það. Nú gætirðu valið frumkóða á grundvelli kóða fyrir einn af mörgum ástæðum:

  • það passar bara vinnuframboð þitt betur (eins og ef þú býrð í vafranum samt);
  • síða eða app hefur mikið af hnöppum og öðrum hlutum til að hafa samskipti við;
  • Þú getur notað frumgerðarkóða í endanlegri vöru og sparar tíma.
  • þú vilt sýna tengivirkni í vafranum án þess að trufla með forriti;
  • þér líkar við að ýta á takka og hata að smella.

Prototyping í vafranum getur verið svolítið hægari, sérstaklega ef meiri háttar breytingar eru enn gerðar. Ég myndi ekki mæla með því fyrir upphaf verkefnisins, svo það er best fyrir frumgerð til miðlungs til hátíðni.

Samt er það ein besta leiðin til að sýna fram á nánast lokið verkefni, ef þú vilt nú þegar að vinna með HTML og CSS.

Prototyping með ramma

Það skal tekið fram að með því að nota ramma til að byggja frumútgáfur getur hraða kóða byggðra frummynda töluvert. Sem bónus, ef þú notar ramma sem er ætlað að nota fyrir endanlega vöru, þá er minna kóða að gera í heild.

Sem hliðarmerki hafa sumt fólk byggt upp slökkt á vefsíðu ritstjóra sem byggjast á fleiri vinsælar ramma, eins og Stígvél og Stofnunin . Með því að nota þetta gæti einu sinni hugsanlega búið til allt frá lágmarksnámi frumgerð til loka vörunnar með kóða.

Hins vegar nota sumir bara þá til að byggja frumútgáfur hratt og nota þá sérsniðna kóða fyrir lokaverkefnið. Það virkar heldur.

Frumritgerðir og leiðbeiningar

Nú þegar við höfum fjallað um öll grunnatriði er kominn tími til að komast í smáatriði. Eins og með næstum allt annað í hönnun, og í lífinu, er enginn rétti leiðin til að byggja upp frumgerð. Það er aðeins leiðin sem virkar fyrir þig. Það er sagt að vel hönnunarferli hafa tilhneigingu til að hafa nokkra hluti sameiginlegt.

Hér eru nokkrar mismunandi leiðsögumenn til mótunar sem einbeita sér að mismunandi aðferðum og tryggindum, bara til að hefjast handa. Taktu frá þeim hvað virkar fyrir þig, hunsaðu hvað ekki.

(Við munum ekki vera með sérstakar kennsluefni vegna þess að það eru einfaldlega of margir.)

Hönnun betri og hraðari með fljótur mótmótun

Þessi handbók frá Smashing Magazine er lögð áhersla á aðferðafræði til að byggja frumútgáfur hratt og endurtekna oft.

Hvernig ég smám saman frumgerð vefsíður

Þetta er meira persónuleg grein eftir Nick Pettit á Treehouse blogginu sem lýsir eigin nálgun sinni á frumgerð.

Hvernig á að byggja upp vefsíður hratt, með hraðri prototyping workflow

Hér er a þriðja greinin á hraðri frumgerð. Það virðist vera vinsælt. Þessi er hérna á Webdesigner Depot, og það lýsir nokkrar ráðleggingar fyrir og fallgöngur sem felast í því ferli.

Leiðbeinandi's Guide to Prototyping Low-Fidelity

Annar grein eftir Smashing Magazine , þetta fer í smáatriðum um frumkvöðlastýringu.

Hvernig við frumgerð

Í þessu í-dýpt, og alveg hreinskilnislega heillandi grein Newfangled stofnunin lýsir ferlinu ítarlega. Það snýst um vafrann-undirstaða Greyscreen prototyping, og þeir gera sannfærandi mál fyrir að reyna það út.

Hvernig á að prófa nothæfi frumrita eins og atvinnumaður

Annar einn hér á WDD , þessi grein snýst allt um að ganga úr skugga um að frumgerðin þín hafi benda. Ef þú gerir aðeins notagildi prófana þína eftir að þú hefur lokið lokaverkefninu þá ertu líklega að gera það rangt.

Frjáls ebook: The Ultimate Guide til frumgerð, eftir UXPin

Þú verður að gefa yfir nokkrar af persónulegum upplýsingum þínum (eða bara ljúga) til að fá þetta bók , en hæ, þeir eru ekki að biðja um peninga! Það felur í sér frekari upplýsingar um vinsælustu frumútgáfuaðferðir, forritatengdar námskeið og bestu starfsvenjur frá helstu fyrirtækjum eins og Google, Apple, Zurb og fleira.

Nú er það gert af fólki á bak við UXPin, frumútgáfuforrit, svo þau geta verið örlítið hlutdræg um hvaða app þú ættir að nota. Samt, það er fullt af góðum upplýsingum.

Prototyping verkfæri og forrit

Allt í lagi, svo þú hafir kenninguna. Það er kominn tími til að fá sprunga á byggingu frumgerðarefna. Miðað við að þú sért ekki að standa við pappírsmyndir eða kóða, ætlarðu að nota forrit á einhverjum tímapunkti.

Góðu fréttirnar: Það eru fullt af frábærum forritum til að velja úr. Slæmar fréttir: það eru fullt af frábærum forritum til að velja úr.

Enn og aftur mun það koma niður eins og þú vinnur. Þarft þú að geta kynnt farsímaforrit? Þarftu að samstilla skrárnar þínar með Google Drive, Dropbox eða einhverjum öðrum þjónustu? Hvað með Github samþættingu? Low-Fi, miðlungs eða hár-Fi? Ítarlegri forskriftarþarfir?

Forritin sem taldar eru upp hér að neðan munu innihalda nokkrar eða allar þessar valkosti. Ég mun skrá viðeigandi aðgerðir fyrir hvert og eitt til að gefa þér hugmynd um hvar á að leita.

Það skal tekið fram að margir af þessum eru fyrst og fremst þekktir sem vírframleiðslutæki. Það er algengt fyrir vírframleiðsluforrit til að samþætta þá eiginleika sem þörf er á fyrir gagnvirkar frumgerðir. Mílufjöldi þín með þessum forritum getur verið breytileg.

Adobe Experience Design CC

Þetta er nýjasta tilboðið á markaðnum núna og það er tilbúið að afhenda nokkuð alvarleg samkeppni á nokkuð mettaðan markað. Það er ekki bara vír-ramma eða prototyping app; það er hönnun app. Það er eins og Skissa , eða nú dauður Flugeldar , en það tekur það skref lengra með því að leyfa þér að gera frumútgáfur úr öllu sem þú hefur bara hannað.

Það er nú Mac-only, og í sýnishorninu á því, en Windows útgáfa verður fyrir lok ársins.

Forútgáfuútgáfan er ókeypis, þegar endanleg útgáfa sendir það verður hluti af Creative Cloud áskriftaráætlun Adobe.

Kynningarhugbúnaður

Microsoft PowerPoint , Apple Keynote , LibreOffice Impress , og Google skyggnur geta allir verið notaðir til að gera frumgerð. Aðallega, þessar frumgerðir myndu vera af huglægu fjölbreytni. Þú getur líkja eftir ákveðnum fjölda gagnvirkni, þó með því að tengja bara skyggnur saman.

Það gæti virkt eins vel fyrir frumgerðarsíðu efnisþarfir, og líkurnar eru á að þú hafir þegar notað að minnsta kosti eitt af þessum forritum. Ef ekki, eru birtingar og skyggnur ókeypis.

Invision

Invision er annar einn af "stóru nöfnum", með fleiri hátíðni frumgerð. Það leggur áherslu á útgáfu stjórna, og stolt sig á samvinnu í rauntíma og endurgjöf. Eins og Marvel app, það hefur einnig fjör, frumgerð embedding, demo tæki og fleira.

Að auki keyptu þeir nýlega nýlega Silver Flows, tól sem samþættir frumgerðartækni með Sketch. Þeir ætla að nota það til að samþætta skissu með online hugbúnaði sínum.

Það er ókeypis áætlun, en þú getur aðeins gert eina frumgerð. Eftir það getur þú byrjað á $ 15USD á mánuði.

Justinmind

Justinmind virðist vísvitandi miða að því að búa til frumritgerðir á hátíðni. Þessi síða nefnir einnig frumgerðarsvörunarsvarandi vefsíður. Það eru einnig kynningar í forritum.

Verðlagning byrjar nú á $ 19USD á hvern notanda, á mánuði, ef þú borgar árlega.

Marvel App

Marvel App er gríðarstór app (einn af "stóru nöfnunum" í frumgerð) með ókeypis áætlun og í meðallagi verðlagningu fyrir allar uppfærslur. Athyglisverðar aðgerðir eru: stuðningur við Photoshop og skissu, samstillingu við Drive og Dropbox, innbyggingu frumgerða á vefsíðum) og aðgerðir sem snúa frumgerðunum þínum í hreyfimyndir.

Þetta er um vísbendingu um hátíðni.

Axure

Axure er svolítið skrýtið með eiginleikum fyrir bæði litla og fjölsýna frumgerð. það er jafnvel meira skrýtið, því það er skrifborð app með einu sinni verð. Það er hannað fyrir notendur fyrirtækja og stórt lið, með eiginleikum til að skrifa eigin skjöl, verkefnastjórnun og fleira.

Staðalútgáfurnar koma inn á $ 289USD fyrir hverja leyfisveitingu.

HotGloo

HotGloo er allt um lág-til-miðlungs-tryggð vír ramma og frumgerð. Það byrjaði fyrst og fremst í vírframleiðsluforrit, fyrst og fremst, en virkni fyrir háþróaðari frumgerð er þar.

Þar sem önnur forrit hafa áherslu á frumútgáfuforrit, kom HotGloo í byrjun með vefhönnuðum. Svo getur þú líka gert það.

Áætlunin byrjar á $ 14USD á mánuði, og þessi áætlun getur falið í sér allt að 10 manns í samstarfi.

Proto.io

Annnnnnd við erum aftur á hátíðni prototyping með Proto.io . Það hefur flókið milliverkanir, fjör, útflutningur, prentun, embedding og tæknikynningar allt innbyggður. Verð byrjar á $ 24USD á mánuði, en það er 15 daga ókeypis prufa ef þú vilt gefa henni hvolp.

Storkna

Storkna er komin til okkar af Zurb, sama fyrirtæki sem gerir grunnröðina. Það er hannað til að meðhöndla (og fá endurgjöf á) allt frá teikningum til hátíðni frumgerð og mockups.

Í stað þess að einblína á fjör og önnur kynningartæki, býður Solidify upp á mikið af notendaprófunum. Þú getur keyrt próf í persónu eða fjarri og miðlað niðurstöðum með liðinu þínu.

POP

POP greinir sig frá öðrum forritum með því að hjálpa þér að gera blendingur af vír-ramma skissum og stafrænum frumgerðum. Þú byrjar með því að taka myndir af teikningum þínum með iPhone, Android síma eða Windows síma og breyta þeim teikningum í gagnvirka frumgerð.

Ef þú vinnur mest af vinnu þinni á pappír, gæti það verið frábær leið til að deila niðurstöðum. Þjónustan er ókeypis fyrir tvö verkefni, og þá er áætlunin byrjaður á $ 10USD á mánuði.

Flairbuilder

Flairbuilder er annar skrifborð app, þó það sé á netinu áhorfandi fyrir verkefni. Það virðist ætlað að vísbendingum og frumgerð. Það hefur möguleika sem gerir þér kleift að bæta við samskipti, það getur gert demos í tækinu, og það leggur sérstaka áherslu á rist byggð hönnun.

Það er verðlagið á einu sinni gjald af $ 99USD. Það er bratt, viss, en miklu ódýrara en Axure.

Flinto

Flinto hefur í raun tvær útgáfur: það er Mac forrit, og vefútgáfa Lite útgáfa. Munurinn? Mac útgáfan færir flóknari fjör, aðgerðir og samskipti við borðið. Það leyfir þér einnig að flytja inn eignir þínar úr skissu, sem vefútgáfan getur ekki gert.

Það kostar $ 99USD sem kaup á einu sinni. Athyglisvert er að Lite útgáfa (sem kostar 20USD á mánuði) inniheldur leyfi fyrir skjáborðsútgáfu, sem gefur þér það besta af báðum heima.

UXPin

UXPin er sniðmát forrit með miðlungs til hátíðni með öllum þeim eiginleikum sem við höfum búist við. Eins og nokkrar hinna hefur það einnig samvinnu í rauntíma, innbyggðum notendaprófun og verkefnastjórnun.

Ólíkt öðrum forritum, miðar UXPin að því að vera einn-stöðva hönnun búð. Eins og á, getur þú sleppt Photoshop, skissu, eða hvað-hefur-þú, og breyttu vírrammunum þínum í mockups. Þetta er metnaðarfullt að segja að minnsta kosti, en ef það virkar eins og lofað er, get ég séð það að vera gagnlegt fyrir marga hönnuði.

Verðlagning byrjar á $ 19UD á mánuði, fyrir hverja notanda.