Napomena: Sljedeći članak će vam pomoći: 10 savjeta za izradu prototipa vašeg dizajna
Iako postoji veliki izbor tehnika izrade prototipova, sve one dijele dosta zajedničkih točaka. U ovom sam članku sakupio godine savjeta i najboljih praksi za izradu prototipova od najboljih stručnjaka u tom području, kao i iz naših vlastitih iskustava u UXPinu.
Prilagodite prototip svojoj publici
Vrsta prototipa koju predstavljate je važna. Ono što može dobro funkcionirati za sesiju s vašim dizajnerskim i razvojnim timovima možda neće biti jednako učinkovito na glavnom sastanku osoblja.
Ne radi se toliko o ograničavanju onoga što prezentirati — budući da želite uključiti i biti transparentni sa svim dionicima što je više moguće — već više o kako predstaviti prototipove i odabrati pravu razinu vjernosti.
Prototipovi niske vjernosti dobri su u slučajevima kada pokušavate prikazati konceptualno dizajnersko rješenje u ranijim fazama proizvoda.
S druge strane, prototip visoke vjernosti može biti lakši za razumijevanje ljudima koji se ne bave dizajnom i tehnikom jer je vizualno najbliži konačnom proizvodu.
Možda bi papirnati prototip mogao dobro funkcionirati kada se prototip predstavlja višem rukovoditelju ili inženjeru koji samo želi dobiti brzi pregled glavnog koncepta dizajna.
Ili vam je možda potreban prototip srednje vjernosti kako biste započeli sesiju suradničkog dizajna među članovima tima.
Korištenje odgovarajuće vrste prototipa za situaciju osigurava da se vaši koncepti dizajna jasno prenesu publici.
Pripremite svoju publiku
Tvorac prototipa bit će intimno upoznat sa svakim aspektom njegova ili njezina rada.
Međutim, ljudi koji testiraju i ocjenjuju prototip će ga vidjeti prvi put, tako da će ih tvorac prototipa morati objasniti i pripremiti prije demonstracije prototipa kako ne bi došlo do nesporazuma ili zabune.
Na primjer, za prototip niske vjernosti, moramo unaprijed razjasniti da povratne informacije i procjena trebaju biti usmjerene na funkcionalnost i korisničke tokove, a ne na estetiku.
S druge strane, ako predstavljamo prototip srednje vjernosti ili visoke vjernosti, raspravu možemo usmjeriti na vizualne elemente i interakcije.
Uključite svoje korisnike (participativni dizajn)
Participativni dizajn ugrađuje povratne informacije korisnika u proces dizajna.
Participativni dizajn može se izvesti na više načina, uključujući vježbe izrade prototipa na papiru, korisničko testiranje, sesije brainstorminga i tako dalje.
Ideja iza participativnog dizajna je da nam sudjelovanje korisnika može dati uvid u probleme povezane s upotrebljivošću i korisničkim iskustvom u ranoj fazi procesa.
izvor: poweredbysilas.com
Participativni dizajn više je promatračka suradnja. Razlikuje se od testiranja upotrebljivosti jer uključujemo korisnike odmah u početnim fazama ideje i koncepcije, ne samo radi potvrđivanja odluka o dizajnu, već radi toga da zapravo iskoristimo njihove povratne informacije kako bismo pomogli u razvoju dizajna.
Usredotočite se na korisničke tokove i scenarije
Prototipovi ne moraju biti lijepi, ali moraju raditi. Moraju jasno pokazati ključne ideje iza dizajna.
izvor: wireframes.linowski.ca
Evo procesa koji je naš tim slijedio kada smo redizajnirali Yelp kao vježbu:
Korak 1: Skicirajte tokove stranice
Počeli smo osmišljavanjem načina na koji bi korisnici mogli optimalno prolaziti kroz stranicu.
Nakon dvije iteracije na karti web mjesta, proveli smo još dvije iteracije ispunjavajući navigacijske i sadržajne pojedinosti (izbornici, spremnici slika itd.)
Korak 2: Stvorite digitalni prototip niske vjernosti
Nakon što su skice bile gotove, prešli smo u aplikaciju UXPin kako bismo započeli proces izrade digitalnih prototipova. Napravili smo tri do pet varijacija svake stranice, proveli nekoliko brzih testova upotrebljivosti u hodniku, a zatim prema potrebi ponovili prototipove na temelju povratnih informacija.
Korak 3: Povećajte vjernost kao posljednji detalj
Nakon što je korisnički tijek finaliziran i kada smo bili zadovoljni funkcionalnošću, usredotočili smo se na vizualne detalje poput tipografije, ikona i slika. Također smo uvezli grafiku iz Photoshopa u aplikaciju UXPin, spajajući naše modele dizajna i faze izrade prototipa.
Dok smo dovršavali prototipove, također smo dotjerivali funkcionalnost prema potrebi.
Učinite korisničke interakcije što je moguće jednostavnijim
Manje klikova znači manje trzanja, što znači bolji protok korisnika.
Ali ne dopustite 3-klikni mit ograniči tvoje dizajnerske odluke.
Teoretski biste mogli stvoriti web-mjesto sa svim stranicama dostupnim jednim klikom s naslovnice web-mjesta, ali to bi štetno povećalo kognitivni napor koji će korisnici iskusiti tijekom navigacije web-mjestom jer bi morali pregledati gomilu informacija na cijelom jednom.
izvor: grundyhome.com
Važnije je uzeti u obzir produktivnost svake interakcije. Interakcija mora dati korisniku osjećaj da se približava ostvarenju svojih zadataka i ciljeva. Izvrsno je ako se to može dogoditi u roku od tri klika, ali ako trebate više interakcije s korisnikom, odaberite najbolju opciju.
U našoj e-knjigi Web UI Patterns 2014. pokrili smo korisnički tijek rezervacije zrakoplovnih karata Virgin America. Zadatak rezervacije leta nije se mogao optimalno izvršiti u tri klika ili manje; bilo je potrebno otprilike devet koraka.
Ipak, unatoč kršenju pravila tri klika, korisnički tijek rezervacije karte i dalje je bio jednostavan i ugodan.
izvor: uxpin.com
Nemojte zanemariti animacije
Dok animacije i prijelazi mogu biti pojednostavljeni u funkcionalnom prototipu ili potpuno odsutni u prototipu niske vjernosti ili papirnatom prototipu, važno je da o njima razmišljamo rano u procesu.
izvor: blog.uxpin.com
Znajući gdje i kako će se animacije implementirati – kad god dođemo do njih – pomoći će nam stvoriti jedinstvenije korisničko iskustvo.
Animirane interakcije mogu učiniti vaš prototip sličnijim krajnjem proizvodu, a to može biti korisno tijekom korisničkog testiranja, stoga nije loša ideja izraditi ih prototip ako imate vremena i resursa.
Skiciranje: prototip za prototip
Kao što je prototip destilirana verzija konačnog proizvoda, skica je destilirana verzija prototipa.
Tradicionalni proces dizajna ide otprilike ovako:
- Skiciranje
- Wireframing
- Makete dizajna
- Prototipovi
- Razvoj
Proces se često razlikuje ovisno o potrebama projekta, resursima i ograničenjima. Neki ljudi u potpunosti preskaču wireframing i modele, skačući ravno u izradu prototipova. Drugi radije prvo izgrade wireframes, a zatim zarone ravno u kod.
Međutim, bez obzira koju metodu koristite, početak s grubom skicom brz je i jeftin način da organizirate svoje koncepte, ideje i misli.
Crtanje može pretvoriti apstraktne ideje koje vam lebde u glavi u nešto malo konkretnije.
Ako ste zabrinuti oko svoje sposobnosti crtanja – nemojte biti! Kao što možete vidjeti na slici ispod, ne radi se o lijepom izgledu. Cilj je organizirati i istražiti svoje misli, koncepte i stvoriti osnovnu strukturu.
izvor: uxpin.com
Ne dopustite da kôd koči vaše prototipove
Ako ste samo dizajner, kod vam možda nije jača strana.
U današnje vrijeme, s toliko mnogo alata i opcija na raspolaganju, vaša razina znanja kodiranja ne bi vas trebala obeshrabriti u stvaranju prototipova. Iako funkcionalni prototip ima svoje prednosti, to nije strogi zahtjev.
Postoji mnogo opcija za izradu prototipa: izrada prototipa na papiru, metoda Čarobnjaka iz Oza, korištenje Keynote/PowerPointa, kao i specijalizirani alati za izradu prototipa koji imaju grafička korisnička sučelja.
izvor: carolynchuwong.com
Prototip niske vjernosti može vam omogućiti da se izvučete s minimalnim ili nikakvim kodiranjem. Papirnati prototip ne zahtijeva nikakav kod i mogao bi biti jednostavan način da brzo i jasno izrazite svoje ideje svom timu.
Također, alati kao što su InVision, Axure i naša aplikacija omogućuju vam izradu prototipova visoke vjernosti bez koda.
Testirajte svoje prototipove sa stvarnim korisnicima
Testiranje vaših prototipova omogućuje vam rano otkrivanje problema.
Upotrijebite osobe i korisničke scenarije kako biste bili na pravom putu dok stvarate prototip, zatim potvrdite svoje pretpostavke osobnim moderiranim testovima ili pristupačnim online testiranjem upotrebljivosti putem UserTesting, USERcycle itd.
Započnite s prototipom niske vjernosti, budući da korisnicima olakšava davanje iskrenih povratnih informacija, zatim ponovite i testirajte svoje interakcije i animacije s prototipom visoke vjernosti.
Ako imate samo proračun ili vrijeme za jedan krug testiranja, predlažemo izradu prototipa srednje vjernosti. I dalje izgledaju kao radovi u tijeku (što potiče iskrene povratne informacije) i još uvijek ćete moći testirati ključne komponente poput interakcija, protoka korisnika i sadržaja web-mjesta.
Između svake faze izrade prototipa uvijek provodimo brze testove upotrebljivosti. Evo nekoliko savjeta koji su pomogli našem timu tijekom godina.
Testirajte prije izgradnje
Pokretanjem sortiranja kartica i testiranja stabla, zapravo možete testirati učinkovitost svoje informacijske arhitekture (IA) prije nego što duboko uđete u prototip.
Razvrstavanje kartica pomaže vam vidjeti kako korisnici stvaraju vlastite navigacijske sheme.
Testovi u obliku stabla omogućuju vam da vidite učinkovitost vaših trenutnih IA koncepata dok korisnici ostvaruju temeljne zadatke.
Nemojte koristiti Lorem Ipsum
Tekst rezerviranog mjesta odvlači pažnju, zbunjuje i nema smisla. Stvarni sadržaj bolje će simulirati vaš krajnji proizvod.
Koristite stvarne slike i ikone kad god je to moguće
Također ne preporučujemo slike rezerviranih mjesta i ikone za testiranje upotrebljivosti. Vaše slike i ikone ne moraju biti uglađene, ali korisnici bi trebali moći uočiti njihove općenite oblike.
Ako je potrebno, barem koristite realističan sadržaj rezerviranog mjesta
U nekim slučajevima možete se izvući sa sadržajem rezerviranog mjesta sve dok oni mogu učinkovito predstavljati konačni sadržaj.
Prototip samo onoga što vam je potrebno
Izrada prototipa je sredstvo za postizanje cilja, a ne cilj sam po sebi.
Možemo se toliko zaokupiti pokušavajući izgraditi savršeni prototip, ali to će samo odgoditi razvoj stvarnog proizvoda.
Iako ne želite žuriti s fazom izrade prototipa, također ne želite predugo biti zaglavljeni u ovoj fazi.
izvor: devartia.com
Daljnje čitanje
Da biste saznali više o izradi prototipova, zgrabite naš free e-knjiga Vodič za izradu prototipova. Naša knjiga pokriva različite alate i taktike za izradu prototipova i razmatra studije slučaja tvrtki kao što su Google Ventures, ZURB, IDEO i mnoge druge.
