3 glavna načina za izradu prototipa web stranice

Maketu web stranice Ian Pilon

Maketu web stranice Ian Pilon

Pitanje 'Koji je najbolji način za izradu prototipa web stranice?' je poput pitanja 'Koji je najbolji način za izradu web stranice?' Ne postoji jedinstveni 'najbolji' način. Svaki pojedinačni prototip, kao i svako pojedino web mjesto, ima svoje stilove, ciljeve i strategije.

U ovom ćemo članku istražiti tri najčešće metode prototipiranja web stranica: prezentacijski softver (uglavnom za početnike), kodirani prototipi (od srednjeg do naprednog) i specijalizirane aplikacije za prototipiranje (za sve razine stručnosti).



01. Izrada prototipa s prezentacijskim softverom

Ključna promo slika

kako napraviti geofilter na macu
Keynote postaje sve popularniji za izradu prototipova

Za početak postoji tradicionalni PowerPoint, pouzdani poslovni sastojak koji se koristi za prezentacije više od dva desetljeća. Ako tražite moderniju alternativu, Keynote raste u popularnosti.

Pogledajmo prednosti i nedostatke kako biste mogli donijeti obrazovanu odluku.

Prednosti izrade prototipa s prezentacijskim programima

  • Familijarnost: Znate osnove i nije tako teško naučiti naprednije značajke poput animacija, prijelaza slajdova i povezivanja slajdova za interakcije
  • Knjižnice osnovnih elemenata: Zahvaljujući jednostavnom ožičenje knjižnice poput Keynotopia , možete brzo stvoriti žičane okvire niske vjernosti, a zatim ih povezati za prototip koji se može kliknuti
  • Prirodni linearni tok: Dijaprojekcija ovih alata vodi vas kroz sekvencijalni tijek korisnika koji vas prisiljava da razmišljate o iskustvu, osim o vizualima. Za naprednije korisnike slajdove možete povezati na složene načine koji izlaze izvan linearne progresije

Protiv izrade prototipa s prezentacijskim programima

  • Ograničeni opseg: Kao što je opisano u UXPinovoj besplatnoj e-knjizi Krajnji vodič za izradu prototipova , nakon što se počnete igrati s naprednim korisničkim tokovima i interakcijama, u osnovi ste dosegnuli ograničenje prezentacijskog softvera
  • Ograničena suradnja: Većina prezentacijskog softvera ne nudi nikakvu suradnju (osim Google Presentation). Kompromis je u tome što softveru za zajedničku prezentaciju nedostaju interaktivnost, manipulacija grafikom, oblici, tekst i boje koji ih čine vrijednima za izradu prototipa. Ako želite surađivati ​​bez kompromisa, držite se alata za izradu prototipova
  • Grafikoni ograničenog protoka: Iako je moguće komunicirati napredne korisničke tokove, to nije lako učiniti, a karte web mjesta nisu povezane s prototipovima kao u posebnom softveru za prototipiranje
  • Ograničena interaktivnost: Snalažljivi korisnici mogu prilično daleko doći ako koriste sve značajke u Keynoteu ili Powerpointu, ali ako ćete se potruditi, možda će biti lakše i učinkovitije prebaciti se na nešto specijalizirano

Ako želite saznati više, Keynotopia ima nekoliko osnovnih vodiča za izradu prototipova za Powerpoint i Glavna riječ .

02. Kodirano (HTML) prototipiranje

Jedno od najvećih pitanja koje dizajneri postavljaju o stvaranju prototipa web stranice jest hoće li koristiti kod. Ova nesigurnost proizlazi iz nedostatka komfora kod kodiranja: oni ili ne znaju kako to učiniti ili ne vole to raditi. U usporedbi s zabavnijom i intuitivnijom metodom upotrebe alata za izradu prototipa ili čak ručnog skiciranja, pisanje koda može se osjećati dosadno.

Danas postoji više razloga nego ikad da se rano započne s kodiranjem. Mentalitet slapa 'Ja to dizajniram, ti to gradiš' koji su dizajneri zauzeli u prošlosti zastario je kako tehnološki napreduje velikim koracima, a suradnja postaje obavezna.

kako koristiti reference u umjetnosti

Postoji nekoliko izrazitih prednosti izrade prototipa u kodu, uglavnom zahvaljujući činjenici da dizajn započinjete u nečemu što nalikuje konačnom obliku.

Prednosti kodiranog prototipiranja

kako postati ilustrator za izdavačku tvrtku
  • Agnotički na platformi: HTML prototipi rade na bilo kojem operacijskom sustavu i nitko ne treba vanjski softver da ga koristi
  • Modularni: HTML se temelji na komponentama, što može pomoći u produktivnosti
  • Niska cijena: Postoji mnogo besplatnih HTML uređivača teksta, ali morat ćete potrošiti neko vrijeme učeći jezik prije nego što bude koristan (ili koristi ovaj HTML varalica )
  • Tehnički temelj: Pod uvjetom da stvarate proizvodno spreman kôd (a ne samo za bacanje radi brzog prototipa), na kraju možete uštedjeti vrijeme u razvoju

Kodirani prototipi mogu se graditi na razne načine, ali HTML je možda najpopularniji. Naravno, stvarno razmatranje pri odluci hoćete li koristiti kôd u svom prototipu jest vaša razina vještine. Nemaju svi dizajneri mogućnost kodiranja, zato se nemojte pretjerivati ​​ako niste tehnički sigurni.

Nadalje, ronjenje izravno u kôd može spriječiti kreativnost - zapitajte se koliko interakcija i tijekova stranica možete stvoriti s 30 minuta u alatu za izradu prototipa naspram koda poput HTML-a ili JavaScript-a.

03. Korištenje softvera i aplikacija za izradu prototipova

Želite li zaroniti ravno u računalni program koji je stvarni prikaz vaše ideje? Ljepota izrade prototipa softvera i aplikacija je u tome što su posebno dizajnirani u tu svrhu, tako da pružaju savršenu ravnotežu između funkcionalnosti, krivulje učenja i jednostavnosti upotrebe.

I dizajneri početnici i veterani koriste specijalizirane alate poput onih u nastavku - početnici zbog jednostavnosti upotrebe, a veterani za kontrole izrađene prema njihovim posebnim potrebama.

UXPin screengrab

Alat poput UXPin-a može pomoći nekodiračima u stvaranju radnih prototipova

Ovi se alati razlikuju po svojim mogućnostima, s tim da su neki bolje prilagođeni određenim situacijama od drugih, pa je najbolje pronaći onaj koji najbolje odgovara vašim potrebama. Za početak pretraživanja možete provjeriti alate poput UXPin , InVision i Omnigraffle . Pogledajte naš popis 10 najboljih alata za izradu prototipova za više.

Prednost ovih alata je u tome što su izrađeni posebno za izradu žičanih okvira i izradu prototipova. Jednom kad naučite osnovne značajke, možda će vam biti još brže izrađivati ​​prototipe s ovim tradicionalnim metodama poput izrade prototipa papira.

najbolji način nošenja olovke za jabuke

Prednosti upotrebe namjenskog alata za izradu prototipova

  • Ubrzati: Napredni korisnici mogu raditi u specijaliziranim alatima čak brže od izrade prototipa papira jer mogu stvoriti, kopirati i stvoriti napredne interakcije sa samo nekoliko klikova mišem
  • Biblioteke elemenata: Iako su alati poput InVision izvrsni za prototipove s brzim klikom koji povezuju više zaslona jednostavnim interakcijama (poput klika i lebdenja), drugi alati poput UXPina dolaze s ugrađenim bibliotekama elemenata (i omogućuju vam stvaranje vlastitih za ponovnu upotrebu)
  • Napredni tokovi korisnika: Protok i funkcionalnost najvažniji su aspekti izrade prototipa, a većina alata dolazi s tim ugrađenim značajkama. Većina vam omogućuje i generiranje mapa web stranica tijekom stvaranja novih zaslona, ​​a omogućuju vam da ih pregledavate jedan do drugog radi jednostavne navigacije
  • Ugrađena suradnja: Mnogi namjenski alati stavljaju suradnju u središte, uključujući mogućnost komentiranja dizajna, zajedničkog uređivanja i dijeljenja putem URL-a. Najbolja ponuda povijesti revizija i pohrane u oblaku za pojednostavljivanje vašeg tijeka čineći ga agnostičkim za uređaje
  • Pojednostavljena prezentacija: To može značiti izvoz u PDF ili izvoz na web ili mobilnu aplikaciju za stvarno iskustvo prototipa

Kao i bilo što u životu, ako ga nikada niste koristili, morat ćete ga naučiti - pa će vam vjerojatno trebati neko vrijeme da se upoznate s odabranim alatom. Međutim, mnogi dizajneri aplikacija rade na tome da krivulja učenja bude što plitka.

Odabir metode izrade prototipa

Da bismo uboli na pitanje 'Koji je najbolji način za izradu prototipa?', Odgovorit ćemo: 'Koji god način najbolje odgovara vama'. To ipak nije eufemizam za 'Što je najlakše' ili 'Za ono što zahtijeva najmanje posla'. Najbolji način za izradu prototipa je način koji će za vas dati najbolje rezultate.

Morate uzeti u obzir specifičnosti proizvoda i dizajnerskog tima. Na kojim su platformama i metodama dizajneri i programeri najbolje ili im je najbolje? Koji su specifični ciljevi, vremenski okviri i ograničenja povezana s proizvodom s kojim radite. Znati kamo idete najvažniji je dio - mi samo objašnjavamo različite rute do tamo.

Za više praktičnih savjeta o prototipiranju niske ili visoke vjernosti preuzmite besplatno Vodič za izradu prototipova . Saznajte kako i kada koristiti različite alate i taktike za izradu prototipova, uz najbolje prakse iz Zurba, Google Ventures, IDEO i mnogih drugih.

Povezani članci: