- Antarmuka berbasis teks yang muncul setelah ChatGPT memang kuat, tetapi kurang intuitif dibanding pendekatan GUI tradisional
- UI masa depan berevolusi ke bentuk yang menyediakan aksi yang sesuai konteks alih-alih chat, pencarian cerdas, perapian otomatis, dan umpan balik instan
- Contoh: menu klik kanan berbasis AI, kolom pencarian bahasa alami, command bar, perapian layer AI di Figma, saran real-time dari Grammarly, dll.
- Sudah ada upaya untuk memprediksi “tindakan berikutnya yang akan dilakukan pengguna” lalu memberi saran otomatis, bahkan LLM menghasilkan UI itu sendiri secara real-time
- Perangkat lunak tradisional lambat laun akan terasa usang, dan produk berbasis pola baru makin berpeluang menggantikan produk lama
Chat adalah kembalinya terminal
- Chat LLM kuat dan fleksibel, serta mudah diprogram
- Namun ia juga tidak intuitif dan kurang nyaman dioperasikan, serta bisa terasa mengintimidasi bagi pemula, mirip terminal zaman dulu
> Chat berguna sebagai antarmuka debug, tetapi tidak semestinya menjadi UX default
UI berpusat pada dokumen + chat pendamping
- Seperti ChatGPT Canvas, UI dengan dokumen atau kode sebagai pusat dan chat sebagai sarana pendamping mulai menyebar
- Pengalaman serupa juga bisa dilihat di Copilot in Excel, Cursor IDE, dan lainnya
Menu klik kanan generatif
- Fitur AI dapat ditempatkan secara alami di menu konteks
- Contoh: Dia Browser langsung menyarankan perintah AI berdasarkan posisi kursor
- Pada tahap awal, menu bisa menjadi terlalu rumit, sehingga perlu disempurnakan ke depannya
Pencarian bahasa alami yang intuitif
- Kini pengguna bisa mencari dengan “kapan penerbangan dinas saya?” alih-alih “air canada confirmation”
- Contoh: pencarian email bahasa alami dari Superhuman, pencarian desain berbasis fondasi di Figma
- UX yang menuntut mengingat kata kunci yang tepat perlahan mulai menghilang
Mengetik alih-alih memilih: cara kontrol yang lebih manusiawi
- UI lama untuk filter, tanggal, gaya, dan lain-lain mengandalkan pilihan berbasis dropdown
- Sekarang jauh lebih alami untuk mengetik “Rabu depan” dalam bahasa alami
- Command bar (Command-K) dan antarmuka eksekusi instan berbasis autocomplete semakin meluas
Umpan balik inline
- Bukan hanya ejaan, AI kini juga bisa memberi umpan balik inline untuk gaya, argumen, kebutuhan sumber, dan lainnya
- Konsep “daemon menulis” dari Maggie Appleton: karakter umpan balik dengan berbagai kepribadian yang memberi saran secara real-time
Fitur perapian otomatis
- Seperti perapian nama layer dengan AI di Figma, file yang berantakan pun bisa distrukturkan otomatis
- Perapian yang lebih kompleks juga bisa diwujudkan secara alami tanpa pola chat
Ringkasan dan ekstraksi informasi
- Apple Intelligence menyediakan ringkasan informasi inti dari percakapan santai (“janji hari ini dibatalkan, dipindah ke minggu depan”, dll.)
- Di era kelebihan informasi, fitur ringkasan AI non-chat yang menyaring hanya sinyal penting menjadi semakin esensial
Suara + multimodal
- Antarmuka suara juga tidak seharusnya berhenti pada percakapan linear seperti chat
- Contoh: sambil mengarahkan mouse ke sebuah tombol, pengguna berkata “di mana kode ini?”, lalu LLM membuka lokasi kodenya
- Kini dimungkinkan antarmuka multimodal yang lebih manusiawi dengan menggabungkan pointer + ucapan secara bersamaan
Saran “apa yang harus dilakukan berikutnya”: sealami tombol Tab
- Sistem dapat menyarankan tindakan berikutnya berdasarkan pola pengguna
- Contoh: saran typo dari Grammarly, pola autocomplete tombol Tab di Cursor
- Ini mengurangi beban kerja berulang dan membantu pengguna fokus pada pemikiran kreatif
Tahap akhir: LLM menghasilkan UI secara real-time
- Pembuatan kode UI seperti bolt.new sudah menjadi kenyataan
- Lebih jauh lagi, mulai muncul arus di mana UI itu sendiri dihasilkan secara real-time sesuai tujuan pengguna tertentu
- Kekurangannya: sulit dipelajari, dan status UI bisa berbeda untuk tiap pengguna
- Menu adaptif (IntelliMenus) di Office XP pada masa lalu adalah contoh kegagalan
- Namun jika LLM cukup kuat, masih ada kemungkinan ini menjadi pola UI standar yang baru
Sekarang saatnya membangun
- Pola UI berbasis AI semacam ini secara bertahap sedang merekonstruksi perangkat lunak secara menyeluruh
- UX tradisional akan terlihat ketinggalan zaman, dan produk yang lebih dulu mengadopsinya akan menetapkan ekspektasi pengguna yang baru
- Seperti ketika GUI menggantikan terminal, sekarang adalah masa ketika lanskap UX perangkat lunak kembali dibalik sekali lagi
4 komentar
Saya punya pemikiran yang mirip.
Belakangan ini saya mencari program untuk mengganti nama file secara massal, tetapi program yang memiliki semua fitur benar-benar punya menu yang luar biasa banyak dan cara pakainya juga sangat rumit. Untuk melakukan tugas sederhana seperti “tambahkan '_' di belakang nama file”, saya tetap harus mempelajari cara pakainya... Semakin kuat fiturnya, semakin aneh jadinya.
Jadi saya membuatnya ulang dengan menggunakan LLM. Bagian kode yang benar-benar mengubah nama file itulah yang dibiarkan dihasilkan oleh LLM. Dengan begini, UI yang rumit bisa dihapus habis.
Intinya, pada akhirnya LLM harus menghasilkan kode secara internal lalu mengeksekusinya secara real-time,
dan di situlah letak perbedaan mendasarnya dari perangkat lunak atau konsep UX yang ada selama ini.
Dulu semua logika sudah disiapkan sebelumnya, dan inti UI adalah menghubungkan logika ini dengan pengguna, tetapi sekarang bahkan logikanya pun menjadi dinamis, jadi UI juga harus berperan dalam membentuk pembuatan kode yang dinamis ini.
Namun, sepertinya tidak semuanya bisa digantikan. Untuk beberapa hal, UI lama lebih nyaman.
(Saya tambahkan karena tidak ada revisi.)
https://www.bulkrenameutility.co.uk/#mainscreen
Perangkat lunak lama seperti di atas, jika LLM diterapkan, bisa berubah seperti di bawah ini.
https://localfile.io/ko/run/rename/
Kalau lanskap UI/UX mau benar-benar berubah, tampaknya platformnya juga perlu mencoba lepas dari form factor seperti ponsel atau monitor.
https://x.com/karpathy/status/1917920257257459899
Pendapat Andrej Karpathy juga tampaknya menarik untuk dibandingkan.
Pengalaman "mengobrol" dengan LLM terasa seperti menggunakan terminal komputer era 80-an. GUI (antarmuka pengguna grafis) memang belum ditemukan, tetapi menurut saya beberapa cirinya sudah bisa diprediksi.
Ia akan bersifat visual (seperti GUI di masa lalu). Alasannya, informasi visual (foto, grafik, animasi, dan sebagainya — melihat alih-alih membaca) adalah seperti jalan tol 10 lajur menuju otak. Visual memiliki bandwidth input informasi tertinggi, dan sekitar sepertiga komputasi otak dialokasikan untuk pemrosesan visual.
Ia juga akan bersifat generatif dan berubah sesuai kondisi input. Artinya, GUI akan dihasilkan secara real-time sesuai prompt pengguna, dan semua elemennya akan ada serta tersusun untuk tujuan sesaat itu.
Pertanyaan yang sedikit lebih terbuka adalah sejauh mana sifatnya akan "prosedural". Di satu ekstrem, kita bisa membayangkan satu diffusion model raksasa yang menghasilkan seluruh kanvas output sekaligus, sedangkan di ujung lainnya ada halaman yang penuh dengan komponen React (yang dibuat secara prosedural) (misalnya: gambar, grafik, animasi, diagram, dan sebagainya). Menurut saya hasil akhirnya akan menjadi campuran keduanya, tetapi yang terakhir akan menjadi kerangka dasarnya.
Namun yang bisa saya pastikan sekarang adalah: semakin mendekati kemampuan yang nyaris tak terbatas, bentuk akhirnya akan menjadi GUI kanvas 2D interaktif yang cair, terasa magis, dan fana. Dan menurut saya, ini sudah perlahan dimulai (misalnya: code block/highlighting, blok LaTeX, bold/italic/list/tabel di Markdown, emoji, dan yang lebih ambisius seperti tab Artifacts, diagram Mermaid, atau aplikasi yang lebih lengkap). Tentu saja, semua ini masih berada pada tahap yang sangat awal dan primitif.
Iron Man, dan sampai batas tertentu Star Trek/Minority Report, bisa dibilang merupakan contoh yang baik dari AI/UI dalam budaya populer yang menunjukkan arah ini.