17 Jan

Mental Model: Kunci Membuat Interface yang Intuitif

By FERDI SURATNO - views

Bayangkan Anda baru saja mengunduh aplikasi mobile banking. Begitu dibuka, tombol Transfer malah berada di pojok kanan atas, menu Riwayat tersembunyi di balik hamburger menu, dan untuk sekadar melihat saldo Anda harus menggeser layar berkali-kali. Rasanya ribet dan bikin kesal, bukan?

Bandingkan dengan pengalaman saat melihat ikon amplop yang langsung kita pahami sebagai pesan, ikon rumah untuk beranda, atau ikon keranjang untuk belanja. Tanpa perlu berpikir panjang, kita langsung tahu fungsinya. Lalu, kenapa ada tampilan yang terasa begitu akrab dan mudah digunakan, sementara yang lain justru membuat kita seperti sedang menebak-nebak? Jawabannya ada pada konsep penting dalam desain yang disebut mental model.

Apa Itu Mental Model?

Model mental adalah gambaran dalam benak pengguna tentang bagaimana suatu sistem misalnya situs web bekerja. Dari gambaran itulah mereka menebak apa yang akan terjadi saat berinteraksi dan merencanakan langkah berikutnya ketika menggunakan sistem tersebut.

Dalam dunia desain interface, mental model pengguna merujuk pada dugaan dan harapan mereka tentang bagaimana sebuah aplikasi atau website seharusnya berjalan. Kalau tampilan dan alur yang dibuat sesuai dengan cara berpikir pengguna, mereka akan merasa aplikasi tersebut mudah dipahami dan nyaman digunakan tanpa harus banyak mikir.

Karena itu, mental model yang tepat punya peran besar dalam menciptakan interface yang terasa intuitif. Selain membuat pengguna lebih cepat paham, pendekatan ini juga bisa mengurangi beban berpikir dan pada akhirnya meningkatkan pengalaman pengguna secara keseluruhan.

Mengapa Penting Mental Model itu penting?

1. Mengurangi Cognitive Load (Beban Kognitif)

Saat antarmuka sesuai dengan cara berpikir dan kebiasaan pengguna, mereka tidak perlu “memaksakan otak” untuk menggunakannya. Segalanya terasa otomatis karena mengikuti pola yang sudah familiar. Jika sebuah desain selaras dengan model mental pengguna, beban kognitif atau usaha mental yang diperlukan untuk memahami produk jadi jauh berkurang. Pengguna bisa menjelajah antarmuka dan menyelesaikan tugas lebih cepat karena mereka tidak harus terus-menerus memikirkan cara kerja fitur di dalamnya.

Analoginya seperti pindah ke rumah baru. Hari pertama, kamu masih mikir, “Saklar lampu kamar mandi ada di mana ya?” Tapi setelah beberapa hari, tanganmu otomatis menemukan posisinya tanpa sadar.
UI yang bagus menghadirkan efek “sudah seminggu tinggal di sana” sejak pertama kali digunakan.

2. Meningkatkan Learnability (Kemudahan Belajar)

Produk yang selaras dengan mental model pengguna jauh lebih mudah dipelajari, karena mereka bisa “memindahkan” pengalaman dari penggunaan aplikasi sebelumnya.

Contohnya: Saat Notion muncul di awal, banyak orang merasa sulit beradaptasi karena konsep blocks tidak sesuai dengan mental model editor dokumen yang mereka kenal seperti Word yang berbasis paragraf. Akhirnya, Notion perlu menyediakan onboarding dan edukasi agar pengguna memahami cara berpikir baru tersebut.
Sebaliknya, Canva terasa langsung nyaman digunakan. Antarmuka drag-and-drop-nya sudah familiar bagi mereka yang terbiasa memakai PowerPoint atau aplikasi desain lain, sehingga pengguna bisa langsung mengoperasikannya tanpa banyak belajar.

3. Mencegah User Error

Banyak user error terjadi bukan karena pengguna "bodoh", tetapi karena mismatch antara mental model pengguna dan representasi sistem.

Contoh klasik: Tombol "Delete" berwarna merah di sebelah tombol "Save" berwarna hijau. Merah = bahaya, harus hati-hati. Tapi jika tombol ini letaknya terlalu dekat, pengguna bisa accidentally klik "Delete" padahal maksudnya "Save"bukan karena mereka ceroboh, tapi karena desain tidak memfasilitasi mental model mereka tentang "dangerous actions need extra protection."

4. Membangun Trust dan Confidence

Saat sebuah sistem bekerja sesuai dugaan pengguna sesuai dengan mental model mereka muncul rasa percaya. Pengguna merasa memegang kendali dan lebih percaya diri untuk menjelajahi fitur lain.

Sebaliknya, jika sistem terasa tidak konsisten atau sulit ditebak, pengguna jadi ragu untuk bereksplorasi. Mereka takut salah menekan tombol, merusak sesuatu, atau bahkan kehilangan data.

Memahami Tiga Komponen Mental Model dalam UX

1. Mental Model Pengguna (User's Mental Model)

Ini bisa dibilang sebagai bayangan di kepala pengguna tentang cara sebuah sistem seharusnya bekerja. Bayangan ini terbentuk secara alami dari berbagai hal, misalnya:

  • Pengalaman mereka saat memakai aplikasi atau produk sejenis sebelumnya

  • Kebiasaan dari dunia nyata, seperti memakai folder untuk menyimpan dokumen

  • Budaya dan kebiasaan sosial yang sudah akrab dengan kehidupan sehari-hari

  • Pola penggunaan dari platform populer seperti Google, Instagram, dan sejenisnya

Contohnya, sebagian besar pengguna langsung berasumsi bahwa logo di pojok kiri atas bisa diklik untuk kembali ke halaman utama. Tidak ada aturan resmi soal ini, tapi karena hampir semua website melakukannya, pola tersebut akhirnya tertanam kuat sebagai kebiasaan dan terasa “wajar” bagi pengguna.

2. Conceptual Model (Model Konseptual Designer)

Ini adalah gambaran cara kerja sistem yang sengaja dirancang oleh designer agar bisa dipahami pengguna. Model ini sebaiknya dibuat dengan beberapa prinsip utama, yaitu:

  • Dibuat sesederhana mungkin dan mudah dimengerti

  • Konsisten di seluruh bagian aplikasi, supaya tidak membingungkan

  • Sejalan dengan kebiasaan dan mental model pengguna yang sudah terbentuk

  • Disampaikan dengan jelas lewat tampilan visual dan cara interaksi

Designer yang baik biasanya tidak langsung mendesain begitu saja. Mereka akan melakukan riset terlebih dulu untuk memahami cara berpikir dan kebiasaan target pengguna. Dari situ, mereka menyusun conceptual model yang berfungsi sebagai jembatan antara harapan pengguna dan cara kerja sistem yang sebenarnya.

3. System Image (Representasi Sistem)

Ini adalah implementasi visual dan fungsional dari conceptual model—apa yang benar-benar dilihat dan dialami pengguna. System image terdiri dari:

  • Layout dan struktur informasi
  • Visual design (ikon, warna, tipografi)
  • Microinteractions dan feedback
  • Copywriting dan labeling

Ketika system image berhasil mengkomunikasikan conceptual model dengan baik, pengguna akan mudah memahami cara kerja interface tanpa perlu instruksi panjang lebar.

Prinsip-Prinsip Mendesain Berdasarkan Mental Model

Leverage Familiar Patterns

Gunakan pola desain yang sudah akrab di mata pengguna. Tidak perlu repot menciptakan sesuatu yang benar-benar baru kalau pola lama sudah terbukti berhasil.

Kenapa ini penting? Karena pada dasarnya pengguna tidak mau belajar cara baru hanya untuk melakukan hal yang sama. Mereka ingin langsung bisa memakai aplikasi dengan bekal pengalaman yang sudah mereka punya sebelumnya.

Beberapa contoh pola yang sudah umum dan mudah dikenali antara lain:

  • Tiga garis horizontal atau hamburger menu untuk navigasi

  • Ikon pensil yang identik dengan fitur edit

  • Ikon tempat sampah untuk menghapus

  • Gerakan swipe ke bawah untuk refresh atau pull-to-refresh