282 - Ux Journey 1.3

UXJourney
the
The process to optimize your resource for the

quality User Requirement
MUHAMMAD
RAFLI ARNANDA
WRITTEN BY
HCI GROUP
UXJourney
the

Second Versions
Written by HCI Group

Universitas Muhammadiyah Malang and Universiti putra malaysia
Wahyu Andhyka Kusuma
Azrul Hazri bin Jantan
Novia Admodisastro
Noris Mohd Norowi
UXJourney
the
The process to optimize your resource for the quality User Requirement
The UX journey is a process that helps optimize resources for quality user
requirements while improving self-efficacy. The process involves a series of
steps that begin with understanding the user's needs and expectations. This
includes conducting research to gain insights into the user's goals, motivations,
and pain points. Once the user's needs have been identified, the next step is to
develop a user persona, which is a detailed description of the user's
characteristics, preferences, and behaviors. This persona serves as a reference
point throughout the UX design process.
The next step in the UX journey is to define the user journey, which is the path
that the user takes to achieve their goals. This includes mapping out the steps
involved in the user's interactions with the product or service and identifying
potential pain points or areas for improvement.
Once the user journey has been defined, the UX designer can begin to prototype
and test different solutions. This involves creating wireframes, mockups, and
prototypes of the product or service, and testing these designs with users to
gather feedback and identify areas for improvement.
Throughout the UX journey, it is important to maintain a focus on the user's needs

and expectations and to continuously iterate and improve the design based on
feedback and testing. By following this process, designers can optimize their
resources to deliver quality user requirements, while also building their self-
efficacy and confidence in their design decisions.
Hello
This is my UX Diary
PLA CE
YO U R
PHOTO
HERE
Tell me about your personality and ability

Halo nama saya Muhammad Rafli Arnanda, Biasa dipanggil Rafli
Umur saya 23 tahun. saya merupakan mahasiswa teknik informatika
di Universitas Muhammadiyah Malang. Saya adalah orang yang sedikit
malas namun kreatif dalam beberapa hal. Saya orang yang berambisi
saya akan melakukan apapun untuk mencapai tujuan tersebut.
Saya orang yang perfeksionis walaupun malas, jadi saya akan
menyelesaikan job saya sesuai waktu yang di tentukan. Disisi lain
saya dapat menerima kritik atau masukan dari teman saya, saya
tidak akan menyimpan dendam pada orang yang membenci saya.
Saya suka bermain dota 2, alhamdulillah saya sudah sampai 5K.
Page 1 from ____

the
UXJourney
Page 2 from ____

UX Journey Activities Checklist
(D) Discover Time to work

Field studies 60
SWOT Analysis 60
Competitor Analysis 60
State Hypotheses 60
Identify Behavioral Variables 60
(E) Explore
Prepare Questions 60
Meet Stakeholder 60
Index Card 60
Map Interview Subjects to Behavioral Variables 50
Identify Significant Behaviour Patterns 10
Synthesize Characteristics and Relevant Goals 20
Check for Redundancy and Completeness 50
Expand the Description of Attributes and Behaviour 20
Persona 60
Journey Mapping 50
User Scenario and Stories 40
Sitemap 10
Wireframing 70
Page 3 from ____

UX Activities Checklist
(T) Test Time to work

Quantitative & Qualitative Usability Testing 20
A/B Testing 60
Objective Verification 15
Variable Verification 15
Acceptance Criteria 60
(L) Listen
Follow up 10
Page 4 from ____

My Goals
30 menit
day 1 day 2 day 3

Kickstart
Project Mengerjakan Mengerjakan Mengerjakan
progress 1 progress 2 progress 3
Time allocation 5 jam = 300 menit 6 jam = 300 menit 6 jam = 300 menit
day 4 day 5 day 6 day 7

Melanjutkan Melanjutkan Melengkapi Melengkapi
progress 3 progress 3 progress 1 progress 2
6 jam = 300 menit 6 jam = 300 menit 6 jam = 300 menit 6 jam = 300 menit
day 8 day 9 day 10 day 11

Melanjutkan Melengkapi Cek ulang Membuat video
progress 3 progress 3 semua progress pengerjaan
6 jam = 300 menit 3 jam = 180 menit 1 jam = 60 menit 3 jam = 180 menit
day 12 day 13 day 14

Deliver
melengkapi video
Finishing Mencetak buku Project
dan edit
3 jam = 180 menit 90 menit
Page 5 from ____

Discover
Page 6 from ____

Field studies... 30 menit
DATE 10 April 2023
Tujuan utama dari UX Journey adalah kita bisa memahami apa

yang pengguna butuhkan dalam memesan tiket kereta dan meng
identifikasi masalah dan mengembangkan sistem. ada hal yang
penting yaitu terkait memilih partisipan unutuk mewakili target
pengguna sistem khususnya pengguna yang sering menggunakan

aplikasi, pengguna baru atau pengguna yang jarang menggunakan
teknologi dan sistem online. Pengguna yang memiliki kekurangan
seperti memiliki kebutuhan khusus atau kendala fisik tertentu.
mungkin dengan pengamatan, pengumpulan data akan membantu
untuk mendapat informasi yang kita butuhkan.
Page ____ from ____

SWOT analysis 30 menit
Strength
Advantages? Tidak membuang waktu, kita dapat memesan tiket saat dimana saja
Uniqueness? fitur sederhana dan mudah digunakan untuk pengguna.
Selling Points? kemudahan dan kenyamanan ketika memesan tiket
Skills? Aplikasi dikembangkan sesuai jaman
Other factors?
Weaknesses
Limitations? Keterbatasan informasi
Lack of effort? feedback dari pengguna
Problems? Keterbatasan pendaftaran menggunakan social media
Poor strategy? meningkatkan kualitas layannan dengan menambah jumlah agen layanan
Other factors?
Opportunities
Improvements? Memperluas jangkauan dan ketersedian basis pelanggan yang lebih luas
performance?
Opportunities? Keretaku dapat menambah fitur baru agar meningkatkan user experience, seperti membayar
uang antar akun
Consumer behaviour?
Other factors?
Threats
External trouble? Menghadapi persaingan dari antar aplikasi lain yang akan menawarkan fitur serupa
obstacles? sama dengan platform lain, ada resiko keamanan yang dapat membahayak informasi penting.
Trends? Industri akan terus berkembang dan kemajuan teknologi akan membuat aplikasi usang jika tidak
mengikuti perkembangan zaman
Other factors?
Page ____ from ____

Competitor 20 menit
DIRECT COMPETITION INDIRECT COMPETITION
Ticket.com XXI ticket
Traveloka Agent travel

Kai Access
USER REVIEWS
Dari beberapa competitor diatas, hampir semua aplikasi memiliki fitur yang lengkap
dan seiring kebutuhan akan semakin bertambah. Pada dasarnya banyak orang
yang mungkin membandingkan harga tiket diantara beberapa aplikasi tersebut
karena dengan promo, hal tersebut bisa menarik minat pengguna untuk menggunakan
aplikasi. banyak orang yang kurang mengerti teknologi, dan mereka biasa
menggunakan jasa agent.
Page ____ from ____

60 menit
Hypotheses
HYPOTHESES PERSONAS EXPLANATION
H-1 Nama : Rafi (Pengguna) Dikarenakan rafi ini terbiasa atau cenderung menggunakan
Usia : 20 Tahun teknologi, jadi tak heran kalo dia mengenal e-wallet.
Profesi : Pelajar dan karena mungkin banyak user yang paham akan teknologi
Karakteristik : maka sistem harus membuat metode pembayaran dengan
-Pemalas, jadi tidak mau menggunakan menggunakan e-wallet dan hal ini memang bagus untuk
effort lebih untuk membayar transaksi experience pengguna dan memudahkan proses pem-
- Sering menggunakan teknologi bayaran untuk pengguna dan sistem.
Page ____ from ____

- ada pengalaman buruk ketika
melakukan transaksi bank

Hypotheses Explanation..
DATE 10 April 2023
User memilih kereta api karena akses stasiun kereta api sangat mudah dijumpai
dibanding bus dan bandara.
(H-2)
Nama : Arvanda
Usia : 23
Profesi : Freelancer
Karakteristik : - Hemat waktu
- tidak suka hal yang merepotkan
- Suka naik kereta api
Explanation : Arvanda sering naik kereta api saat berangkat atau pulang kerja
dikarenakan akses kereta api sangat mudah dibanding dengan pesawat dan bus
oleh karena itu randy lebih memilih untuk naik kereta api sebagai sarana transportasi
Page ____ from ____

Identify Behavioral Variables
30 menit
OBSERVED BEHAVIORAL VARIABLE SCALE 1 - 5
Menampilkan jadwal kereta 5
Mencari tiket kereta 5

Pembayaran menggunakan e-wallet 5
Promo tiket untuk ketertarikan pelanggan 4
Menampilkan informasi real-time 5
Memesan dan Pembatalan ticket 4
Page ____ from ____

Variable Explanation..
DATE 10 April 2023
Beberapa variablle yang ditulis adalah variable yang dimasukkan ke dalam aplikasi
masing-masing akan diberi skala 1-5 dan skala ini akan digunakan untuk
mengukur dan menentukan penting atau tidaknya variable dalam aplikasi ini
Berikut untuk penjelasan skala :
1 = Sangat tidak penting
2 = tidak penting
3 = biasa saja
4 = penting
5 = sangat penting (wajib)
Page ____ from ____

Explore
Page ____ from ____

15 minute prepare questions #
15 menit
2min Welcome remarks

Selamat pagi, saya Rafli arnanda. Disini saya sebagai developer yang mengembangkan aplikasi
keretaku
2min Collect demographics

Berapa umur saudara, pekerjaan saudara dan di bidang apa?
apakah sering menggunakan jasa kereta api?
2min Tell a story
2min Problem ranking
3min Explore customer's word view
2min Wraping up
Terimakasih atas waktunya yang telah meluangkan waktu untuk diwawancarai terkait aplikasi
yang saya kembangkan. salam
2min
Document results
Dokumen ini nantinya saya gunakan sebagai bahan untuk mengembangkan aplikasi, dan hasilnya
akan saya sampaikan bila sudah selesai.
Page ____ from ____

Prepared questions 30 menit
1. Apakah anda menggunakan Keretaku ?

2. Bagaimana experience anda ketika menggunakan Keretaku, sejauh ini?
3. Fitur apa yang membantu atau memudahkan anda untuk menggunakan aplikasi ini?
4. Apa kelebihan menggunakan aplikasi ini

5. Apa kekurangan ketika menggunakan aplikasi ini
6. Apa fitur baru yang anda harapkan untuk kedepanya pada aplikasi ini?
7.
8.
9.
10.
11.
12.
13.
14.
15.
Page ____ from ____

Creativity is
intelligence
having fun
Albert Einstein
Page ____ from ____

Meet stakeholder 60 menit
OBJECTIVE AND EXPECTED RESULTS
Bertujuan untuk menganalisa apa saja yang sekiranya dibutuhkan oleh stakeholder
dan apakah akan menyukai fitur yang ada pada aplikasi, memberi kenyamanan
dan kemudahan ketika memesan ticket.
5 MINUTES QUESTIONS
- Sebagai pengguna, saya ingin fitur pada aplikasi ini mudah dipahami dan digunakan
- Sebagai pengguna, saya ingin payment method yang bervariasi
- Sebagai pengguna, saya ingin aplikasi ini mudah untuk digunakan segala jenis orang
- Sebagai pengguna, saya ingin mencari tiket sesuai yang saya inginkan
Page ____ from ____

Findings 15 menit
MENTION YOUR FINDINGS
Sebagai pengguna saya ingin fitur pada aplikasi ini diterapkan sesuai dengan
mudah oleh pengguna
Sebagai pengguna saya ingin melakukan pembayaran menggunakan e-wallet
agar mudah ketika melakukan pembayaran
Sebagai pengguna saya ingin aplikasi ini mudah digunakan untuk semua jenis
kalangan orang, baik yang kurang mengerti teknologi atau orang yang biasa
menggunakan teknologi
Sebagai pengguna saya harap semua orang mendapat atau bisa menemukan
tiket sesuai yang mereka butuhkan atau perlukan.
Page ____ from ____

20 menit
Share your idea, write in this notes
1 3 4
2
fitur pengingat
Menu yang simple Menambahkan keberangkatan
tapi menarik untuk pembayaran dengan kereta Terjadi error
dilihat e-money ketika membayar
1 3 4
2
Page ____ from ____

20 menit
2 3
4
1
Pembayaran menggunakan Error ketika membuka
Qris details ticket
Menu kurang Sering terjadi
dipahami error
1 4
3
2
Page ____ from ____

20 menit
2 3
1
4
fitur registrasi kadang

Pembayaran M-banking error Terkadang aplikasi
Beberapa fitur lambat
yang
kurang dipahami
3
2 4
1
Page ____ from ____

Pemilik ide
zRuang ini adalah rumah baru ide
Anda. Bagikan di sini dengan cara
mengganti teks ini dengan teks
Anda sendiriRuang ini adalah
rumah baru ide Anda. Bagikan di
sini dengan cara mengganti teks
ini dengan teks Anda sendiri.
Page ____ from ____

If a User is
having a
problem, it's
our problem.
Steve Jobs
Page ____ from ____

MAP INTERVIEW
USER FEELING
Persona: Pengguna 50 menit
Scale 1: sangat Scale 2: nyaman Scale 3: Biasa aja Scale 4:cukup Scale 5: tidak
nyaman nyaman nyaman
Variable ...1 : Yang saya rasakan ketika menggunakan aplikasi
1, 2, 3, 4 5
Scale 1: sangat Scale 2: membantu Scale 3: cukup Scale 4: kurang Scale 5: tidak
membantu membantu membantu
Variable ...2 : Yang saya rasakan pada proses pembayaran
1,2,3
4 5
Scale 1: sangat Scale 2: nyaman Scale 3: cukup Scale 4: kurang Scale 5: tidak
nyaman nyaman nyaman
Variable ...
3 : Yang saya rasakan saat memesan tiket
5 1,2,3,4
Page ____ from ____

MAP INTERVIEW
USER FEELING
Persona: Pengguna
Scale 1: sangat Scale 2: senang Scale 3:cukup Scale 4: Kurang Scale 5:Tidak
senang senang senang
Variable ...4 : Yang saya rasakan ketika mendaftar akun
1,2,3,4 5
Scale 1: sangat Scale 2: cukup Scale 3: biasa aja Scale 4: kurang Scale 5: tidak
cukup cukup
cukup
Variable ...5 : yang saya rasakan saat melakukan pembatalan
5 1, 2, 3, 4
Scale 1: sangat Scale 2: nyaman Scale 3: cukup Scale 4: kurang Scale 5: tidak nyaman
nyaman nyaman
Variable ...
6 : Yang saya rasakan ketika menggunakan fitur yang ada
1,2,3,4,5
Page ____ from ____

MAP INTERVIEW
USER FEELING
Persona:
Scale 1: Scale 2: Scale 3: Scale 4: Scale 5:
Variable ... :
Variable ... :
Variable ... :
Page ____ from ____

MAP INTERVIEW
USER FEELING
Persona:
Variable ... :
Variable ... :
Variable ... :
Page ____ from ____

Significant Behaviour Patterns 10 menit
OBSERVED BEHAVIORAL VARIABLE SCALE PERCENTAGE
1 Yang saya rasakan ketika menggunakan aplikasi Sangat nyaman, nyaman 80%, 20%
2 Yang saya rasakan pada proses pembayaran Sangat nyaman, nyaman, cukup 20%, 60%, 20%
3 Yang saya rasakan saat memesan tiket Sangat nyaman, nyaman 20%, 80%
4 Yang saya rasakan ketika mendaftar akun Sangat senang, senang 80%, 20%
5 yang saya rasakan saat melakukan pembatalan cukup, biasa aja 20%, 80%
Sangat nyaman 100%

6 Yang saya rasakan ketika menggunakan fitur yang ada
Page ____ from ____

Pattern Explanation..
20 menit
DATE
1. Yang dirasakan ketika menggunakan aplikasi adalah 80% untuk sangat nyaman, dan 20%
nyaman ketika menggunakan
2. Yang saya rasakan pada proses pembayaran 60% ada di nyaman, 20% sangat nyaman dan cukup
3. Yang saya rasakan saat memesan tiket 20% untuk sangat nyaman, dan 80% untuk nyaman
4. Yang saya rasakan ketika mendaftar akun 80% sangat senang, 20% senang
5. yang saya rasakan saat melakukan pembatalan 20% untuk cukup dan 80% untuk biasa saja, mungkin
karena banyak yang mengeluh lambat untuk pembatalan jadi feedback dari pengguna tidak sebagus
fitur lainnya
6. Yang saya rasakan ketika menggunakan fitur yang ada, 100% menyatakan sangat nyaman
Page ____ from ____

SYNTHESIZE CHARACTERISTICS AND
RELEVANT GOALS
PATTERN 20 menit
Persona:
Variable ...
1:
Scale ... Scale ... Scale ...
Subjects ...
1,2,3,4 Subjects ...5 Subjects ...
Variable ...
2:
Subjects ...4 1,2,3 Subjects ...5 Subjects ...
Variable ...
3:
Scale ... 1,2,3,4 Scale ... Scale ...
Subjects ...
5 Subjects ... Subjects ...
Variable ...4 : 5
Subjects ...
1,2,3,4 Subjects ... Subjects ...
Variable ...5 :
Scale ... 5 Scale ... Scale ...
Subjects ... Subjects ...1,2,3,4 Subjects ...
Variable ...
6 :

Subjects ...1,2,3,4,5 Subjects ... Subjects ...
Page ____ from ____

Synthesize Explanation..
10 menit
DATE
1. Rata-rata pengguna sangat nyaman ketika menggunakan aplikasi, 1,2,3,4 persona menyatakan sangat nyaman
dan persona ke-5 memilih nyaman
2. untuk proses pembayaran ada 60% persona menyatakan nyaman, dan persona ke-4 menyatakan sangat nyaman
persona ke-5 menyatakan cukup
3. Untuk pemesanan ticket, persona ke-5 menyatakan sangat nyaman, dan untuk persona lainya menyatakan nyaman
untuk pemesanan tiket rata-rata nya nyaman.
4. Untuk fitur pemdaftaran akun persone ke-1 sampai 4 menyatakan sangat nyaman, dan persona ke-5 menyatakan nyaman
5. Untuk fitur pembatalan rata rata persona merespon cukup dikarenakan kadang lambat ketika melakukan pembatalan
namun juga ada persona ke-5 yang menyatakan nyaman.
6. Untuk bagian menggunakan fitur yang ada, 100% sangat nyaman
Page ____ from ____

Want your
users to fall in
love with your
designs? Fall in
love with your
users.
Dana Chisnell
Page ____ from ____

Check for Redundancy and
Completeness
50 menit
To do this validation
a number of questions have to be answered, such as are all the created
personas significantly different
Do all the created personas represent the diversity of real-world behaviors
and needs that the system will address
If two personas appear to differ only as to sociodemographic data
Either one of the redundant personas can be eliminated or the characteristics
of personas should be further specified to show up the distinctions
At least one significant behavior should distinguish one persona from any other
Verification with other user

1. Sebagai pengguna, saya ingin menggunakan aplikasi dan fiturnya dengan mudah
mungkin dengan menambahkan turtorial di awal penggunaan agar user paham aplikasi.
oleh Dimas, Hendra, Rafi, Bayu
2. Sebagai pengguna, banyak yang menginginkan payment method online seperti Qris
kata rafi, antar bank kata dimas, Qris kata bayu, dan virtual account kata Hendra karena
dengan fitur ini membayar jadi lebih mudah
3. Dengan adanya fitur pembatalan seperti pembatalan diket menurut rafi dan dimas
pembatalan atau pindah tempat duduk menurut bayu dan hendra
4. Sebagai pengguna, menurut dimas, rafi, hendra dan bayu karena pengguna bukan
hanya kaum muda jadi untuk tampilan aplikasi susunan dll harus dibuat sesimple mungkin
agar enak dilihat an mudah di operasikan.
Page ____ from ____

Verification 10 menit
DATE 11 April 2023
Dalam tahap ini, dilakukan pengujian tetapi diluar dari persona yang ada yaitu
orang luar untuk mempertanyakan apakah aplikasi ini sesuai dan melakukan
pengujian dengan zoom atau aplikasi serupa lainya dengan beberapa orang
random dan melontarkan beberapa pertanyaan yang sama dengan persona.
Rata-rata orang yang menjawab dengan setuju atau sependapat dengan persona
1. rata-rata user merespon untuk awal penggunaan mungkin ada beberapa turtorial
yang simple agar pengguna yang tidak terbiasa menggunakan teknologi paham betul
cara menggunakan aplikasi keretaku.
2. banyak dari pengguna ingin method payment online seperti Qris, M-banking, dan
Virtual account lainya. dengan fitur ini akan mempermudah untuk membayar pemesanan.
3. Semua persona setuju dengan fitur pembatalan tiket, karena semua orang pasti
bisa lalai atau kurang teliti, jadi dengan adanya fitur pembatalan tiket akan membantu
pengguna untuk meminimalisir kerugian.
4. Untuk tampilan aplikasi, semua persona ingin yang simple dan menarik karena
dengan tampilan yang tidak bertele-tele akan membuat pengguna lebih nyaman dan
tidak mempersulit pengguna ketika mengoperasikan aplikasi ini.
Page ____ from ____

Check for Redundancy and Completeness
5 menit
DATE 12 April 2023
Is there anything missing from the personas mappings, characteristics and objectives that needs to
be added?
If so, please specify:
Harusnya semakin banyak bisa semakin details, akan tetapi dengan persona seperti ini sepertinya cukup
To satisfy stakeholder assumptions or requests, does any other persona need to be added?
If so, please specify which persona should be added:
Tidak, karena apa yang stakeholder minta saya rasa sudah tercukupi
Are they any two personas that differ only as to socia-demographic variables?
If so, please specify what decision is to be taken:
a. Remove one of the personas. If so, specify which one:
b. Examine characteristics more thoroughly and differentiate personas.:
Are all created personas significantly different?
If so, please state, which personas are alike:
As a whole are the created personas representative enough of the diversity of real-world behaviour and
needs?
NO
Page ____ from ____

Conclusion
5 menit
DATE
Dari jawaban responden yang didapat, memang rata rata sama namun harusnya jawaban dari responden
lebih dijelaskan dengan detail mengenai stakeholder
Page ____ from ____

Expand Description and Variable
20 menit
TODAY I AM FEELING... Lelah
Sebagai pelajar, banyak kegiatan di sekolah jadi merasa lelah hari ini
TODAY I AM GOTING TO...Ekstrakulikuler
Sebagai pelajar, walaupun banyak kegiatan di sekolah tetapi tetap mengikuti ekstrakulikuler
TODAY I AM LOOKING FORWARD TO... Pulang
Sebagai pelajar, sehabis ekstrakulikuler di sore hari, akan beranjak pulang karena hari sudah mulai gelap
MY AFFIRMATION TODAY Kelelahan
Sebagai pelajar, saya lelah dengan banyak nya kegiatan hari ini.
Page ____ from ____

Expand Description and Variable
TODAY I AM FEELING...
TODAY I AM GOTING TO...
TODAY I AM LOOKING FORWARD TO...
MY AFFIRMATION TODAY
Page ____ from ____

Persona
15 menit
DATE 12 April 2023
Persona name: Arvanda Roles & tasks: Perwakilan stakeholder
Age: 23 Profession: Pelajar
User quote: Personality traits/ behaviour:
Santai dulu gasih Pemalas, up to date tentang teknologi
Lifestyle: Motivation:
simple dan easy going
Skill & Knowledge: Segment:
Internet Smartphones Arvanda adalah pelajar yang jarang membawa uang tunai
Website Social media dia lebih memilih menyimpan uang di e-wallet
Others:
Sketch persona:
Page ____ from ____

Persona
15 menit
DATE
Persona name: Randy Roles & tasks: Karyawan
Age: 26 Profession: Pekerja
cuan for life Hemat waktu dan pekerja keras
Kerja keras dan traveller
Internet Smartphones Randy adalah bapak bapak yang hobi travelling disamping
Website Social media itu beliau seorang pekerja keras
Others:
Sketch persona:
Page ____ from ____

Persona
15 menit
DATE
Persona name: Rusdi Roles & tasks: Perwakilan stakeholder
Age: 20 Profession: Pelajar/Mahasiswa
Belajar, makan, tidur. Suka mencoba hal baru, terbuka dan kadang sembrono
Sederhana
Internet Smartphones Rusdi adalah mahasiswa yang suka mencoba hal baru
Website Social media
Others:
Sketch persona:
Page ____ from ____

Persona
15 menit
DATE
Persona name: William Roles & tasks:
Age: 20 Profession: Pekerja
Rasa ingin tahu yang tinggi
Sederhana
Internet Smartphones William adalah pekerja keras

Website Social media
Others:
Sketch persona:
Page ____ from ____

To create a
memorable design,
you need to start
with a thought
that’s worth
remembering.
Thomas Manss
Page ____ from ____

10
Customer Journey
Decide on a target customer persona and the Use sticky notes to build a back story, Ideally, 1 persona = 1 journey
Mapping 1 scope of the journey to be explored today. 2 including the customer's reasons for 3 map. Duplicate these pages to
Give them a visual representation, name and taking this particular journey. repeat the exercise for another
description. persona.
Key Attribute Short Description
Add your
Nama : Randy
Add your
thought Pekerja thought Gender : laki-laki
here here
age : 26 tahun
Persona 1
[Insert persona's
name here]
Needs Challenges
Add your Add your Membutuhkan kereta api sebagai alat transportasi
thought Kereta sebagai transportasi utama, terutama untuk berangkat thought
here here
kerja.
Opportunities
Add your Mengenalkan aplikasi ini padanya agar bisa memesan tiket dengan mudah karena kereta api adalah alat transportasi utamanya
thought
here
Page ____ from ____

10
Describe the persona's journey in the first 3 rows, using one In the "emotions" row, move the dots up or down In the final row, brainstorm
4 sticky note per action. "User actions" pertain to activities; 5 the colored spectrum to visually show how the 6 possible solutions or areas of
Persona 1 "touchpoints" are interaction points like a website or email; persona's emotional experience rises and falls opportunity to improve the
and "pain points" refer to frustrations, errors and bottlenecks. throughout the journey. Positive peaks = delight, persona's experience.
while sudden drops = frustration.
Awareness Consideration Purchase Onboarding Advocacy
Mencari memilih tiket Memesan harga tiket

Add your Add your Add your Add your mendapat Add your
tiket kereta api thought sesuai kebutuhan thought dan membeli thought mahal thought thought
here here here here promo here
tiket
User Actions
Touchpoints
Pain points
D e l i g h t e d
Emotions
F r u s t r a t e d
Possible
Solutions
Page ____ from ____
5
Decide on a target customer persona and the Use sticky notes to build a back story, Ideally, 1 persona = 1 journey
Customer Journey 1 scope of the journey to be explored today. 2 including the customer's reasons for 3 map. Duplicate these pages to
Give them a visual representation, name and taking this particular journey. repeat the exercise for another
Mapping description. persona.
Add your
Nama : Arvanda
Add your
thought Mahasiswa/Freelancer thought Gender : laki-laki
here here
age : 23 tahun
Persona 1
[Insert persona's
name here]
Needs Challenges
Add your Add your

thought Pembayaran via e-wallet thought Membutuhkan payment method dengan e-money
here here
Opportunities
Add your Memberikan fitur payment method menggunakan e-money

thought
here
Page ____ from ____

10
4 sticky note per action. "User actions" pertain to activities; 5 the colored spectrum to visually show how the 6 possible solutions or areas of
Persona 1 "touchpoints" are interaction points like a website or email; persona's emotional experience rises and falls opportunity to improve the
menambahkan melakukan pembelian fitrur pengingat fitur kadang

menu simple Add your Add your Add your Add your Add your
thought pembayaran dengan thought tiket dengan Qris thought keberangkatan thought error tidak muncul thought
dan menarik here here here here here
e-money
User Actions
Touchpoints
Pain points
D e l i g h t e d
Emotions
F r u s t r a t e d
Possible
Solutions
Page ____ from ____
5
Customer Journey Decide on a target customer persona and the Use sticky notes to build a back story, Ideally, 1 persona = 1 journey
1 scope of the journey to be explored today. 2 including the customer's reasons for 3 map. Duplicate these pages to
Mapping Give them a visual representation, name and taking this particular journey. repeat the exercise for another
description. persona.
Add your
Nama : Rusdi
Pelajar/Mahasiswa Add your
thought thought Gender : laki-laki
here here
Age : 20 tahun
Persona 1
[Insert persona's
name here]
Needs Challenges
Add your Merasa repot membeli tiket langsung di stasiun Add your
thought thought membutuhkan aplikasi untuk membeli tiket
here here
Opportunities
Add your
thought Mencoba mengenalkan aplikasi ini karena Rusdi merasa kerepotan setiap mau membeli tiket
here
Page ____ from ____

10
Persona 1 4 sticky note per action. "User actions" pertain to activities; 5 the colored spectrum to visually show how the 6 possible solutions or areas of
"touchpoints" are interaction points like a website or email; persona's emotional experience rises and falls opportunity to improve the
Kesulitan Menemukan memesan mendapat Ke stasiun

Add your Add your Add your Add your Add your
mencari tiket thought tiket pada thought dan thought tiket yang thought dan naik thought
here here membeli here diinginkan here here
aplikasi kereta
User Actions
tiket
Touchpoints
Pain points
D e l i g h t e d
Emotions
F r u s t r a t e d
Possible
Solutions
Page ____ from ____
Usability rules the
Web. Simply
stated, if the
customer can't
find a product,
then he or she
will not buy it.
Jakob Nielsen
Page ____ from ____

User Scenario and Stories 50
Seorang pelajar suka melakukan payment Sesi wawancara bersama persona Seorang pekerja yang alat Seorang pelajar yang mencari tiket
menggunakan e-money transportasi utama adalah kereta api untuk liburan keluar kota
untuk mengenalkan aplikasi keretaku
Seorang user membatalkan pemesanan
tiket, karena ingin ganti jadwal
Page ____ from ____

User Scenario and Stories
Page ____ from ____

Sitemap 10 menit
Home
Page ____ from ____

Sitemap
Page ____ from ____

Wireframing
10
Screen name:
Home Page
Component:
Di Homepage ada cari dan pesan ticket
melihat riwayat ticket dan melihat detail
akun.
Heuristic violated:
Page ____ from ____

Wireframing
10
Screen name:
Pembatalan Tiket (Details tiket)
Component:
Detail ticket (jika ada tiket)
Melakukan pembatalan tiket bisa
dilakukan jika sudah mempesan tiket
pembatalan bisa dilakukan dengan
memencet tombol "batalkan pemesanan"
Heuristic violated:
Page ____ from ____

Wireframing
10
Screen name:
Riwayat ticket page
Component:
Riwayat tiket
Disini kita bisa melihat riwayat ticket
yang pernah dibeli, jadi history tiket-tiket
sebelumnya akan disimpan disini
Heuristic violated:
Page ____ from ____

Wireframing
10
Screen name:
Profile page
Component:
Di profile page, kita bisa melihat dan
mengedit data diri kita sesuai yang
diinginkan, mengganti kata sandi dan
bahkan hapus akun.
Heuristic violated:
Page ____ from ____

Wireframing
10
Screen name:
Login page
Component:
Di halaman login berisi inputan untuk
masuk ke aplikasi, dengan memasukan
e-mail atau no.hp dan password jika
belum memiliki akun daftar dahulu.
Heuristic violated:
Page ____ from ____

Wireframing
10
Screen name:
Detail Pembayaran
Component:
Di bagian detail pembayaran, kita bisa
melihat informasi tentang tiket dengan
lengkap, dan tersedia beberapa method
pembayaran.
Heuristic violated:
Page ____ from ____

Wireframing
10
Screen name:
Register page
Component:
Berisi 3 textbox untuk mengisi
e-mail, no.hp dan kata sandi

dibawahnya lagi ada button
untuk konfirmasi dan melanjutkan
ke homepage. Jika ingin kembali

tekan arrow diatas kiri untuk
menuju ke login page.
Heuristic violated:
Page ____ from ____

Wireframing
Screen name:
Component:
Heuristic violated:
Page ____ from ____

Wireframing
Page ____ from ____

Wireframing
Page ____ from ____

Wireframing
Page ____ from ____

Wireframing
Page ____ from ____

Wireframing
Page ____ from ____

Wireframing
Page ____ from ____

Wireframing
Page ____ from ____

Wireframing
Page ____ from ____

Test
Page ____ from ____

Qual & Quant 20
QUALITATIVE RESEARCH QUANTITATIVE RESEARCH
Focus on "why" Focus on "how many" & "how much"
inform design decisions evaluate the usability of an existing site
identify usability issues and find solutions track usability over time
Findings based on the researcher’s compare site with competitors

impressions, interpretations, and
prior knowledge
USER REVIEWS
Desain simple dan cukup menarik, untuk fitur mudah di dan dipelajari. Akan tetapi sedikit
kelemahan yang dipunyai yakni detail dari fitur sedikit tidak lengkap jika dibandingkan dengan
competitor lain, untuk efektifitas memang bagus akan tetapi dengan model yang terlalu simple ini
kurang menarik untuk beberapa user.
Page ____ from ____

AB Testing
15
Variable ...
2 : Variable 2... :
Scale ... 1,2,3 Scale ... Scale ... Scale ... Scale ... Scale ...
Subjects4... Subjects 5
... Subjects ... Subjects 1,2,3
... Subjects 4,5
... Subjects ...
Note: Dari segi desain cukup, akan tetapi untuk detail metode Note: Dari tamplian memang sedikit membosankan, akan tetapi
pembayaran masih kalah lengkap dengan kompetitor metode pembayaran lebih lengkap dari kompetitor.
Page ____ from ____

AB Testing
15
Variable ...4 : Variable ...4 :

Scale ... Scale ... Scale ... Scale ... Scale ... Scale ...
Subjects 1,2,3,4
... Subjects5... Subjects ... Subjects 5T
... Subjects 1,2,3,4
... Subjects ...
Note: Dari segi desain lebih menarik, jadi untuk kesan Note: desain yang monoton, kurang menarik di kesan pertama
pertama lebih menarik daripada kompetitor kalah menarik dari segi desain, selebihnya sama.
Page ____ from ____

AB Testing
15
Variable ...
5: Variable ... :
Scale ... 5 Scale ... Scale ... Scale ... Scale ... Scale ...
Subjects ... Subjects ...1,2,3,4 Subjects ... Subjects ...1,2,3,4,5 Subjects ... Subjects ...
Note: dari tampilan lebih simple, jadi untuk detail nya masih Note: untuk aplikasi ini detail nya lebih lengkap jauh dari
kalah dengan kompetitor aplikasi kompetitor
Page ____ from ____

AB Testing
15
6:
Variable ... Variable ... :
Scale ... Scale ... Scale ... Scale ... Scale ... Scale ...
Subjects ... Subjects ...
1,2,3,4 Subjects ...5 1,2,3,4,5 Subjects ...
Subjects ... Subjects ...
Note: Note:
desain colorfull, lumayan menarik dan simple tetapi untuk desain menarik, fitur yang ditawarkan lebih lengkap dan
fiturnya masih kalah lengkap dengan kompetitor menarik untuk pengguna.
Page ____ from ____

10
Verification
HYPOTHESES PERSONAS EXPLANATION
H-1 Rafi user memahami dan terbantu dengan fitur yang ada, akan tetapi
terkadang memiliki keluhan seperti aplikasi melambat.
H-2 Arvanda user cukup memahami, dan menyukai fitur-fitur yang ada. Dengan
adanya pembayaran menggunakan e-wallet user semakin nyaman
menggunakan aplikasi.
Page ____ from ____

Objective Explanation.. 5
DATE 17 April 2023
Dari beberapa tambahan fitur yang diinginkan dan fitur yang mungkin kurang diinginkan oleh
user. Pertama untuk method payment, rata-rata user menginginkan fitur tersebut. Fitur selanjutnya
yaitu re-schedule atau pembatalan ticket, fitur ini cukup banyak yang menginginkan, dan yang
terakhir adalah pencarian ticket secara real-time, semua user ingin mencari tiketnya secara
real-time agar memudahkan untuk mencari tiket yang tepat.
Page ____ from ____

Objective Behavioral Variables 10
OBSERVED BEHAVIORAL VARIABLE SCALE
User terbantu dengan adanya pembayaran menggunakan e-wallet 80% pada scale 1, sangat terbantu. 3 mahasiswa, 1 pekerja
dan 1 pelajar.
User setuju dengan adanya fitur pembatalan pembelian 100% pada scale 1, sangat setuju. 3 mahasiswa, 1 pekerja dan
1 pelajar
Ketika user ketika mencari tiket yang diinginkan 80% pada scale 1, sangat mudah. 3 mahasiswa, 1 pekerja dan
1 pelajar
Page ____ from ____

Positive Case
Given When Then User Interface

Pengguna berhasil Mengisi e-mail dan password
login Menuju ke halaman home
yang terverifikasi menekan
button login
Page ____ from ____

Positive Case
Pengguna mencari mengisi semua kolom seperti Sistem menampilkan halaman untuk melanjutkan ke
atau menemukan detail keberangkatan dan kereta pembayaran
tiken yang diinginkan
Page ____ from ____

Positive Case

Jika pengguna salah ketika pengguna salah klik untuk sistem akan menampilkan halaman untuk membatalkan
atau ingin membatalkan pembayaran dan ingin pemesanan tiket
pesaanan membatalkan
transaksi
Page ____ from ____

Acceptance Criteria
Positive Case
Page ____ from ____

Negative Case
Pengguna Ketika salah memasukan Sistem akan menampilkan pesan

berada di username atau sandi merah untuk memasukan username atau
halaman password yang benar
login
Page ____ from ____

Negative Case

Pengguna Ketika pengguna belum Sistem menampilkan pesan agar pengguna
berada di memilih metode memilih metode pembayaran sebelum
halaman pembayaran dan melakukan pembayaran
pembayaran menekan tombol bayar
Page ____ from ____

Negative Case

Pengguna berada Ketika belum mengisi Sistem akan menampilkan pesan
dihalaman utama detail tiket dan mencari agar pengguna mengisi detail tiket secara
tiket yang diinginkan lengkap untuk mencarikan tiket yang
diinginkan.
Page ____ from ____

Acceptance Criteria
Negative Case
Page ____ from ____

Listen
Page ____ from ____

Follow up.. 5
DATE 18 April 2023
Aplikasi ini masih akan berkembang dan jika diberi kesempatan kami akan melakukan banyak
update terkait fitur, dari segi tampilan dan design aplikasi. Seperti beberapa user ada yang
menginginkan fitur pemesanan makanan, bus, taksi dan lainya. Kami akan berusaha untuk
memenuhi hal tersebut dan akan melakukan test lagi jika progress nya sudah dikerjakan.
Terima kasih.
Page ____ from ____

Follow up..
DATE
Page ____ from ____

UXJourney
the

FROM DEVELOPER TO
DEVELOPER

282 - Ux Journey 1.3

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

282 - Ux Journey 1.3

Uploaded by

Copyright:

Available Formats

UXJourney

The process to optimize your resource for the

The process to optimize your resource for the

Written by HCI Group

Throughout the UX journey, it is important to maintain a focus on the user's needs

Tell me about your personality and ability

Page 1 from ____

Page 2 from ____

(D) Discover Time to work

Identify Behavioral Variables 60

Map Interview Subjects to Behavioral Variables 50

Identify Significant Behaviour Patterns 10

Synthesize Characteristics and Relevant Goals 20

Check for Redundancy and Completeness 50

Expand the Description of Attributes and Behaviour 20

Page 3 from ____

(T) Test Time to work

Page 4 from ____

day 1 day 2 day 3

day 4 day 5 day 6 day 7

day 8 day 9 day 10 day 11

day 12 day 13 day 14

3 jam = 180 menit 90 menit

Page 5 from ____

Page 6 from ____

DATE 10 April 2023

Tujuan utama dari UX Journey adalah kita bisa memahami apa

pengguna sistem khususnya pengguna yang sering menggunakan

Page ____ from ____

Limitations? Keterbatasan informasi

Lack of effort? feedback dari pengguna

Problems? Keterbatasan pendaftaran menggunakan social media

Page ____ from ____

DIRECT COMPETITION INDIRECT COMPETITION

Ticket.com XXI ticket

Traveloka Agent travel

Page ____ from ____

Page ____ from ____

melakukan transaksi bank

dibanding bus dan bandara.

Karakteristik : - Hemat waktu

- tidak suka hal yang merepotkan

- Suka naik kereta api

Page ____ from ____

Menampilkan jadwal kereta 5

Mencari tiket kereta 5

Promo tiket untuk ketertarikan pelanggan 4

Menampilkan informasi real-time 5

Memesan dan Pembatalan ticket 4

Page ____ from ____

Berikut untuk penjelasan skala :

1 = Sangat tidak penting

5 = sangat penting (wajib)

Page ____ from ____

Page ____ from ____

2min Welcome remarks

2min Collect demographics

2min Tell a story

2min Problem ranking

3min Explore customer's word view

Page ____ from ____

1. Apakah anda menggunakan Keretaku ?

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from

Page from