UI Masa Depan dan Akhir Desain Sandbox

Diterbitkan: 2022-03-11

Siapa pun yang bekerja di bidang desain dan teknologi—dan mungkin siapa pun yang hidup di dunia modern—akan menyadari betapa cepatnya kita beralih dari istilah-istilah seperti "World Wide Web" ke "Internet of Things".

Dalam waktu singkat, kami telah beralih dari merancang dan mengembangkan halaman web—titik-titik pada peta jalan raya informasi yang diakses melalui browser—ke UI masa depan: beragam aplikasi yang saling berhubungan yang menghadirkan konten dan pengalaman di berbagai faktor bentuk, resolusi , dan pola interaksi.

Teknologi dan layar yang kita gunakan saat ini menghilang ke lingkungan kita. “Internet of Things” (IoT), ditambah dengan kecerdasan buatan (AI) menggunakan asisten suara, sudah mengelilingi kita. Kami berada di awal dunia "kecerdasan lingkungan" (AmI) di mana banyak perangkat bekerja bersama untuk mendukung orang-orang dalam melakukan aktivitas kehidupan sehari-hari mereka. UI berbasis layar individual perlahan menghilang, dan desainer harus bergulat dengan sistem komponen desain yang terfragmentasi.

Bagaimana desainer mendesain untuk dunia kecerdasan ambien berkemampuan AI di mana layar telah menghilang? Bagaimana ini akan mengubah peran mereka?

Data desain akan segera ada di sekitar kita di dunia kecerdasan ambien
Dunia kecerdasan ambien akan segera ada di sekitar kita. UI berbasis layar perangkat tunggal menghilang.

Peran Desainer Masa Depan Bergeser

Objek praktik desainer digital pernah menempatkan serangkaian kotak, gambar, teks, dan tombol yang rumit ke layar browser yang relatif andal (dan akhirnya layar aplikasi seluler).

Ini adalah luasnya pengalaman yang disampaikan kepada orang-orang. Tapi sekarang, desainer harus mempertimbangkan bahwa produk ada sebagai entitas yang terpisah dalam sistem kompleks dari komponen yang berinteraksi, bertukar informasi dengan, dan kadang-kadang bahkan menghilang di belakang bagian lain.

Seperti yang ditulis oleh Paul Adams dari Intercom dalam karyanya The end of apps as we know them, “ Di dunia dengan banyak layar dan perangkat yang berbeda, konten perlu dipecah menjadi unit atom sehingga dapat bekerja dengan ukuran layar atau teknologi. platform.

Dan ini lebih dari sekadar konten. Saat ini, desainer harus mempertimbangkan bagaimana setiap fitur atau layanan yang ditawarkan kepada orang-orang ada di dalam, dan bekerja sama dengan, komponen lain dari berbagai sistem dan platform.

IoT dan UI masa depan
Mengenali akhir dari aplikasi hanyalah permulaan. Kecerdasan ambient dan IoT akan segera ada di mana-mana.

Bagaimana Orang Akan Berinteraksi dengan Informasi Besok?

Pada awal revolusi seluler, desainer berfokus pada pembuatan aplikasi yang menghadirkan pengalaman yang mirip dengan situs web: lingkungan yang dirancang dan dikontrol dengan baik, di dalam kotak tempat orang berinteraksi untuk mengonsumsi konten atau menyelesaikan tugas, lalu keluar.

Sebagian besar interaksi terjadi dalam batas-batas layar, dan desainer memiliki banyak kendali atas pengiriman.

Namun, berbagai perangkat seluler telah meledak dari komputer mini berbasis layar hingga pusat pesan pembungkus pergelangan tangan yang dapat dikenakan dan perangkat yang mengontrol termostat rumah Anda dari jarak jauh. Saat ini, orang mendapatkan potongan informasi yang terputus-putus dari berbagai sumber yang dikirimkan melalui pemberitahuan dan peringatan. Paradigma telah berubah secara dramatis.

Bel pintu sarang, contoh desain berbasis komponen
Konteks di mana pengguna berinteraksi dengan informasi sedang bergeser.

Seperti Apa Tampilan UI Masa Depan?

Proliferasi beragam, teknologi yang saling berhubungan juga berarti bahwa satu produk akan dialami dan berinteraksi dengan berbeda dalam konteks yang berbeda.

Peringatan pesan mungkin muncul di jam tangan pintar seseorang saat mereka sedang dalam perjalanan ke rapat.

Daripada harus menemukan, lalu membuka aplikasi perpesanan, pengguna memiliki opsi untuk merespons dalam notifikasi dan mengirimkan balasan cepat yang telah dibuat sebelumnya dengan satu ketukan, dan terlibat dengan pesan secara lebih mendalam nanti, di perangkat lain.

Artinya, unit atom—komponen mikro interaksi—harus disampaikan melalui beragam UI (dan pengalaman pengguna) yang disesuaikan dengan konteks komunikasi.

Kemungkinannya adalah, pengguna tidak menulis balasan email bentuk panjang saat jogging. Mereka mungkin tidak akan membuka laptop hanya untuk tujuan menggunakan respons satu ketukan yang sangat berguna pada perangkat yang dapat dikenakan. Mereka bahkan mungkin tidak pernah membaca notifikasi di layar, tetapi sebaliknya, mendengarkan konten ke asisten virtual yang diaktifkan suara.

Paul Adams menulis, “ Di dunia di mana notifikasi adalah pengalaman penuh di dalam dan dari dirinya sendiri, layar ikon aplikasi semakin tidak masuk akal. Aplikasi sebagai tujuan semakin tidak masuk akal. Mengapa membuka aplikasi terpisah untuk penerbangan dan hotel multi-tujuan Anda dalam serangkaian aplikasi vendor ketika aplikasi perjalanan seperti TripIt dapat menyajikan semua informasi itu sekaligus—dan bahkan memungkinkan Anda menyelesaikan check-in pra-naik? Dalam beberapa kasus, kebutuhan akan layar aplikasi tidak akan ada dalam beberapa tahun, selain terkubur jauh di dalam UI perangkat sebagai navigasi sekunder.

Pemberitahuan interaktif tingkat sistem akan memungkinkan orang untuk segera mengambil tindakan, daripada harus menggunakan pemberitahuan sebagai pintu gerbang untuk membuka aplikasi tempat orang ditarik secara tiba-tiba dari satu konteks ke konteks lainnya.

Pergeseran Paradigma Interaksi Mengubah UI Masa Depan

Aplikasi seperti WeChat yang populer memungkinkan orang melakukan hal-hal seperti mentransfer uang, memanggil taksi dan menerima pembaruan tentang waktu kedatangannya, mencari restoran dan memesan meja, atau menemukan hotel terdekat - semuanya melalui antarmuka berbasis teks yang menghilangkan kebutuhan pengguna untuk menavigasi ke aplikasi individual untuk menyelesaikan serangkaian tugas.

Desain UI masa depan dengan antarmuka percakapan

Di Masa Depan UI? Pesan Teks Sekolah Lama, Kyle Vanhemert melihat proliferasi platform berbasis teks yang sering menggantikan kebutuhan antarmuka pengguna grafis. Layanan yang disediakan aplikasi akan semakin banyak diakses di luar aplikasi itu sendiri.

Mendesain untuk dunia IoT berarti melepaskan kontrol yang lebih besar lagi atas antarmuka—menciptakan produk dan layanan yang mungkin tidak dapat diakses melalui layar sama sekali.

Ketika layar berbasis sentuh merevolusi perangkat seluler, desainer tiba-tiba memiliki harta karun berupa mode interaksi baru untuk dimanfaatkan, seperti gesekan, cubitan, ketukan, ketuk dua kali, ketuk lama, ketuk dan seret yang melampaui intinya. -dan-klik.

Sekarang orang-orang menggesek dan mencubit di udara atau melambai-lambaikan aksesori yang ditandai di depan perangkat yang dilengkapi sensor di mana desainer tidak dapat secara tegas memandu mereka dengan isyarat visual standar—apa yang harus dilakukan desainer sekarang?

Dalam arti tertentu, ini berarti merancang pola interaksi yang dapat diprediksi dan dapat digunakan kembali.

Bagaimana Ini Mengubah Bagaimana Produk Diimplementasikan?

Aplikasi seluler sebagai unit desain—setidaknya seperti yang terlihat selama ini—menghilang.

Aplikasi mandiri menjadi tujuan sekunder, atau bahkan tersier, bagi orang-orang untuk menerima konten dan layanan yang ditawarkan produk. Bagaimana desainer dapat menyelaraskan kembali pendekatan mereka untuk memenuhi kebutuhan masyarakat dengan baik?

Mendesain lebih sedikit untuk piksel dan lebih banyak untuk konten dan momen interaksi adalah paradigma baru.

Termostat sarang – desain yang digerakkan oleh komponen

Di dunia di mana jumlah informasi yang tersedia dan jumlah layanan yang bersaing berkembang secara eksponensial, cara terbaik untuk membuat dampak adalah agar informasi berkualitas dibagikan dan didistribusikan di berbagai platform dan konteks.

Artinya, idealnya, orang akan menerima konten dengan cara yang tidak dapat dikontrol dengan tepat, sering kali dalam beberapa pembungkus.

Desainer akan mengajukan pertanyaan baru kepada diri mereka sendiri.

  • Bagaimana konten dapat diformat untuk menyesuaikan dengan array viewports dan bahkan perangkat dengan layar minimal?
  • Apakah ada cara untuk mengemas fungsionalitas utama layanan yang bisa ada di tempat lain?
  • Pola interaksi apa yang paling tepat dan berguna yang dapat ditawarkan sebagai tindakan yang harus diambil dalam notifikasi?

Karena orang-orang menghabiskan lebih sedikit waktu di dalam tujuan, seperti aplikasi seluler, bagaimana desainer dapat menciptakan pengalaman yang dapat berinteraksi dan diselesaikan di tempat lain?

Dapatkah pemberitahuan push untuk acara kalender yang akan datang memberi orang satu set kontrol standar untuk memesan penerbangan, membuat saran perjalanan, atau memesan bunga tanpa mengharuskan pengguna untuk membuka aplikasi itu sendiri?

Bagaimana desainer dapat membuat fungsionalitas aplikasi yang bekerja dengan aplikasi lain untuk memberikan layanan khusus kepada orang-orang tetapi juga cukup menarik untuk melampaui kompetisi?

UI dan chatbot masa depan untuk desain berbasis komponen
Chatbots telah menjadi pengubah permainan di industri perjalanan. Chatbot bertenaga AI membantu pelancong membuat pengaturan perjalanan melalui obrolan.

Seperti Apa Proses Desain Besok?

Saat momen pengalaman berpindah dari perangkat ke perangkat dengan cara non-linear, dan komponen adalah unit desain baru, bagaimana objek baru praktik desainer didefinisikan? Ini akan lebih banyak tentang mendesain pengalaman, bukan UI.

Komponen yang dimaksud akan didefinisikan secara berbeda dalam setiap kasus, dengan implikasi yang berbeda untuk setiap produk. Mari kita lihat beberapa contoh yang dapat membantu desainer ketika memikirkan produk mereka sebagai komponen sistem , bukan sebagai tujuan yang tertata rapi.

Pemberitahuan sebagai sistem komponen desain

Dalam Konteks Apa Orang Akan Menerima Pemberitahuan?

Mari kita mulai dengan notifikasi sebagai pola sederhana.

Bayangkan sebuah desain untuk aplikasi layanan tumpangan (mirip dengan Lyft atau Uber) yang bergema di beberapa perangkat dan memberi tahu orang-orang melalui pemberitahuan push yang kaya tentang posisi mobil sewaan mereka, perkiraan waktu kedatangan, dan penundaan. Dalam skenario ini, pengguna memiliki iPhone, Apple Watch, dan earphone yang terpasang di telinganya.

Pertama, pengguna memesan mobil melalui interaksi suara di Apple Watch mereka. Dia mengangkat pergelangan tangannya untuk membangunkan arloji, meminta mobil kepada Siri, dan menerima konfirmasi suara bahwa sebuah mobil sedang dalam perjalanan melalui earphone-nya.

Kecil kemungkinan orang akan membuka aplikasi dan memantau layar terus-menerus. Jadi notifikasi harus dikemas untuk dikirim ke sistem operasi dan pengguna melalui perangkat yang terhubung.

Beberapa menit kemudian, dia memeriksa iPhone-nya untuk melihat posisi mobil di peta dan berapa lama menunggu. Saat mobil hanya berjarak satu menit, aplikasi mengirimkan pemberitahuan suara ke earphone dan pemberitahuan getar ke Apple Watch-nya. Dia melirik iPhone-nya untuk mengkonfirmasi informasi mobil dan pengemudi.

Aplikasi ini lebih mirip komponen dalam sistem operasi.

Contoh UI masa depan – komponen desain tanpa aplikasi dengan notifikasi push yang kaya

Jika Orang Tidak Membuka Aplikasi Kami, Apa Yang Kami Rancang?

Komponen tidak hanya berinteraksi dengan sistem operasi—mereka bahkan dapat ditarik ke aplikasi lain.

Misalnya, dalam skenario di mana pengguna memiliki rencana perjalanan yang mungkin terpengaruh oleh penundaan, aplikasi perjalanan seperti TripIt dapat mengelola pemberitahuan push kaya yang dapat berinteraksi dengan pengguna tanpa harus membuka aplikasi itu sendiri.

Jika aplikasi perjalanan memiliki orang lain yang dengannya rencana perjalanan dibagikan, pemberitahuan dapat dirancang untuk memberi pengguna opsi untuk mengirim ETA yang diperbarui kepada teman-teman yang menunggu di bandara jika terjadi penundaan.

Komponen pemberitahuan perangkat seluler digabungkan dengan sistem pemberitahuan aplikasi perjalanan, tindakan pengguna mengalir kembali ke bawah rantai, dan perubahan dilakukan pada status aplikasi perjalanan tanpa pengguna harus membukanya.

Jika langkah ini diambil lebih jauh untuk menyertakan sesuatu seperti asisten suara (melalui VUI), bagaimana pemberitahuan dan tindakan dikemas dan dikirimkan di tempat interaksi berbasis layar tidak dapat diantisipasi?

Aplikasi menjadi organisme dalam ekosistem besar yang berinteraksi dengan organisme lain dan perlu beradaptasi.

Perangkat yang dapat dikenakan di VUI memimpin dengan desain berbasis komponen

Komponen UX Desain Telah Didefinisikan Ulang di UI Masa Depan

Unit desain dari tujuan target, seperti halaman web atau aplikasi kotak pasir, sedang didefinisikan ulang ke komponen sistem yang berinteraksi satu sama lain dan dengan orang-orang.

Dalam banyak kasus, interaksi ini terjadi hampir tanpa terlihat. Meskipun aplikasi sebagai sebuah konsep tidak dihilangkan, mereka tidak lagi menjadi acara atau tujuan utama.

Desainer harus berevolusi, berputar, dan mengarahkan kembali fokus mereka untuk menciptakan produk dan layanan yang beradaptasi untuk berkembang di berbagai ekosistem. UI masa depan akan tersebar di berbagai konteks dan perangkat yang tidak dapat diprediksi, dan di dunia kecerdasan ambien yang berkembang, ada banyak hal yang perlu direnungkan oleh desainer.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

  • Akhir dari Formulir Web
  • Desain UI Masa Depan Tanpa Tombol
  • Dunia Adalah Antarmuka Kita – Evolusi Desain UI
  • Bagaimana Mendesain Pengalaman Menyenangkan untuk Internet of Things
  • Kekuatan Sentuhan – Evolusi Desain Tombol (dengan Infografis)