{"id":1246,"date":"2025-03-16T11:45:42","date_gmt":"2025-03-16T04:45:42","guid":{"rendered":"https:\/\/binus.ac.id\/semarang\/dkv\/?p=1246"},"modified":"2025-10-16T11:52:03","modified_gmt":"2025-10-16T04:52:03","slug":"ui-ux-merancang-design-aplikasi-pengingat-minum-obat","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/semarang\/dkv\/2025\/03\/16\/ui-ux-merancang-design-aplikasi-pengingat-minum-obat\/","title":{"rendered":"UI\/UX : Merancang Design Aplikasi Pengingat Minum Obat"},"content":{"rendered":"

Berikut ini adalah sebuah perancangan desain aplikasi mobile \u201cHappyHealth\u201d<\/strong>\u00a0yang dikerjakan sebagai bagian dari tugas mata kuliah\u00a0Digital Creative Thinking<\/strong>, Universitas Bina Nusantara. Proyek ini merupakan hasil kolaborasi antara\u00a0Rekxi Kristiawan, Richard Nestor Chandra, dan Justin Sebastian Santoso.<\/strong><\/p>\n

Seluruh proses ideasi, pemilihan metode kreatif, serta pengembangan prototipe dilakukan oleh tim sebagai bentuk latihan berpikir kreatif dan pemecahan masalah berbasis desain. Referensi dan sumber daya eksternal yang digunakan telah dicantumkan dalam daftar pustaka.\u00a0Proyek ini bersifat edukatif dan tidak ditujukan untuk tujuan komersial.<\/strong><\/p>\n

\"\"<\/p>\n

Latar Belakang<\/strong><\/h3>\n

Seiring bertambahnya zaman, kesehatan masih termasuk kedalam aset terpenting pada hidup kami. Tetapi, tak jarang saya menemukan orang yang lupa minum obat, entah dikarenakan sibuk akan produktifitas, terlalu menyepelekan, ataupun malas untuk bergerak. Biasanya tergolong pada umur 18\u201359 tahun, kebanyakan dari kalangan remaja, dewasa, dan lansia. Disini kami tekankan karena bukan hanya penyakit klasik \/ ringan saja yang ada pada kalangan remaja & dewasa (contohnya: batuk, flu, meriang, dan lain-lain), tetapi penyakit kronis \/ berat yang terkadang ada pada lansia. Contohnya: diabetes, kanker, jantung, dan lain-lain. Tetapi setelah dipikir-pikir, jika obat itu penting, seharusnya anda harus memprioritaskan agar jangan sampai lupa minum obat.<\/p>\n

Kalau sudah parah bisa membuat kepikiran lagi, maka dari itu seperti pepatah\u00a0\u201csedia payung sebelum hujan\u201d<\/strong>\u00a0yang artinya\u00a0\u201csiap-siap dahulu sebelum hal yang tidak diinginkan terjadi\u201d.<\/strong><\/p>\n

Fase Discover: Menggali Akar Masalah<\/strong><\/h3>\n

Kami mengidentifikasi bahwa adanya kesulitan dalam mengingat jadwal minum obat, atau bisa dinamakan lupa \/ menyepelekan minum obat. Penyakit ringan \/ kronis sama-sama berbahaya jika dibiarkan. Penyakit ringan, penyakit yang terlihat namun berbahaya jika disepelekan. Penyakit kronis, penyakit yang tidak terlihat namun sangat berbahaya jika dibiarkan.<\/p>\n

Fase Define: Merumuskan Solusi Inti<\/h3>\n

Setelah mengumpulkan berbagai temuan di fase\u00a0Discover<\/em>, kami menyaring dan mendefinisikan masalah tersebut secara spesifik. Kami merancang aplikasi kesehatan bernama\u00a0HappyHealth.<\/strong><\/p>\n

Didalamnya terdapat tampilan: waktu untuk menandakan berapa lama lagi anda untuk minum obat, tampilan obat yang ingin anda pilih untuk dijadikan sebagai minum obat nantinya, tampilan timer yang telah anda pasang, tampilan data kesehatan anda (sebagai data diri \/ riwayat terakhir kesehatan anda), tampilan notifikasi bahwa obat anda sudah waktunya diminum (terdapat pilihan: jeda \/ tolak), dan tampilan rumah sakit terdekat dari lokasi anda.<\/p>\n

\"\"<\/p>\n

Fase Develop: Mewujudkan Desain<\/strong><\/h3>\n

Disini kami membuat wireframe terlebih dahulu, untuk awal proses desain kami sebagai representasi dasar dari halaman \/ isi aplikasi nantinya.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

User Flow diatas yaitu arah \/ jalannya aplikasi HappyHealth dari tampilan home sampai mengatur fitur pengingat minum obat dalam mode bergetar.<\/p>\n

\"\"<\/p>\n

User flow\u00a0<\/em>adalah<\/strong>\u00a0serangkaian tugas yang perlu dilakukan oleh seorang pengguna untuk menyelesaikan beberapa proses pada suatu aplikasi, fitur, situs, atau perangkat lunak.<\/p>\n

\n
\n
\n
\n
\n
\n
\n
\n
\n

Kemudian kami mengembangkan\u00a0prototype<\/em>\u00a0dengan perpaduan warna dan tipografi yang kami rancang. Kami menjadikan pengalaman pengguna agar dapat memaksimalkan dalam penggunaan aplikasi ini.<\/p>\n

Fase Deliver: Pengujian Usabilitas dan Temuan Krusial<\/h3>\n

Fase terakhir berfokus pada pengujian solusi yang telah kami kembangkan langsung dengan pengguna secara langsung. Kami melakukan\u00a0usability testing<\/em>\u00a0dengan melibatkan dua partisipan aktif pengguna\u00a0smartphone.<\/em><\/p>\n

Fungsionalitas & Pengalaman Pengguna<\/h3>\n

Saya meminta tolong kepada dua pengguna yang bernama Ryan Hadiyanto & Muhammad Ashyim Al Thaisyir As\u2019ad, mereka adalah mahasiswa Bina Nusantara (BINUS) Semarang.<\/p>\n

    \n
  1. Ryan Hadiyanto:<\/li>\n<\/ol>\n

    Masih sedikit kesulitan karena ada yang seharusnya dapat dipencet dan menimbulkan interaktif ternyata tidak terjadi apa-apa,\u00a0\u201cwalaupun prototype tapi kalau bisa dipencet lebih asik\u201d<\/strong>\u00a0katanya. Dan masih ada yang bentuk nya kurang konsisten, ada yang persegi panjang dan ada yang rounded,\u00a0\u201cdilihat kurang enak jadinya\u201d<\/strong>\u00a0katanya.<\/p>\n

    2. Muhammad Ashyim Al Thaisyir As\u2019ad:<\/p>\n

    Untuk progress minum obat seharusnya ada notifikasi setelah minum obat, ternyata tidak ada apa-apa,\u00a0\u201ckita lihat di progress kok progress nya hanya centang? tidak ada hal-hal \/ notifikasi demikian?\u201d \u201csejauh ini tapi sudah oke, namun ada yang perlu ditingkatkan pada UX nya\u201d<\/strong>\u00a0katanya.<\/p>\n

    Potensi & Saran Perbaikan pada \u201cHappy Health\u201d<\/h3>\n

    Jika dilihat pada dua usability testing diatas, aplikasi ini jika sedikit diperbaiki akan lebih oke. Pada UI seharusnya penggunaan pada bentuknya konsisten. Lalu walaupun hanya prototype belum aplikasi nyata, harus tetap di maksimalkan. Pada wireframe progress minum obat seharusnya ada hal-hal \/ aksi notifikasi, tidak hanya centang saja.<\/p>\n

    Kesimpulan<\/h3>\n

    So far, prototype aplikasi HappyHealth terbukti valid secara fungsional dan memiliki potensi dalam mendukung manajemen kesehatan di Indonesia. Namun kami juga harus menerima atas saran & perbaikan pada 2 usability testing tadi, seperti masih rumitnya pada UX aplikasi ini, dan kurangnya interaktif, dan sebagainya. Kami sangat berterimakasih atas saran dan dukungan pada dua usability testing guna menjadikan aplikasi ini elok di mata masyarakat \/ para pengguna nantinya.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/article>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Berikut ini adalah sebuah perancangan desain aplikasi mobile \u201cHappyHealth\u201d\u00a0yang dikerjakan sebagai bagian dari tugas mata kuliah\u00a0Digital Creative Thinking, Universitas Bina Nusantara. Proyek ini merupakan hasil kolaborasi antara\u00a0Rekxi Kristiawan, Richard Nestor Chandra, dan Justin Sebastian Santoso. Seluruh proses ideasi, pemilihan metode kreatif, serta pengembangan prototipe dilakukan oleh tim sebagai bentuk latihan berpikir kreatif dan pemecahan masalah […]<\/p>\n","protected":false},"author":7,"featured_media":1252,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,2],"tags":[],"class_list":["post-1246","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-article","category-news"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/semarang\/dkv\/wp-json\/wp\/v2\/posts\/1246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/semarang\/dkv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/semarang\/dkv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/semarang\/dkv\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/semarang\/dkv\/wp-json\/wp\/v2\/comments?post=1246"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/semarang\/dkv\/wp-json\/wp\/v2\/posts\/1246\/revisions"}],"predecessor-version":[{"id":1253,"href":"https:\/\/binus.ac.id\/semarang\/dkv\/wp-json\/wp\/v2\/posts\/1246\/revisions\/1253"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/semarang\/dkv\/wp-json\/wp\/v2\/media\/1252"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/semarang\/dkv\/wp-json\/wp\/v2\/media?parent=1246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/semarang\/dkv\/wp-json\/wp\/v2\/categories?post=1246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/semarang\/dkv\/wp-json\/wp\/v2\/tags?post=1246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}