{"id":124538,"date":"2021-06-09T00:14:54","date_gmt":"2021-06-08T17:14:54","guid":{"rendered":"https:\/\/mojok.co\/terminal\/?p=124538"},"modified":"2021-06-09T00:19:59","modified_gmt":"2021-06-08T17:19:59","slug":"mencari-ui-ux-paling-user-friendly-di-aplikasi-belanja-online","status":"publish","type":"post","link":"https:\/\/mojok.co\/terminal\/mencari-ui-ux-paling-user-friendly-di-aplikasi-belanja-online\/","title":{"rendered":"Mencari UI\/UX Paling User Friendly di Aplikasi Belanja Online"},"content":{"rendered":"

\u201cDi mana lobi utamanya?\u201d<\/span><\/p>\n

Saya pernah kebingungan mencari area lobi sebuah mal yang baru buka di Jogja. Untuk beberapa alasan, saya merasa mencari lobi utama mal tersebut bagaikan tantangan labirin. Padahal, saat itu, saya sedang mengejar waktu karena ada penyanyi idola yang datang dan menggelar konser mini di sana. Butuh beberapa kali naik dan turun eskalator untuk saya akhirnya sampai ke lobi utama.<\/span><\/p>\n

Bertahun-tahun kemudian, kebingungan ini seolah berpindah tempat ke genggaman ponsel. Merebaknya aplikasi di ponsel pintar, termasuk untuk kebutuhan belanja <\/span>online, <\/span><\/i>membuat kita semestinya terbiasa menekan tombol tertentu untuk menjalankan proses yang dibutuhkan. Tapi, bukan tidak mungkin kalau aplikasi-aplikasi ini malah menyesatkan kita, persis dengan saat-saat kita kebingungan mencari musala di beberapa mal: di <\/span>basement <\/span><\/i>atau <\/span>rooftop<\/span><\/i>?<\/span><\/p>\n

Tata letak ini, dalam aplikasi, dikenal dengan istilah UI\/UX. Saya sendiri baru pertama kali mendengarnya setelah seorang kawan mulai bekerja sebagai desainer UI. Tadinya, saya kira UI\/UX adalah nama universitas yang bisa dipilih lewat jalur SNMPTN. Seperti dulu saya bingung di antara UI\/UGM, tetapi malah gagal masuk dua-duanya<\/a>.<\/span><\/p>\n

Ups, maaf curhat.<\/span><\/p>\n

UI adalah kepanjangan dari <\/span>user interface. <\/span><\/i>Ia adalah desain antarmuka yang tugasnya berinteraksi dengan pengguna yang ingin memakai produk atau layanan digital. UI merupakan tampilan atau bagian visual dari aplikasi atau <\/span>website<\/span><\/i> yang mungkin sedang kamu buka sekarang dan sering kamu gunakan.<\/span><\/p>\n

Sementara itu, UX adalah us<\/a><\/span>er experience <\/span><\/i><\/a>yang berkaitan dengan cara atau pengalaman seseorang (atau pengguna) dalam merasakan sesuatu. Secara singkat UX bertanggung jawab membuat seorang pengguna merasa puas menggunakan layanan sebuah aplikasi atau <\/span>website. <\/span><\/i>Misalnya, peletakan tombol menu di aplikasi belanja <\/span>online <\/span><\/i>kesukaanmu agar mudah dijangkau dengan ibu jari selagi kamu menggulirkan laman utama.<\/span><\/p>\n

Sebagai orang yang kerap tergugah hatinya untuk menabung dalam bentuk <\/span>invoice <\/span><\/i>belanja <\/span>online<\/span><\/i>, mau nggak mau, saya jadi mengamati bagaimana UI\/UX yang ditawarkan beberapa <\/span>e-commerce, <\/span><\/i>khususnya yang paling banyak diunduh. Agar lebih memudahkan, mari kita sebut dengan nama si Hijau, si Ungu, dan si Oranye.<\/span><\/p>\n

Pertama, <\/span><\/i>si Hijau.<\/span><\/p>\n

Dalam sebuah artikel di laman nomor 1 pencarian Google, si Hijau masuk dalam daftar 3 besar UI\/UX terbaik perusahaan <\/a><\/span>start-up <\/span><\/i><\/a>di Indonesia<\/a>. Selain dengan kekuatan doa dari Jimin dan anggota lain di BTS yang pernah jadi <\/span>brand ambassador-<\/span><\/i>nya, apa yang membuat si Hijau begitu menarik?<\/span><\/p>\n

Si Hijau memberikan menu berbeda untuk <\/span>buyer <\/span><\/i>dan <\/span>seller <\/span><\/i>dalam satu aplikasi. Ini adalah terobosan yang memudahkan semua pengguna karena mampu memisahkan urusan usaha dan belanja pribadi<\/span>. <\/span><\/i>Namun yang pasti, baik <\/span>seller <\/span><\/i>maupun <\/span>buyer <\/span><\/i>akan setuju dengan poin ini: si Hijau punya tampilan antarmuka yang minimalis, tapi justru memudahkan siapa saja untuk menggunakannya dengan optimal.\u00a0<\/span><\/p>\n

Prinsip desain si Hijau adalah <\/span>user centered design <\/span><\/i>yang berfokus pada kebutuhan pengguna. Ya, prinsip ini sama seperti prinsip ke-bucin-an kita saat kasmaran: gebetan adalah nomor satu. Bagi si Hijau, kebutuhan pengguna adalah segalanya.<\/span><\/p>\n

Desain dirancang setelah si Hijau menganalisis perilaku pengguna dalam menggunakan produknya. Dengan kata lain, si Hijau nggak memaksa penggunanya berubah mengikuti produknya. Justru, ia memfasilitasi bagaimana pengguna \u201cbertingkah\u201d saat menggunakan aplikasi si Hijau.<\/span><\/p>\n

Dan itulah, teman-teman, bagaimana cinta bekerja.<\/span><\/p>\n

Kedua, <\/span><\/i>si Ungu.<\/span><\/p>\n

Mengingat warna kesukaan saya adalah ungu, saya cukup <\/span>excited <\/span><\/i>waktu pertama kali mengunduh aplikasi ini. Namun, ada beberapa <\/span>review <\/span><\/i>kurang memuaskan soal tampilan UI di si Ungu, meski ia juga mendapat banyak pujian soal banyaknya diskon. Warna yang dinilai tidak konsisten dan pemilihan <\/span>font <\/span><\/i>yang kurang pas di aplikasi <\/span>mobile <\/span><\/i>menjadi salah satu faktor kenapa UI si Ungu terasa membingungkan. Padahal, si Ungu sendiri kerap menerima pujian sebagai pemilik UI\/UX yang <\/span>user friendly <\/span><\/i>di laman <\/span>website. <\/span><\/i>Apakah tampilan UI\/UX di <\/span>website <\/span><\/i>dan aplikasi <\/span>mobile <\/span><\/i>itu memang seperti perasaan Iqbal dan Acha di film <\/span>Mariposa, <\/span><\/i>alias berbanding terbalik?<\/span><\/p>\n

Yang menyenangkan dari si Ungu, proses pendaftaran akun bisa berlangsung dengan cepat. Hanya saja, pilihan untuk <\/span>log in <\/span><\/i>dan <\/span>sign in <\/span><\/i>masih tidak dibedakan. Selain itu, alih-alih mengoptimalkan kolom pencarian dan <\/span>wishlist <\/span><\/i>pengguna, si Ungu malah menyodorkan kelewat banyak barang rekomendasi.<\/span><\/p>\n

Ketiga, <\/span><\/i>si Oranye.<\/span><\/p>\n

E-commerce <\/span><\/i>yang satu ini warnanya agak ngejreng dan mengingatkan saya dengan sebuah gosip di masa kecil, di mana orang-orang bilang bahwa karakter Lala di Teletubbies<\/a> meninggal dan akan digantikan karakter baru berwarna oranye. Gosip ini terbukti salah, tapi gimana dengan tampilan UI\/UX-nya?<\/span><\/p>\n

Nyatanya, si Oranye ini kelewat <\/span>user friendly, <\/span><\/i>kalau enggan dibilang \u201cterlalu ramai\u201d. Selain membuat penggunanya bisa berbelanja sambil menyimak <\/span>live <\/span><\/i>dari <\/span>seller<\/span><\/i>, si Oranye juga menghadirkan menu permainan bagi pengguna. Bagi saya pribadi, ini bisa bikin saya batal belanja karena terdistraksi <\/span>games.<\/span><\/i> Niatnya mau <\/span>scrolling <\/span><\/i>lihat koleksi rok terbaru, eh malah main <\/span>game <\/span><\/i>colong-colongan air\u2014misalnya.<\/span><\/p>\n

Pada akhirnya, dari ketiga UI\/UX aplikasi-aplikasi di atas, yang lebih \u201cmemanjakan\u201d mata memanglah yang desainnya simpel dan mudah dipahami, alih-alih yang menawarkan terlalu banyak menu dan memunculkan iklan <\/span>pop-up <\/span><\/i>di mana-mana. Orang-orang yang berbelanja <\/span>online <\/span><\/i>tentu butuh cara mudah untuk menemukan barang yang dicari, selain tempat pembelian yang terpercaya dan memiliki barang berkualitas tinggi. Iya, kan?\u00a0<\/span><\/p>\n

Dengan ditutupnya paragraf ini, saya rasa kita bisa sama-sama sepakat bahwa warna hijau umumnya dijadikan tanda \u201cjalan terus\u201d bukan tanpa alasan. Dengan filosofi ini, <\/span>marketplace <\/span><\/i>si Hijau memang layak maju terus dengan segala kemudahannya.<\/span><\/p>\n

Bismillah<\/a>, diketemuin sama Kim Seokjin BTS.<\/span><\/i><\/p>\n

BACA JUGA 4 Podcast untuk Kamu yang Bercita-cita Menjadi Desainer UI dan UX<\/a> dan tulisan Aprilia Kumala<\/a> lainnya.<\/strong><\/p>\n

Terminal Mojok merupakan platform User Generated Content (UGC) untuk mewadahi jamaah mojokiyah menulis tentang apa pun. Submit esaimu secara mandiri lewat cara\u00a0<\/i>ini<\/i><\/a>\u00a0ya.<\/i><\/h6>\n
Pernah menulis di Terminal Mojok tapi belum gabung grup WhatsApp khusus penulis Terminal Mojok? Gabung dulu, yuk. Klik link-nya\u00a0<\/i>di sini.<\/i><\/a><\/h6>\n","protected":false},"excerpt":{"rendered":"

Saya mengamati bagaimana UI\/UX yang ditawarkan beberapa e-commerce, khususnya yang paling banyak diunduh. Berikut hasilnya.<\/p>\n","protected":false},"author":416,"featured_media":124539,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","jnews-multi-image_gallery":[],"jnews_single_post":[],"jnews_primary_category":[],"jnews_override_counter":[],"jnews_post_split":[],"footnotes":""},"categories":[8],"tags":[3155,11841,756,11842,11844,95,11843,11840],"class_list":["post-124538","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-featured","tag-aplikasi","tag-aplikasi-belanja","tag-gaya-hidup","tag-interface","tag-pengalaman-pengguna","tag-review","tag-tampilan","tag-ui-ux"],"modified_by":"Prima Sulistya","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/posts\/124538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/users\/416"}],"replies":[{"embeddable":true,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/comments?post=124538"}],"version-history":[{"count":0,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/posts\/124538\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/media\/124539"}],"wp:attachment":[{"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/media?parent=124538"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/categories?post=124538"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/tags?post=124538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}