Kui disain kohtub Traveloka inseneriga

See pole tavaline armastuslugu.

Märkus. See on vaid üks disaini ja inseneritegevuse vastastikmõjudest. Ma räägin ühest väikesest spektrist Traveloka disaini ja inseneri interaktsioonidest. Ja see on minu lugu.

Aja möödudes on Traveloka olnud juba 6 aastat. Sellel teekonnal tunnistame, et meil on palju visuaalseid vigu, mis on seal olnud pikka aega, näiteks erinevad oranži varjundiga nupud või ebaühtlane marginaal kaartide vahel.

Kujundusmeeskond algatas meie visuaalse keele normeerimise, ehitades oma disainikomplekti, et vältida uusi visuaalseid kõrvalekaldeid, mis meie standardist kõrvale kaldusid. Proovisime, kuid kuidagi see probleem ei lahenenud. Isegi pärast seda, kui meil on oma disainikomplekt, näeme endiselt oma toodetes neid visuaalseid vastuolusid.

Teisest küljest peavad meie insenerid töötama tõhusamalt. Nad eelistavad sarnaseid komponente nullist üles ehitada, selle asemel, et otsida üles sama komponent uuesti kasutamiseks. Kuna nende komponentide otsimine on nende praeguses töökorralduses hõõrdumine.

Kõik need ajad üritasid disainimeeskond ja insenerimeeskond lahendada omaenda probleemi ilma üksteisega suhtlemata. See tõstis esile küsimuse, kas disainilahendused ja inseneritööd saavad koos töötada, et lahendada probleem, millega me mõlemad iga päev kokku puutume. Kes teadsid, et projekteerimine ja inseneriteadused saavad käia käsikäes ja kasvatada armastust selles protsessis?

Millal nad esimest korda kohtusid?

Kõnelused algasid 2018. aasta alguses, kui insenerimeeskond tegi mõned uuringud React Native ja React Native Web kohta (React Native on JavaScripti kasutavate mobiilirakenduste loomise raamistik). Kui see uurimistöö algas, osalesid disaini meeskond Web UI arendajad.

Protsessi ajal oli insenerimeeskonnal idee kasutada platvormidevahelise arendamise alusena React Native. See hõlmab mobiilse veebi arendamist, millesse veebi kasutajaliidese arendaja saab kaasata, et sellel komponente luua.

Kui see algatus algas, olime me nii põnevil, et õppisime React Native-d ja anname sellest kõige parema, sest saame anda ühe koodiallikast olulisema mõju ja luua komponente kõikidele saadaolevatele platvormidele. Ja siin saime esimest korda üksteisega tuttavaks.

Kuidas armastus kasvas?

Kohtusime pärast seda paar korda teineteisega, kuid miski meie südames ei säranud. Kuid siis tekib säde, kui meil on see praktikant. Kõik algas nii lihtsalt kui interniprojekt.

See praktikant on reaalajas tegutsev insener ja tema ülesandeks on ehitada kõike, mis võiks sujuvamaks kujundamise ja inseneriteaduse vahelist koostööd. Ta asus ehitama komponentide raamatukogu, kujundajatele mõnda mõtlemapaneva visandiga pistikprogrammi ning uurima muid koostöövõimalusi disaini ja inseneri vahel.

Peale selle oli disainimeeskonnal ka algatus luua koodipõhine tõeallikas (SSOT) disainimärkide ja komponentide jaoks. Need kaks liikumist inspireerisid meid sellel missioonil koostööd tegema. See on koht, kus armastus sädeleb ja me usume, et me jõuame koos helgemasse tulevikku.

Kuhu viis armastus meid?

Pärast mitu korda kohtingut (loe: kohtumist) nõustume lõpuks võtma oma suhted järgmisele tasandile. Teel polnud kerge kõndida, kuid uskusime, et see on meie jaoks õige. Üksteise mõistmine on hea suhte oluline võti, eks? Ja seda me tegimegi, kui otsustasime teha koostööd.

Alustasime sellest, et saime aru, kuidas üksteised toimivad. Ja pärast neid õudusunenägudest ja takistusi täis teedest liigume lõpuks parema koostöö poole. Siin on meie pühendumus paremale koostööle disaini ja inseneri vahel:

1. Koodipõhine disainisüsteem.

Projekteerimise ja projekteerimise koostöö on olnud üsna keeruline. Sild disaini ja koodi vahel pole piisavalt tugev ja see muutis töö meie vahel raskeks.

Seejärel saime idee luua koodipõhine disainisüsteem. Panime oma disainimärgi JavaScripti, mis on inseneril kõige hõlpsam kasutada, kuid siiski piisavalt lihtne, et disainerit saaks hallata.

Teeme koostööd oma käsitsi valmistatud komponentide ehitamisel, mis vastavad disaini ja inseneri standarditele. Neid komponente kasutatakse kõigil platvormidel, et tagada meie disaini järjepidevus.

2. Visand pluginad.

Need eskiisi pluginad töötavad nagu sild disaini ja koodide vahel. Kujunduse poolel muudab see koostöö lihtsamaks, kuna disainerid ei pea ikka ja jälle samu komponente genereerima. See aitab disaineritel luua ka kasutajaliidese, mis põhineb standardiseeritud komponentidel.

Inseneri poolelt tõlgib see pistikprogramm kasutajaliidese koodideks, mida insener saab hõlpsasti rakendada. See vähendab inseneri tööaega, kuna nad ei pea otsima olemasolevaid komponente eelmisest kujundusest.

3. Kujundada vooderdis ja integreeritud visuaalne testimine.

Pärast kasutajaliidese ja koodiga töötamist on järgmine samm veenduda, et mõlemad on standardiseeritud. Siin osalesid disainilahendused ja integreeritud visuaalne testimine. Uurime praegu võimalust arendada disainilahendust ja integreeritud visuaalset testimist, mis toimiks nagu turvavõrk nii meie kasutajaliidese kui ka koodide jaoks. Kujunduse poolelt julgustab disainilahendus UI Designerit kasutama standardiseeritud komponente. Inseneri poolelt vähendab visuaalne testimine toote vabastamisel visuaalsete anomaaliate võimalust. See muudab nii disainerite kui ka inseneride elu tulevikus lihtsamaks.

4. Projekteerimissüsteemi dokumentatsioon.

Erinevate meeskondadega koostööd tehes on tore saada juhend, millele mõlemad saate viidata. Projekteerimissüsteemi dokumentatsioon toimib disainibiiblina, millele pääsevad ligi kõik sidusrühmad, sealhulgas tootejuhid, insenerid ja kaaskujundajad. See on oluline, et veenduda, et kõik on disainilahenduse langetamise otsuses samal juhatusel. See aitab vältida ka meeskonna vahelisi disainilahendusi, kuna iga kujundus on läbimõeldud ja hoolikalt läbi mõeldud.

Illustratsioon Ralistu Hayu Pratiwi

Kõigi nende beebi sammude abil usume, et saame tulevikus paremat koostööd ja omavahelist integratsiooni teha. Koostöö avab ka võimalused paremate toodete loomiseks.

Lõppkokkuvõttes ei tähenda toote kujundamine ainult seda, kuidas muuta see ilusaks ja huvitavaks. Samuti on palju tehnilisi jõupingutusi, et disain toimiks laitmatult. See illustreerib disaini ja inseneri koostöö olulisust; kuna me ei saa hea toote ehitamisel üksteiseta elada. Nagu Steve Jobs ütles,

“Disain pole ainult see, mis ta välja näeb ja tunneb. Kujundus on see, kuidas see töötab. ”