Desain UI Masa Depan Tanpa Tombol

Apa Itu Tombol dan Apakah Kita Benar-Benar Membutuhkannya?

Sejak awal antarmuka pengguna grafis, kami telah menggunakan tombol. Pertimbangkan bahwa GUI asli Xerox PARC berusia 44 tahun, namun antarmuka pengguna kami masih terlihat sangat mirip. Saya baru-baru ini menelusuri sejarah gaya tombol dengan membuat Garis Waktu Dribbble. Meskipun tombol berevolusi selaras dengan tren saat ini dan seiring dengan teknologi, asal-usulnya tidak diragukan lagi terinspirasi oleh objek nyata di masa lalu.

Selama lebih dari satu dekade, kami telah membuat perangkat tanpa antarmuka fisik—yang tidak bergantung pada sentuhan manusia tetapi dapat diaktifkan dengan suara atau gerakan. Mengapa kita bertahan dalam menciptakan bentuk yang dapat digunakan untuk berinteraksi yang didasarkan pada objek yang sudah dikenal di sekitar kita? Bentuk tombol digital masih dimodelkan pada alat dan mekanisme yang kami kembangkan di abad ke-19!

Kami telah membuat perangkat elektronik cerdas yang benar-benar baru—kami dapat menanganinya dengan hampir semua cara yang kami pilih, tetapi karena kemalasan atau kekuatan kebiasaan, kami terus memaksa pengguna kami untuk mengeklik area kecil yang rumit hanya dengan lebar beberapa piksel.

Saatnya melakukan sesuatu—saatnya berpikir tanpa tombol.

UI “Tanpa Tombol” – Tempat Semuanya Berinteraksi

Sebuah "utopia tanpa tombol," adalah sebuah konsep di mana setiap upaya untuk mempertahankan lebih dari 130 tahun cara yang selalu dilakukan benar-benar hancur. Masa depan adalah sekarang—kita harus terus maju dan melepaskan diri dari solusi kuno para pendahulu kita.

Mungkinkah kita membayangkan antarmuka yang sepenuhnya bebas dari tombol? Sesuatu yang sangat intuitif, sehingga hanya dengan melihatnya, Anda akan tahu bagaimana harus bertindak? Tidak perlu lagi hanya dalam imajinasi kita — antarmuka ini sudah ada.

Bisakah kita, sekali dan untuk semua, menghilangkan tombol yang dihormati? Mikrofon, kamera, layar sentuh, getaran, akselerometer, gyros, GPS, realitas yang diperluas, realitas virtual—daftarnya terus bertambah—dan semua ini ditangani dari ponsel cerdas atau PC Anda. Tidak ada lagi alasan untuk terus memaksa pengguna Anda menekan satu persegi kecil itu.

Mari Hilangkan Tombol di UI

Pernahkah Anda membaca Type Design di mana antarmuka tidak memiliki elemen grafis apa pun, dan di mana satu-satunya hal yang penting adalah konten? Banyak dari Anda bertanya: "Bagaimana dengan tombol?" Kita tidak membutuhkannya lagi—mari kita hilangkan sepenuhnya.

Berikut adalah beberapa ide menarik:

Facebook hanya bertanya, "Bagaimana suasana hati Anda?" Tidak perlu menekan tombol untuk menjawab—gunakan suara Anda—cukup katakan bahwa Anda merasa hebat dan pergi ke pantai. Kemudian seret teks yang dikenali Facebook dari respons Anda ke tempat yang Anda inginkan untuk memunculkannya.

Suka artikel di Medium? Beberapa waktu lalu di Medium, Anda cukup "merekomendasikan" sebuah artikel. Hari ini kita klik "tepuk tangan". Jadi "tepuk tangan". Bagaimana jika tidak perlu mengklik tombol kecil yang aneh ini, cukup bertepuk tangan ?

Bagaimana dengan beberapa tindakan yang lebih kompleks? Seperti checkout di toko online. Seret dan lepas item ke keranjang belanja, geser untuk melanjutkan ke checkout, lalu konfirmasikan dengan sidik jari Anda. Mudah.

Pikirkan Konten dan Seluruh Layar

Mari kita mulai dengan permukaan yang saat ini kita sentuh untuk melakukan suatu tindakan. Mengingat bahwa sebagian besar antarmuka pengguna grafis modern adalah tampilan layar sentuh — sering ditangani dengan ibu jari kita — masuk akal bahwa antarmuka seperti itu akan bersama kita untuk waktu yang lama. Dan kita pasti akan memiliki dorongan yang tak tertahankan untuk mengetuk — bagaimanapun juga, sentuhan adalah sensasi terpenting kita. Menyentuh permukaan memberi kita rasa tindakan nyata, kontrol. Bagaimana jadinya, alih-alih mengklik titik tertentu, kami mengajari pengguna kami untuk berinteraksi dengan seluruh permukaan ?

Mari kita lihat bagaimana Instagram melakukannya:

Pernahkah Anda melihat tombol yang memungkinkan Anda menelusuri Kisah Instagram dan kembali ke Kisah sebelumnya? Mungkin tidak, karena Anda hanya perlu menyentuh tepi kiri layar untuk mewujudkannya.

Pengguna telah mengharapkan cara baru untuk berinteraksi dengan produk digital kami, dan sering kali tidak melibatkan tombol. Kartu responsif di semua permukaannya; dengan mengklik kata apa pun, kami berharap menemukan definisinya; dengan menyentuh gambar, kami mengharapkan beberapa tindakan. Pengguna sudah terbiasa dengan kenyataan bahwa seluruh area merespons sentuhan.

Pengenalan Isyarat

Kami memahami gerakan dengan sangat baik karena itu alami bagi kami dan tercermin dalam tindakan fisik kami. Saat ini, hampir setiap aplikasi menggunakannya untuk mempercepat navigasi; kita dapat mengetuk foto dua kali alih-alih menekannya seperti tombol; kita dapat menggesek untuk menelusuri galeri; atau cubit untuk memperbesar konten apa pun.

Kami membuat gerakan tidak hanya pada layar sentuh datar—gerakan juga dilakukan di ruang AR dan VR, tempat kami dapat menavigasi dengan seluruh tubuh kami.

Antarmuka Suara

Siri, Cortana, Alexa, dan Google Assistant semuanya aktif dan berjalan. Banyak yang berpendapat bahwa antarmuka suara adalah masa depan—sulit untuk tidak setuju karena potensi penggunaannya tidak terhitung. Kita bisa mengendalikan kendaraan, gedung pintar, dan mesin hanya dengan berbicara dengan mereka—sama seperti kita berbicara dengan orang sungguhan. Dengan kecerdasan buatan dan pembelajaran mesin, mesin sekarang dapat memahami bahasa kita dengan lebih dan lebih akurat. Kita tidak lagi terbatas pada pengucapan “mantra magis” yang ditulis dengan hati-hati; kita dapat berbicara dalam kalimat lengkap.

Dengan menggunakan wicara, kita bisa leluasa bergerak di dunia pengiriman uang. Saat ini, Siri memungkinkan Anda untuk mentransfer uang melalui PayPal ke orang lain hanya dengan menggunakan satu permintaan cepat: "Siri, kirim $200 ke XYZ menggunakan PayPal." Tidak ada tombol—satu-satunya konfirmasi dan pemeriksaan keamanan yang diperlukan adalah Touch ID.

Tindakan Fisik, Perangkat Terhubung, dan Pengenalan Video

Senyum untuk membayar? Itu disini! Alibaba dan KFC bersama-sama meluncurkan sistem yang memungkinkan Anda membayar hanya dengan tersenyum ke kamera—tanpa menekan tombol. Sistem ini bekerja pada pengenalan wajah dan sekarang tersedia di China.

Ini hanyalah salah satu kegunaan potensial. Perangkat kami sudah dilengkapi dengan berbagai sensor dan dapat memantau seluruh tubuh Anda. Tidak ada yang mencegah Anda menggunakan satu jari untuk melakukan tindakan apa pun di ponsel cerdas Anda.

Contoh lain dari tindakan fisik yang akan mempercepat matinya tombol adalah dengan berada di dekat perangkat. Mari kita lihat iWatch, misalnya—pasangkan saja dengan laptop Anda dan bersiaplah untuk membuka kunci MacBook Anda. Perangkat yang dapat dikenakan dapat digunakan untuk mengonfirmasi identitas kita serta secara cerdas memprediksi kebutuhan kita berdasarkan lokasi dan data sensor. Berkat mereka, kita sudah dapat menghindari penggunaan tombol di banyak antarmuka.

Jangan lupa tentang teknologi yang telah tersedia secara luas selama beberapa tahun. Salah satunya adalah giroskop—tersedia di hampir setiap ponsel cerdas tetapi jarang digunakan di antarmuka. Di atas, Anda dapat melihat antarmuka eksperimental yang dibuat oleh Patryk Adas.

Desain UI Masa Depan

Dengan begitu banyak opsi berbeda yang tersedia bagi kami, sekarang mungkin untuk melupakan penggunaan tombol persegi panjang yang biasa digunakan pengguna untuk berinteraksi. Dengan teknologi saat ini, kami memiliki kemampuan untuk membuat antarmuka yang benar-benar baru yang dapat:

• Hemat waktu pengguna
• Mencegah kesalahan, slip, dan kesalahan
• Kompensasi untuk tindakan yang tidak disengaja

Waktunya telah tiba—teknologi menguasai kita. Kami, para desainer, HARUS mengejarnya… dan pastikan untuk mengejar!