## Volume 7 Issue 1 (2024) Pages 542 - 551 SEIKO : Journal of Management & Business
ISSN : 2598-831X (Print) and ISSN : 2598-8301 (Online)
Perancangan User Interface dan User Experience Website Monitoring dan Review Makanan Halal di Bandung Indonesia dengan Metode Design Thinking
Ersa Nur Maulana 1 , Faishal Mufied Al-Anshary 2 , Ekky Novriza Alam 3 Sistem Informasi, Telkom University

## Abstrak
Sebagai seorang muslim, wajib hukumnya untuk mematuhi peraturan agama termasuk makanan. Islam mewajibkan umat muslim untuk mengkonsumsi makanan halal sesuai dengan syariat Islam. Meskipun sertifikasi halal telah diperkenalkan oleh Kementrian Agama sejak tahun 1989, faktanya masih banyak produk makanan yang belum memiliki sertifikasi halal. Beberapa faktor dapat menyebabkan hal ini terjadi, diantaranya  ketidaksesuaian persyaratan sertifikasi halal menurut Majelis Ulama Indonesia (MUI) dan  kurangnya kesadaran pelaku usaha akan sertifikasi halal. Sehingga, penggunaan sistem informasi dan website diharapkan dapat memudahkan dalam penyediaan informasi lengkap mengenai kategorisasi makanan halal. Dalam penelitian ini, peneliti menggunakan metode Design Thinking untuk merancang user interface dan user experience website pusat informasi Halal Food.  Selanjutnya, akan dilakukan evaluasi dengan menggunakan metodologi usability testing dengan menggunakan alat Useberry. Hasil dari pengukuran testing pada metode System Usability Testing (SUS) adalah 82.5, sedangkan Single Ease Question (SEQ) mendapatkan nilai sebesar 6.7 yang berarti excellent. Dan Net Promoter Score (NPS) memiliki nilai sebesar 67.7%. Terakhir akan dilakukan pengimplementasian website sampai tahap front-end. Perancangan user interface dan user experience pada pengimplementasian website pusat informasi makanan halal ini bertujuan untuk memudahkan pengguna dalam mencari dan mengkategorisasikan makanan halal di Bandung, Indonesia.
Kata Kunci: Makanan Halal, Muslim, Design Thinking , User Interface , User Experience

## Abstract
As a Muslim, it is obligatory to comply with religious regulations including food. Islam requires Muslims to consume halal food in accordance with Islamic law. Even though halal certification has been introduced by the Ministry of Religion since 1989, the fact is that there are still many food products that do not have halal certification. Several factors can cause this to happen, including the non-compliance with the requirements for halal certification according to the Indonesian Ulema Council (MUI) and the lack of awareness of business actors regarding halal certification. Thus, the use of information systems and websites is expected to facilitate the provision of complete information regarding the categorization of halal food. In this study, researchers used the Design Thinking method to design the user interface and user experience of the Halal Food information center website. Next, an evaluation will be carried out using the usability testing methodology using the Useberry tool. The results of the testing measurements on the System Usability Testing (SUS) method are 82.5, while the Single Ease Question (SEQ) gets a score of 6.7 which means excellent. And the Net Promoter Score (NPS) has a value of 67.7%. Finally, the implementation of the website will be carried out until the
front-end stage. The design of the user interface and user experience on the implementation of the halal food information center website aims to make it easier for users to find and categorize halal food in Bandung, Indonesia.
Keywords: Halal Food, Muslim, Design Thinking, User Interface, User Experience
Copyright (c) 2024 Ersa Nur Maulana
🖂🖂 Corresponding author : Email Address : ersaanurm@student.telkomuniversity.ac.id
PENDAHULUAN Data bank populasi di dunia menyatakan bahwa Indonesia menempati peringkat ke empat dengan negara yang memiliki jumlah penduduk terbesar di dunia, Indonesia memiliki jumlah kurang lebih 276.4 Juta jiwa pada tahun 2021 setelah Tiongkok yang memiliki jumlah kurang lebih 1.4 miliar populasi, India yang tidak jauh berbeda dengan Tiongkok sekitar 1.4 miliar populasi dan Amerika Serikat sekitar 331.9 Juta (Wahab dan Azhar, 2022). Menurut data Kementrian Dalam Negri, ada sekitar 86.9% dari keseluruhan jumlah populasi di Indonesia adalah seorang Muslim. Daerah penyebaran muslim terbanyak di Indonesia yaitu ada pada daerah Bandung, Jawa Barat dengan jumlah sekitar 46.91 jiwa. (Muhammad Ivan Mahdi 2022). Sebagai seorang muslim, beberapa peraturan keagamaan perlu ditaati salah satunya peraturan perihal mengkonsumsi makanan halal menurut syariat Islam. Kementrian Agama menyuarakan mengenai sertifikasi makanan halal, guna mempermudah muslim dalam melakukan identifikasi makanan halal yang tersebar di Indonesia sejak tahun 1989 (Durrotul 2019). Namun, sampai dengan saat ini masih banyak beredar produk makanan yang tidak bersertifikasi halal. Seperti halnya, makanan yang memakai alat masak dan bahan yang halal, tetapi tidak lolos sertifikasi dari Majelis Ulama Indonesia (MUI) karena nama produknya yang mengandung nama-nama tidak baik. Adapun makanan yang sebenarnya halal tetapi tidak bersertifikasi masih banyak dijumpai pada pelaku Usaha Mikro dan Kecil (UMK) di Indonesia. Hal tersebut disebabkan oleh beberapa hal, salah duanya karena ada yang tidak memenuhi syarat halal menurut MUI dan ada juga yang terhambat  dari para pelaku usaha itu sendiri, beberapa masih malas dan beranggapan bahwa proses sertifikasi terlalu rumit juga lama untuk diajukan. Beberapa diantaranya menolak untuk menerima penyuluhan karena dirasa tidak perlu melakukan sertifikasi halal yang menghambat PPH dalam melakukan sertifikasi (Agustina dkk. 2019). Karena faktor para pelaku UMK yang menghambat untuk mengajukan sertifikasi halal masih terbilang cukup banyak, itu membuat masyarakat muslim di Indonesia terkadang masih mengkonsumsi makanan yang belum jelas tingkat kehalalannya dan membuat masyarakat ragu.
Makanan yang tidak lolos sertifikasi namun halal tersebut dapat dikategorisasi seperti kategorisasi makanan bebas dari bahan haram yang telah divalidasi oleh pendamping halal, makanan halal yang bersertifikasi MUI, makanan halal self declare serta dapat memberikan kategori untuk makanan haram itu sendiri. Kategori self declare ini merupakan pernyataan tentang status halal pada produk UMK secara mandiri, yang mana dapat melakukan self declare jika telah memenuhi syarat yang ditentukan oleh Kementrian Agama serta perlu adanya pendampingan oleh Pendamping Proses Produk Halal (PPH) yang telah terdaftar. (Rafianti, Krisna, and Radityo 2022). Dengan bantuan website yang menyediakan keseluruhan informasi, masyarakat bisa menjadi lebih cepat dalam pencarian dan kategorisasi makanan halal yang tersebar di Indonesia. Website pun bisa menjadi solusi bagi masyarakat yang butuh informasi dengan cepat tanpa perlu melakukan pengunduhan atau langkah – langkah yang memiliki kompleksitas cukup tinggi ketika menggunakan aplikasi mobile (Kim, 2013).
Penelitian ini berfokus pada perancangan user interface dan pengimplementasian tahap front-end terhadap website Makanan HalalIndonesia. Peneliti melakukan perancangan website Makanan HalalIndonesia dengan bantuan metode UX Design, guna mempermudah dalam melakukan perancangan, serta untuk implementasi website tahap front-end. Dari perancangan ini, diharapkan menghasilkan solusi desain yang mempermudah serta membantu pengguna dalam melakukan pencarian makanan halal berdasarkan kategorisasi di Indonesia dan pelaku UMK atau kontributor dalam melakukan sertifikasi halal.

## TINJAUAN PUSTAKA

## Design Thinking
Design Thinking menurut Kelley dan Brown (2018) dalam penelitian Lazuardi dan Sukoco (2019),  Design Thinking merupakan pendekatan yang berpusat pada manusia terhadap inovasi yang diambil dari perangkat perancang untuk mengintegrasikan kebutuhan orang- orang, kemungkinan teknologi dan persyaratan untuk kesuksesan bisnis. Sedangkan menurut Interaction-design.org  (2020),  Design Thinking merupakan proses non-linear dan iterative yang biasa digunakan oleh tim ketika ingin mengerti memahami pengguna, mempermudah dalam pendefinisian masalah yang dihadapi dan membuat solusi inovatif yang nantinya akan dilakukan pengujian pada hasil prototipe. Terdapat 5 tahapan design thinking yaitu empathize, define, ideate, prototype, dan testing.
Gambar II-2 Fase Design Thinking (interaction-design.org 2020).

## User Interface
User Interface merupakan suatu jembatan antara pengguna dengan sistem untuk berinteraksi serta mencapai keinginan dan kebutuhan pengguna baik secara fisik, persatuan, maupun konseptual (Satzinger, Jackson, dan Burd 2012). UI merupakan salah satu aspek yang paling penting dari suatu sistem atau aplikasi. Jika UI dirancang terlalu rumit, hal tersebut dapat memperlambat pengguna dalam menggunakan sebuah sistem.  User interface terkadang dipandang sekedar istilah untuk tampilan sistem yang cantik dan estetik, namun pada dasarnya UI yang baik adalah UI yang mempunyai tingkat usability yang baik. Yang mana penggunanya tidak merasa terbebani ataupun kesulitan untuk menggunakan sistem tersebut.

## User Experience (UX)
User Experience (UX)  berperan untuk menjadikan suatu produk yang dihasilkan sesuai dengan ekspetasi pengguna, mudah dan nyaman ketika digunakan. Selain itu, User Experience juga mempelajari apa yang pengguna rasakan ketika menggunakan produk. Namun penting untuk diingat bahwa UI dan UX merupakan dua hal yang berbeda, peneliti
perlu memperhatikan kegunaan dari sebuah produk alih-alih hanya mementingkan tampilan dari produk (Norman dan Nielsen 2017). Selain itu menurut Marcus (2014), User experience memiliki beberapa karakteristik, yaitu pengguna yang terlibat, interaksi pengguna dengan produk sistem juga interface, tampilan yang menarik, visibilitas dan terakhir dapat diukur. Secara keseluruhan, pengalaman pengguna (UX) dapat didefinisikan sebagai konsep yang menggambarkan bagaimana pengguna terlibat dengan produk, layanan, dan objek melalui antarmuka pengguna. Pengalaman pengguna bersifat dinamis, bergantung pada konteks dan subjektif

## METODOLOGI
Penelitian ini menggunakan metode design thinking dalam penyelesaian masalah. Design Thinking merupakan pendekatan yang berpusat pada manusia terhadap inovasi yang diambil dari perangkat perancang untuk mengintegrasikan kebutuhan orang-orang, kemungkinan teknologi dan persyaratan untuk kesuksesan bisnis. Berikut merupakan metode penyelesaian pada penelitian ini:
Gambar 0.1 Metode Penelitian

## HASIL DAN PEMBAHASAN

## Empathize
Pada Tahap ini peneliti melakukan pengumpulan data yang nantinya akan digunakan untuk menemukan masalah dari pengguna. Dengan bantuan User Interview dan Survey mengenai makanan halal serta kesulitan yang dihadapi pengguna.  Selanjutnya peneliti melakukan pengklasifikasian kesulitan pengguna dengan menggunakan empathy map yang merujuk kepada apa yang pengguna katakan (Says), lakukan (Does), pikirkan (Think), dan rasakan (Feel).  Empathy mapping menjadi alat yang sangat berguna dalam memahami mengenai makanan halal dan sertifikasi. Dengan melibatkan lima narasumber yang memiliki wawasan yang berbeda, penulis berharap dapat menemukan variasi pandangan, tantangan, dan harapan pengguna terhadap topik ini. Melalui proses ini, penulis berharap dapat
mengungkap berbagai aspek penting yang perlu dipertimbangkan dalam konteks makanan halal dan sertifikasi.
Gambar 0.2 Empathy Mapping

## Define
Pada tahap define peneliti melakukan pendefinisian masalah serta mendefinisikan pengguna yang akan menggunakan layanan Halal Food ini berdasarkan hasil dari User Interview selain itu juga peneliti melakukan pengelompokkan terhadap beberapa pain dan gain dari pengguna untuk selanjutnya dibuat User Persona untuk merepresentasikan masing -  masing dari karakter pengguna yang akan menggunakan layanan website Halal Food. Pada user persona penulis fokus kepada pengguna yang memiliki latar belakang sebagai influencer atau content creator terkait produk makanan halal dengan rentang usia 20-27 tahun.

## Gambar 0.3 User Persona

## Ideate
Setelah melakukan identifikasi permasalahan dan juga pendefinisian pengguna pada tahap define, tahap selanjutnya peneliti mengumpulkan ide – ide yang akan menjadi solusi dari permasalahan yang dialami oleh pengguna. Setelah melakukan pengumpulan ide lalu peneliti membuat skala prioritas untuk mengelompokkan fitur mana yang akan diprioritaskan terlebih dahulu dan mana yang akan menjadi pendukung dari fitur – fitur yang lain. Selain itu, dapat membantu tim dalam memvalidasi apakah fitur tersebut dianggap bermanfaat dan relevan untuk pengguna.

## Gambar 0.4 Voting Solution Idea

## Prototype
Pada tahapan ini peneliti membuat desain akhir atau high fidelity sesuai pengembangan ide yang telah dilakukan. Pembuatan desain antarmuka pada penelitian ini menggunakan aplikasi bernama figma. Hasil Desain yang telah dirancang ulang dapat dilihat pada tabel – tabel berikut:

## Gambar 0.5 High fidelity Halaman Dashboard
Fungsi: Pada halaman dashboard, terdapat navbar yang berfungsi untuk perpindahan menu atau fitur lain yang ada pada website Halal Food. Dashboard ini berfungsi untuk merangkum keseluruhan informasi yang ada pada website. Pada halaman ini terdapat informasi yang dapat diakses oleh kontributor seperti informasi total review selesai, total review gagal, total review diproses, serta visualisasi data dan lain sebagainya.

## Gambar 0.6 High fidelity Halaman Monitoring
Fungsi: Pada halaman dashboard, terdapat navbar yang berfungsi untuk perpindahan menu atau fitur lain yang ada pada website Halal Food. Dashboard ini berfungsi untuk merangkum keseluruhan informasi yang ada pada website. Pada halaman ini terdapat informasi yang dapat diakses oleh kontributor seperti informasi total review selesai, total review gagal, total review diproses, serta visualisasi data dan lain sebagainya.

## Gambar 0.7 High fidelity Halaman Pengaduan
Fungsi: Pada halaman dashboard, terdapat navbar yang berfungsi untuk perpindahan menu atau fitur lain yang ada pada website Halal Food. Dashboard ini berfungsi untuk merangkum keseluruhan informasi yang ada pada website. Pada halaman ini terdapat informasi yang dapat diakses oleh kontributor seperti informasi total review selesai, total review gagal, total review diproses, serta visualisasi data dan lain sebagainya.

## Gambar 0.8 High fidelity Halaman Artikel
Fungsi: Pada halaman dashboard, terdapat navbar yang berfungsi untuk perpindahan menu atau fitur lain yang ada pada website Halal Food. Dashboard ini berfungsi untuk merangkum keseluruhan informasi yang ada pada website. Pada halaman ini terdapat informasi yang dapat diakses oleh kontributor seperti informasi total review selesai, total review gagal, total review diproses, serta visualisasi data dan lain sebagainya.
Testing
Pada penelitian ini, peneliti melakukan pengujian salah satunya menggunakan usability testing dengan kuesioner SUS. Tujuan dari pengukuran System Usability Scale ini adalah untuk mengetahui usability dari website Halal Food yang telah dirancang oleh peneliti. Kuesioner SUS ini disebar ke lima partisipan pengujian yang telah diwawancarai sebelumnya. Untuk pengukuran metode SUS, setiap pengguna akan diberikan 10 pertanyaan, setiap pertanyaan akan diberikan skala 1 –  5. Pertanyaan ganjil yaitu 1,3,5,7 dan 9 merupakan pertanyaan yang memiliki arti positif sedangkan lainnya, yaitu 2,4,6,8,10.  Dalam SUS ada acceptability range, terdapat tiga kategori yaitu not acceptable, marginal acceptable. Sedangkan pada sisi grade scale ada enam kategori skala yaitu A, B, C, D, E dan F. Penilaian grade scale ini mengikuti pada penialaian yang tradisional dan biasa dipakai dalam ranah pendidikan. Dengan konversi nilai 90 –  100 mendapatkan grade scale A, nilai 80 –  89 mendapatkan grade scale B serta nilai seterusnya yang mana nilai grade scale A dapat diartikan excellent, B = good, C = satisfactory, D = barely acceptable, sedangkan F = unacceptable.

## Gambar 0.9 Hasil pengukuran testing SUS

## SIMPULAN
Berdasarkan hasil penelitian yang telah dilakukan, perancangan pada website Halal Food menggunakan metode Design Thinking, dapat disimpulkan perancangan desain User Interface dan User Experience dengan metode Design Thinking telah berhasil dikembangkan sesuai dengan kebutuhan pengguna. Peneliti telah melakukan analisis terhadap kebutuhan dan kebiasaan yang dilakukan oleh pengguna. Penulis pun telah melakukan perancangan berdasarkan hasil analisis, serta pengujian untuk meminimalisir kesalahan atau kesulitan yang dihadapi pengguna selama menggunakan website. Kesulitan yang dihadapi oleh pengguna dalam mengakses informasi mengenai makanan halal berhasil diimplementasikan dalam website. Proses pemantauan kehalalan suatu resto/UMKM serta wadah untuk para pendamping produk halal pun berhasil diimplementasikan pada website Halal Food. Berdasarkan pengukuran SUS, didapatkan nilai pada perancangan website Halal Food sebesar 82.5 dengan grade B yang mempunyai adjective rating EXCELLENT dan Acceptability Ranges ACCEPTABLE, skor tersebut mengindikasikan bawah website Halal Food membuat banyak pengguna lebih nyaman saat penggunaan.

## Referensi :
Agustina, Yuli, Heri Pratikto, Madziatul Churiyah, Dan Buyung Adi. 2019. “Pentingnya Penyuluhan Sertifikasi Jaminan Produk Halal Untuk Usaha Kecil Menengah (Ukm).” Jurnal Graha Pengabdian 1: 139–50
Durrotul, Hayyun. 2019. Journal Of Halal Product And Research Sertifikasi Halal Di Indonesia: Sejarah, Perkembangan, Dan Implementasi Halal Certification In Indonesia; History, Development, And Implementation. Surabaya.
Kim, Bohyun. 2013. Responsive Web Design, Discoverability, And Mobile Challenge. Http://Onpoint.Wbur.Org/2013/05 . Marcus, Aaron. 2014. Design, User Experience, And Usability Norman, Don, Dan Jakob Nielsen. 2017. “The Definition Of User Experience (Ux).” Nielsen Norman Group. Https://Www.Nngroup.Com/Articles/Definition-User-Experience/ (Januari 3, 2023).
Lazuardi, Muhammad Lutfi, Dan Iwan Sukoco. 2019. “Design Thinking David Kelley & Tim Brown: Otak Dibalik Penciptaan Aplikasi Gojek.” Organum: Jurnal Saintifik Manajemen Dan Akuntansi 2(1): 1–11.
Rafianti, Fitri, Robi Krisna, Dan Erwin Radityo. 2022. “Dinamika Pendampingan Manajemen Halal Bagi Usaha Mikro Dan Kecil Melalui Program Self Declare.” Jurnal Sains Sosio Humaniora Issn 6(1): 636.
Satzinger, John W, Robert B Jackson, Dan Stephen D Burd. 2012. 6 Systems Analysis And Design In A Changing World. Www.Cengage.Com/Highered.
Wahab,  Harlida Abdul, Dan Alias Azhar. 2022. “Negara Dengan Penduduk Terbanyak Dunia.”