{"id":633,"date":"2025-12-05T03:53:53","date_gmt":"2025-12-05T03:53:53","guid":{"rendered":"https:\/\/satu.ac.id\/bandung\/dkv\/?p=633"},"modified":"2025-12-08T04:13:09","modified_gmt":"2025-12-08T04:13:09","slug":"behind-the-screens-bagaimana-empathy-map-mengubah-ux-research-dalam-pembuatan-aplikasi","status":"publish","type":"post","link":"https:\/\/satu.ac.id\/bandung\/dkv\/2025\/12\/05\/behind-the-screens-bagaimana-empathy-map-mengubah-ux-research-dalam-pembuatan-aplikasi\/","title":{"rendered":"Behind the Screens: Bagaimana Empathy Map Mengubah UX Research dalam Pembuatan Aplikasi"},"content":{"rendered":"

\"\"<\/p>\n

Empathy map adalah salah satu alat terpenting dalam UX Research karena membantu peneliti memahami pengalaman, kebutuhan, emosi, dan perilaku pengguna secara mendalam. Pada proyek perancangan aplikasi caf\u00e9 Kusuma Matcha, empathy map digunakan untuk menggali insight pengguna sebelum masuk ke tahap ideasi dan desain UI\/UX.<\/p>\n

Melalui serangkaian riset yang dilakukan oleh mahasiswa Desain Komunikasi Visual, Universitas Satu bernama Seankelly naomi Fillardi, mulai dari survei, wawancara, observasi perilaku, hingga analisis kompetitor data yang terkumpul diolah ke dalam empat kuadran utama empathy map: Think & Feel, Hear, See, serta Say & Do, ditambah dua elemen penting: Pain Points dan Gains. Berikut penjelasan lengkap tentang bagaimana proses ini dilakukan.<\/p>\n

\"\"<\/p>\n

    \n
  1. Mengumpulkan Data Pengguna<\/strong><\/li>\n<\/ol>\n

    Sebelum membuat empathy map, langkah pertama adalah mengumpulkan data dari target audiens. Pada riset Kusuma Matcha, data diperoleh melalui:<\/p>\n

    A. Observasi Caf\u00e9 dan Layanan<\/p>\n

      \n
    • Antrean panjang.<\/li>\n
    • Tidak ada reservasi.<\/li>\n
    • Menu hanya tersedia di kasir\/IG.<\/li>\n
    • Pemesanan manual sehingga prosesnya kurang efisien.<\/li>\n<\/ul>\n

      B. Survei Kuantitatif<\/p>\n

        \n
      • Survei menunjukkan beberapa temuan penting:<\/li>\n
      • 8% tertarik menggunakan aplikasi caf\u00e9.<\/li>\n
      • 4% memiliki kemampuan teknologi tinggi.<\/li>\n
      • Promosi adalah fitur paling diharapkan (50% responden).<\/li>\n
      • Hambatan terbesar adalah proses login panjang (55%) dan navigasi rumit.<\/li>\n<\/ul>\n

        C. Wawancara Mendalam<\/p>\n

        Wawancara dilakukan dengan tiga persona utama:<\/p>\n

          \n
        1. Ibu rumah tangga (butuh aplikasi praktis & simpel).<\/li>\n
        2. Mahasiswa psikologi Maranatha (mencari caf\u00e9 estetik & info jelas).<\/li>\n
        3. Mahasiswa Binus (suka desain aplikasi yang simple & tidak ramai).<\/li>\n<\/ol>\n

          Data wawancara ini sangat penting untuk membangun insight emosional di empathy map.<\/p>\n

          \"\"<\/p>\n

            \n
          1. Mengidentifikasi Pola Perilaku & Insight<\/strong><\/li>\n<\/ol>\n

            Dari survei dan wawancara, beberapa tren perilaku ditemukan:<\/p>\n

              \n
            • Pengguna selalu mencari promo sebelum memesan.<\/li>\n
            • Mereka sering menemukan caf\u00e9 dari Instagram.<\/li>\n
            • Banyak pengguna berharap ada QR code di meja untuk akses menu cepat.<\/li>\n
            • Desain aplikasi yang simple, jelas, dan tidak ramai menjadi preferensi utama.<\/li>\n<\/ul>\n

              Insight ini menjadi fondasi pembuatan empathy map.<\/p>\n

              \"\"<\/p>\n

                \n
              1. Menyusun Empathy Map Berdasarkan Data<\/strong><\/li>\n<\/ol>\n

                A. Think & Feel: Apa yang dipikirkan & dirasakan pengguna?<\/p>\n

                Hasil insight:<\/p>\n

                  \n
                • Ingin proses pemesanan cepat, praktis, dan tidak ribet.<\/li>\n
                • Menyukai desain aplikasi yang unik, sederhana, dan informatif.<\/li>\n
                • Caf\u00e9 estetik membuat mereka nyaman untuk nongkrong atau belajar.<\/li>\n
                • Mereka tertarik datang ke caf\u00e9 karena promo atau info dari IG\/TikTok.<\/li>\n<\/ul>\n

                  Empati utama di sini adalah kebutuhan akan kenyamanan dan efisiensi.<\/p>\n

                  B. Hear: Apa yang pengguna dengar dari lingkungan?<\/p>\n

                  Pengguna dipengaruhi oleh:<\/p>\n

                    \n
                  • Rekomendasi teman, keluarga, atau komunitas kampus.<\/li>\n
                  • Informasi promo dari media sosial (Instagram, TikTok, Gojek).<\/li>\n
                  • Percakapan lain saat di kasir mengenai menu atau promo.<\/li>\n<\/ul>\n

                    Sumber eksternal ini sangat kuat dalam membentuk motivasi pengguna.<\/p>\n

                    C. See: Apa yang mereka lihat?<\/p>\n

                    Pengguna melihat:<\/p>\n

                      \n
                    • Promo di Instagram, TikTok, atau aplikasi caf\u00e9 lain.<\/li>\n
                    • Menu di kasir yang kadang tidak lengkap atau tidak jelas.<\/li>\n
                    • Caf\u00e9 dengan desain estetik ini menjadi motivasi tambahan untuk berkunjung.<\/li>\n<\/ul>\n

                      Kesenjangan visual (menu tidak jelas vs. ekspektasi desain simple & segar) memunculkan kebutuhan untuk aplikasi yang lebih informatif.<\/p>\n

                      D. Say & Do\u201d: Apa yang pengguna katakan & lakukan?<\/p>\n

                      Perilaku nyata yang ditemukan:<\/p>\n

                        \n
                      • Bertanya ke kasir tentang promo\/menu.<\/li>\n
                      • Membuka aplikasi Gojek\/Grab untuk delivery.<\/li>\n
                      • Mengunjungi caf\u00e9 untuk nongkrong, belajar, atau bekerja.<\/li>\n
                      • Mencari promo sebelum melakukan pembelian.<\/li>\n
                      • Mengharapkan adanya QR code di meja untuk akses cepat.<\/li>\n<\/ul>\n

                        Poin ini menggambarkan pain point terkait komunikasi dan proses pemesanan.<\/p>\n

                        \"\"<\/p>\n

                          \n
                        1. Mengidentifikasi Pain Points<\/strong><\/li>\n<\/ol>\n

                          Pain utama yang ditemukan dari riset:<\/p>\n

                          Pain (Masalah) Pengguna<\/p>\n

                            \n
                          • Antrean panjang karena tidak ada sistem QR atau aplikasi.<\/li>\n
                          • Proses login aplikasi caf\u00e9 terlalu panjang.<\/li>\n
                          • Navigasi menu rumit atau kurang jelas.<\/li>\n
                          • Harga\/promosi tidak ditampilkan dengan jelas.<\/li>\n
                          • Kapasitas penyimpanan HP terbatas (malas install aplikasi).<\/li>\n
                          • Aplikasi caf\u00e9 sebelumnya cenderung berat\/lag.<\/li>\n<\/ul>\n

                            Pain ini penting untuk menentukan fitur inti aplikasi.<\/p>\n

                            \"\"<\/p>\n

                              \n
                            1. Mengidentifikasi Gains<\/strong><\/li>\n<\/ol>\n

                              Gains adalah apa yang diharapkan pengguna dari solusi ideal.<\/p>\n

                              Gains (Keuntungan yang diinginkan)<\/p>\n

                                \n
                              • Pemesanan cepat melalui aplikasi\/QR menu.<\/li>\n
                              • Promo dan diskon yang jelas di halaman utama.<\/li>\n
                              • Desain aplikasi simple, tidak ramai, dan estetik.<\/li>\n
                              • Informasi menu lengkap (foto, harga, deskripsi matcha).<\/li>\n
                              • Proses checkout dan pembayaran yang mudah.<\/li>\n
                              • Fitur membership atau point & reward.<\/li>\n<\/ul>\n

                                Gains inilah yang membentuk value proposition aplikasi Kusuma Matcha.<\/p>\n

                                \"\"<\/p>\n

                                  \n
                                1. Menghasilkan Empathy Map Final<\/strong><\/li>\n<\/ol>\n

                                  Dari seluruh proses, empathy map Kusuma Matcha dirangkum menjadi:<\/p>\n

                                  THINK & FEEL:<\/p>\n

                                    \n
                                  • Ingin pemesanan cepat & praktis.<\/li>\n
                                  • Menyukai desain simple & estetik.<\/li>\n
                                  • Caf\u00e9 dilihat sebagai tempat nongkrong\/kerja.<\/li>\n<\/ul>\n

                                    HEAR:<\/p>\n

                                      \n
                                    • Info promo dari teman & IG.<\/li>\n
                                    • Review caf\u00e9 dari konten media sosial.<\/li>\n<\/ul>\n

                                      SEE:<\/p>\n

                                        \n
                                      • Promo di aplikasi\/IG.<\/li>\n
                                      • Menu yang tidak selalu jelas saat di kasir.<\/li>\n<\/ul>\n

                                        SAY & DO:<\/p>\n

                                          \n
                                        • Bertanya tentang promo.<\/li>\n
                                        • Menggunakan aplikasi delivery.<\/li>\n
                                        • Mencari referensi di IG sebelum datang.<\/li>\n<\/ul>\n

                                          PAIN:<\/p>\n

                                            \n
                                          • Login panjang.<\/li>\n
                                          • Navigasi sulit.<\/li>\n
                                          • Menu tidak jelas.<\/li>\n
                                          • Aplikasi berat.<\/li>\n<\/ul>\n

                                            GAINS:<\/p>\n

                                              \n
                                            • Aplikasi simple & ringan.<\/li>\n
                                            • Promo jelas.<\/li>\n
                                            • Quick order (QR code).<\/li>\n
                                            • Deskripsi menu lengkap.<\/li>\n
                                            • Membership & reward.<\/li>\n<\/ul>\n

                                              \"\"<\/p>\n

                                                \n
                                              1. Kesimpulan: Peran Empathy Map dalam Desain Aplikasi Kusuma Matcha<\/strong><\/li>\n<\/ol>\n

                                                Pembuatan empathy map memberikan pemahaman mendalam tentang perilaku dan emosi pengguna. Dalam kasus Kusuma Matcha, empathy map menjadi pijakan untuk:<\/p>\n

                                                  \n
                                                • Mengembangkan fitur pemesanan cepat dan QR code.<\/li>\n
                                                • Mendesain UI yang simple, estetik, dan tidak ramai.<\/li>\n
                                                • Menampilkan promo sebagai elemen utama aplikasi.<\/li>\n
                                                • Memberikan informasi menu secara lengkap dan jelas.<\/li>\n
                                                • Menyederhanakan proses login & navigasi.<\/li>\n<\/ul>\n

                                                  Empathy map bukan hanya alat visual, tetapi fondasi strategis untuk menciptakan pengalaman pengguna yang benar-benar relevan terutama untuk brand caf\u00e9 dengan target pengguna muda yang mengutamakan kecepatan, estetika, dan kenyamanan<\/p>\n

                                                   <\/p>\n

                                                  Image : Seankelly naomi Fillardi<\/em><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

                                                  Empathy map adalah salah satu alat terpenting dalam UX Research karena membantu peneliti memahami pengalaman, kebutuhan, emosi, dan perilaku pengguna secara mendalam. Pada proyek perancangan aplikasi caf\u00e9 Kusuma Matcha, empathy map digunakan untuk menggali insight pengguna sebelum masuk ke tahap ideasi dan desain UI\/UX. Melalui serangkaian riset yang dilakukan oleh mahasiswa Desain Komunikasi Visual, Universitas […]<\/p>\n","protected":false},"author":8,"featured_media":635,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[6,43,40,41,12,13,34,28,10,24,3,7,42,39,29,50,51,33,62,61,63,37,38,25],"class_list":["post-633","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artikel","tag-ai","tag-audio-visual","tag-bahasa-rupa","tag-bahasa-visual","tag-bandung","tag-binus","tag-branding","tag-desain-komunikasi-visual","tag-design","tag-design-thinking","tag-dkv","tag-drawing","tag-film","tag-fotografer","tag-fotografi","tag-inaugurasi","tag-mahasiswa","tag-satu-university","tag-ui-design","tag-ui-ux","tag-ux-research","tag-video-profile","tag-videografer","tag-visual-communication-design"],"_links":{"self":[{"href":"https:\/\/satu.ac.id\/bandung\/dkv\/wp-json\/wp\/v2\/posts\/633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/satu.ac.id\/bandung\/dkv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/satu.ac.id\/bandung\/dkv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/satu.ac.id\/bandung\/dkv\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/satu.ac.id\/bandung\/dkv\/wp-json\/wp\/v2\/comments?post=633"}],"version-history":[{"count":3,"href":"https:\/\/satu.ac.id\/bandung\/dkv\/wp-json\/wp\/v2\/posts\/633\/revisions"}],"predecessor-version":[{"id":644,"href":"https:\/\/satu.ac.id\/bandung\/dkv\/wp-json\/wp\/v2\/posts\/633\/revisions\/644"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/satu.ac.id\/bandung\/dkv\/wp-json\/wp\/v2\/media\/635"}],"wp:attachment":[{"href":"https:\/\/satu.ac.id\/bandung\/dkv\/wp-json\/wp\/v2\/media?parent=633"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/satu.ac.id\/bandung\/dkv\/wp-json\/wp\/v2\/categories?post=633"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/satu.ac.id\/bandung\/dkv\/wp-json\/wp\/v2\/tags?post=633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}