Persona

Yudhistira Erlandinata
Energizer AAA
Published in
3 min readApr 3, 2019

Personas are fictional characters, which you create based upon your research in order to represent the different user types that might use your service, product, site, or brand in a similar way.

Pada kesempatan kali ini saya ingin berbagi tentang konsep persona dan mengapa persona penting. Selain itu, saya pun akan berikan contoh konkritnya.

Seperti yang sudah didefinisikan di atas, persona adalah karakter fiksi. Jadi, apakah aplikasi yang Anda buat harus memiliki karakter fiksi? Bukan begitu maksudnya. Ketika Anda sedang merancang desain pengalaman pengguna untuk sebuah aplikasi, yang pertama kali harus Anda lakukan adalah merancang karakter fiktif tersebut. Lalu, untuk semua proses berikutnya dalam perancangan pengalaman pengguna, Anda harus menjadi karakter fiktif tersebut.

Aku ingin begini, aku ingin begitu…

Perancang pengalaman pengguna harus dapat berempati terhadap pengguna aplikasi terkait. Hal ini penting agar si perancang dapat memahami apa yang sebenarnya diinginkan oleh pengguna.

Mari kita terjun ke contoh konkrit, yaitu pada pengembangan aplikasi ConnectDot.

Studi kasus 1

Ian tidak sengaja mendengar “connectdot.com”. Karena penasaran, Ian pun mencoba membukanya. Konten apa yang seharusnya ditaruh pada halaman muka https://connectdot.com ?

Pada kasus ini karakter fiktif kita adalah Ian. Ian adalah seseorang yang baru pertama kali mendengar situs web connectdot.com. Ini artinya Ian tidak tahu apa-apa tentang connectdot.com. Sebenarnya apa tujuan yang ingin dicapai Ian dengan membuka https://connectdot.com? Tentunya untuk mencari tahu apa itu connectdot. Maka dari itu, konten yang harus ditaruh pada halaman muka ConnectDot adalah perkenalan tentang ConnectDot itu sendiri.

Gambar 1. Halaman muka ConnectDot

Kira-kira apakah Ian ingin menghabiskan banyak waktu untuk mencari tahu apa itu ConnectDot? Tentu tidak. Dengan rancangan halaman muka pada gambar 1, Ian hanya perlu waktu kurang dari 3 detik untuk mengetahui apa itu ConnectDot.

Apakah Anda tahu apa itu ConnectDot? Jika tidak, apakah Anda setuju bahwa dengan melihat gambar 1 selama kurang dari 3 detik, Anda langsung mendapatkan gambaran jelas apa itu ConnectDot?

Studi Kasus 2

Ian sudah membuka halaman muka ConnectDot dan tampaknya bersedia meluangkan waktu lebih dari 3 detik. Sebagai pengembang, apa yang akan Anda tawarkan untuk Ian?

Pertama, mari kita menjadi Ian. Sebenarnya, kenapa sih Ian tidak meninggalkan halaman web kita setelah berkunjung lebih dari 3 detik? Ada dua kemungkinan:

  1. Ian ingin langsung mencari pekerjaan.
  2. Ian ingin tahu lebih lanjut tentang ConnectDot

Ian baru saja tahu apa itu ConnectDot, berapa peluang kejadian Ian baru tahu tentang ConnectDot dan Ian juga kebetulan sedang ingin mencari pekerjaan? Berdasarkan tebakan berpendidikan: kecil. Maka dari itu, kita akan fokus pada kemungkinan kedua: Ian ingin tahu lebih lanjut tentang ConnectDot.

Dengan begitu, ada baiknya Anda sebagai pengembang melanjutkan perkenalan tentang ConnectDot. Tapi ingat, Ian belum tentu mau menghabiskan waktu banyak untuk tujuan ini. Maka dari itu, lanjutkan perkenalan dengan singkat, jangan buat halaman semacam wikipedia.

Gambar 2. Kami tawarkan apa keuntungan menggunakan ConnectDot

Lagi-lagi, dengan desain pada gambar 2, Ian hanya perlu waktu kurang dari 3 detik untuk menangkap gambaran besar keuntungan menggunakan ConnectDot.

Pada tahap ini, Ian sudah meluangkan waktu selama 6 detik dengan ConnectDot. Sebagai pengembang, kami pun berjaga-jaga apabila ternyata pengguna semacam Ian ini masih mau meluangkan waktu lebih pada halaman muka ConnecDot.

Gambar 3. Kami jelaskan secara singkat bagaimana cara menggunakan ConnectDot

Itulah desain halaman muka ConnectDot secara keseluruhan. Kami berharap dalam waktu 10 detik, termasuk waktu untuk memuat halaman muka, pengguna semacam Ian sudah tahu apa itu ConnectDot, apa saja keuntungan memakai ConnectDot, dan bagaimana cara menggunakan ConnectDot.

Apabila ternyata Ian bukanlah pencari kerja, k̶a̶m̶i̶ ̶b̶e̶r̶h̶a̶r̶a̶p̶ ̶s̶u̶a̶t̶u̶ ̶s̶a̶a̶t̶ ̶I̶a̶n̶ ̶d̶i̶p̶e̶c̶a̶t̶ ̶d̶a̶n̶ ̶a̶k̶h̶i̶r̶n̶y̶a̶ ̶k̶e̶m̶b̶a̶l̶i̶ ̶k̶e̶ ̶C̶o̶n̶n̶e̶c̶t̶D̶o̶t̶ kami berharap apabila Ian bertemu dengan seseorang yang sedang mencari pekerjaan, Ian ingat tentang ConnectDot karena desain halaman mukanya yang unik, dan merekomendasikan ConnectDot untuk mencari pekerjaan.

Bonus

Bagaimana cara mewujudkan desain homepage pada gambar 1, 2, dan 3?

Begini caranya:

HomePage.tsx

--

--