[{"data":1,"prerenderedAt":238},["ShallowReactive",2],{"\u002Fblog\u002Fpentingnya-ux":3},{"id":4,"title":5,"body":6,"category":217,"cover":218,"date":219,"description":220,"extension":221,"meta":222,"navigation":223,"path":224,"readingTime":225,"seo":226,"sitemap":227,"stem":231,"tags":232,"__hash__":237},"blog\u002Fblog\u002F13.pentingnya-ux.md","Pentingnya UX",{"type":7,"value":8,"toc":211},"minimark",[9,18,21,24,40,45,57,65,72,75,97,101,115,118,129,162,168,174,178,181,187,192,195,201,204],[10,11,12,13,17],"p",{},"Saya ga bakal bosen-bosennya ngingetin kalau ",[14,15,16],"u",{},"UX itu sangat krusial, dan jangan pernah dilupain pas kita ngebangun sebuah produk",".",[10,19,20],{},"Di industri digital, banyak orang gampang silau sm tampilan visual yg estetik, mulai dari gradasi warna rapi, animasi halus, sampai tata letak kekinian.",[10,22,23],{},"Tp pas produk itu beneran dipake orang, baru kerasa masalahnya. Tombol aksi utama ga jelas, alur navigasi muter-muter, dan hal sesederhana cari menu aja bikin frustrasi.",[10,25,26,27,31,32,35,36,39],{},"Makanya namanya ",[28,29,30],"strong",{},"UI\u002FUX",", bkn cuma UI sendirian. Keduanya satu paket yg saling melengkapi. ",[28,33,34],{},"UI"," adalah apa yg dilihat oleh mata, sedangkan ",[28,37,38],{},"UX"," adalah apa yg bener\" dirasain pengguna pas berinteraksi sm produk itu.",[41,42,44],"h2",{"id":43},"desain-bagus-pengalaman-buruk","Desain Bagus, Pengalaman Buruk",[10,46,47,48,52,53,56],{},"Bikin tampilan yg cantik di ",[49,50,51],"em",{},"mockup"," atau ",[49,54,55],{},"screenshot"," portofolio itu relatif gampang. Tp bikin antarmuka yg intuitif pas berhadapan sm pengguna nyata itu tantangan sebenarnya.",[10,58,59],{},[60,61],"img",{"alt":62,"src":63,"title":64},"Design vs User Experience","\u002Fimages\u002Fblog\u002Fpentingnya-ux\u002Fdesign-vs-user-experience.jpg","no-caption",[10,66,67,68,71],{},"Analogi paling klasik yg sering kita temuin di dunia nyata adalah ",[49,69,70],{},"desire path",". Jalan beraspal rapi dibuat memutar 90 derajat, tp rumput di sampingnya habis terinjak krn orang lebih milih jalan pintas. Desainernya mikirin estetika jalur, tp penggunanya milih efisiensi langkah.",[10,73,74],{},"Sering kali kita nemu aplikasi digital sm penyakit yg sama:",[76,77,78,85,91],"ul",{},[79,80,81,84],"li",{},[28,82,83],{},"Estetik ngorbanin fungsi:"," kontras teks dibuat terlalu samar demi kesan minimalis, ujung\"nya malah susah dibaca.",[79,86,87,90],{},[28,88,89],{},"Interaksi bikin nebak:"," ikon tanpa teks pendukung yg bentuknya terlalu abstrak, bikin orang ga tau fungsinya apa sebelum diklik.",[79,92,93,96],{},[28,94,95],{},"Alur yg berbelit:"," butuh lima langkah cuma buat nyelesaiin satu aksi yg harusnya selesai dlm dua klik.",[41,98,100],{"id":99},"kenali-target-dan-konteksnya","Kenali Target dan Konteksnya",[10,102,103,104,17],{},"Target pengguna bkn cuma soal angka umur di atas kertas. Kita jg wajib liat ",[28,105,106,107,110,111,114],{},"kondisi tempat, momen ",[49,108,109],{},"event",", karakter ",[49,112,113],{},"brand",", sampai latar belakang keahlian mereka",[10,116,117],{},"Sebelum mulai menyusun antarmuka, alur berpikir UX selalu berputar di tiga tahap utama:",[119,120,126],"pre",{"className":121,"code":123,"language":124,"meta":125},[122],"language-text","[ 1. Konteks ]              [ 2. Prioritas ]            [ 3. Eksekusi ]\nSiapa & situasinya     ->   Kebutuhan utama (MVP)  ->   Fungsi primer di depan\n","text","",[127,128,123],"code",{"__ignoreMap":125},[10,130,131,132,138,139,142,143,150,151,153,154,157,158,161],{},"Contoh paling gampang bisa kita liat di ",[28,133,134,135],{},"aplikasi ",[49,136,137],{},"m-banking",". Pengguna memang bakal pake fitur lain kayak ",[49,140,141],{},"top up",", bayar tagihan, pengajuan kredit, atau hal lainnya. Tp kita harus paham betul apa ",[28,144,145,146,149],{},"nilai utama (",[49,147,148],{},"MVP",")"," dari produk itu. Mayoritas orang buka ",[49,152,137],{}," buat ",[28,155,156],{},"transaksi secepat mungkin",", entah itu cek saldo, transfer, atau ",[49,159,160],{},"scan"," QRIS pas lg antre di kasir.",[10,163,164,165,17],{},"Di sinilah peran nyata UX dlm memetakan mana kebutuhan primer dan mana yg sekunder, yg kemudian didukung penuh oleh UI lewat tata letak yg tepat. Fitur transaksi utama wajib ditaruh paling depan di halaman beranda dlm jangkauan satu tangan. Jangan sampai fitur sampingan kayak banner promo atau penawaran kredit malah ditaruh paling dominan dan nutupin fungsi intinya. ",[14,166,167],{},"Itu contoh sederhana hal kecil dari UX, tau mana yg wajib diprioritaskan",[10,169,170,173],{},[14,171,172],{},"Kuncinya cuma satu, UX itu soal fleksibilitas menyesuaikan konteks nyata",". Desain terbaik bkn yg memaksakan pakem kaku, tp yg tau arah tujuannya dan bisa lentur menyesuaikan siapa orangnya, di mana mereka berada, dan apa yg lg mereka butuhkan saat itu.",[41,175,177],{"id":176},"keluar-dari-sudut-pandang-sendiri","Keluar dari Sudut Pandang Sendiri",[10,179,180],{},"Jebakan terbesar bagi desainer maupun developer adalah rasa percaya diri berlebih pas ngerasa produk buatannya udah \"gampang banget dipahami\".",[10,182,183],{},[60,184],{"alt":185,"src":186,"title":64},"Ketika pengguna bingung","\u002Fimages\u002Fblog\u002Fpentingnya-ux\u002Floading-cat.gif",[10,188,189,17],{},[14,190,191],{},"Iya, itu gampang krn POV-nya kita yg bikin",[10,193,194],{},"Kita yg ngerancang dari awal, kita yg hapal letak tombolnya, dan kita yg paham logika sistem di baliknya. Jadi di kepala kita, alurnya terasa wajar dan alami.",[10,196,197,198],{},"Tp coba liat dr sudut pandang orang yg baru pertama kali buka aplikasi kita, ",[28,199,200],{},"apakah mereka bakal punya kesimpulan yg sama?",[10,202,203],{},"Sering kali engga sama sekali. Hal yg kita anggap sepele bisa jd teka-teki membingungkan buat orang lain.",[10,205,206,207,210],{},"Itulah esensi sejati dr UX, yaitu ",[28,208,209],{},"empati",". Kemampuan buat menahan ego, keluar dr kepala kita sendiri, dan bener\" duduk di posisi orang yg make.",{"title":125,"searchDepth":212,"depth":212,"links":213},2,[214,215,216],{"id":43,"depth":212,"text":44},{"id":99,"depth":212,"text":100},{"id":176,"depth":212,"text":177},"tech",null,"2026-10-05","UI yang estetik ga ada artinya kalau bikin pengguna bingung. Refleksi tentang kenapa kita harus keluar dari POV sendiri dan melihat produk dari kacamata user.","md",{},true,"\u002Fblog\u002Fpentingnya-ux","3 min read",{"title":5,"description":220},{"loc":224,"images":228},[229,230],{"loc":63},{"loc":186},"blog\u002F13.pentingnya-ux",[30,233,234,235,236],"Design","Product","Perspective","Best Practice","agf4cf_7aex-p8Sa5lviz3Ql5o8zycyNYG9NCcWISLI",1791268361314]