Mengapa Desainer dan Pengembang Harus Memikirkan Ulang Antarmuka Web untuk Era AI-First

\ Saya adalah pengembang dan arsitek praktisi yang telah menghabiskan beberapa tahun terakhir hidup di persimpangan kerangka kerja web modern, SEO, dan alat AI. Setiap hari, semakin sulit untuk berpura-pura bahwa cara kita merancang antarmuka dapat tetap sama sementara perilaku pengguna, pencarian, dan AI bergeser di bawah kaki kita. Tulisan ini tentang jenis antarmuka baru — bukan hanya sekumpulan komponen trendi lainnya, tetapi model berbeda tentang bagaimana manusia berinteraksi dengan aplikasi web.

Ini tentang apa yang terjadi di persimpangan obrolan AI dan situs web tradisional — dan apa artinya bagi desainer, pengembang, dan bisnis yang membangun produk untuk 5-10 tahun ke depan.

Bagaimana kita belajar menggunakan web

Selama dua puluh tahun terakhir, web telah mengejutkan dapat diprediksi. Ada halaman. Di halaman itu, ada header, footer, navigasi, beberapa tautan ke halaman tetangga, dan terkadang kotak pencarian. Di tempat yang lebih dalam terdapat filter, kategori, tag, dan pagination tanpa akhir. Model mentalnya sederhana: web adalah perpustakaan, dan setiap situs adalah koleksi pribadi kecil dengan katalog dan rak sendiri.

Kita belajar bahwa untuk mencapai "rak" yang tepat, pertama-tama kita harus memahami bagaimana pustakawan berpikir. Di web, pustakawan itu adalah arsitektur informasi. Anda tidak hanya mencari "sesuatu tentang autentikasi"; Anda belajar bahwa dalam produk ini, dokumen berada di "Dokumentasi → API → Autentikasi", sementara panduan berada di tempat lain. Setelah beberapa klik dan beberapa menit menggulir, Anda mulai merasa bahwa Anda "familiar" dengan produk tersebut.

Mesin pencari seperti Google dan Bing memperkuat model ini alih-alih menggantinya. Mereka menjadi katalog global di atas semua perpustakaan tersebut. Tetapi hasil dari setiap pencarian masih sama: daftar halaman. Kita terbiasa googling, membuka 5-10 tab, dan secara manual menyusun jawaban dari fragmen yang tersebar di berbagai situs. Rasanya normal, bahkan tak terelakkan — begitulah cara kerja web, bukan?

Bagaimana chatbot AI menghancurkan model mental lama

Kemudian, akses skala besar ke aplikasi obrolan AI tiba. Pada awalnya, mereka terlihat seperti mainan: menyenangkan untuk diutak-atik, mampu membuat lelucon, terkadang berhalusinasi dengan percaya diri tentang hal-hal yang salah. Tetapi dengan sangat cepat, sesuatu yang halus namun penting berubah — bukan dalam teknologi, tetapi dalam bagaimana orang berpikir tentang mengajukan pertanyaan.

Orang berhenti memadatkan pikiran mereka menjadi "2-3 kata kunci". Alih-alih mengetik "beli sepatu kets nyc", mereka mulai menulis: "Saya membutuhkan sepatu kets yang nyaman untuk berjalan sehari-hari, bukan untuk berlari, anggaran di bawah $100, tidak masalah dengan pengambilan di NYC atau pengiriman cepat." Di mesin pencari tradisional, jenis kueri seperti ini terasa aneh. Dalam obrolan, itu terasa alami. Dan bagian berbahaya bagi "web lama" adalah bahwa pada saat ini, pengguna tidak lagi peduli dari mana jawaban itu berasal.

Model kognitif bergeser. Sebelumnya, pengguna harus berpikir: "Bagaimana saya merumuskan ini agar mesin pencari memahami dan memberikan tautan yang setengah relevan?" Sekarang pertanyaannya adalah: "Bagaimana saya menjelaskan ini seperti yang saya lakukan kepada manusia?" Itulah perbedaan antara "beradaptasi dengan mesin" dan "berbicara seperti orang". Obrolan menghilangkan lapisan disiplin teknis: pengguna tidak perlu mengingat nama halaman yang tepat, istilah produk yang benar, atau struktur dokumen Anda. Mereka hanya perlu menggambarkan situasi mereka — dan jika jawabannya cukup baik, mereka mungkin tidak pernah mengunjungi situs Anda sama sekali.

Jika AI begitu pintar, mengapa kita masih membutuhkan situs web?

Jika Anda mendorong pemikiran ini ke ekstrem, Anda mendapatkan pertanyaan radikal: jika AI dapat menjawab sebagian besar pertanyaan, mengapa kita membutuhkan situs web sama sekali? Mungkin semuanya bergerak ke dalam satu jendela obrolan universal, dan halaman, bilah navigasi, dan tata letak landing menjadi artefak museum dari desain web awal.

Secara teknis, jawabannya bisa hampir "ya". Adalah mungkin untuk membayangkan dunia di mana hampir semua hal terjadi di dalam antarmuka obrolan: dari menemukan produk dan checkout, hingga menandatangani kontrak dan mengelola langganan. Di banyak domain, kita sudah setengah jalan: bot dukungan internal, layanan pelanggan yang diskrip, asisten suara yang berpura-pura menjadi manusia di telepon.

Tetapi pada tingkat pengalaman manusia dan bisnis, gambarannya terlihat sangat berbeda. Situs web bukan hanya fungsionalitas. Ini juga panggung, dengan lampu dan suara dan pemandangan. Ini adalah ruang di mana merek dapat berbicara dalam bahasanya sendiri — melalui warna, komposisi, animasi, metafora visual. Obrolan adalah ruang pertemuan. Bagus untuk mengklarifikasi, bernegosiasi, mengajukan pertanyaan cepat. Sangat buruk dalam membangun atmosfer dan identitas. Dalam obrolan, setiap merek terlihat hampir sama: gelembung teks, mungkin avatar, nada suara yang sedikit berbeda.

Bagi bisnis, itu bukan hanya tragedi estetika. Ini adalah risiko terhadap kepercayaan, diferensiasi, dan hubungan jangka panjang. Bahasa visual adalah cara untuk menunjukkan bahwa ada produk nyata, tim nyata, dan cerita nyata di balik antarmuka. Jika semuanya runtuh menjadi panel obrolan abu-abu, yang tersisa hanyalah "suara" tanpa tubuh — dan jauh lebih mudah bagi suara itu untuk berpura-pura menjadi seseorang yang bukan dirinya.

Jadi tidak, obrolan murni tidak akan "membunuh" situs web. Mungkin menyerap sebagian besar tugas yang sebelumnya memerlukan navigasi melalui halaman. Tetapi tidak akan menggantikan segalanya, karena orang masih suka "melihat" produk, bukan hanya "berbicara" dengannya.

Mengapa web berbasis halaman lama rusak di dunia AI

Meski demikian, pendekatan lama "semuanya adalah halaman" juga gagal bertahan kontak dengan realitas di tahun 2025. Pikirkan produk SaaS yang matang: bertahun-tahun pengembangan, puluhan bagian, ratusan halaman dokumen, posting blog, halaman landing, dan panduan onboarding. Setiap bagian konten masuk akal ketika dibuat: "Mari kita letakkan ini di halaman terpisah agar pengguna tidak merasa kewalahan".

Tetapi dari perspektif pengguna, kompleksitas terakumulasi. Mereka tidak tahu halaman mana yang menyimpan jawaban. Mereka tidak tahu mana dari sepuluh artikel serupa yang paling up-to-date. Mereka tidak tahu bagaimana menghubungkan potongan-potongan yang tersebar di blog, dokumen, dan changelog Anda. Mereka dipaksa melakukan "pengujian integrasi" manual terhadap konten Anda, mengklik melalui layar dan secara mental menggabungkan jawaban parsial menjadi sesuatu yang dapat digunakan.

AI, dalam konteks ini, bertindak sebagai synthesizer. Ia dapat menarik makna dari beberapa halaman dan mengubahnya menjadi jawaban yang segar dan koheren. UX web klasik tidak dapat melakukan ini berdasarkan desain; itu dibangun di sekitar "tampilkan halaman ini", bukan "susun jawaban ini". Tetapi obrolan AI juga memiliki kelemahan: jarang menunjukkan jalur lengkap. Ia memberi Anda kesimpulan, namun jarang memberi Anda bentuk — struktur, konteks, tempat di mana ini hidup dalam sistem.

Jika Anda memperluas metafora teater, situs web tradisional adalah panggung tempat Anda menonton seluruh pertunjukan. Obrolan AI adalah kritikus yang menceritakan kembali cerita dengan kata-katanya sendiri. Terkadang itu persis yang Anda inginkan; terkadang tidak. Bagaimanapun, itu adalah bidang pengalaman yang berbeda. Ketegangan itu menciptakan kebutuhan akan antarmuka hybrid: sesuatu yang dapat menunjukkan dan menjawab.

Antarmuka baru: aliran pengalaman paralel

Ini membawa kita ke ide kunci. Antarmuka baru bukanlah "situs web dengan widget obrolan di sudut", juga bukan "obrolan yang sesekali membuka webview di tab browser". Antarmuka baru adalah sistem yang dirancang secara sadar dari beberapa aliran pengalaman paralel yang hidup bersama di satu layar.

Satu aliran bersifat percakapan. Ini adalah AI yang dapat Anda ajak bicara, yang memahami tugas, bukan hanya URL. Ia dapat mengusulkan jalur, mengajukan pertanyaan klarifikasi, dan memperingatkan Anda sebelum Anda melangkah ke jalan buntu. Aliran lain bersifat visual dan struktural: halaman, dasbor, tabel, peta, formulir — segala sesuatu yang memerlukan fokus, hierarki, aksesibilitas, dan ekspresi merek. Aliran ketiga adalah logika bisnis dan data: peran, izin, batasan, alur kerja, dan keadaan aktual sistem.

Pergeseran penting adalah bahwa aliran-aliran ini tidak lagi berjalan "satu demi satu" — pertama obrolan, kemudian UI, kemudian kembali ke obrolan. Mereka dapat dan harus berjalan pada saat yang sama. Pengguna berbicara dengan AI dan secara bersamaan menyaksikan antarmuka berkembang. Antarmuka menyarankan sesuatu, dan pengguna mengklarifikasi dalam obrolan apa yang sebenarnya mereka maksud. Dialog dan lapisan visual berhenti bersaing untuk mendapatkan perhatian dan mulai bermain dalam tim yang sama. Secara teknis, ini menarik kita ke arah tata letak berbasis slot dan rute paralel: antarmuka dibagi menjadi wilayah independen, masing-masing dengan siklus hidupnya sendiri, semuanya dikoordinasikan oleh skenario bersama.

Mengapa slot dan rute paralel masuk akal

Pada suatu titik, ini berhenti menjadi diskusi desain abstrak dan berubah menjadi masalah arsitektur konkret dalam salah satu proyek saya sendiri.

Persyaratannya terlihat seperti ini:

• Pertahankan obrolan AI yang sadar produk di sebelah kiri, dengan akses ke dokumen internal dan pengetahuan eksternal melalui pencarian vektor.
• Tampilkan halaman di sebelah kanan — dari konten pemasaran statis hingga UI terotentikasi yang kompleks.
• Pastikan kesalahan apa pun di sebelah kanan tidak pernah mematikan obrolan atau mengatur ulang percakapan.
• Pertahankan SEO: konten publik harus tetap disampaikan sebagai HTML statis, bukan sebagai shell yang bergantung pada JS.
• Hindari kekacauan iframe dan microfrontend rapuh yang menyakitkan untuk diuji dan dipelihara.[

Pada tingkat arsitektur, ini berubah menjadi persamaan dengan beberapa hal yang tidak diketahui: independensi, ketahanan, SEO, dan pengalaman pengembang. Dalam persamaan itu, tata letak berbasis slot (jendela atau slot independen di layar) dan perutean paralel (rute yang dapat diperbarui secara independen) ternyata menjadi jawaban alami. Alih-alih berpikir dalam "halaman", menjadi lebih berguna untuk berpikir dalam "aliran": slot kiri adalah aliran percakapan (obrolan, autentikasi, asisten), slot statis kanan adalah konten publik yang berfungsi bahkan dengan JS dinonaktifkan, slot dinamis kanan adalah fungsionalitas yang dipersonalisasi dan diautentikasi.

Dari situ, arsitektur baru muncul di mana obrolan AI dan situs klasik berhenti bersaing untuk mengendalikan layar. Mereka mendapatkan "gedung kampus" mereka sendiri, terhubung oleh kampus bersama navigasi, tata letak, dan merek. Secara praktis, inilah yang ada di balik template starter AIFA: pengaturan open-source berbasis Next.js yang dirancang untuk menjaga obrolan AI, halaman SEO statis, dan permukaan aplikasi dinamis dalam satu pengalaman yang koheren.

Apa yang berubah dalam produk nyata

Ide tingkat tinggi itu bagus, tetapi antarmuka hidup atau mati dalam skenario nyata. Inilah bagaimana model aliran paralel ini membentuk kembali beber