UI Android selama berabad-abad: Dari Droid Sans hingga Material You

Sumber: Nick Sutrich / Android Central

OS Android telah ada sejak 2008, dan pada saat itu, UI-nya telah diciptakan kembali beberapa kali. Antarmuka Android 1.0 asli yang memulai debutnya di T-Mobile G1 — ponsel Android pertama — sangat sederhana dan sangat jelek menurut standar modern. Baru setelah Android 4.0, tiga tahun setelah masa pakai OS, ada segala jenis bahasa desain menyeluruh untuk ponsel Android.

Tampilan dan nuansa Android terus berkembang sejak saat itu, seringkali dengan langkah kecil maju, tetapi terkadang dengan lompatan besar ke depan, seperti yang terjadi dengan diperkenalkannya Desain Material pada tahun 2014. Android 12 memberi kami desain ulang besar ketiga yang mencakup semua platform dalam bentuk Bahan Anda — upaya ambisius untuk menjadikan Android lebih personal, dengan skema warna individual yang diambil dari palet Material.

Saat kita memasuki era desain keempat Android — setelah hari-hari awal, Holo dan Desain Material — saatnya untuk mengunjungi kembali 13 tahun terakhir di UI Android dan mengingat bagaimana kita sampai di sini.

Sumber: Android Central

Sumber: Android Central

Selama dua tahun pertama keberadaannya, Android tidak memiliki arah desain yang kuat. Dari Android 1.0 hingga 2.2 Froyo, tampilan dan nuansa OS paling tepat digambarkan sebagai generik, fungsional, dan hambar. Tampaknya mengambil inspirasi dari smartphone gaya lama saat itu, tampilan Android awal terdiri dari ikon chunky, menu gradien, dan banyak warna abu-abu.

Tampilan dan nuansa stok Android tidak terlalu penting.

Estetika tanpa embel-embel ini masuk akal untuk layar smartphone kecil beresolusi rendah di akhir tahun 2000-an. Sementara Google (semacam) pengiriman ponsel pada waktu itu, dalam bentuk T-Mobile G1 dan akhirnya Nexus One, sebagian besar konsumen akan merasakan Android melalui lensa kulit pabrikan yang serba guna seperti HTC Sense atau Samsung SentuhWiz. Tampilan dan nuansa persediaan Android tidak terlalu penting ketika ponsel Android terbaik tidak menggunakan sesuatu yang dekat dengannya.

Namun demikian, melihat kembali perangkat lunak T-Mobile G1, banyak elemen desain Android utama yang dapat dikenali saat ini hadir. Layar beranda multi-halaman dengan dukungan widget, laci aplikasi, dan pull-down notifikasi semuanya di sana, bahkan jika mereka dibungkus dalam UI yang lebih menyerupai OS komputer desktop 90-an daripada Android hari ini.

Peluncuran Google dari smartphone Nexus One bertepatan dengan beberapa perubahan desain kecil untuk Android 2.1 Eclair, menggabungkan pintasan cepat ke aplikasi Telepon dan Browser di samping ikon laci aplikasi. Ponsel Nexus pertama juga mendapat kisi aplikasi animasi 3D yang mewah. Tapi pada dasarnya, ini adalah stok Android hingga akhir 2010: cukup membosankan, dingin, dan bermanfaat.

Sumber: Android Central

Kedatangan mantan desainer Palm Matias Duarte di Google — pertama sebagai direktur desain untuk Android, kemudian untuk seluruh perusahaan — mengatur arah UI Android selama dekade berikutnya.

Duarte dipekerjakan tepat sebelum Google akan mengirimkan Android 2.3 Gingerbread dan ponsel Nexus S, jadi pengaruhnya terhadap Gingerbread terbatas. Namun demikian, Android 2.3 adalah perombakan desain paling signifikan yang pernah dilihat Android, dengan warna-warna yang lebih gelap di seluruh bagian yang mendukung semakin populernya layar OLED. NS Android hijau hue digunakan sebagai warna aksen untuk menyorot ikon, dan penekanan menu diselingi oleh kilatan oranye. Jika tidak, ini adalah kelanjutan dari Android yang terlihat lama.

Kedatangan versi Android khusus tablet pertama mengubah segalanya, dengan pengaruh Duarte terlihat jelas pada rilis Android 3.0 Honeycomb awal 2011. Honeycomb mendukung saingan iPad awal dan menampilkan antarmuka bergaya sci-fi yang berani dengan palet warna biru dan ungu tua.

Versi ini memperkenalkan kami pada tombol di layar, paradigma navigasi yang tetap ada pada Android hingga hari ini di beberapa ponsel. Menghapus menu lama dan tombol pencarian dari Gingerbread dan rilis sebelumnya, perangkat Honeycomb dapat dinavigasi dengan tiga tombol navigasi virtual: home, back, dan recent apps. Mendorong yang terakhir menyalakan pengalih tugas Android yang baru dirubah, menunjukkan pratinjau kecil dari aplikasi yang berjalan dalam daftar yang dapat digulir.

Honeycomb, bergegas ke pasar dalam upaya untuk memerangi iPad, bertindak sebagai semacam prototipe untuk apa tiba kemudian pada tahun 2011: Android 4.0 Ice Cream Sandwich dan bahasa desain "Holo" baru — singkatan dari holografik.

Sumber: Alex Dobie / Android Central

'Apakah yang jiwa dari Android?'

Matias Duarte muncul di atas panggung di acara peluncuran Hong Kong untuk Google dan Samsung Galaxy Nexus baru, ponsel pertama yang menjalankan Android 4.0, untuk berbicara Holo.

Duarte mengatakan kepada hadirin bahwa, ketika Google berusaha meletakkan dasar untuk Android setengah dekade berikutnya, ia bertanya kepada penggunanya apa arti Android bagi mereka. Ditemukan bahwa, pada tahun 2011, "sementara orang menyukai Android, orang membutuhkan Android, orang tidak cinta Android."

Maka Google bertanya pada dirinya sendiri, untuk pertama kalinya, "apa itu? jiwa Android?"

"Android memang mempesona. Sesuatu yang indah, menggoda, sesuatu yang benar-benar bisa membuat Anda jatuh cinta. Android itu mudah. Ini menyederhanakan setiap bagian dari hidup saya. Dan Android seharusnya membuat saya merasa kuat dan pintar," kata Duarte kepada hadirin. UI Android baru, dengan tema Holo, dimaksudkan untuk mencontohkan nilai-nilai ini.

Holo dibangun di atas apa yang telah dimulai dalam rilis Honeycomb, menambahkan font Roboto baru, jenis huruf yang tetap menjadi default di sebagian besar perangkat Android saat ini. Tidak seperti Droid Sans, yang digantikannya, Roboto dibuat untuk layar dengan kepadatan tinggi yang mulai umum pada saat itu, memberikan tampilan yang lebih modern dan pengalaman membaca yang menyenangkan. Di tempat lain, tepi miring dan tombol timbul serta menu dikeluarkan dari Android, diganti dengan ikon geometris dan furnitur UI yang lebih sederhana.

Sumber: J4lambert, CC BY-SA 4.0, melalui Wikimedia Commons

Holo Biru (alias #33B5E5) adalah warna aksen utama Ice Cream Sandwich dan rilis Jelly Bean berikutnya, membuat Android 4 tampak tajam dan futuristik, meskipun jelas kurang Trono-dipengaruhi dari Honeycomb telah. Palet warna yang lebih gelap dari Android 2.3 dan 3.0 tetap ada, dan sepertinya cocok untuk Galaxy Nexus, terutama dengan layar AMOLED yang luas dan kontras.

Namun, sebagian besar produsen Android besar akan terus melakukan hal mereka sendiri. Orang-orang seperti Samsung, HTC, dan LG sekali lagi menempelkan Android dengan lapisan antarmuka kustom mereka sendiri, sering kali berjalan kasar di atas Holo dalam upaya untuk membedakan produk mereka. Akibatnya, ponsel Samsung yang menjalankan Gingerbread tampak hampir sama dengan ponsel Samsung yang menjalankan Ice Cream Sandwich. Misalnya, pada Galaxy S3, handset Samsung besar pertama yang diluncurkan setelah merek bersama Galaxy Nexus, Anda harus melihat Betulkah sulit untuk melihat pekerjaan apa pun dari Duarte dan timnya.

Holo awal adalah bahasa desain yang cukup berpendirian, yang tidak dapat dengan mudah dikawinkan dengan preferensi desain perusahaan sendiri. Sangat kontras dengan salah satu prinsip inti dari Bahan Anda, warna biru Holo yang khas telah terprogram ke dalam tema Holo, tanpa cara untuk mengubahnya di perangkat Android standar.

Android 4.4 KitKat sedikit menjinakkan Holo, mengganti aksen biru dengan putih yang lebih cerah, membuatnya lebih cocok dengan aplikasi, wallpaper, dan ikon menggunakan palet warna yang lebih beragam. Dan ini pada akhirnya akan menjadi yang kedua desain ulang Android besar yang hebat yang terjadi pada akhir tahun 2014.

Sumber: Android Central

Pada konferensi pengembang Google I/O 2014 di San Francisco, Matias Duarte, dalam peran barunya sebagai VP desain untuk seluruh Google, meluncurkan yang baru Desain Bahan bahasa.

Desain Material adalah "satu visi yang konsisten, untuk seluler, desktop, dan seterusnya," kata Duarte. Sama seperti Holo telah tiba tepat pada waktunya untuk tampilan seluler beresolusi lebih tinggi di awal tahun 2010, Material Desain memanfaatkan tenaga kuda grafis yang ditingkatkan dari perangkat keras seluler yang tersedia di tengah-tengah itu dasawarsa. Tapi itu bukan hanya untuk ponsel — Desain Material akan hidup di tablet, jam tangan pintar, Chromebook, dan web.

"Kami menginginkan desain yang jelas dan sederhana, dan orang akan mengerti secara intuitif," jelas Duarte. "Jadi kami membayangkan: bagaimana jika piksel tidak hanya memiliki warna, tetapi juga kedalaman? Bagaimana jika ada bahan cerdas yang sesederhana kertas, tetapi dapat berubah dan berubah bentuk sebagai respons terhadap sentuhan?"

Sumber: Phil Nickinson / Android Central

'Bagaimana jika ada bahan cerdas yang sesederhana kertas, tetapi bisa berubah dan berubah bentuk?'

"Kertas digital" adalah inti dari visi awal untuk Desain Material: UI yang menyerupai selembar kertas, dengan bayangan halus untuk menyampaikan kedalaman, sementara juga dapat memperluas, mengubah ukuran, menggabungkan, dan transisi sebagai diperlukan. Setiap permukaan dalam aplikasi Android sekarang dapat memiliki nilai ketinggian, dengan kerangka kerja Android yang secara tepat merender pencahayaan dan bayangan di bawah kertas digital ini.

Desain Material disajikan secara sederhana, geometris, dan berlapis, dengan palet warna yang berani dan animasi yang menyenangkan. Berkembang sederhana seperti tombol putar yang membelah menjadi ikon jeda saat diketuk atau ikon kontak berkembang menjadi lihat saat mereka memuat membedakan aplikasi Material dari bahasa desain Holo sebelumnya dan tetap menjadi bagian dari Android hari ini.

Reel mendesis Material asli memamerkan ini, bersama dengan warna yang sangat hidup dan aplikasi berlapis-lapis dengan animasi apik yang tidak pernah ada sepenuhnya terwujud ketika bahasa desain diluncurkan di Android 5.0 Lollipop. Implementasi Material di dunia nyata akhirnya menjadi lebih konservatif, karena para insinyur Google berusaha keras untuk mendapatkan aplikasi Android yang siap dimuat perusahaan dalam jumlah besar. Android adalah kapal besar untuk dikemudikan, dan "Materialisasi" OS dan aplikasinya akhirnya menjadi proses multi-tahun.

Namun demikian, Desain Material di Android Lollipop memperkenalkan beberapa elemen desain utama yang bertahan selama lebih dari setengah dekade: Tombol tindakan mengambang adalah fitur utama lokasi masuk seperti memulai pesan baru di aplikasi SMS atau menambahkan item ke Daftar. Dan menu "hamburger" slide-out muncul sebagai cara favorit untuk bernavigasi di antara area utama aplikasi. Dan tombol tekan dan meluap berkembang yang memulai debutnya dengan Desain Material di Android 5 terjebak sampai ke Android 11.

Dan dengan Google yang memegang kendali lebih besar atas ekosistem Android — dan bahasa desain baru menjadi lebih terbuka untuk penyesuaian — Desain Material lebih mudah dimasukkan ke dalam kulit Android pabrikan dibandingkan dengan Halo.

Material Design selalu dimaksudkan untuk mengikuti perkembangan zaman.

Desain Material tidak pernah dimaksudkan untuk menjadi pedoman statis, dan terus berkembang di versi Android berikutnya. Rilis Android 6 Marshmallow tahun 2015 beralih dari warna jenuh yang kita lihat di presentasi Material awal. Menu aplikasi Terbaru bergaya Rolodex akhirnya dinonaktifkan di Android 9. Dan menu navigasi "Hamburger" bentrok dengan navigasi gerakan Android 10 dan sekarang telah dihentikan dari banyak aplikasi.

Sumber: Alex Dobie / Android Central

Pada tahun 2016 Google memulai debut ponsel Pixel pertamanya, yang mengarah ke evolusi lebih lanjut dalam Desain Material dan perbedaan dari visi 2014 yang asli. Saat Pixel berikutnya tiba, Google pembuat perangkat keras berusaha membedakan perangkat lunak ponselnya lebih jauh. Aplikasi Google menjadi kurang berwarna dan malah mendorong skema warna putih dan biru bersih. Pada tahun 2020, sebagian besar aplikasi inti Google seperti Foto, Gmail, Berita, dan Peta telah mengadopsi estetika "Tema Material" ini, bersama dengan tombol navigasi bawah seperti iPhone.

Aplikasi Google tahun 2020 jauh dari prototipe Material berwarna-warni yang ditampilkan pada tahun 2014. Untungnya, perubahan Material yang lebih hidup direncanakan untuk Android 12 pada tahun 2021.

Sumber: Google

Tujuh tahun sejak debut Desain Material, konferensi Google I/O sekali lagi menjadi tempat pengumuman desain Android utama. Dan Matias Duarte kembali ke panggung di Mountain View, kali ini untuk menampilkan iterasi berikutnya dari bahasa desain Google di Android 12 Materi Anda.

“Alih-alih bentuk mengikuti fungsi, bagaimana jika bentuk mengikuti perasaan? Alih-alih Google blue, kami membayangkan Material You — desain baru yang menyertakan Anda sebagai co-creator, memungkinkan Anda mengubah tampilan dan nuansa semua aplikasi Anda."

Sumber: Google

'Alih-alih Google biru, kami membayangkan Material You.'

Keajaiban di belakang Bahan Anda adalah proyek yang dikenal secara internal di Google sebagai "Monet." Monet dapat memeriksa layar beranda pilihan Anda latar belakang, pilih warna utama dari palet Material dan gunakan untuk menyesuaikan semua aplikasi di. Anda telepon. Warna yang lebih redup akan digunakan untuk latar belakang, sementara warna yang cerah dan menarik dapat diterapkan pada tombol atau sakelar penting.

Berbeda dengan "Kertas Digital" Material Design 1.0, Material You tampak lebih datar dan abstrak. Lapisan UI adalah masih ada, sebagaimana dibuktikan dengan tingkat tombol pengaturan cepat, panel notifikasi, dan batas yang tumpang tindih saat menurunkan bayangan notifikasi Android 12.

Sumber: Google

Namun bayangan dan tepi tajam seperti kertas pada Android Lollipop hilang, digantikan dengan sudut membulat dengan jari-jari lebar. Bahkan widget home screen telah dirombak dengan sudut membulat. Materi Anda juga bertindak sebagai penangkal aplikasi Google yang sering terlihat membosankan yang telah menjadi kebiasaan pengguna di Android 10 dan 11. Android 12, klaim Google, dapat membantu Anda memilih palet khusus yang diketahui akan terlihat bagus di aplikasi, menu, dan bahkan widget layar beranda. Ini adalah pendekatan desain yang lebih pribadi dan lebih ekspresif untuk komputer paling pribadi yang dimiliki kebanyakan orang.

Dan sementara jenis huruf Roboto lama yang setia masih digunakan di beberapa tempat, Material You menekankan Google Sans, font resmi perusahaan, yang mengemas lebih banyak kepribadian. Google Sans digunakan di mana saja, dari teks ikon hingga menu di aplikasi Setelan, dan ditingkatkan Layar kunci Android 12 untuk mengisi tampilan dengan jam berwarna saat tidak ada penundaan pemberitahuan.

Sumber: Nick Sutrich / Android Central

Arah baru yang berani untuk desain Android, tetapi apakah pabrikan akan ikut serta?

Animasi berkembang di Material You juga merupakan evolusi alami dari Desain Material awal. Jam Tampilan Sekitar menjadi hidup saat telepon diangkat, menjadi lebih berani dan berwarna. Dan tergantung pada cara Anda mengunci atau membuka kunci ponsel, Anda akan melihat aura animasi yang menyertai aksinya.

Material You memulai debutnya di Android 12 di ponsel Google Pixel pada akhir 2021, dan kemungkinan beberapa produsen lain akan memasukkannya ke dalam skin Android mereka serta pembaruan diluncurkan. Namun, seperti halnya dengan Holo dan Desain Material, tidak ada jaminan bahwa pembuat ponsel akan mengikuti jejak Google. Pengguna Android 12 juga harus menunggu pengembang memperbarui aplikasi mereka untuk mendukung kemampuan bertukar palet Material You. Jika transisi ke Desain Material pada tahun 2014 adalah sesuatu yang harus dilalui, itu bisa memakan waktu.

Namun demikian, apa yang kami lihat dari Material You sejauh ini memberikan Android secara umum — dan perangkat Google Pixel khususnya — a identitas desain yang kuat, dengan bahasa desain yang sesuai dengan ponsel, jam tangan, tablet, dan permukaan pintar lainnya 2020-an.

Jika sejarah adalah indikator apa pun, kami akan memeriksa lagi di suatu tempat sekitar tahun 2026 untuk mempelajari ke mana arah Desain Material selanjutnya.