Tokopedia START Summit Extension, Berikan Ilmu seputar UI dan Platform
Dok. Tokopedia
Follow IDN Times untuk mendapatkan informasi terkini. Klik untuk follow WhatsApp Channel & Google News
START Summit Extension merupakan acara gelaran Tokopedia yang membagikan sejumlah ilmu kepada pesertanya. Kali ini, pada 20 Oktober 2020 lalu, Tokopedia memberikan ilmu tentang platformer yang bertema “Tokopedia Front-End Journey: Democratizing Commerce through Web & Native Platform.” Ada dua sesi yang diadakan dalam webinar itu, yaitu iOS UI Development at Scale dan Unlocking New Capabilities for The Web. Berikut ini informasinya.
1. Auto Layout akan sangat baik dalam membangun UI
creativebloq.comLayout suatu UI dikatakan sangatlah sulit untuk dibangun. Karena itu, ketimbang merepotkan diri sendiri, narasumber Samuel Edwin sebagai Technical Architect – iOS Tokopedia mengatakan ada baiknya menggunakan auto layout. Memang akan ada kendala-kendala seperti susahnya terimplementasi untuk smartphone berspesifikasi terdahulu, tetapi itu bisa diakali.
Lebih lanjut, tim Tokopedia kebanyakan menggunakan UIView dalam kerangka texture. Itu dikarenakan komponen-komponen yang dibutuhkan sudah tersedia dan bisa digunakan dengan mudah. Dalam menerapkannya, tim Tokopedia dibagi menjadi beberapa tim. Untuk yang iOS, tiap tim berisikan 20 anggota dan punya UI Designer serta developer-nya masing-masing.
Proses pembuatan komponen SharedUI sendiri dibagi ke dalam beberapa tahap, yaitu:
- Pengumpulan kebutuhan komponen dari setiap UI designer pada setiap tribe yang dilakukan oleh Tim Core Design
- Pembuatan komponen spesifikasi oleh tim Core Design, sambil berdiskusi dengan tim iOS Core mengenai kemungkinan yang terjadi dari spesifikasi yang dibuat
- Pengembangan komponen yang memudahkan developer dalam mengembangkan sebuah fitur yang dilakukan oleh UX engineer.
Baca Juga: Buka Rahasia, Ini 3 Cara Tokopedia Kembangkan Aplikasi saat Pandemik
2. Desain sistem dibagi menjadi beberapa bagian
Editor’s picks
blog.tubikstudio.comDipaparkan lebih lanjut oleh Tiara Freddy Andika selaku Principal Engineer – iOS, SharedUI membagi desain sistem ke dalam tiga bagian yaitu color, typography, dan component. Color yang digunakan pada aplikasi ditentukan melalui Color Token, di mana saat ini aplikasi Tokopedia telah mendukung dark mode, sehingga semua warna akan ditentukan ke dalam dua versi yaitu light dan dark. Hal ini memudahkan developer agar tidak perlu menggunakan beberapa Color Token untuk dua mode tampilan.
Untuk typography, developer dapat dengan mudah membuat suatu teks dengan hanya melihat tipe tipografinya saja, serta dapat pula menentukan warna serta format dari setiap tulisan. Sedangkan untuk component, tim Core Design Tokopedia telah membuat spesifikasi komponen seperti component toaster yang digunakan untuk memberi feedback secara instan kepada pengguna setelah melakukan action tertentu. Feedback ini akan memberi dampak dari action yang dilakukannya.
3. Pengembangan web masih diperlukan walau telah ada aplikasinya
Dok. TokopediaFakta menarik yang diutarakan pada seminar online itu adalah Tokopedia versi web masih terus dikembangkan hingga saat ini. Dendi Sunardi, Engineering Manager Web Platform Tokopedia menuturkan 35 persen pengguna Tokopedia masih menggunakan situs dan 51 persen penggunanya tidak mengunduh aplikasi.
Data ini menunjukkan betapa pentingnya untuk terus mengembangkan situsnya. Lebih dari itu, Tokopedia juga mempercayai dan mencintai situsnya.
Irfan Maulana selaku Principal Engineer Web Platform menjelaskan bahwa untuk mengembangkan situs Tokopedia, beberapa implementasi diberlakukan. Mulai dari service worker, push notification hingga contact picker. Pengembangan yang lebih canggih ini juga memungkinkan tim untuk mengetahui kondisi jaringan dari pengguna Tokopedia.
START Summit Extension akan terus diadakan setiap bulannya sebagai komitmen dari Tokopedia yang merupakan perusahaan teknologi untuk memberikan wadah belajar bagi para talenta digital masa depan agar dapat berkontribusi dalam kemajuan industri teknologi di Indonesia.
Baca Juga: START Summit Extension 2020, Tokopedia Beberkan soal Aplikasinya
Berita Terkini Lainnya
