Tren UI 2020: Apa yang Ada di Toko?

2020 telah tiba, dan dengan itu datanglah kesempatan untuk meninjau tren UI mana yang berhasil tahun lalu dan mana yang kemungkinan akan terus berlanjut tahun ini. Awal tahun baru memberikan kesempatan yang sangat baik untuk melihat tren desain UI yang muncul yang akan terus tumbuh dalam popularitas.

Tetap di atas apa yang baru dalam industri desain, apa yang berguna (atau tidak), dan apa yang tidak disukai sangat penting bagi desainer UI yang ingin dapat menawarkan ide-ide inovatif kepada klien mereka. Meninjau tren dan melihat bagaimana mereka dapat berkembang ke depan sangat penting untuk upaya itu.

Tren UI 2020 akan mencakup pengisahan cerita dalam desain UI (daripada memikirkan proyek semata-mata dalam hal UX), grafik dan animasi 3D, interaksi mikro yang unik, tema gelap, kesederhanaan, interaksi suara, dan banyak lagi.

Mendongeng

Bercerita seringkali hanya dipikirkan dalam hal UX. Namun, desainer UI juga dapat memainkan peran penting dalam proses bercerita.

Melalui penggunaan warna, tipografi, animasi, dan desain interaksi, desainer UI dapat mengimplementasikan cerita yang diperlukan untuk UX yang baik.

Halaman arahan Google Pixel Earbuds adalah contoh menarik dari UI storytelling. Ini memandu pengunjung melalui manfaat produk melalui animasi yang bijaksana, citra yang dapat dihubungkan, dan tipografi yang luar biasa untuk menciptakan respons emosional yang positif.

Grafik dan Animasi 3D

Grafik dan animasi 3D bukanlah pendatang baru dalam desain UI. Frekuensi mereka telah meningkat dalam beberapa tahun terakhir di beberapa kategori produk. Aplikasi VR dan AR, khususnya, telah memanfaatkan elemen ini untuk hal-hal seperti melihat furnitur di ruangan yang sebenarnya. Contoh umum lainnya adalah tampilan produk 360 derajat yang menjadi populer di situs eCommerce.

Jika desain UI harus sangat menarik, grafik 3D adalah cara terbaik untuk mencapainya. Animasi menambah daya tarik visual. Meskipun efek ini lebih memakan waktu daripada versi 2D dan memerlukan keahlian khusus, efek ini sepadan dengan sumber daya tambahan jika mereka menambah pengalaman pengguna secara keseluruhan.

Interaksi Mikro yang Unik

Interaksi mikro adalah elemen penting dari setiap desain produk digital yang baik. Namun, mereka masih diabaikan oleh banyak desainer dan pemangku kepentingan UI.

Interaksi mikro memberikan wawasan dan umpan balik ekstra kepada pengguna. Mereka dapat menyertakan hal-hal seperti animasi interaksi, perubahan warna untuk menunjukkan status yang berbeda, dan umpan balik haptic di aplikasi seluler. Interaksi mikro dapat meningkatkan desain dari fungsional menjadi luar biasa.

Tema Gelap

Tema gelap telah ada selama beberapa tahun tetapi diluncurkan pada tahun 2019. Apple melakukan banyak hal untuk membantu tren itu ketika mereka merilis pembaruan Mojave mereka dengan kemampuan untuk secara otomatis default ke tema gelap di aplikasi yang mendukungnya. Mereka juga merilis pembaruan untuk iOS yang menawarkan fungsionalitas mode gelap yang sama.

Tema UI gelap akan terus berkembang pada tahun 2020. Salah satu manfaat paling signifikan—di luar daya tarik visual—adalah bagi sebagian orang, tema gelap dengan kontras yang tepat dapat membantu ketegangan mata.

Salah satu aplikasi signifikan terbaru untuk mendapatkan perawatan tema gelap adalah Gmail, yang mulai meluncurkan opsi pada bulan September. Sekarang ketiga raksasa teknologi utama (Apple, Google, dan bahkan aplikasi seluler Facebook) telah ikut-ikutan dalam tema gelap, tren ini sepertinya tidak akan hilang dalam waktu dekat.

Kesederhanaan

Kesederhanaan dan minimalis masuk dan keluar dari mode dalam desain UI setiap beberapa tahun. Saat ini, mereka masuk.

Fungsionalitas berada di garis depan dengan desain sederhana. Kesederhanaan lebih merupakan kumpulan prinsip desain daripada tren tunggal. Desain sederhana sering menggabungkan prinsip Gestalt, tipografi tebal, palet warna minimalis, dan banyak ruang putih.

Kesederhanaan dalam desain tidak mudah dibuat. Dibutuhkan kepercayaan dari pihak desainer, dan setiap elemen harus sempurna karena tidak ada yang menyembunyikan pilihan desain yang meragukan. Ketika dilakukan dengan baik, itu menciptakan perasaan elegan dan berkualitas tinggi yang orang suka gunakan.

Interaksi Suara

Interaksi suara pernah dicadangkan untuk ranah fiksi ilmiah. Ponsel cerdas dan aplikasi seluler mengubahnya, membuat interaksi suara tidak hanya memungkinkan tetapi juga menjadi arus utama. Mengizinkan orang berinteraksi dengan aplikasi melalui perintah suara membuka dunia kemungkinan interaksi dengan suatu produk. Saat konsumen dapat memberikan perintah suara, mereka dapat menggunakan aplikasi dalam situasi di mana antarmuka sentuh tidak aman atau praktis—seperti saat mengemudi atau mengikuti resep atau tutorial.

Interaksi suara bukanlah hal baru, tetapi iterasi awal kikuk dan seringkali tidak bekerja dengan baik. Dalam beberapa tahun terakhir, interaksi suara telah berkembang (biasanya dengan bantuan bertenaga AI) menjadi metode komunikasi praktis dengan aplikasi. Saat kontrol suara semakin meningkat, ini adalah tren yang sepertinya tidak akan hilang. Google mengumumkan peningkatan signifikan pada fitur Asisten Google di I/O 2019 yang beberapa orang berspekulasi bisa menjadi awal interaksi suara yang menggantikan interaksi sentuh hampir sepenuhnya.

Desainer UI akan mendapat manfaat dari membiasakan diri mereka dengan cara kerja interaksi suara dan cara terbaik untuk mengintegrasikannya ke dalam produk mereka, terutama aplikasi seluler. Akhirnya, interaksi suara dapat mengambil alih jenis interaksi lain, termasuk di web.

Tren Desain UI Tipografi

Tren tipografi baru muncul setiap tahun, dan tahun lalu tidak berbeda. Beberapa tren UI yang lebih menonjol yang kemungkinan akan berlanjut pada tahun 2020 termasuk kembalinya ke tipografi serif, teks pahlawan yang tidak terlalu besar, dan tipe pelapisan dengan elemen lain.

Ketika desain antarmuka pengguna grafis pertama kali mulai muncul, serif umumnya disukai karena sulit dibaca di layar. Resolusi layar rendah berarti detail yang lebih baik dari bentuk huruf (dan detail visual skala kecil pada umumnya) hilang, membuat banyak tipografi yang secara tradisional bekerja dengan baik dalam pencetakan terlihat buruk di layar komputer.

Saat resolusi layar meningkat, gagasan tentang serif yang sulit dibaca di layar entah bagaimana tetap ada. Itu berubah dalam beberapa tahun terakhir, dan serif telah bermunculan di semua tempat, termasuk di header dan teks pahlawan, di mana mereka biasanya kurang umum daripada sans-serif dan font tampilan.

Sepertinya teks pahlawan semakin besar setiap tahun, sering kali menempati seluruh ruang "paro atas" di situs web. Itu berubah pada tahun 2019, dengan teks yang lebih kecil (meskipun masih menonjol) digunakan di atas gambar pahlawan dan header. Ini adalah perubahan yang disambut baik yang memperkenalkan kembali spasi putih sebagai bagian berharga dari desain pahlawan.

Jenis layering dengan elemen grafis, baik di bawah atau di atas gambar (atau terkadang keduanya), adalah tren lain yang berkembang. Terkadang, teks dilapis atau dilapis dengan gambar atau warna kotak, sementara di lain waktu, teks terintegrasi penuh dengan elemen visual lainnya.

Melihat ke Depan di UI Trends 2020

Tren UI terbaik secara visual menarik sekaligus meningkatkan keseluruhan pengalaman dan kegunaan produk digital. Tren yang dibahas di atas akan terus berkembang, dan tren baru kemungkinan akan muncul di tahun 2020.

Ketika merek yang lebih besar mengadopsi tren, dan mereka menjadi lebih umum, mereka berkembang menjadi standar dan menjadi bagian dari lanskap digital. Evolusi ini sudah terjadi dengan tren seperti tema gelap.

Dalam kasus lain, tren bertahan selama beberapa tahun dan kemudian jatuh di pinggir jalan saat ide dan metode yang lebih baik muncul. Salah satu contohnya adalah UI pengguliran paralaks, yang sangat populer beberapa tahun yang lalu tetapi tidak terlalu menonjol pada tahun 2020.

Tren baru akan muncul pada tahun 2020, dan beberapa yang termasuk di sini mungkin akan menghilang pada akhir tahun. Perancang UI ahli selalu mencari cara yang lebih baik untuk menyajikan konten, yang berarti beberapa tren UI 2020 akan hampir menghilang dari zeitgeist digital pada tahun 2021.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• Melihat Masa Depan – Tren Desain Tahun 2020
• Toptal Design Blog Warna Tahun 2020
• Tren Desain UX Retrospektif 2019
• Apakah Semua Tren Layak? 5 Kesalahan UX Paling Umum yang Dilakukan Desainer Web
• Tren Mengikuti: Penghormatan vs. Plagiarisme Desain