Kā Adobe XD dizaina un prototipēšanas rīks palīdzēja bildināt Zani

Adobe XD pazīstams kā efektīvs dizaina un prototipu izstrādes rīks, tomēr pašā būtībā galvenā tā funkcija ir komunikācija, jo ļauj lietotājiem ātri un vienkārši dalīties idejās. Internetā (Twitter) #MadeWithAdobeXD atrodami dažādi veiksmīgi piemēri, taču šis ir kaut kas īpašs. Kad Latvijā dzīvojošais CakeHR starptautisko klientu vadītājs Lī Čapmans (Lee Chapman), pirmo reizi saskārās ar XD lietošanu, viņš sāka kalt plānu, kā šo programmu izmantot ārpus darba. Šoreiz – mīlestības vārdā.

Lī meklēja radošu veidu, kā bildināt draudzeni Zani, un nolēma, ka Adobe XD būs tam piemērots veids.

“Ar Zani iepazinos lietotnē Tinder. Vēlējos atdzīvināt mūsu pirmā randiņa izjūtas, tāpēc nolēmu radīt savu Tinder versiju,” atklāja Lī. Vienīgā problēma – Lī nav profesionāls dizainers, un nekad iepriekš nav lietojis XD, taču pat tas nespēja viņu apturēt! “Sāku darboties pirmdienā, bet jau piektdienā biju gatavs bildinājumam. Tas ir apbrīnojami, cik ātri es to varēju paveikt ar XD palīdzību.”

Plāns

Darbam pie prototipa Čapmans veltīja vairākas naktis. Slēpdams datora ekrānu, Lī vēlējās būt drošs, ka Zanei nerodas aizdomas. Ar XD prototipa palīdzību, imitējot Tinder raksturīgās pogas un darbības, Lī izveidoja Zanei aizraujošas dārgumu medības. Šis prototips viņu vadīja no mājās uz ielas stūri, kur viņi pirmo reizi satikās, līdz pat kafejnīcai, kurā norisinājās abu pirmais randiņš. Lī apvienoja dizainus tā, lai katra veiktā darbība viņu aizvestu uz dažādiem ekrāniem, ļaujot izbaudīt Čapmana rūpīgi plānoto piedzīvojumu.

“Varam uzskatīt, ka, pateicoties piedzīvotajam, man ātri izdevās viņu „konvertēt”. Es ātri vien sapratu, ka ar šī rīka palīdzību varu vadīt viņu sev vēlamā virzienā,” secināja Lī.

Piektdienas rītā, kad Lī bija pabeidzis sava dizaina izstrādi, viņš devās uz darbu un nosūtīja Zanei saiti uz prototipu ar piebildi sekot norādēm un neko neizlaist. Sekodama dotajām norādēm, viņa devās piedzīvojumā uz dažādām vietām, lasot mobilajā lietotnē sacerētās Čapmana mīlestības vēstules.

“Mīlestības vēstules atklāja, kā izmainīsies mūsu dzīves, un Zane teica, ka ielas vidū tās lasot, viņa nespēja valdīt asaras,” teica Čapmans.

Kad Zanes dārgumu medības pilsētā tuvojās noslēgumam, Čapmans jau bija mājās un gatavojās uzdot nozīmīgo jautājumu.

Bildinājums

Pēdējais ekrāns Čapmana prototipā palīdzēja Zanei nokļūt mājās.

“Zane man pavēstīja, ka tas bija aizraujošs un emocionāls mirklis. Viņai nebija ne jausmas, kas gaidāms turpinājumā. Turklāt tā bija arī viņas dzimšanas diena, tāpēc viņa nodomāja, ka tā ir dāvana svētkos. Zane nenojauta par lielo pārsteigumu līdz brīdim, kad ieradās mājās,” viņš stāsta.

Čapmans viņu jau gaidīja ģērbies uzvalkā ar ziediem un lielo jautājumu. Viņš lūdza Zanes roku.

“Viņa teica „jā” vārdu un bija patiesi priecīga par piedzīvoto. Manuprāt, man izdevās visai oriģināls bildinājums.”

Personiskajā dzīvē viņš savu veikumu dēvē par MVP (Minimum Viable Proposal – minimālais dzīvotspējīgais bildinājums no vārdu spēles ar startup vidē izmantoto terminu Minimum Viable Product), un iegūtais rezultāts šķita gluži kā pilnīgs stāsts nobeigums, vel jo vairāk ņemot vērā apstākli, ka Zanei to bija tik viegli lietot.

“Šajā piedzīvojumā ar katru peles klikšķi es varēju viņai sniegt  gan personisku pieeju, gan pārsteiguma mirkli.”

Viegla izstrāde, prototips un koplietošana

Tā kā Zane šo prototipu gatavojās lietot vienatnē, Čapmans vēlējās būt drošs, ka, „ceļojot” pa abu iemīļotajām vietām pilsētā, viņas telefonā tas darbosies nevainojami.

“XD viņas iPhone versijai nodrošināja atbilstošus dizaina skatus, kas bija ļoti ērti. Vēl man ļoti patika interfeisa komplekts (UI kit), līdzīgi Apple iOS, kas padarīja attēlu pievienošanu mobilās aplikācijas dizainam īpaši ērtu,” viņš stāsta.

Viņš apgalvo, ka bija viegli izveidot reālu prototipu, kas sniegtu Zanei sajūtu, ka tā ir aplikācija, bet tajā pašā laikā vadītu viņu cauri piedzīvojumam, ko Lī vēlējās radīt. “Man ļoti patīk, ka ir iespējams izveidot prototipu ar pieskāriena (tap) darbību. Mans dizains bija pavisam vienkāršs, bet tas tāpēc, ka tāds ir arī Tinder. Es vēlējos būt drošs, ka manis izveidotais prototips atstāj īstas aplikācijas iespaidu,” viņš teica.

Čapmanam ir daudzi iemesli, lai priecātos. Bez gatavošanās kāzām abi ar Zani gaida savu pirmdzimto, un nav šaubu, ka viņu dēlam vai meitai nākotnē sagaidāmas daudzas Adobe XD dārgumu medības. “Runājot par savu izaugsmi, šī pieredze man ir palīdzējusi pilnveidoties, lai kļūtu par UX (User Experience) dizaineri. Es noteikti neesmu izcils UI (User Interface) vai UX jomā, tomēr es spēju atklāt savu pasauli un radīt vēl nebijušu lietotāja pieredzi.

Rezerves plāns

„Vai biju padomājis par rezerves plānu bildinājumam, ja ar aplikāciju nekas neizdotos? Nē. Tas bija tāds “visu vai neko”, un es zināju, kas man bija jāizdara, lai to paveiktu. Izmēģinājumi nesagādāja nekādas problēmas, jo varēju izmēģināt, lietojot mobilās versijas savā birojā. Saglabājot Creative Cloud un izmēģinot vēl pēdējo reizi, viss izdevās; ja es būtu zinājis, ka ar UX aplikāciju radīsies problēmas, es tai pat neskartos klāt. Iespēja radīt šo aplikāciju un iespaidus nāca no manas sirds. Tam bija jāizdodas, jo citādi todien nebūtu nekāda bildinājuma. Tad es, visticamāk, būtu nogaidījis, ieguldījis vietējā aplikācijā un samaksājis draugiem, lai nokodē. Tomēr es biju pārliecināts, ka varu izveidot pats savu XD Minimālo dzīvotspējīgo bildinājumu. Baidījos tikai par to, ka manas draudzenes (nu jau līgavas) Zanes mobilā tālruņa OS varētu būt novecojis. Mēģināju instalēt Adobe XD viewer iOS dažas naktis pirms lielā notikuma, tomēr man viņu nācās ar viltību pārliecināt izdzēst Instagram un Facebook (kas nebūt nav viegli!), lai ieinstalētu jaunāko OS versiju. Ja atjaunošana nebūtu izdevusies, mans rezerves plāns bija izveidot Android versiju, atstāt telefonu mājās un piezvanīt Zanei no kāda cita ar norādi izmantot manu telefonu! (viens no daudzajiem atkāpšanās plāniem, ko izdomāju uz vietas). Tomēr aplikācija darbojās nevainojami.”

Ieteikums, kā palielināt konversijas kursu

Bildinājums noritēja pēc plāna: viņa atvēra aplikāciju, apskatīja ik vienu vietu manis izveidotajā “medību plānā” (pilns stāsts šeit), nesteigdamās uz priekšu.

„Tas deva man laiku, lai sagatavotos. Apmēram pusotru stundu sēdēju mājās, uzvalkā ar ziedu pušķi, kamēr mana draudzene naivi ticēja konceptam, vienatnē baudot kafiju ar kūciņu. Starp citu, man bija pietiekami daudz laika, lai piepildītu istabu ar rozēm, baloniem un kucēniem, bet vai tas būtu nodrošinājis “Jā” vārdu? Visticamāk. Tomēr neatkarīgi no tā, vai esi dizainers vai neesi, mēs visi pēc iespējas ātrāk vēlamies pārsteiguma mirkli no mūsu klientiem. Pārsteiguma mirklis patiesībā nav par aplikāciju vai risinājumu, ko tu sniedz, bet klienta pieredzi un iesaisti. Ja manu aplikāciju izmantotu citi lietotāji, daži, iespējams, izbaudītu ceļu no punkta A uz B, citiem patiktu manis rakstītās vēstules, bet pārējiem aplikācijas UI (user interface). Savā izstrādātajā aplikācijā es vēlējos, lai būtu pietiekami daudz opciju un draudzene varētu brīvi pārvietoties, tomēr nodrošinot, ka visi ceļi ved uz vienu un to pašu mērķi – viņai jānokļūst mājā un jāsaka “jā” vārds. Tev, iespējams, ir tikai viena iespēja sniegt kādam neatkārtojamu pieredzi, tāpēc ļauj klientiem pilnībā izbaudīt šos mirkļus.

Es izvēlējos nosaukumu “LuverZ”, kas atspoguļo pirmos burtus mūsu vārdiem L (Lee) un Z (Zane), tomēr pirmajai saskarsmei ar potenciālo klientu vajadzētu būt saistītai ne vien ar viņa personību, bet arī ar kultūru. Tā kā Zanei jau bija iepriekšēja pieredze ar līdzīgu aplikāciju (#TinderSuccessStory), viņa bez problēmām “pavilka pa labi”. Bet ja es viņai piedāvātu opcijas ar izkrītošajām izvēlnēm (drop down) vai balss atpazīšanu un GPS izsekošanu, gūtā pieredze visticamāk būtu pilnīga izgāšanās.

Iespaidi, pirmo reizi lietojot Adobe XD

„Tā kā Adobe ir cienījams uzņēmums un līderis radošajā biznesa tirgū, es biju pārliecināts, ka Adobe XD būs noderīgs rīks manam zināšanu līmenim. Man ir bijusi iepriekšēja pieredze ar Photoshop, Illustrator, InDesign, Lightroom un citiem Creative Cloud rīkiem. Es biju patīkami pārsteigts par vienkāršo produkta UI dizainu. UI lieliski papildināja UX, neradot iespaidu par nepietiekamām funkcijām. Nespēju noticēt, ka tas ir beta produkts. Vien to ieraugot, es sapratu, ka man un CakeHR pavērsies plašas iespējas. Pēc nesenajām izmaiņām uzņēmuma stratēģijās meklējām veidus, kā izstrādāt mūsu iOS un Android aplikācijas. Prototipu izstrāde ļautu sadarboties ar ārštata dizaineriem un vietējiem programmētājiem, kopīgi veidot UI karkasu un UX kartes. Šobrīd vairāk par citām funkcijām izmantoju Repeat Grid, kas ir īpaši efektīvs veids, kā nepārtraukti kopēt elementus dizaina skatos.

Skats nākotnē

„Redzot interesantu ideju, konceptu un produktu plašo potenciālu, esmu kā pārņemts ar UX dizainu. Ar Adobe XD palīdzību nepārtraukti īstenoju idejas mūsu startapā CakeHR, turpinot apgūt jaunas iemaņas un jaunākās UX dizaina tendences,” apņēmīgi piebilst Čapmans.

Lī nākotnes plānos ietilpst ieviest UX dizaina domāšanas stratēģijas. Viņš uzskata, ka tas iedrošinās gan personāla, gan uzņēmumu vadītājus iesaistīt darbiniekus, sniedzot vienreizēju pieredzi un dizainus, izmantojot tehnoloģijas, organizācijas struktūras, darba vidi u.c. „Saprotams, esmu gatavs turpināt izzināt XD, strādājot kopā ar citiem dizaineriem un uzņēmumiem, lai uzlabotu savas zināšanas un veicinātu karjeras attīstību.

Jaunās iemaņas/zināšanas par programmatūru – ieguvums CakeHR

„Tā kā esam startap uzņēmums, kas šobrīd koncentrējas uz Baltijas valstu klientiem, mēs esam labā pozīcijā, kas ļauj būt elastīgiem un eksperimentēt. Uzsāku darboties CakeHR kā starptautisko klientu servisa vadītājs (Head of Customer Success), lai veidotu veiksmīgu produktu plašajā HR tehnoloģiju tirgū. Nesen piedalījos Rostislav Roznoshchik vadītajā „Uz cilvēkiem vērsts dizains” (Human-centered design) meistarklasē. Pēc tās secināju, ka pat ar maziem ikdienas uzdevumiem, kas nav tiešā veidā saistīti ar manu karjeru – pērkot kafiju, baudot koncertu, pētot lietotni vai sarunājoties ar kādu – mana aizraušanās nodrošināt vienreizēju lietotāju pieredzi turpinās augt. Meistarklases laikā, kā arī izmantojot Adobe XD, esmu spējis labāk izprast savu aizrautību radīt pieredzi citiem. Šis dzinulis noteikti ļaus CakeHR augt kā uzņēmumam un darīt to efektīgi. Es vēlos mācīties un likt lietā jaunas dizaina domāšanas metodes mūsu uzņēmumā, pielietojot Adobe XD prototipu izstrādē. Protams, es turpināšu meklēt veidus, kā to izmantot arī personiskā līmenī – aplikācija, ko izveidoju, ir manas vīzijas un spara atspoguļojums. Stimuls un nevis uzņēmējdarbības motīvi ir tas, kas palīdzējis man labāk izprast, ko esmu iemācījies par lietotāja pieredzes dizainu (User Experience design).”

Iedvesmas avots

“Es ļoti ceru, ka šis inovatīvais bildinājums iedvesmos arī citus. Tiem, kuriem UX dizains ir kas svešs, un tiem, kurus piesaista pieredze un tehnoloģijas, mans ieteikums ir mesties iekšā šajā procesā. Izveido MVP prototipu apkārtējiem un mācies no citu cilvēku pieredzes. Izveido opciju aplikāciju savai otrajai pusītei un gūsti pozitīvas emocijas, vai veido dārgumu medības savam bērnam – meklē cepumus pēc mājas uzkopšanas. Izveido prototipu vienam cilvēkam, izmēģini ar 10, attīsti priekš 100 un visbeidzot pārdod 10,000… Tad tas var būt labs atspēriena punkts!