7 Web dizaineru prototipēšanas rīki

Vai jūs zināt atšķirību starp stieple, makets un prototips? Šie trīs termini bieži tiek aizstāti ar to pašu. Problēma ir, jums nevajadzētu.

A stieple ir konstrukcijas statiska, zemas precizitātes attēlojums. Tajā ir izklāstīts ierosinātā dizaina izskats vai forma, bet ne tās funkcionalitāte vai sajūta. A makets nodrošina lielāku informācijas apjomu. Maketi ir attēloti vidēja līdz augsta uzticamība no ierosinātā projekta. Maketi ir arī statiski, un tie nepierāda interaktivitāti.

Prototipi, no otras puses, ir dinamisks. Viņi var pārstāvēt savu galīgo dizainu gandrīz jebkurai detalizācijas pakāpei, ko izvēlaties. Prototipu var pat pārbaudīt it kā tas būtu faktiskais gala produkts, tā var nodrošināt tādu pašu izskatu un izjūtu. No tiem trīs, kas varētu gūt maksimālu iespaidu, būtu prototips.

Kā izveidot prototipu

Tagad prototipa mērķis ir precīzi pierādīt izvēlētās dizaina iezīmes. Web vai lietotņu lietojumprogrammu prototipi parasti tiek izstrādāti trīs posmi:

1. Lapas plūsmas (kā lietotājs var pārvietoties) ir ieskicētas.
2. Izveidotas vairākas zemas precizitātes versijas katrai lapai un pārbaudīta lietojamība.
3. No gūtās pieredzes tiek pievienotas detaļas, lai izveidotu jūsu iecerētā dizaina augstas precizitātes modeli.

Šajā amatā mēs pārbaudīsim dažus prototipu veidošanas rīkus, kas var palīdzēt atvieglot procesu, padarīt lietas vieglākus un ātrāk izvilkt prototipus. Šeit ir 7 prototipēšanas rīki, lai izmēģinātu.

InVision

InVision ir saskaņā ar Forbes pie privāto mākoņu kompāniju saraksta augšpusē pasaulē, kā arī tādiem gaismas avotiem kā Slack, Dropbox un MailChimp. Šis gods daļēji ir saistīts ar InVision platformu, kas vienmēr darbojas sadarbība, atgriezeniskā saite un augstas precizitātes prototipu veidošana tik vienkārši.

Izmantojot InVision, ir iespējams pārvaldīt projekta ekrānus un statusus no vienas vietas, sadarboties reālā laikā un uzturēt versiju kontroli, kamēr veidojot perfektus pikseļu prototipus, kuriem ir reālas tīmekļa un mobilās lietotnes. Ar InVision var pat veikt bezmaksas, neierobežotu testēšanu uz jūsu prototipiem.

Lai uzzinātu, ko dizaina pasaule un InVision vairāk nekā 2 miljoni lietotāju mīl par šo platformu, pierakstieties bezmaksas izmēģinājumam. Lai sāktu darbu, vienkārši noklikšķiniet uz saites InVision.

Pidoco

Vai jums ir nepieciešams caurklikšķināms stiepļu karkass, vai a pilnībā interaktīvs UX prototips, Pidoco tur nokļūs ātri un bez satraukuma. Sākot ar vieglu skicēšanas funkciju, varat izveidot komplektu pielāgotas veidnes, izveidot interaktīvie elementi tev vajag, prezentējiet savu prototipu citiem, un gaida atgriezenisko saiti - kam nevajadzētu būt ilgi.

Pidoco sniedz jums visu, kas nepieciešams, lai izveidotu zemas precizitātes prototipus, lai pieprasītu ātru, iepriekšēju atgriezenisko saiti vai augstas precizitātes modeļus ar tādu pašu izskatu un izskatu kā jūsu piedāvātais tīmekļa vai lietotņu dizains. Šis rīks pat radīs specifikāciju dokumenti kas var kalpot par komandas locekļu rasējumiem vai var tikt iesniegts klientiem, lai to parakstītu.

Proto.io

Proto.io būs ideāla izvēle, ja jums ir vajadzīgs kvalitatīvs prototipēšanas rīks, lai palīdzētu jums ar mobilo lietotņu dizainu. Proto.io ir īpaša mobilā prototipēšanas platforma darbojas lielākajā daļā pārlūkprogrammu, nav nepieciešama kodēšana, un ļauj jums izvietot pilnībā interaktīvus mobilo lietotņu prototipus un simulācijas kas ir īstas lietas izskats un sajūta.

Trīs daļas apvieno, lai izveidotu šo rīku: vadības paneli, redaktoru un atskaņotāju. Vadības panelis kalpo kā galvenais vadības un projektu vadītājs. Redaktors sastāv no rīku kopuma, lai emulētu savu dizainu un veidotu mijiedarbību. Ar atskaņotāju jūs varat apskatīt savu prototipu savā tīmekļa pārlūkprogrammā, mijiedarboties ar to, pieprasīt atsauksmes un pārbaudīt to reālās mobilajās ierīcēs. Ja mobilās lietotnes dizains ir jūsu lieta, tas ir instruments jums.

Web plūsma

Ikvienam, kas meklē all-in-one dizains, prototipēšana un izstrādes rīks, meklēšana beidzas šeit. Pirmkārt, ar Webflow varat veidot un pārbaudīt augstas precizitātes prototipus jums ir jāpalīdz jūsu dizaina centieniem. Bet šeit ir vieta, kur rodas atšķirība - viss, ko jūs veidojat, tiek ražots ar HTML / CSS un JavaScript palīdzību. Rezultāts?

Jūs varat vienmērīgi pāriet no pilnībā interaktīva prototipa uz izstrādātu produktu. Prototips, dizains un izstrāde ir vienā iepakojumā, kas ietver arī nepieciešamās sadarbības iespējas un iespējas. Un starp citu, viss ir atsaucīgs arī.

PowerMockup

Šis speciālā prototipēšanas rīku komplekts tika izstrādāts, ņemot vērā PowerPoint lietotāju. PowerMockup faktiski ir PowerPoint pievienojumprogramma, kuru varat izmantot izveidot tīmekļa vietnēm, darbvirsmas lietotnēm vai mobilajām lietotnēm wireframes un maketus. Tas ir vienkārši jautājums par formu un dizaina elementu izvēli no PowerMockup bibliotēkas un to nomešanas uz PowerPoint slaidu.

Tad jūs varat izmantot PowerPoint slaidrādes un animācijas funkcijas, lai priekšskatītu savu dizainu ar citiem. Jūs varat pievienot arī savas formas un elementus bibliotēkai un koplietot tos ar citiem PowerPoint lietotājiem, ja vēlaties.

Lucidčarts

Lucidchart ir tiešsaistes lietojumprogramma, kurā ir: a dizaina elementu un ierīču tipu bibliotēka no kuras jūs varat ātri izveidot tīmekļa vietnes vai mobilās lietotnes dizainu wireframes vai maketus. Tam ir a tīrs, lietotājam draudzīgs interfeiss, un tā ietver vilkšanas un nomešanas tehnoloģiju, interaktīvas demonstrējumu iespējas, un slāņu tehnoloģija, kas ļauj veidot ļoti sarežģītas simulācijas.

Lucidchart ir arī ērts rīks radot profesionāla izskata projektu darbplūsmas diagrammas un shēmas, un tās sadarbības iespējas darbojas nevainojami un ir viegli lietojamas.

HotGloo

Dizaina piedāvātā UX emulēšana dažkārt var radīt problēmas. Tāpēc jums ir nepieciešams HotGloo. Ar milzīgu elementu bibliotēka un UI logrīku galerija, eksportēt un koplietot funkcijas, kā arī sadarbība ar komandas biedriem, kuru jūs sākat gandrīz bez laika.

Ja jums ir kādi jautājumi vai nepieciešama palīdzība, viņiem ir pilnīga dokumentācija, kā arī noderīgas video konsultācijas un dzīvi webināri pieejams. Izveidojiet savus prototipus savā pārlūkprogrammā, kopīgojiet tos vai skatiet tos jebkurā mobilajā ierīcē. Jūs pat varat eksportējiet savu darbu uz HTML. Wireframing un prototipēšana nekad nav bijis vieglāk un jautrāk!

Iesaiņošana

No šī saraksta var daudz izvēlēties no īpašiem nolūkiem veltītiem instrumentiem, kas ir visaptverošs rīks, kas noteikti ir vērts apskatīt. Tie visi ir augstākās kvalitātes rīki, tāpēc nav nekādu risku, un jūs vienmēr varat apskatīt demonstrāciju vai lūgt bezmaksas izmēģinājumu.

Šiem produktiem ir liela lietotāju bāze. Tos izmanto vai iesaka lielie uzņēmumi. Tātad, neatkarīgi no tā, kuru jūs varat izvēlēties, jūs atradīsiet sevi labā uzņēmumā. Neatkarīgi no tā, vai meklējat maketa, stiepļu vai prototipēšanas rīku, jūs atradīsiet rīku iepriekšminētajām vajadzībām.