Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
1 2025, 140 - 146
Journal of Digital Business and Technology Innovation (DBESTI) https://journal.
id/index.
php/DBESTI P-ISSN: 3047-1028 E-ISSN: 3032-775X
PERANCANGAN PROTOTYPE APLIKASI PEMESANAN MAKANAN SEHAT
BERBASIS MOBILE MENGGUNAKAN METODE DESIGN SPRINT
Rizky Febriana Akbar1.
Henry Saptono2.
April Rustianto3
1,2,3
Teknik Informatika.
Sekolah Tinggi Teknologi Terpadu Nurul Fikri Jakarta Selatan.
DKI Jakarta.
Indonesia 12640 rizk20145ti@student.
id, henry@nurulfikri.
id, april.
rustianto@dosen.
Abstract With the advancement of technology and information in the current digital era, public awareness of the importance of a healthy diet continues to increase.
To meet this need, the author uses Figma design tools to create a healthy food ordering mobile application solution that follows the latest trends.
The design sprint method is applied as a rapid approach to problem-solving and as a guide in the interface design process of the application.
This research involves interviews and surveys to understand user needs.
Usability testing was conducted using the System Usability Scale (SUS), which yielded a score of 73, indicating that the application prototype is feasible based on objective assessments.
The conclusion of this Final Project is that the application prototype was designed using the design sprint method, encompassing five stages, and effectively designing seventeen application screens.
Keywords: Design Sprint.
Food Ordering Application.
Healthy Eating Habits.
System Usability Scale.
Technology Abstrak Dengan berkembangnya teknologi dan informasi di era digital saat ini, kesadaran masyarakat akan pentingnya pola makan sehat terus meningkat.
Untuk memenuhi kebutuhan ini, penulis menggunakan desain tools Figma untuk menciptakan solusi aplikasi pemesanan makanan sehat berbasis mobile yang mengikuti tren terbaru.
Metode design sprint diterapkan sebagai pendekatan cepat dalam penyelesaian masalah dan sebagai panduan dalam proses perancangan antarmuka aplikasi.
Penelitian ini melibatkan wawancara dan survei untuk memahami kebutuhan pengguna.
Pengujian kegunaan dilakukan menggunakan System Usability Scale (SUS) yang menghasilkan skor 73, menunjukkan bahwa prototipe aplikasi ini layak digunakan berdasarkan penilaian objektif.
Kesimpulan dari Tugas Akhir ini adalah bahwa prototipe aplikasi dirancang menggunakan metode design sprint yang mencakup lima tahap dan efektif dalam merancang tujuh belas layar aplikasi.
Kata kunci: Aplikasi Pemesanan Makanan.
Design sprint.
Pola Makan Sehat.
System Usability Scale.
Teknologi PENDAHULUAN Digital saat ini, kesadaran akan pentingnya pola makan sehat semakin meningkat di kalangan masyarakat.
Dampak dari kebiasaan makan yang tidak sehat dan kurangnya aktivitas fisik telah menimbulkan masalah kesehatan serius di masyarakat, salah satunya adalah tingginya tingkat obesitas.
Di Indonesia, menurut survei Kementerian Kesehatan pada tahun 2018, sekitar 13,5% dari populasi dewasa mengalami kelebihan berat badan, sedangkan 28,7% mengalami obesitas dengan Indeks Massa Tubuh (IMT Ou .
Pada kelompok anak usia 5 hingga 12 tahun, sekitar 18,8% mengalami kelebihan berat badan dan 10,8% mengalami obesitas.
Faktor-faktor seperti kurangnya aktivitas fisik, pola makan tidak seimbang, konsumsi makanan cepat saji, dan kebiasaan melewati waktu sarapan menjadi penyebab utama obesitas.
Untuk mengatasi permasalahan tersebut, diperlukan langkah-langkah untuk meningkatkan kesadaran akan pentingnya menjaga pola makan sehat dan gaya hidup aktif di masyarakat, terutama di kalangan remaja dan orang Salah satunya adalah melalui pemanfaatan teknologi informasi dan komunikasi, khususnya melalui Diterima 9 Agustus 2024.
Direvisi 3 Juni 2025.
Diterima untuk publikasi 4 Juni 2025 141 | Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
1 Mei 2025 platform mobile yang dapat diakses dengan mudah oleh berbagai lapisan masyarakat.
Dalam hal ini dirancanglah "prototype aplikasi makanan sehat" yang bertujuan untuk meningkatkan kesadaran akan pola makan sehat dan gaya hidup aktif.
Aplikasi ini akan memberikan layanan makanan sehat dengan fitur-fitur interaktif seperti rencana nutrisi dan program latihan fisik yang disesuaikan dengan pengguna.
Menggunakan tools desain Figma, aplikasi ini menyediakan solusi yang mengikuti tren untuk memudahkan pengguna dalam memilih makanan sehat.
Metode design sprint digunakan untuk menyelesaikan masalah dengan cepat dan efisien dalam proses pengembangan antarmuka aplikasi.
Tujuan penelitian adalah membuat prototype aplikasi pemesanan makanan sehat berbasis mobile menggunakan tools desain Figma serta mengidentifikasi respons Manfaat dari penelitian ini termasuk menciptakan aplikasi yang mudah digunakan oleh pengguna dan menyediakan referensi bagi perancangan aplikasi berbasis mobile.
Batasan penelitian ini mencakup rancangan prototype untuk fitur varian menu makanan sehat.
Makanan Sehat Makanan sehat, yang mengandung nutrisi penting untuk menjaga kesehatan dan mendukung pertumbuhan tubuh, harus memiliki kebersihan dan keseimbangan gizi yang Konsumsi makanan ini secara teratur tanpa zat berbahaya memberikan manfaat kesehatan dan sumber gizi yang diperlukan oleh organ tubuh, sedangkan kekurangan asupan gizi dapat menyebabkan kurangnya energi untuk aktivitas fisik sehari-hari.
Nutrisi dalam makanan berperan vital sebagai sumber energi, bahan bangunan, pelindung, dan pengatur tubuh, sehingga penting untuk mengonsumsi makanan kaya gizi yang mengandung karbohidrat, protein, lemak, vitamin, mineral, dan air guna memelihara kekebalan tubuh dan gaya hidup yang sehat.
Aplikasi Mobile Aplikasi mobile adalah perangkat lunak yang dapat diakses melalui smartphone, komputer pribadi, atau tablet, dengan tujuan meningkatkan kinerja pada perangkat mobile.
Mereka dioptimalkan untuk platform IOS.
Android, atau Windows Mobile, menampilkan antarmuka pengguna dengan interaksi yang disesuaikan.
Aplikasi mobile dapat terhubung dengan sumber daya web, memudahkan akses layanan internet, dan mengelola informasi sesuai dengan platform yang digunakan.
Prototype Prototype adalah representasi fisik awal objek yang direncanakan untuk diproduksi, berfungsi sebagai dasar penelitian dan pengembangan.
Proses prototyping melibatkan langkah cepat dalam membangun dan mengevaluasi prototype sesuai kebutuhan perangkat lunak, dengan penyesuaian untuk kebutuhan pengguna guna memudahkan pemahaman tindakan yang diperlukan.
Setelah empat tahap prototyping, dilanjutkan dengan pembuatan produk final.
User Interface (UI) User Interface (UI) melibatkan interaksi input dan output dalam sistem informasi, merupakan bagian integral dari perangkat keras dan lunak komputer.
UI menghubungkan aplikasi dengan pengguna, menciptakan pengalaman interaksi yang sederhana, dan menentukan minat pengguna dalam penggunaan aplikasi.
Antarmuka pengguna memfasilitasi pengguna dalam menggunakan aplikasi dengan mudah dan pemahaman langsung.
User Experience (UX) User Experience (UX) adalah pengalaman pengguna saat menggunakan produk, yang dinamis mengikuti perubahan Komponen UX meliputi nilai, kegunaan, daya tarik, dan kemudahan penggunaan.
Fokusnya adalah menciptakan produk yang relevan, berguna, menarik, dan mudah digunakan bagi pengguna.
Design Sprint Design sprint adalah metode merancang produk, sistem, layanan, atau aplikasi melalui 5 tahap yang bertujuan menciptakan ide-ide kreatif dan prototipe diuji oleh pengguna terkait.
Tahapan dimulai dengan "Understand" yang fokus pada identifikasi masalah dan target pengguna, dilanjutkan dengan "Diverge" untuk mendalami solusi sebelum "Decide", memilih solusi terbaik melalui voting.
Selanjutnya, tahap "Prototype" menciptakan bentuk fisik dari solusi terpilih, diikuti dengan tahap "Validate" yang melibatkan pengujian prototipe dengan pengguna dan pemangku kepentingan untuk mengevaluasi kebutuhan, kenyamanan, dan kepuasan pengguna terhadap aplikasi atau sistem yang dikembangkan.
Usability Usability mengacu pada tingkat kemudahan penggunaan aplikasi dan pencapaian tujuan pengguna dengan mudah.
Aspek-aspek penting dalam usability termasuk efektivitas penggunaan dalam menyelesaikan tugas, efisiensi dalam mencapai tujuan, keamanan penggunaan, kegunaan produk dalam memberikan fungsi yang bermanfaat, kemudahan pembelajaran dalam menguasai produk dengan cepat, dan kemudahan ingatan pengguna terhadap cara penggunaan produk.
User Experience (UX) melibatkan pengguna, interaksi dengan produk, dan pengalaman yang menarik yang dapat diamati dan diukur.
Scale Usability System (SUS) System Usability Scale (SUS) dirancang oleh John Brooke pada tahun 1996 untuk menilai kepuasan pengguna melalui kuesioner resmi setelah menggunakan aplikasi.
SUS
adalah skala Likert sederhana di mana responden menjawab tingkat kesetujuan pada skala 5 atau 7 poin.
Penilaian 142 | Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
1 Mei 2025 SUS dilakukan dengan mengurangi nilai pernyataan ganjil dengan 1, mengurangi angka 5 dengan nilai pernyataan genap, menjumlahkan semua nilai, dan mengalikannya dengan 2,5.
Skor SUS dikategorikan dalam interval 10:
1-10 .
orst imaginabl.
, >10-20 .
, >20-30 .
, >30-50 .
, >50-70 .
, >70-80 .
, dan >80-90 .
est imaginabl.
Rata-rata skor SUS adalah 68, jika skor melebihi 68, sistem dianggap layak digunakan, sedangkan skor di bawah 68 memerlukan pembaruan dan pengujian ulang.
Figma Pada 2016.
Figma dikenal sebagai alat desain inovatif yang memungkinkan kolaborasi real-time dalam menciptakan desain antarmuka.
Figma menawarkan berbagai tools seperti Frame.
Shape Tools.
Image.
Resize, dan Color Picker untuk mendukung pembuatan desain web dan Keunggulan utama Figma terletak pada fitur kolaborasi real-time yang menjadi pionir dalam industri desain.
METODE PENELITIAN
1 Tahapan Penelitian Pada bagian ini berisi penjelasan penelitian/desain penelitian.
Tujuannya adalah menggunakan materi referensi mendukung keakuratan dari penelitian tersebut atau yang sedang dilakukan.
Understand Pada tahap ini, peneliti akan memahami masalah atau tantangan yang sesuai dengan kebutuhan aplikasi yang akan Diverge Pada tahap ini, peneliti akan melakukan brainstorming atau ide-ide diuraikan berdasarkan informasi mengenai masalah dan kebutuhan pengguna yang telah diperoleh pada tahap understand yang sudah di analisis.
Decide Pada tahap ini, berbagai ide alternatif solusi dieksplorasi dengan fokus untuk memilih alternatif solusi yang paling valid dan sesuai untuk diimplementasikan kepada Langkah ini bertujuan untuk memastikan bahwa solusi yang dipilih dapat benar-benar memenuhi kebutuhan dan memberikan nilai tambah yang signifikan kepada pengguna saat diimplementasikan.
Prototype Pada tahap ini, sebuah aplikasi pemesanan makanan sehat berbasis mobile dirancang sebagai implementasi, dan informasi dari responden dikumpulkan melalui pengisian Validate Pada tahap ini, peneliti akan melaksanakan uji coba serta proses verifikasi terhadap model awal prototype yang telah dikembangkan untuk memastikan kesesuaian dengan kebutuhan sebelum dilakukan implementasi lebih lanjut.
Evaluasi Pada tahap ini, akan dilakukan rangkuman atas semua aspek rancangan yang telah dibuat serta disusun rekomendasi untuk penelitian yang akan dilakukan selanjutnya guna meningkatkan pemahaman dan efektivitas dalam menghadapi tantangan yang mungkin muncul.
Gambar 1.
Gambar Tahapan Alur Penelitian Analisis Masalah Proses ini bertujuan untuk melakukan analisis yang mendalam terhadap permasalahan atau kebutuhan yang akan diatasi oleh aplikasi dengan cara yang terperinci dan Studi Literatur Di tahap ini, penulis akan melakukan pencarian berbagai sumber referensi seperti jurnal ilmiah, buku, artikel, dan karya-karya terkait lainnya yang relevan dengan 2 Pengumpulan Data Dalam mendukung penyelesaian penelitian ini, penulis memanfaatkan beragam metode pengumpulan data seperti studi pustaka, wawancara, dan kuesioner.
Studi pustaka dilakukan untuk mendapatkan informasi relevan terkait desain aplikasi pemesanan makanan sehat.
Proses wawancara dengan narasumber bertujuan untuk mengumpulkan data terkait pembuatan prototype aplikasi.
Wawancara melibatkan 5 responden untuk memperkuat pandangan mereka tentang kebutuhan aplikasi yang akan Penerapan metode kuesioner bertujuan untuk mendapatkan informasi mendalam dari responden tentang pengalaman pengguna dalam aplikasi pemesanan makanan sebelumnya, disebarkan secara online kepada responden yang memenuhi kriteria sesuai.
143 | Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
1 Mei 2025
HASIL DAN PEMBAHASAN
1 Perancangan dan Implementasi Analisis Sistem Dalam pengembangan prototype aplikasi makanan sehat, kebutuhan perangkat lunak mencakup penggunaan Figma untuk desain detail aplikasi dan Whimsical untuk wireframe tata letak.
Pengguna login pada kedua alat untuk kolaborasi efisien dalam pengembangan, memverifikasi identitas mereka untuk menyimpan akun dalam tim proyek masingmasing.
Understand Tahap pertama dalam design sprint adalah memahami .
target masalah.
Diskusi dan wawancara dengan 5 responden yang sebelumnya mengisi kuesioner dilakukan untuk memperkuat pendapat tentang pengalaman menggunakan platform pemesanan makanan sehat.
Terdapat juga inti permasalahan pada tabel di bawah ini :
Pertanyaan Apakah makanan sehat? Inti Permasalahan Beberapa pengguna platform pemesanan makanan sehat mengalami kesulitan mencari menu, dan platform tersebut terlalu ramai serta tidak responsif.
Selama menggunakan aplikasi tersebut bagaimana pengalaman kamu selama mencoba atau menjelejahi aplikasi tersebut, mungkin kendala, dll? Menurut kamu tampilan aplikasi seperti apa yang kamu inginkan? .
ontoh : bentuk layout, ukuran font, warna tampilan aplikas.
Menurut kamu jika di buatkan aplikasi, apa saja fitur yang diinginkan dalam aplikasi tersebut ? .
ontoh: pesan antar, cashless, kadar kalori, aktivitas haria.
Jika ada aplikasi makanan sehat, apakah tertarik untuk mengonsumsi makanan sehat? Dan jenis makanan sehat apa Apa harapan dan saran kamu untuk perancangan desain aplikasi makanan sehat? Pengguna jarang mendapatkan informasi tentang perhitungan kalori dari setiap menu, dan tampilan platform masih kurang Kuesioner Pada tahap ini, data awal dikumpulkan melalui kuesioner online tentang pengalaman pengguna dengan aplikasi makanan sehat.
Data ini digunakan sebagai referensi untuk membuat prototipe aplikasi pemesanan makanan sehat.
Responden menginginkan prototipe yang sesuai dengan kebutuhan mereka.
Kuesioner menanyakan apakah mereka sudah menggunakan aplikasi makanan sehat dan mencakup pertanyaan yang membantu pembuatan prototipe.
Lima responden akan diwawancarai lebih lanjut untuk memperkuat pendapat mereka.
Tujuan kuesioner adalah menyaring responden dengan pengalaman menggunakan platform sebelumnya.
Wawancara Pada tahap ini, wawancara dengan 5 responden terpilih dari kuesioner memperkuat pendapat mereka tentang rancangan aplikasi yang diinginkan.
Wawancara mengungkap permasalahan umum yang dihadapi responden.
Terdapat list pertanyaan wawancara untuk responden.
Jika Au Pernah Au Platform apa yang kamu gunakan? Tabel 1.
Tabel Inti Permasalahan Jawaban Diverge Kriteria Pengguna Setelah tahap understand dengan responden, langkah selanjutnya adalah diverge untuk mengembangkan ide solusi berdasarkan permasalahan yang telah dibahas dan Terdapat tabel untuk menentukan kriteria pengguna terhadap aplikasi makanan sehat pada dibawah Kriteria Keterangan Demography - 21-30 Tahun - Laki Ae laki atau Perempuan Geography - Depok - Jakarta Psychography - Bisa menggunakan smarphone - Suka dengan makanan sehat Tabel 2.
Tabel List Wawancara Pertanyaan Boleh perkenalkan diri kamu -Pernah Menggunakan Platform makanan sehat Jawaban Behavior -Mengalami kesulitan pada tampilan platform sebelumnya 144 | Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
1 Mei 2025 Kriteria Keterangan -Mengalami kesulitan pada fitur yang masih belum mencukupi dalam kategori makanan sehat -Membutuhkan menu makanan yang menyertai kalori yang ada di dalam menu tersebut User Persona Setelah menentukan kriteria pengguna, langkah berikutnya adalah mengidentifikasi solusi yang dibutuhkan untuk aplikasi pemesanan makanan sehat.
Wawancara menghasilkan lima user persona yang memberikan wawasan tentang kebutuhan dan preferensi pengguna, yang akan menjadi dasar pengembangan solusi tepat dan relevan.
Terdapat gambar user persona dari responden yang sudah diwawancara sebagai berikut pada gambar 2, 3, 4, 5 dan 6 di bawah:
Gambar 5.
User Persona Chika Aulia Zahwa Gambar 6.
User Persona Arni Rahayu Suryani Gambar 2.
User Persona Hema Rasyid Chandra Decide User Flow Setelah selesai mengelompokan semua ide dan user persona, tahapan selanjutnya adalah menerapkan ide tersebut menjadi beberapa pembuatan user flow aplikasi yang menggambarkan serangkaian tugas dan langkah untuk membantu pengguna menjalankan fungsi aplikasi dari awal hingga akhir.
Terdapat beberapa gambar alur proses user flow pada aplikasi pemesanan makanan sehat yang sudah dibuat pada di bawah ini:
Gambar 7.
User Flow Pencarian Makanan Sehat Gambar 3.
User Persona Muhamad Rafi Naufal Pada gambar 7 merupakan alur pencarian makanan sehat dimulai dengan pendaftaran jika belum memiliki akun.
Setelah mendaftar, pengguna diarahkan ke dashboard Untuk memilih menu, pengguna dapat menggunakan fitur pencarian kategori makanan.
Jika tidak sesuai, pengguna dapat kembali ke pencarian.
Setelah menemukan menu yang cocok, pengguna dapat mengkonfirmasinya.
Gambar 8.
User Flow Pemesanan Makanan Sehat Gambar 4.
User Persona Elsyifa Siti Maryam Pada gambar 8, merupakan alur pemesanan makanan sehat dimulai dari konfirmasi alamat tujuan.
Pengguna kemudian 145 | Journal of Digital Business and Technology Innovation (DBESTI) Vol.
2 No.
1 Mei 2025 memilih menu, konfirmasi pesanan, dan melihat rincian Jika sesuai, pengguna melanjutkan.
jika tidak, pengguna bisa kembali dan memilih lagi.
Setelah konfirmasi, pengguna menunggu pesanan dibuat dan Pengguna dapat melacak pesanan hingga tiba di alamat tujuan.
Setelah pesanan tiba, pengguna memberikan rating makanan dan kembali ke halaman utama.
Gambar 11.
Prototype Aplikasi Pemesanan Makanan Sehat Gambar 9.
User Flow Kategori Menu Makanan Sehat Pada gambar 9, merupakan alur fitur kategori menu makanan dimulai dari halaman home setelah login atau Di bagian bawah, pengguna bisa memilih kategori makanan atau melihat semua kategori.
Pengguna kemudian diarahkan ke halaman kategori, di mana mereka dapat memilih menu yang diinginkan atau kembali jika tidak Setelah memilih kategori, pengguna dapat melihat deskripsi dan menyesuaikan pilihan.
Jika yakin, pengguna dapat mengkonfirmasi pesanan dan diarahkan ke halaman konfirmasi pesanan.
Wireframe Langkah selanjutnya adalah menyusun wireframe, yaitu representasi visual sederhana dari tata letak dan fungsi Wireframe ini akan menampilkan elemen utama seperti menu, tombol, dan tata letak halaman tanpa detail grafis yang rumit.
Dengan wireframe, pengguna dapat memahami secara visual interaksi antarmuka dan alur kerja aplikasi sebelum tahap pengembangan lebih lanjut yang tertera pada gambar 10.
Gambar 10.
Wireframe Aplikasi Pemesanan Makanan Sehat Prototype Dalam pengembangan prototipe aplikasi ini, kesesuaian dengan kebutuhan pengguna merupakan prioritas utama.
Proses perancangan aplikasi dilakukan dengan cermat untuk memastikan representasi yang efektif terhadap solusi dari masalah yang dihadapi.
Oleh karena itu, prototipe ini didesain agar dapat dioperasikan secara efisien sambil menyajikan gambaran yang komprehensif mengenai fitur dan keunggulan aplikasi bagi pengguna yang ingin memakainya yang sudah tertera pada gambar 11.
Validate Pada fase ini, prototype akan diuji menggunakan metode System Usability Scale (SUS).
Pengujian dilakukan melalui kuesioner skala 1-5 di Google Form untuk menilai interaksi pengguna, tingkat kepuasan, kebingungan, dan untuk mengumpulkan feedback terhadap prototype.
Berdasarkan hasil uji System Usability Scale (SUS) terhadap prototype aplikasi pemesanan makanan sehat memperoleh skor 73.
Skor ini menunjukkan predikat acceptability dengan kategori "Exellent" menurut abjective rating, menandakan bahwa rancangan aplikasi ini layak digunakan, diterima dengan baik oleh pengguna, dan memenuhi kebutuhan KESIMPULAN Prototipe aplikasi pemesanan makanan sehat dirancang menggunakan metode design sprint yang mencakup lima tahapan yaitu understand, diverge, decide, prototype, dan validate untuk secara efektif menyelesaikan desain atau fitur dari tujuh belas layar aplikasi.
Berdasarkan evaluasi menggunakan kuesioner System Usability Scale, prototipe ini mendapatkan nilai akhir dengan kategori "excellent" menurut tabel abjective rating, dengan rata-rata skor 73, sehingga dapat disimpulkan bahwa aplikasi ini baik digunakan dan disukai oleh pengguna.
Ucapan Terima Kasih Saya sebagai penulis ingin mengucapkan terima kasih kepada Sekolah Tinggi Teknologi Terpadu Nurul Fikri atas dukungan dan kesempatan untuk belajar yang sangat berarti bagi perkembangan akademik dan penelitian saya.
Saya juga mengucapkan terima kasih kepada dosen, staf akademik, dan rekan rekan mahasiswa atas bimbingan dan bantuan selama penelitian ini.
Penulis juga berterima kasih kepada Program Kampus Merdeka yang telah memberikan pengembangan diri dan keterampilan.
Terakhir, penulis menyampaikan apresiasi yang mendalam kepada orang tua atas dukungan, doa, dan motivasi yang tiada henti.
Tanpa dukungan dari semua pihak ini, penelitian dan penyusunan jurnal ini tidak akan dapat terselesaikan dengan baik.
DAFTAR PUSTAKA