TUTUP
SCROLL UNTUK MELANJUTKAN MEMBACA
Gabung di IDN Times

Tokopedia START Summit Extension, Berikan Ilmu seputar UI dan Platform

Walau sudah ada aplikasinya, situs tetap perlu dikembangkan

Dok. Tokopedia

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.

Baca Juga: Buka Rahasia, Ini 3 Cara Tokopedia Kembangkan Aplikasi saat Pandemik

1. Auto Layout akan sangat baik dalam membangun UI

creativebloq.com

Layout 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:

  1. Pengumpulan kebutuhan komponen dari setiap UI designer pada setiap tribe yang dilakukan oleh Tim Core Design
  2. Pembuatan komponen spesifikasi oleh tim Core Design, sambil berdiskusi dengan tim iOS Core mengenai kemungkinan yang terjadi dari spesifikasi yang dibuat
  3. Pengembangan komponen yang memudahkan developer dalam mengembangkan sebuah fitur yang dilakukan oleh UX engineer.

2. Desain sistem dibagi menjadi beberapa bagian

blog.tubikstudio.com

Dipaparkan 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.

Baca Juga: START Summit Extension 2020, Tokopedia Beberkan soal Aplikasinya

Rekomendasi Artikel

Berita Terkini Lainnya