PROPOSAL UI/UX DESIGN COMPETITION

PomQ

Disusun oleh Tim [HxneyBee] :

1. Ari Mahendra Fauzi 21082010022
2. Denny Ariyana 21082010040

PomQ
INFORMATIC CHAMPIONSHIP
SHIFTERION
UNIVERSITAS PEMBANGUNAN NASIONAL “ VETERAN ”
JAWA TIMUR
 Kata Pengantar

Puji dan syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa yang telah
melimpahkan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan proposal
UI/UX Desain Pengguna Kompetisi SHIFTERION2022 dengan Judul aplikasi “PomQ”.
Pada kesempatan ini penulis mengucapkan terima kasih kepada pihak-pihak yang telah
membantu dalam penyusunan Proposal UI/UX Desain ini, yaitu kepada :
1. Tuhan Yang Maha Esa yang selalu melimpahkan rahmat-Nya kepada penulis
2. Orang tua yang selalu mendukung kegiatan penulis
3. Sahabat yang selalu baik dan suka menolong
4. Tim yang saling membantu dan selalu bekerjasama
5. Semua pihak yang tidak dapat penulis sebutkan satu persatu. Penulis menyadari bahwa
dalam penyusunan makalah ini masih terdapat beberapa kekurangan.

Penulis menyadari bahwa makalah ini jauh dari kata sempurna dan masih terdapat
beberapa kekurangan, oleh karena itu penulis sangat mengharapkan saran dan kritik yang
membangun dari pembaca untuk penyempurnaan makalah ini.

Surabaya, 04 November 2022

Penulis
 Daftar Isi

Kata Pengantar .............................................................................................................. 2

Daftar Isi ................................................................................................................... 3
BAB I PENDAHULUAN ............................................................................................ 4
1.1 Latar Belakang ................................................................................................ 4
1.2 Rumusan Masalah………………………………………………………………5
1.3 Tujuan…………………………………………………………………………..6
1.4 Manfaat…………………………………………………………………………6
BAB II STUDI KASUS…………………………………………………………………7
2.1 Metode Pembuatan/Pengembagan……………………………………………...7
2.2 Pengumpulan dan Analisa Data………………………………………………..9
2.3 Analisi SWOT………………………………………………………………...13
BAB III PERANCANGAN…………………………………………………………….14
3.1 Deskripsi Aplikasi……………………………………………………….……14
3.2 Target Aplikasi…………………………………………………………….…14
3.3 Fitur Aplikasi…………………………………………………………………15
3.4 User Flow………………………………………………………………….…16
3.5 Information Architecture……………………………………………………..16
3.6 Wireframe Diagram…………………………………………………………..17
BAB IV PENUTUP…………………………………………………………………….18
4.1 Hasil Pembuatan……………………………………………………………...18
4.2 Mockup Aplikasi……………………………………………………………..20
4.3 Kesimpulan…………………………………………………………………...21
4.4 Saran………………………………………………………………………….22
DAFTAR PUSTAKA…………………………………………………………………..23
 BAB I
PENDAHULUAN

1.1 Latar Belakang

PT Pertamina (Persero) pada 1 April 2022 (selanjutnya resmi disebut Pertamina)
menaikkan harga Pertamax per Rp 12.500 perliter. Hal ini berdasarkan Keputusan
Menteri (Kepmen) ESDM No. 62 K/12/MEM/2020 Tentang Formula Harga Dasar Dalam
Penghitungan Harga Jual Eceran Untuk Jenis Material. Seorang jenderal terbakar melalui
sebuah pompa bensin. Pedoman lainnya menetapkan BBM RON 90 atau Pertalite sebagai
jenis Bahan Bakar Penugasan Khusus (JBKP). Artinya, bahan bakar partalite merupakan
bahan bakar yang dapat diverifikasi dan disubsidi oleh pemerintah. Sebelumnya,
Pertamina menjual BBM Pertamax dengan harga Rp 9.000 - 9.400 perliter. Dirut
Pertamina Patra Niaga Subholding Commercial & Trading Pertamina, Alfian Nasution,
memastikan harga BBM Pertamax masih kompetitif dibandingkan, harga BBM RON
bersaing dengan SPBU lainnya. operator (Kontan, 1 April 2022). Peningkatan ini
dilakukan hanya dalam 3tahun terakhir. Meski harga Pertamax naik, dikatakan masih
dijual di bawah harga keekonomian atau di kisaran Rp 12.000 per liter.
Menurut Kepala Head of Center of Food, Energy, and Sustainable Development
Institute for Development of Economics and Finance (Indef) Abra PT Talattov, harga
BBM Pertamax akan naik 38% sekitar, sebagaimana ditetapkan sebagai JBKP.
Diharapkan Pengganti premium (Kompas, 03/04/2022). Namun, masih ada potensi
migrasi yang signifikan dari Pertamax BBM ke Pertalite. Dia mengatakan transisi ke
subsidi tertutup akan paling cocok dan pemerintah akan segera mengeluarkan peraturan
yang membatasi pengisian bahan bakar bersubsidi. Misalnya, kendaraan pribadi dengan
mesin minimal 1.800 cc (silinder) dilarang membeli/mengkonsumsi bahan bakar Pertalit
dan/atau bahan bakar biodiesel. Pasalnya, dari sisi yuridis, sebenarnya adalah kendaraan
roda empat pribadi. Peraturan ini akan mencegah setidaknya potensi kegagalan bahan
bakar partalit. Masalah pasti mempengaruhi kemampuan pengiriman dan ketersediaan
Pertamina. Dampak lainnya adalah bertambahnya subsidi yang ditanggung pemerintah,
mengingat BBM Pertalite dulu disebut JBKP.
Pertumbuhan manusia dari tahun ke tahun semakin meningkat serta dari waktu ke
waktu di berbagai bidang. Apalagi manusia sebagai makhluk sosial tidak lepas dari peran
serta orang lain dalam kehidupan sehari-harinya. Dalam keadaan tertentu, orang pasti
membutuhkan jasa orang lain untuk memenuhi kebutuhan hidup dan mungkin harus
menunggu untuk mendapatkannya. Sangat mungkin bahwa banyak orang membutuhkan
produk atau layanan yang sama pada waktu yang sama. Kondisi ini biasa terjadi dalam
kehidupan sehari-hari. seperti orang menunggu untuk mendapatkan tiket kereta api,
menunggu pesanan di rumah makan, mengantri di kasir sebuah swalayan, dan menunggu
antrian panjang di Stasiun Pengisian Bahan Bakar Umum (SPBU).
Menurut Sinalungga (2008:238), dalam bukunya teori antrian merupakan studi
probabilistik dari pembangkitan antrian, antrian pelanggan membutuhkan layanan dari
sistem yang ada. Antrian biasanya disebabkan oleh sumber daya layanan terbatas yang
terikat pada server terbatas (staf operasi) karena alasan ekonomi. Dengan terbatasnya
jumlah server yang dilayani, antrean mungkin terlalu panjang bagi orang-orang untuk
memutuskan meninggalkan antrean. Ini adalah kerugian bagi perusahaan karena
pelanggan hilang. Agar tidak kehilangan pelanggan, perusahaan perlu menyediakan
server yang cukup, tetapi di sisi lain perusahaan harus membayar lebih.
Wospakrik (1996:302) menyatakan bahwa sistem antrian adalah sekumpulan
pelanggan, server, dan aturan kedatangan pelanggan dan layanan. Saat ini, karena
tingginya permintaan dari pelanggan, produksi kendaraan listrik semakin meningkat dari
tahun ke tahun. Dengan bertambahnya jumlah pelanggan mobil, otomatis kebutuhan
bahan bakar pelanggan tersebut meningkat. Ini Karena hampir setiap orang membutuhkan
sepeda motor sebagai alat transportasi yang produktif, efektif dan efisien untuk bepergian
dan aktivitas sehari-hari. SPBU adalah sebutan umum bagi masyarakat di beberapa
wilayah SPBU, namun nama resmi SPBU adalah Stasiun Pengisian Bahan Bakar Umum
(SPBU).
1.2 Rumusan Masalah
Permasalahan yang terjadi belakangan ini di SPBU, yaitu banyaknya pelanggan yang
melakukan pengisian ulang bahan bakar umum akan mempengaruhi sistem antrian yang
ada dan menyebabkan antrian yang panjang. Dibutuhkan suatu sarana yang dapat
menggambarkan kondisi sistem pelayanan di SPBU secara tepat dan kenaikan harga
bahan bakar yang sangat ekstrim terjadi pada akhir – akhir ini.
Berdasarkan masalah tersebut, maka dapat dirumuskan permasalahan sebagai berikut:
1. Bagaimana membandingkan harga bahan bakar yg cukup mahal dan tidak tahu
harga – harga dari setiap Stasiun Pengisian Bahan Bakar Umum yang ada?
 2. Bagaimana cara memperbaruhi kinerja sistem antrian yang ada pada proses
transaksi pengisian bahan bakar di SPBU saat jam sibuk?
3. Bagaimana cara untuk memberbaharui sistem antrian pada server pelayanan
pengisian bahan bakar untuk motor di SPBU. Dikarenakan Banyaknya antrian
pada setiap Stasiun Pengisian Bahan Bakar Umum?
1.3 Tujuan
Dengan memperhatikan perumusan masalah di atas, maka tujuan adalah sebagai berikut:
1. Membuat desain aplikasi PomQ dengan adanya fitur – fitur yang mengetahui
tempat Stasiun Pengisian Bahan Bakar Umum terdekat lengkap dengan harga
di setiap Stasiun Pengisian Bahan Bakar Umum ex. shell, pertamina& dll.
2. Untuk mengetahui kinerja sistem antrian yang ada pada proses transaksi
pengisian bahan bakar di SPBU saat jam sibuk. Dan menghasilkan Kinerja
terbaru yang di hasilkan oleh SPBU setempat.
3. Untuk mengetahui pelayanan yang optimal (dalam hal ini jumlah server
optimal) di SPBU. Dan mengusulkan produk baru yaitu aplikasi PomQ.
1.4 Manfaat
Manfaat dari adanya aplikasi PomQ ini dalam jangka Panjang yaitu untuk mempermudah
dalam pencarian Stasiun Pengisian Bahan Bakar Umum terdekat dan banyaknya antrian
dalam setiap Stasiun Pengisian Bahan Bakar Umum. Serta manfaat berkelanjutan dari
aplikasi PomQ ini akan dapat dikembangan secara keseluruhan dikarenakan banyaknya
masyarakat sekarang yang memiliki kendaraan bermotor yang pastinya akan
membutuhkan bahan bakar ataupun yang lainnya. Dan dalam aplikasi ini nantinya
aplikasi Pom pertama kali yang mungkin dapat menginspirasi untuk yang lainnya karena
dapat membayar melalui E-money.
 BAB II
STUDI KASUS

2.1 Metode Pembuatan/Pengembangan

Metode User Centered Design (UCD)

User Centered Design (UCD) adalah metode pada suatu rancangan desain yang berfokus
pada kebutuhan pengguna.mengacu pada langkah- langkah UCD yang dikemukanan
dalam ISO 9241-210: 2010. Beberapa tahapan yang ada di dalam UCD dapat dilihat pada
gambar 2.1 berikut:

GAMBAR 1 PROSES DIAGRAM USER CENTERED DESIGN

(USABILITY.GOV, 2016)

Penjabaran mengenai Tahap proses diagram User Centered Design adalah sebagai berikut
:
1. Identify needs
Bagian ini berisi informasi dasar yang akan digunakan sebagai bahan refleksi selanjutnya.
Yang diperlukan hanyalah informasi tentang sistem yang sedang diselidiki, profil
pengguna sistem dan pengenalan fungsional aplikasi. Selain itu, hasil penelitian dapat
ditambahkan ke penelitian sebelumnya untuk memperjelas perkembangan yang
dibutuhkan. User yang kami butuhkan yaitu : Seluruh kalangan masyarakat mulai dari 17
> 55+ yang mempunyai kendaraan bermotor dan membutuhkan bahan bakar.

2. Specify the context of use

Pada fase ini, kami mengumpulkan pengetahuan yang dibutuhkan untuk pembuatan
Produk. Isu yang dibahas meliputi harga bahan bakar yg cukup mahal dan tidak tahu harga
– harga dari setiap Stasiun Pengisian Bahan Bakar Umum. dan Banyaknya antrian pada
setiap Stasiun Pengisian Bahan Bakar Umum yang memperlambat masyarakat untuk
bepergian. Keluaran dari proses ini digunakan untuk memahami sistem yang sedang
diselidiki sehingga pengembangan dapat dilakukan sesuai dengan kebutuhan pengguna
sistem.
3. Specify requirements
Fase ini digunakan untuk mengelompokkan masalah sistem dalam kaitannya dengan
kebutuhan dan tujuan pengguna untuk mengevaluasi aplikasi dan masalah saat ini serta
persyaratan yang harus dipenuhi sistem menurut pengguna. Kami mengelompokan
sebagai berikut :
• Lokasi Stasiun Pengisian Bahan Bakar Umum
• Pemberitahuan Harga pada setiap Stasiun Bahan Bakar Umum untuk setiap jenis
bahan bakarnya.
• Pantauan Kepadatan Antrian Yang terjadi pada setiap Stasiun Pengisian Bahan
Bakar Umum.
4. Produce design solutions
Masalah yang kami harga bahan bakar yg cukup mahal dan tidak tahu harga – harga dari
setiap Stasiun Pengisian Bahan Bakar Umum Dan Banyaknya antrian pada setiap Stasiun
Pengisian Bahan Bakar Umum yang memperlambat masyarakat untuk bepergian. Dalam
produk ini kami menawarkan solusi desain yaitu, Fitur Perbandingan Harga di mStasiun
acam – macam brand Pengisian Bahan Bakar Umum berdasarkan jenis bahan bakarnya,
Fitur Pemantauan antrian pada setiap Stasiun Pengisian Bahan Bakar Umum, bisa dilihat
melalui Kamera ataupun fitur kepadatan setiap Stasiun Pengisian Bahan Bakar Umum
yang telah disediakan aplikasi Dan Fitur Pemesanan Bahan Bakar online jika terdapat
masalah kehabisan bahan bakar di tengah jalan yang jauh dari titik lokasi Stasiun
Pengisian Bahan Bakar Umum.
5. Evaluate design
Evaluasi solusi desain berdasarkan prototype aplikasi atau produk yang dibuat untuk
pengguna. Kemudian mendapatkan peringkat kepuasan (System satisfies) dari pengguna
sistem yang menguji solusi. Kami melakukan evaluasi design mengunakan metode
interview secara detail.
6. System Satisfies
Bagian ini merupakan hasil desain evaluasi dan berisi informasi tentang perbaikan yang
dilakukan untuk memenuhi komponen evaluasi. Informasi pada tahap ini dapat
mengidentifikasi informasi yang diperlukan untuk pengujian lebih lanjut.

2.2 Pengumpulan dan Analisa Data

Setelah mengetahui permasalahan yang ada kami memiilih interview untuk melakukan
pencapaian tujuan dengan mengunakan metode In-depth Interview. Metode In-depth
Interview adalah Proses memperoleh informasi untuk kepentingan penelitian dengan cara
bertanya dan menjawab secara pribadi antara pewawancara dengan informan atau orang
yang diwawancarai. memberikan pertanyaan meliputi kebiasaan, ketertarika, dan
permasalahan yang dihadapi dengan tujuan mempelajari topik tersebut.
a. Research Participants
Untuk menentukan partisipan, kami memiliki beberapa kreteria yang harus dipenuhi
diantaranya usia 17 >55+ tahun, Seluruh Masyarakat yang menggunakan transportasi
motor,mobil, dll. Serta pernah menggunakan smartphone.
b. Research Question
a) Perkenalan
b) Berikan konteks & konten

1. Menjelaskan kami ini siapa (Tim HxneyBee)

2. Menjelaskan tujuan penelitian
3. Tujuan penelitian untuk mengetahui Specify User Requirements terhadap UX
Design yang akan dibuat oleh Tim HxneyBee.
4. Minta izin untuk merekam sesi penelitian dan menjelaskan bahwa data yang
dikumpulkan hanya digunakan untuk kepentingan penelitian dan pembuatan
produk apliikasi.
5. Menjelaskan skema dari riset yang akan dilakukan
 c) Pertanyaan & Pengujian

- Responden I (Ajeng )
1. Nama dan Umur Responden?Domisili Responden?

Jawab : Ajeng dan 19 Surabaya

2. Lebih Sering mengakses internet via handphone atau komputer?

Jawab : terkadang keduanya memakai komunikasi tersebut tergantung kondisi secara

mendesak

3. Sebelumnya sudah pernah mengakses aplikasi atau situs mengenai Stasiun

Pengisian Bahan Bakar Umum?

Jawab : belum pernah, dan ini baru dengar informasi kali ini

4. Apakah Kamu mendapatkan informasi dengan mudah saat menggunakan Aplikasi

ini?

Jawab : sangat mudah karena mengaksesnya cepat dan mudah

5. Apakah teks yang digunakan untuk halaman tersebut mudah dan jelas?

Jawab : jelas karena penggunaan teksnya sudah tepat

6. Apakah menu-menu yang ada cukup mudah dipahami?

Jawab : Sangat Mudah karena letaknya yang cukup mudah untuk di hafalkan

7. Apa kamu dapat dengan mudah mengingat bagaimana cara menggunakan aplikasi
ini?

Jawab : sangat mudah karena menu – menunya juga sering muncul pada aplikasi

8. Apa kamu menyukai tampilan dari Aplikasi ini?

Jawab : sangat menyukai apalagi konsep apa yg dibuat pada aplikasinya

9. Jelaskan mengapa Aplikasi ini dapat memberikan fungsi dan kapabilitas yang
kamu perlukan?

Jawab : berfungsi, bermanfaat dan mempermudah mengakses informasi didalam

aplikasi tersebut

10. Apakah kamu puas dengan kinerja dari aplikasi ini?

Jawab : sangat puas dan kinerja dari aplikasi sangat lancar

- Responden II ( Imelda)
1. Nama dan Umur Responden?Domisili Responden?

Jawab : Imelda dan 19 Surabaya

2. Lebih Sering mengakses internet via handphone atau komputer?

Jawab : Handphone

3. Sebelumnya sudah pernah mengakses aplikasi atau situs mengenai Stasiun

Pengisian Bahan Bakar Umum?

Jawab : Belum, Karena saya rasa belum ada aplikasi yang terkait dengan SPBU

4. Apakah Kamu mendapatkan informasi dengan mudah saat menggunakan Aplikasi

ini?

Jawab : iya memudahkan karena terdapat fitur untuk belajar bertani secara modern
dan sangat lengkap

5. Apakah teks yang digunakan untuk halaman tersebut mudah dan jelas?

Jawab : iyaa teks yang di gunakan sangat pada halaman sangat jelas karena pemilihan
font yang sederhana dan tidak banyak modelnya sehingga font lebih mudah untuk
dipahami

6. Apakah menu-menu yang ada cukup mudah dipahami?

Jawab : iiya sangat mudah dipahami karena bahasa yang digunakan dalam tidak
membingungkan. Dan gambar – gambar yang ada dalam menu sangat jelas.

7. Apa kamu dapat dengan mudah mengingat bagaimana cara menggunakan aplikasi
ini?

Jawab : iya, Aplikasi ini sangat mudah diingat karena letak dari fitur-fiturnya sangat
mudah untuk dipahami dan aplikasi sama sekali tidak membingungkan saat
melakukan akses ke dalam menu aplikasinya.

8. Apa kamu menyukai tampilan dari Aplikasi ini?

Jawab : Sangat menyukai tampilan dari aplikasi ini karena warna yang ada dalam
aplikasi cocok dan sangat unik sehingga terlihat elegan dan mewah.

9. Jelaskan mengapa Aplikasi ini dapat memberikan fungsi dan kapabilitas yang
kamu perlukan?
 Jawab : Karena dalam aplikasi ini terdapat salah satu fitur yang membuat saya merasa
aplikasi ini sangat memiliki kapabilitas yang sangat berfungsi. Fitur itu adalah
pemesanan online bahan bakar dimana yang kita tau jika terdapat kendaraan yang
kehabisan bahan bakar kita harus mendorongnya sampai menemui SPBU terdekat.

10. Apakah kamu puas dengan kinerja dari aplikasi ini?

Jawab : Sangat puas, karena fiturnya bagus, aplikasinya nyaman digunbakan dan
pemilihan warna font yang membuat saya sangat puas untuk kinerja dari aplikasi ini.

c. Conduct Research
Kami memiliki Dua partisipan yang memenuhi kriteria. Artinya, orang yang tertarik
untuk belajar pertanian modern dan bisa menggunakan smartphone. Alat yang digunakan
untuk wawancara melalui Google Zoom untuk wawancara dan media WhatsApp untuk
menjawab tanggapan.

Gambar (2) dan Gambar (3), proses In-depth Interview bersama responden.
Selama wawancara berlangsung, penanya berperilaku santai atau tidak kaku,
menciptakan suasana seolah-olah sedang berinteraksi dengan teman dekat. Dan ketika
seorang responden memberikan jawaban, moderator mengembangkan jawaban yang ada
menjadi pertanyaan lain dan mendapat pemberitahuan yang lebih banyak. Sesi
wawancara ini berlangsung selama kurang lebih 30 menit per responden.
d. Analyzing the Data
Berdasarkan analisis yang kami lakukan. Dapat dikelompokan menjadi 2 poin penting
diantarnya:
• Responden memiliki transportasi bermotor yang selalu membutuhkan bahan
bakar di setiap minggunya. Dengan aplikasi ini maka kedua responden dapat
merasa terbantu untuk mencari pom terdekat dengan kualitas pelayanan terbaik.
 • Fitur yang terdapat dalam aplikasi sudah cukup lengkap dan mudah di pahami
oleh para responden dan pemilihan warna yang ada dalam aplikasi juga sudah
cukup tepat.

2.3 Analisi SWOT

A. Strength (Kekuatan) : Belum ada Aplikasi yang menawarkan

mengenai Stasiun Pengisian Bahan Bakar Umum dan belum adanya
Aplikasi yang menawarkan pemesanan online untuk pembelian Bahan
Bakar.
B. Weakness (Kelemahan) : Kelemahan dari produk Aplikasi PomQ
adalah susahnya mengenalkan produk baru kedalam pasaran karena produk
yang baru dan masih banyak orang yang tidak tahu akan manfaat yang di
tawarkan oleh Aplikasi PomQ.
C. Opportunity (Peluang) : Peluang yang terdapat pada inovasi Aplikasi
Pomq ini adalah cukup banyak masyarakat saat ini yang menggunakan
transportasi dengan membutuhkan Bahan Bakar. Dan belum ada aplikasi
mengenai Stasiun Pengisian Bahan Bakar Umum, maka akan membuat
masyarakat penasaran mengenai efektifitas yang ada dalam Aplikasi
PomQ.
D. Threat (Ancaman) : Ancaman yang terdapat dalam produk ini
adalah jarangnya aplikasi yang menawarkan mengenai Stasiun Pengisian
Bahan Bakar Umum sehingga menyebabkan masyarakat mempunyai
ekspetasi yang cukup tinggi mengenai produk aplikasi yang kami tawarkan
dikarenakan jarangnya ada aplikasi yang menawarkan mengenai Stasiun
Pengisian Bahan Bakar Umum. Produk ini juga terdapat kesulitan dalam
memasarkannya/Promosi pada masyarakat karena banyak masyarakat
yang belum pernah mendengar bahkan mencoba produk aplikasi yang kami
tawarkan.
 BAB III
PERANCANGAN

3.1 Deskripsi Aplikasi

PomQ adalah salah satu Aplikasi yang dapat membantu anda dalam pencarian Stasiun
Pengisian Bahan Bakar Umum terdekat dan ter popular dengan pelayanan yang baik,
Aplikasi PomQ juga dapat mengetahui seberapa padat antrian yang terjadi pada Masing –
masing Stasiun Pengisian Bahan Bakar Umum agar anda dapat lebih cepat dalam membeli
bahan bakar jika dalam posisi terburu - buru. Dalam Aplikasi PomQ ini juga terdapat fitur
yang memudahkan anda dapat pembelian bahan bakar dengan adanya fitur pemesanan
online yang berguna untuk masyarakat yang sedang mengalami kendala kehabisan bahan
bakar di tengah jalan. Anda juga dapat mengetahui secara detail mengenai lokasi Stasiun
Pengisian Bahan Bakar Umum dan juga perbandingan harga pada seluruh Stasiun
Pengisian Bahan Bakar Umum .
PomQ menawarkan solusi permasalahan yang sering di keluhkan masyarakat dalam
hal perbandingan Harga setiap Stasiun Pengisian Bahan Bakar Umum, antrian yang cukup
Panjang pada Stasiun Pengisian Bahan Bakar Umum, dan juga masalah kehabisan bahan
bakar di tengah jalan. Tidak perlu khawatir akan jauhnya posisi kehabisan bahan bakar
karena dalam aplikasi PomQ terdapat fitur pesan online.
PomQ memungkinkan:
- Melihat posisi Stasiun Pengisian Bahan Bakar Umum terdekat.
- Perbandingan Harga di seluruh Stasiun Pengisian Bahan Bakar Umum.
- Melihat Ulasan/Komentar yang membuat Stasiun Pengisian Bahan Bakar Umum
pada daerah tertentu menjadi popular dan disukai banyak orang.
- Menemukan posisi Stasiun Pengisian Bahan Bakar Umum yang tidak padat
antrian dengan melihat dari kamera ataupun dari keterangan padatnya antrian.
- Dapat memesan online bahan bakar jika terdapat masalah kehabisan bahan bakar
di tengah jalan ataupun masalah yang lainnya.
3.2 Target Aplikasi
Dalam Produk Aplikasi PomQ yang akan kami buat maka target pengguna yang kami
targetkan yaitu:
 • Seluruh kalangan masyarakat mulai dari 17 > 55+ yang mempunyai
kendaraan bermotor dan membutuhkan bahan bakar.
3.3 Fitur Aplikasi
Alasan kami membuat Sitemap adalah untuk mempermudah untuk mengembangkan
desain di masa yg akan datang/pengembangan kedepannya. Sitemap merupakan
sekumpulan halaman yg akan ada aplikasi yang akan kami buat. Pada sitemap terdapat
relasi antar halaman, hal ini membuat kami tahu tombol apa saja yang harus di sediakan
dalam setiap halamannya.
Berikut halaman yg ada dalam aplikasi PomQ:
1. Login : halaman ketika user ingin registrasi dan login.
2. HomePage : Halaman untuk menampilkan perbandingan harga dari Stasiun Pengisian
Bahan Bakar Umum yang satu dengan yang lainnya, menampilkan Jenis bahan bakar yang
terfavorit, menampilkan Stasiun Pengisian Bahan Bakar Umum terbaik, menampilkan
perbedaannjenis-jenis bahan bakar dan menampilkan daftar Stasiun Pengisian Bahan
Bakar Umum terdekat beserta ranting penilaian dari masyarakat terhadap Stasiun
Pengisian Bahan Bakar Umum.
3.Seacrh Loc : Halaman maps gps dari letak Stasiun Pengisian Bahan Bakar Umum dan
dapat mengetahui tingkat kepadatan antrian yang terjadi pada Stasiun Pengisian Bahan
Bakar Umum.
4. Pesan Online: Halaman pemesanan Bahan Bakar secara online untuk para masyarakat
yang kehabisan bahan bakar di tenggah jalan dan lokasi terjadinya masalah sangat jauh
dari Stasiun Pengisian Bahan Bakar Umum.
5. Akun : yang bisa untuk melihat detail profile, pengaturan akun (merubah nama,
dll), mengubah bahasa dan logout.
3.4 User Flow

3.5 Information Architecture

3.6 Wireframe Diagram
 BAB IV
PENUTUP

4.1 Hasil Pembuatan

1. Desain Login dan Desain Registrasi : User melakukan login pada form ini Dan
Jika User tidak punya account maka di haruskan untuk create account terlebih
dahulu.

2. Desain HomePage/Dashboard : Mengetahui Lokasi SPBU Terdekat, Harga

Jenis bahan bakar dll. Kemudian Dashboard halaman ke 2 jika di tekan salah
satu SPBU akan muncul lokasi dari SPBU dan juga informasi lainnya.
Halaman ke 3 yaitu SPBU yang sudah di pilih akan memberikan (informasi
seperti; kepadatan antrian yang dapat di lihat dari informasi cctv, melihat
ranting/ulasan dalam SPBU tersebut Dashboard halaman ke 3 Untuk
pemberian ulasan/ranting pelayanan ataupun yang lainnya pada SPBU.
3. Desain Pesan Online: Halaman 1 mengisikan Lokasi anda terkini. Kemudian
desain halaman ke dua akan menampilkan harga dari pemesanan dan halaman
terakhir akan muncul estimasi kedatangan dari bahan bakar tersebut.

4. Desain Searh Loc : pada halaman 1 hanya menampilkan sebuah peta yang
terdapatkan informasi mengenai titik dari SPBU yang ada. Pada halaman ke 2
jika salah satu SPBU di tekan maka akan keluar foto, ranting serta ulasan yang
ada dalam SPBU tersebut, halaman ke 3 menampilkan kepadatan atrian yang
ada dalam SPBU dengan melihat cctv yang ada. Halaman ke 4 dapat
memberikan ulasan/ranting terhadap pelayanan dari SPBU tersebut.
 5. Desain Account : Pada desain ini adalah desain untuk menggelola akun yang
ada pada aplikasi. Pada halaman 1 dapat edit profile. Halamn ke 2 dapat
memilih Bahasa. Halaman ke 3 terdapat pengaturan untuk tema maupun
notifikasi. Halaman ke 4 yaitu informasi tentang aplikasi.

4.2 Mockup Aplikasi

4.3 Kesimpulan
BBM RON 90 atau Pertalite sebagai jenis Bahan Bakar Penugasan Khusus (JBKP).
Dibutuhkan suatu sarana yang dapat menggambarkan kondisi sistem pelayanan di SPBU
secara tepat dan kenaikan harga bahan bakar yang sangat ekstrim terjadi pada akhir –
akhir ini. Tujuan Membuat desain aplikasi PomQ ini yaitu fitur – fitur yang ada dapat
mengetahui tempat Stasiun Pengisian Bahan Bakar Umum terdekat lengkap dengan harga
di setiap Stasiun Pengisian Bahan Bakar Umum. Kemudian fitur yang ada dapat
digunakan untuk mengetahui kinerja sistem antrian yang ada pada proses transaksi
pengisian bahan bakar di SPBU saat jam sibuk. Manfaat dari adanya aplikasi PomQ ini
dalam jangka Panjang yaitu untuk mempermudah dalam pencarian Stasiun Pengisian
Bahan Bakar Umum terdekat dan banyaknya antrian dalam setiap Stasiun Pengisian
Bahan Bakar Umum. Metode yang kelompok kami gunakan untuk menyelesaikan
proposal yaitu User Centered Design (UCD) adalah metode pada suatu rancangan desain
yang berfokus pada kebutuhan pengguna.mengacu pada langkah- langkah UCD yang
dikemukanan dalam ISO 9241-210: 2010.
 Berdasarkan perancangan dan pengujian yang telah dilakukan menggunakan metode
UCD dalam penelitian ini didapatkan kesimpulan yaitu:
● Setelah dilakukan proses desain ulang dan pengujian terhadap responden,
didapatkan hasil bahwa desain mobile yang baru memudahkan pengguna dalam
melakukan aktivitas dalam Aplikasi. Peningkatan UI/UX pada Aplikasi PomQ dapat
dibuktikan dari hasil pengujian dengan desain yang baru pengguna dapat memahami alur
dan dapat menjalankan tugasnya.
● Setelah melakukan seluruh proses untuk memahami kebutuhan dan permasalahan
pengguna. Hasilnya adalah menghadirkan solusi pada Aplikasi berbasis mobile PomQ
guna memberikan pengalaman terbaik dalam seluruh kegiatan yang berlangsung.

4.4 Saran
A. Perancangan desain ulang UI/UX Aplikasi PomQ dengan menggunakan metode
User Centered Design (UCD) dapat diimplementasikan dalam pengerjaannya.
Terdapat beberapa saran yang dapat digunakan untuk meningkatkan dan membuat
perancangan desain ulang UI/UX Aplikasi PomQ menjadi lebih baik. Berikut
merupakan saran yang diberikan untuk perancangan ini:
• Pada proses Specify the context of use, Saat menelusuri masalah dan kebutuhan
pengguna, sebaiknya jumlah responden ditambah jika kondisi dan waktu
memungkinkan. Ini dimaksudkan untuk memberi kami pemahaman yang lebih
luas tentang masalah dan kebutuhan pengguna kami saat menggunakan situs web.
• Pada proses Analisis data dengan pengguna untuk mengumpulkan data
permasalahan dan kebutuhan harus dapat dimaksimalkan dan direncanakan
dengan baik.
• Pada proses pengujian dengan metode interview disarankan untuk menambah
instrumen penilaian lain untuk mendapatkan hasil yang lengkap dan memenuhi
setiap aspek.
• Pada proses pengujian dengan metode interview dengan responden disarankan
mencari tempat dan suasana yang kondusif untuk mendapatkan hasil yang lebih
akurat.
 DAFTAR PUSTAKA

“Harga Pertamax Rp12.500/ liter Berlaku Hari Ini”, Media Indonesia, 1 April
2022, hal. 10.
“Kenaikan Harga Pertamax, Waspadai Migrasi Konsumsi”, Bisnis Indonesia, 4
April 2022, hal. 4.
Kementerian Keuangan RI, Buku II Nota Keuangan beserta APBN Tahun
Anggaran 2022.
“Konsumen Pilih Pertalite”, Kompas, 3 April 2022, hal. 11. Laksanawan, Irnanda.
“Pemakaian BBM Pertamax Mencuil 21% dari Total Konsumen Gasoline”,
Kontan, 1 April 2022, hal. 1.
Sinalungga, S. 2008. Pengantar Teknik Industri. Graha Ilmu, Yogyakarta.
“Stok Pertalite Dijamin Aman”, Republika, 5 April 2022, hal. 18. “Waspadai
Inflasi Bergerak Liar”, Media Indonesia, 4 April 2022, hal. A2.
“Urgensinya Strategi Kebijakan BBM yang Terintegrasi”, Media Indonesia, 5
April 2022, hal. 6.
Wospakrik, H. (1996). Teori dan Soal-Soal Operations Research. Bandung:
Erlangga