Kad dizains tiekas ar Traveloka inženierzinātnēm

Šis nav parasts mīlas stāsts.

Piezīme: Šī ir tikai viena no dizaina un inženierijas mijiedarbībām. Es runāju no viena maza spektra visu mijiedarbību starp dizainu un inženieriju Travelokā. Un tas ir mans stāsts.

Laikam ejot, Traveloka darbojas jau 6 gadus. Šajā ceļojumā mēs atzīstam, ka mums ir daudz vizuālu kļūdu, kas tur pastāv jau labu laiku, piemēram, dažādu oranžu toņu pogas vai nekonsekventa rezerve starp kartēm.

Dizaina komanda uzsāka mūsu vizuālās valodas standartizēšanu, izveidojot savu dizaina komplektu, lai novērstu jebkādas jaunas vizuālas anomālijas, kas atkāpās no mūsu standarta. Mēs mēģinājām, bet kaut kā šī problēma nekad netika atrisināta. Pat pēc tam, kad mums ir savs dizaina komplekts, mēs joprojām redzam šīs vizuālās neatbilstības mūsu izstrādājumos.

No otras puses, mūsu inženieriem jāstrādā efektīvāk. Viņi dod priekšroku veidot līdzīgus komponentus no jauna, nevis meklēt, lai atrastu to pašu komponentu atkārtotai izmantošanai. Tā kā šo komponentu meklēšana ir berze to pašreizējā darbplūsmā.

Visos šajos laikos dizaina komanda un inženieru komanda centās atrisināt paši savu problēmu, nesazinoties savā starpā. Tas parādīja jautājumu par iespēju projektēšanai un inženierijai strādāt kopā, lai atrisinātu problēmu, ar kuru mēs katru dienu sastopamies. Kurš zināja, ka dizains un inženierija var iet roku rokā un izaudzināt mīlestību šajā procesā?

Kad viņi pirmo reizi tikās?

Sarunas sākās 2018. gada sākumā, kad inženieru komanda veica dažus pētījumus par React Native un React Native Web (React Native ir ietvars mobilo lietotņu veidošanai, izmantojot JavaScript). Kad sākās šī izpēte, tika iesaistīta dizaina komandas Web UI izstrādātāji.

Procesa laikā inženieru komandai bija ideja izmantot React Native kā bāzi vairāku platformu izstrādei. Tas ietver mobilā tīmekļa attīstību, kurā Web UI izstrādātājs var iesaistīties, lai tajā izveidotu komponentus.

Kad šī iniciatīva sākās, mēs bijām tik priecīgi iemācīties React Native un pēc iespējas labāk izmantot to, jo mēs varam radīt nozīmīgāku iespaidu un izveidot komponentus visai pieejamai platformai no viena koda avota. Un šeit mēs vispirms iepazīstam viens otru.

Kā auga mīlestība?

Pēc tam pāris reizes tikāmies viens ar otru, bet nekas mūsu sirdī neuzliesmoja. Bet tad dzirkstele parādās, kad mums ir šis interns. Viss sākās tik vienkārši kā stažēšanās projekts.

Šis interns ir React vietējais inženieris un norīkots būvēt jebko, kas varētu izlīdzināt sadarbību starp projektēšanu un inženieriju. Viņš sāka veidot komponentu bibliotēku, dažus iespaidīgus skices spraudņus dizaineriem un pētīt citas sadarbības iespējas starp dizainu un inženierzinātnēm.

Turklāt dizaina komandai bija arī iniciatīva izveidot uz kodu balstītu vienotu patiesības avotu (SSOT) dizaina marķieriem un komponentiem. Šīs divas kustības mūs iedvesmoja sadarboties šajā misijā. Šeit dzirksteļo mīlestība, un mēs ticam, ka mēs kopā iesākam gaišāku nākotni.

Kur mīlestība mūs veda?

Pēc vairākkārtīgas iepazīšanās (lasīt: tikšanās) mēs beidzot piekrītam pārcelt savas attiecības uz nākamo līmeni. Ceļš, pa kuru staigāt, nebija viegls, taču mēs uzskatījām, ka tas mums ir piemērots. Izpratne vienam par otru ir būtiska labu attiecību atslēga, vai ne? Un to mēs arī izdarījām, kad nolēmām sadarboties.

Mēs sākām ar izpratni par to, kā viens otrs darbojas. Un pēc šīm murgu un šķēršļu pilnajām naktīm mēs beidzot dodamies uz labāku sadarbību. Šīs ir mūsu saistības panākt labāku sadarbību starp projektēšanu un inženieriju:

1. Uz kodu balstīta projektēšanas sistēma.

Projektēšanas un inženierzinātņu sadarbība ir bijusi diezgan izaicinoša. Tilts starp dizainu un kodu nav pietiekami stiprs, un tas padarīja mūsu darbu smagu.

Pēc tam mums radās ideja izveidot uz kodu balstītu projektēšanas sistēmu. Mēs ieliekam mūsu dizaina marķieri JavaScript, kas ir vienkāršākais inženiera izmantotais veids, tomēr joprojām ir pietiekami vienkāršs, lai dizaineris varētu to pārvaldīt.

Mēs sadarbojamies, lai izveidotu savus rokdarbus, kas atbilst dizaina un inženierijas standartiem. Šīs sastāvdaļas tiks izmantotas visās platformās, lai panāktu konsekvenci mūsu dizainā.

2. Skiču spraudņi.

Šie Skiču spraudņi darbojas kā tilts starp dizainu un kodiem. Dizaina pusē tas atvieglo sadarbību, jo dizaineriem nav atkal un atkal jāģenerē vieni un tie paši komponenti. Tas arī palīdzēs dizaineriem izveidot lietotāja interfeisu, pamatojoties uz standartizētajiem komponentiem.

Inženierzinātņu pusē šis spraudnis pārveidos lietotāja saskarni kodos, kurus inženieris var viegli ieviest. Tas saīsinās inženiera darba laiku, jo viņiem nav jāmeklē esošie komponenti no iepriekšējā dizaina.

3. Projektēšanas plāns un integrēta vizuālā pārbaude.

Pēc darba ar lietotāja interfeisu un kodu, nākamais solis ir pārliecināties, ka abi no tiem ir standartizēti. Šeit piedalījās dizains un integrētā vizuālā pārbaude. Pašlaik mēs pēta iespēju izveidot dizaina shēmu un integrētu vizuālo testēšanu, kas darbotos kā drošības tīkls gan mūsu lietotāja interfeisam, gan kodiem. Raugoties no dizaina puses, dizaina shēma mudinās UI Designer izmantot standartizētus komponentus. Tikmēr no inženiertehniskās puses vizuālā pārbaude samazinās redzes anomāliju iespēju, kad produkts tiek izlaists. Tas nākotnē atvieglos gan dizainera, gan inženiera dzīvi.

4. Projektēšanas sistēmas dokumentācija.

Sadarbojoties ar citu komandu, ir patīkami, ja jums ir vadlīnijas, uz kurām jūs abi varat atsaukties. Projektēšanas sistēmas dokumentācija darbojas kā dizaina bībele, kurai var piekļūt visas ieinteresētās puses, tostarp produktu vadītāji, inženieri un citi dizaineri. Tas ir svarīgi, lai pārliecinātos, ka visi ir uz vienas padomes, kāpēc tiek pieņemts dizaina lēmums. Tas arī palīdzēs izvairīties no domstarpībām par dizainu starp komandu, jo katrs dizains ir pārdomāti izstrādāts, rūpīgi pārdomājot.

Ralistu Hayu Pratiwi ilustrācija

Veicot visus šos mazuļa soļus, mēs ticam, ka mēs nākotnē varam uzlabot sadarbību un integrāciju. Sadarbība arī pavērs iespējas radīt labākus produktus.

Rezultātā izstrādājot izstrādājumu, nav tikai tas, kā padarīt to izskatīgu un interesantu. Ir arī daudz inženierijas centienu, lai dizains darbotos nevainojami. Tas parāda sadarbības nozīmi starp dizainu un inženieriju; tā kā mēs nevaram dzīvot viens bez otra, būvējot labu produktu. Kā teica Stīvs Džobss,

“Dizains nav tikai tas, kā tas izskatās un jūtas. Dizains ir tas, kā tas darbojas. ”