Wednesday, October 27, 2021
spot_imgspot_imgspot_imgspot_img
HomeVisual DesignDesain UI Tanpa Tombol di Masa Depan, Gimana Tuh?

Desain UI Tanpa Tombol di Masa Depan, Gimana Tuh?

Apa Tombol dan Apa 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 menyukainya. Baru-baru ini saya menelusuri sejarah gaya tombol dengan membuat Timeline Dribbble . Meskipun tombol berevolusi selaras dengan tren saat ini dan bersama teknologi, asal-usulnya tidak diragukan lagi terinspirasi oleh objek nyata di masa lalu.

Gambar yang dipindai dari Sears First Electric Buzzer 1897 Fall Catalog
Sudut kanan bawah – Sears First Electric Buzzer 1897 Fall Catalog .

Selama lebih dari satu dekade, kami telah menciptakan 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-objek yang akrab di sekitar kita? Bentuk tombol digital masih dimodelkan pada alat dan mekanisme yang kami kembangkan di abad ke-19!

Kami telah menciptakan perangkat elektronik yang benar-benar baru dan cerdas — kami dapat menanganinya dengan cara apa pun yang kami pilih, tetapi karena kemalasan atau kebiasaan, kami terus memaksa pengguna untuk mengklik area kecil yang rumit hanya selebar beberapa piksel.

Sudah waktunya untuk melakukan sesuatu tentang hal itu — sudah waktunya untuk berpikir tanpa tombol.

UI “Tanpa Tombol” – Di mana Semuanya Berinteraksi

Sebuah “utopia tanpa tombol,” adalah sebuah konsep di mana segala upaya untuk mempertahankan lebih dari 130 tahun hal-hal yang selalu dilakukan selalu hancur total. Masa depan sekarang — kita harus melangkah maju dan melepaskan diri dari solusi usang para pendahulu kita.

Apakah mungkin bagi kita untuk 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.

Aplikasi Microsoft HoloTour di AR
Microsoft HoloLens: HoloTour .

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

Mari Hilangkan Tombol di UI

Sudahkah Anda membaca Type Design di mana antarmuka tanpa elemen grafis, dan di mana satu-satunya hal yang penting adalah konten? Banyak dari Anda bertanya: “Bagaimana dengan tombol?” Kita tidak membutuhkannya lagi — mari kita singkirkan mereka sepenuhnya.

Berikut adalah beberapa ide menarik:

Facebook hanya bertanya, “Apa suasana hatimu?” Tidak perlu menekan tombol untuk menjawab — gunakan suara Anda — katakan saja Anda merasa hebat dan pergi ke pantai. Kemudian seret teks yang dikenali Facebook dari respons Anda ke tempat Anda ingin menampilkannya.

Animasi antarmuka suara
Cari dengan suara.

Suka artikel tentang Sedang? Beberapa waktu lalu di Medium , Anda bisa “merekomendasikan” sebuah artikel. Hari ini kita klik “tepuk tangan.” Jadi “bertepuk tangan.” Bagaimana jika tidak perlu mengklik tombol kecil yang aneh ini, hanya secara harfiah bertepuk tangan ?

Man bertepuk tangan untuk artikel di Medium
Konsep tanpa tombol oleh Wojciech Dobry (… Jangan menganggapnya terlalu serius).

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. Peasy mudah.

Animasi UI
ASOS – Tambahkan ke troli animasi oleh Zachary Zhao .

Pikirkan Konten dan Layar Utuh

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

Mari kita lihat bagaimana Instagram melakukannya:

Navigasi Instagram Story
Navigasi Instagram Story .

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

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

Pengakuan Gerakan

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 dua kali foto alih-alih menekannya seperti tombol; kita dapat menggesek untuk menelusuri galeri; atau cubit untuk memperbesar konten apa pun.

Animasi UI menggambar hati di layar sentuh
Virgil Pana .
Antarmuka UI
Antarmuka UI

Antarmuka pengguna oleh Ramotion & Jarek Berecki .


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.

Manusia menggunakan gerakan dalam augmented reality
Gerakan pada Hololens oleh Microsoft .
Pria menggunakan pengenalan gerakan untuk mengendalikan IOT
Pria menggunakan pengenalan gerakan untuk mengendalikan IOT

Clay VR Gesture Recognition di iPhone .

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 di luar jumlah. Kita dapat mengendalikan kendaraan, gedung pintar, dan mesin hanya dengan berbicara dengannya — sama seperti kita berbicara dengan orang sungguhan. Dengan kecerdasan buatan dan pembelajaran mesin, mesin sekarang dapat memahami bahasa kita dengan lebih akurat. Kami tidak lagi terbatas pada pengucapan “mantra magis” yang ditulis dengan hati-hati; kita dapat berbicara dalam kalimat penuh.

Oke iklan Google
Oke, Google …

Dengan menggunakan ucapan, kita bisa bergerak bebas di dunia transfer uang. Saat ini, Siri memungkinkan Anda untuk mentransfer uang melalui PayPal ke orang lain hanya 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.

Siri digunakan untuk transfer PayPal di iPhone

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 pada kamera — tidak ada tombol untuk ditekan. Sistem ini bekerja pada pengenalan wajah dan sekarang tersedia di China.

KFC dan Alibaba tersenyum untuk sistem pembayaran

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

iWatch digunakan untuk membuka kunci MacBook Pro

Contoh lain dari tindakan fisik yang akan mempercepat matinya tombol hanya karena dekat dengan perangkat. Mari kita lihat iWatch, misalnya — pasangkan saja dengan laptop Anda dan bersiap untuk membuka kunci MacBook Anda. Perangkat yang dapat dipakai dapat digunakan untuk mengonfirmasi identitas kami serta secara cerdas memprediksi kebutuhan kami berdasarkan lokasi dan data sensor. Berkat mereka, kita sudah bisa menghindari menggunakan tombol pada banyak antarmuka.

Giroskop digunakan untuk mengontrol perangkat
Giroskop digunakan untuk mengontrol perangkat

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

Masa Depan Desain UI

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

  • Hemat waktu pengguna
  • Cegah kesalahan, kesalahan, dan kesalahan
  • Kompensasi untuk setiap tindakan yang tidak disengaja
Konsep UI
Konsep UI

Antarmuka konsep oleh Cosmin Capitan dan Ramotion .


Waktunya telah tiba — teknologi telah menyalip kita. Kami, desainer, HARUS mengejar itu … dan pastikan untuk mengejar ketinggalan!

sumber: toptal.com

RELATED ARTICLES
- Advertisment -

Most Popular

Recent Comments