Image for post
Image for post

Pada artikel sebelumnya kita telah menentukan bahwa solusi dari masalah ini adalah menggunakan aplikasi.

Setelah menentukan solusi, hal selanjutnya adalah bagaimana user menggunakan solusi tersebut?. Bagaimana langkah langkah yang harus dilakukan user?

Maka langkah selanjutnya dinamakan dengan User Flow atau Proses merancang alur.

Saya pernah membahas tentang pembuatan user flow. Dalam pembuatan user flow terdapat beberapa tahap:

  1. Mengetahui Kebutuhan fitur

Mari kita bahas tahap demi tahap…

Image for post
Image for post

1. Mengetahui Kebutuhan Fitur

Untuk mengetahui kebutuhan fitur sangat simple, tinggal mengacu ke kebutuhan user. Dan kebutuhan usernya adalah:

  • User bisa mendapatkan informasi tempat tempat yang bisa digunakan untuk melangsungkan resepsi. Apakah tempat itu berupa gedung atau tempat terbuka seperti taman. …


Image for post
Image for post

Setelah membuat poin poin kesulitan dan kebutuhan user, kini kita tahu detail masalah saat mencari tempat untuk resepsi.

Langkah selanjutnya adalah membuat solusi untuk masalah ini.

Ingat, jangan terburu buru untuk memutuskan solusinya adalah sebuah aplikasi.

Solusi bisa apa saja. Bisa mulai dari hal yang paling mudah dan simple terlebih dahulu, lalu di analisa, apakah solusi tersebut cocok atau tidak.

Image for post
Image for post

Opsi Solusi Pertama

Membuat akun Instagram berisi kumpulan informasi gedung gedung yang bisa dijadikan tempat resepsi

Analisa Solusi

Untuk menganalisa solusi, kita bisa mencocokkan dengan kebutuhan user. Berikut analisa nya:

Kebutuhan User — 1
Sebagai user, saya membutuhkan informasi secara cepat tempat mana saja yang bisa digunakan untuk melangsungkan resepsi.


Image for post
Image for post

Pada langkah sebelumnya, kita telah membahas mengenai cara mendapatkan poin poin kesulitan user, diantaranya adalah sebagai berikut

😭 Poin Kesulitan — 1

User harus mencari tempat yang bisa digunakan untuk resepsi di Internet atau menanyakan ke teman teman nya. Dan itu cukup memakan waktu. Karena dalam waktu 2 jam, belum tentu menemukan informasi tempat.

😭 Poin Kesulitan — 2

Ketika mendapatkan suatu tempat, user harus mendatangi satu persatu tempat untuk mendapatkan kontak pengelola , mengetahui harganya, mengetahui bentuk tempatnya, mengetahui kapasitas nya, dan juga tanggal ketersediaannya.

Image for post
Image for post

Setelah itu langkah selanjutnya adalah membayangkan kamu berada di posisi mereka.

Jika kamu mengalami masalah tersebut, apa yang kamu butuhkan untuk mempermudah menghadapi kondisi tersebut. …


Image for post
Image for post

Pada langkah sebelumnya, kita telah membahas mengenai cara mendapatkan detail cerita dari suatu masalah. Dan inilah yang kita dapatkan

Permasalahan:
Kesulitan menemukan tempat untuk mengadakan resepsi

Detail Cerita:
Dulu, hal paling ribet saat mempersiapkan pernikahan adalah mencari tempat untuk acara resepsi. Karena waktu itu kami ingin resepsinya di ruang terbuka seperti taman.

Kami mulai mencari di Google, Instagram dan menanyakan ke teman teman kami. Setelah 3 hari melakukan pencarian akhirnya kami menemukan 3 tempat.

Karena kami ingin melihat seberapa luas tempatnya , informasi harga dan ketersediaan tanggal nya, maka kami memutuskan ke 3 tempat tersebut. Setelah ke 3 tempat tersebut, kami mendapatkan informasi kalau tempat pertama sudah di booking sampai akhir tahun, tempat kedua tidak cukup luas dan tempat ketiga terlalu mahal untuk disewa. …


Image for post
Image for post

Banyak masalah yang terjadi di sekitar kita. Coba luangkan waktu untuk ngobrol dengan orang tua, kakak, adik atau teman. Tanyakan ke mereka “Apa hal kurang menyenangkan yang mereka alami dalam 1 atau 2 bulan terakhir?”

Jika kamu belum menemukan masalah dari jawaban mereka, coba ganti pertanyaannya menjadi “Hal paling ribet atau susah yang pernah mereka alami dalam 1 bulan terakhir?”

Jika kamu belum menemukan masalah juga, coba beralih ke orang lain. Pasti kamu akan menemukan masalah yang menarik untuk dipecahkan.

Misalnya kamu bertanya ke temanmu mengenai “apa hal paling ribet atau susah yang pernah dialami”, dan mendapatkan jawaban “kesulitan mencari tempat untuk mengadakan resepsi” , Jika masalah tersebut menurutmu menarik maka lanjutkan untuk menggali informasi nya. …


Image for post
Image for post

1. Apa itu Case Study?

Simple nya… adalah pengamatan, analisa dan solusi.

Panjangnya… kalian mengamati suatu hal. Lalu kalian lakukan analisa, mulai dari apa yang menyebabkan hal itu terjadi, apa dampaknya, apakah menimbulkan masalah atau tidak?, jika iya, maka solusi nya seperti apa.

2. Mengapa membuat Case Study?

Memiliki kemampuan desain adalah senjata seorang UI Desainer. Tetapi kemampuan problem solving atau memecahkan suatu masalah melalui desain adalah senjata pamungkas seorang UI Desainer

3. Apa manfaat membuat Case Study?

banyak hal yang dipelajari, diantaranya

  • Melatih empati terhadap masalah yang ada di sekitar

4. Bagaimana cara membuat case study?

Ada beberapa langkah dalam membuat case study:

  • Langkah 1 — Memilih…


Image for post
Image for post

Pada artikel kali ini, kita akan membahas cara untuk membuat user flow. Mengenai apa itu user flow bisa disimak di artikel berikut: https://medium.com/insightdesign/memahami-user-flow-d8f97d30816

Langsung saja ya…

Kita akan merancang user flow untuk fitur registrasi atau pendaftaran dengan menggunakan nomor handphone.

Untuk membuat user flow , ada beberapa langkah:

  1. Mengetahui Kebutuhan fitur
Image for post
Image for post

1. Mengetahui Kebutuhan untuk fitur ini

Untuk mempermudah memahami kebutuhan fitur, coba posisikan sebagai user, dan bayangkan apa saja yang bisa dilakukan oleh user. Contohnya seperti ini:

  • Sebagai user, saya bisa melakukan pendaftaran dengan menggunakan nomor…


Image for post
Image for post

About Client

William is a developer who created an online course to learn about react-native. He shares some knowledge about gestures and animations. When we had a discussion with him, he wants to change the overall looks of the website, he wants something fun and playful.

Current Website

Below is the current website of the online course

Image for post
Image for post

The Concept

We had a discussion with William and an idea come up to try using alien characters for the new illustrations. The alien must be looks fun, playful, with some techie elements.

First Draft

Then we created some sketches or concepts. We created many different aliens with different activities that represent each lesson of the course. Here are the concepts

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

High Fidelity

After some discussions and iterations, our next process is to convert the sketches into high fidelity. The fun part is coming… here are the result

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

Implementation

Image for post
Image for post

Interested to work with us?

Shoot your business inquiry to hello@paperpillar.com 😄 🚀 ✉️


Image for post
Image for post

About Client

BigScoots is a server hosting company, they help people who need web hosting for their personal sites, company or communities.

They also have Wordpress hosting, which is their hosting can optimize the functions of Wordpress and give the security. They also offered Cloud VPS service and Dedicated Server for the user who needs it.

Client’s Need

We have a discussion with Scoot, CEO BigScoots. He wants to change the looks of the dashboard but no need to change drastically.

Clean design and the most important thing is users can easily read the information. …


Image for post
Image for post

Tentang Klien

Crisp adalah sebuah aplikasi yang membantu para pemilik website untuk berkomunikasi dengan pengunjung website mereka melalui chat secara live atau real time atau pada saat itu juga.

Simplenya, ketika ada seseorang mengunjungi websitemu, dan orang tersebut menekan tanda chat di websitemu dan mengirimkan pesan, maka pesan tersebut akan langsung kamu terima di handphone mu.

Kebutuhan Klien

Crisp sudah memiliki aplikasi mobile yang telah berjalan selama beberapa tahun, kita sebut saja aplikasi mereka dengan Crisp versi 1.

Saat tim Crisp menghubungi Paperpillar, mereka ingin mengembangkan aplikasi tersebut, kita sebut saja aplikasi yang terbaru ini adalah Crisp versi 2.

Di Crisp versi 2 ini mereka ingin memperbarui tampilan aplikasi dan menambahkan beberapa fitur baru. …

About

Dwinawan

Co-Founder Paperpillar • UI Designer • Love to create design exploration on dribbble.com/dwinawan • Have a question? find me on twitter.com/dwinawan_

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store