Traveloka-da dizayn muhandislik bilan uchrashganda

Bu oddiy sevgi hikoyasi emas.

Izoh: Bu Dizayn va muhandislik o'rtasidagi o'zaro ta'sirlardan biri. Men Traveloka-dagi Dizayn va Muhandislik o'rtasidagi o'zaro bog'liqliklarning kichkina spektridan gapiryapman. Va bu mening hikoyam.

Vaqt o'tgan sayin Traveloka qariyb 6 yildan beri. Ushbu sayohatda biz bir muncha vaqtdan beri mavjud bo'lgan vizual xatolar juda ko'p bo'lganligini tan olamiz, masalan, tugmachalar uchun turli xil to'q sariq ranglar yoki kartalar orasidagi nomuvofiq chegara.

Dizayn jamoasi bizning vizual tilimizni standartlashtirish uchun bizning standart to'plamdan chetga chiqqan har qanday yangi vizual anomaliyalarni oldini olish uchun o'z dizayn to'plamimizni yaratish orqali harakat qilish tashabbusi bilan chiqdi. Biz urinib ko'rdik, ammo biron bir tarzda bu muammo hal qilinmadi. O'z dizayn to'plamimizga ega bo'lsak ham, bizning mahsulotlarimizdagi ushbu vizual nomuvofiqliklarni hali ham ko'rishimiz mumkin.

Boshqa tomondan, bizning muhandislarimiz yanada samarali ishlashlari kerak. Ular shu tarkibiy qismlarni qayta ishlatish uchun izlash o'rniga, noldan boshlashni afzal ko'rishadi. Chunki ushbu tarkibiy qismlarni qidirish ularning hozirgi ish oqimida ishqalanishdir.

Bu vaqtlarda Dizayn jamoasi va Muhandislik jamoasi bir-birlariga murojaat qilmasdan o'z muammolarini hal qilishga harakat qilishdi. Bu har kuni biz duch keladigan muammoni hal qilish uchun Dizayn va muhandislik bilan birgalikda ishlash imkoniyati haqida savol tug'dirdi. Dizayn va muhandislik bir-biri bilan qo'lma-qo'l yurib, bu jarayonda muhabbatni rivojlantirishi mumkinligini kim bilardi?

Ular qachon birinchi uchrashishgan?

Muzokaralar 2018 yil boshida, Muhandislik guruhi React Native va React Native Web (React Native - JavaScript-dan foydalanib mobil ilovalarni yaratish uchun asos) ustida izlanishlar olib borganida boshlandi. Ushbu tadqiqot boshlanganda, Dizayn guruhidagi Web UI dasturchilari ishtirok etdilar.

Jarayon davomida muhandislik guruhi React Native-ni platformalararo platformani rivojlantirish uchun asos sifatida ishlatish g'oyasiga ega bo'lishdi. Bunga tarkibiy qismlarni yaratish uchun Web UI Developer jalb qilinishi mumkin bo'lgan Mobil Internetni ishlab chiqish kiradi.

Ushbu tashabbus boshlanganda, React Native-ni o'rganishdan juda xursand bo'ldik va undan eng yaxshi natijani yaratdik, chunki biz yanada muhimroq ta'sir o'tkaza olamiz va barcha mavjud platforma uchun bitta kod manbasidan tarkibiy qismlarni yaratamiz. Va bu erda birinchi navbatda bir-birimiz bilan tanishamiz.

Sevgi qanday o'sdi?

O'shandan keyin biz bir-birimiz bilan bir necha bor uchrashdik, lekin hech narsa yuragimizga singib ketmadi. Ammo keyin, bizda ushbu amaliyotchimiz borligida uchqun paydo bo'ladi. Hammasi stajirovka loyihasi kabi sodda tarzda boshlandi.

Ushbu stajer Reaktiv Native muhandis bo'lib, Dizayn va Muhandislik o'rtasidagi hamkorlikni yaxshilaydigan har qanday narsani yaratish uchun tayinlangan. U komponentlar kutubxonasini, dizaynerlar uchun eslab qoladigan eskiz plaginlarini qurishni boshladi va Dizayn va muhandislik o'rtasidagi boshqa hamkorlik imkoniyatlarini o'rganishni boshladi.

Bundan tashqari, Dizayn jamoasi, shuningdek, dizayn tokenlari va tarkibiy qismlari uchun kodga asoslangan yagona haqiqat manbaini (SSOT) yaratish tashabbusini ham oldilar. Ushbu ikki harakat bizni ushbu missiyada hamkorlik qilishga ilhomlantirdi. Bu erda sevgi uchqunlari paydo bo'ladi va biz birgalikda porloq kelajakka intilayotganimizga ishonamiz.

Sevgi bizni qaerga olib keldi?

Bir necha bor tanishgandan so'ng (o'qing: uchrashuv), biz nihoyat munosabatlarimizni keyingi bosqichga olishga rozi bo'lamiz. Piyoda borish oson emas edi, lekin biz bu biz uchun to'g'ri yo'l ekaniga ishondik. Bir-biringizni tushunish yaxshi munosabatlarning garovidir, shunday emasmi? Hamkorlikka qaror qilganimizda ham shunday qildik.

Biz bir-birimiz qanday ishlashini tushunishdan boshladik. Va bu tunlardan keyin kobuslar va yo'llar to'siqlarga to'la, biz oxir-oqibat yanada yaxshi hamkorlikka intilamiz. Dizayn va muhandislik o'rtasidagi yaxshiroq hamkorlikka erishish uchun bizning majburiyatlarimiz:

1. Kod asosida dizayn tizimi.

Dizayn va muhandislik o'rtasidagi hamkorlik juda qiyin bo'ldi. Dizayn va kod o'rtasidagi ko'prik etarli darajada kuchli emas va bu bizning oramizdagi ishlarni qiyinlashtirdi.

Keyin biz kod asosida dizayn tizimini yaratish g'oyasini oldik. Biz dizayn tokenimizni JavaScript-ga joylashtirdik, bu esa muhandis tomonidan ishlatishning eng oson usuli, ammo dizayner tomonidan boshqarish uchun etarlicha sodda.

Biz dizayn va muhandislik standartlariga javob beradigan o'z qo'l bilan ishlangan qismlarni yaratish uchun ishlamoqdamiz. Ushbu tarkibiy qismlar barcha dizaynlarda bizning dizaynimizga muvofiqlikni o'rnatish uchun ishlatiladi.

2. Eskiz plaginlari.

Ushbu eskiz plaginlari dizayn va kodlar o'rtasidagi ko'prik kabi ishlaydi. Dizayn tomondan, bu hamkorlikni osonlashtiradi, chunki dizaynerlar bir xil qismlarni qayta-qayta yaratishi shart emas. Bu, shuningdek, dizaynerlarga standartlashtirilgan komponentlar asosida o'zlarining foydalanuvchi interfeyslarini yaratishda yordam beradi.

Muhandislik tomonida ushbu plagin foydalanuvchi interfeysini muhandis tomonidan osonlikcha amalga oshiriladigan kodlarga tarjima qiladi. Bu muhandisning ish vaqtini qisqartiradi, chunki oldingi dizayndagi mavjud tarkibiy qismlarni izlash kerak emas.

3. Dizayn liniyasi va o'rnatilgan vizual sinov.

Foydalanuvchi interfeysi va kod bilan ishlagandan so'ng, keyingi qadam ikkalasi ham standartlashtirilganligiga ishonch hosil qilishdir. Dizayn liniyasi va integratsiyalashgan vizual test sinovlari bo'lib o'tdi. Biz hozirda ikkala foydalanuvchi interfeysi va kodlari uchun xavfsizlik tarmog'i kabi ishlash uchun dizayn chizig'ini va o'rnatilgan vizual testni ishlab chiqish imkoniyatlarini o'rganmoqdamiz. Dizayn tomondan UI dizaynerini standart komponentlardan foydalanishga rag'batlantiradi. Muhandislik tomondan, vizual sinov mahsulot chiqarilganda vizual anomaliyalar ehtimolini kamaytiradi. Bu kelajakda ham dizayner, ham muhandisning hayotini osonlashtiradi.

4. Dizayn tizimining hujjatlari.

Turli guruhlar bilan ishlaganda, ikkalangizga murojaat qilishingiz mumkin bo'lgan ko'rsatma mavjud bo'lsa yaxshi bo'ladi. Dizayn tizimining hujjatlari barcha manfaatdor tomonlar, shu jumladan mahsulot menejerlari, muhandis va boshqa dizaynerlar foydalanishi mumkin bo'lgan dizayn sifatida ishlaydi. Dizayn qarori nima uchun qabul qilinganligi to'g'risida hamma bir xil taxtada ekanligiga ishonch hosil qilish uchun bu juda muhimdir. Bu shuningdek, jamoa o'rtasida har qanday dizayndagi kelishmovchiliklarning oldini olishga yordam beradi, chunki har bir dizayn puxta o'ylangan holda ishlab chiqilgan.

Ralistu Xayu Prativining surati

Kichkintoyning ushbu barcha qadamlari bilan biz kelajakda bir-birimiz bilan yanada yaqinroq hamkorlik va integratsiyani amalga oshirishimiz mumkinligiga ishonamiz. Hamkorlik yanada yaxshi mahsulotlar ishlab chiqarish uchun imkoniyatlarni ochib beradi.

Oxir-oqibat, mahsulotni loyihalash nafaqat uni qanday qilib chiroyli va qiziqarli qilish kerakligini anglatadi. Dizayn ishini bekamu ko'st qilish uchun ko'plab muhandislik sa'y-harakatlari kerak. Bu Dizayn va muhandislik o'rtasidagi hamkorlikning muhimligini ko'rsatadi; chunki biz yaxshi mahsulot yaratishda bir-birimizsiz yashay olmaymiz. Stiv Jobs aytganidek

“Dizayn nafaqat ko'rinishi va ko'rinishi. Dizayn bu qanday ishlaydi ”.