02 – Product Design

Product Design

Berisi tentang proses kami dalam mendesain produk.

User Journey

User Journey adalah diagram yang menggambarkan proses tujuan seorang user dengan role tertentu untuk mencapai suatu goals. Tujuan dari User Journey adalah untuk memahami apa yang dirasakan oleh user pada tiap langkah penggunaannya, serta memberikan saran tentang apa yang harus ditambahkan pada sistem.
Terdapat 8 user journey dalam project , mengacu pada goals yang telah kami tentukan. Berikut user journey dari Informactive.

7.png
1-1.png
2.png
3.png
4.png
5.png
6.png

Previous
Next

Storyboard

Storyboard adalah rangkaian sketsa gambar yang digunakan untuk menggambarkan alur cerita.
Berikut adalah storyboard dari Informactive.

Information Architecture

Information Architecture (IA) adalah tentang bagaimana menstrukturkan informasi dalam aplikasi atau sehingga memudahkan user menyelesaikan goalnya dengan cepat. Metode IA yang kami gunakan yaitu card sorting dengan teknik closed, dan menggunakan online tools pada web study.uxtweak.com.
Kami membuat 6 kategori dan 18 list card, yang mana kategori tersebut dapat digunakan user untuk mengelompokkan card yang telah disediakan.
Berikut hasil card sorting untuk membantu penyusunan IA :

Dari hasil card sorting yang telah dilakukan oleh user,
berikut IA dari Informactive.

User Flow

User flow adalah langkah-langkah yang dilakukan oleh pengguna melalui aplikasi untuk
menyelesaikan tugas tertentu. Langkah-langkah yang dimaksud biasanya berupa alur dari titik
awal ke titik akhir yang biasanya berwujud sebuah tindakan.
Berikut user flow dari Informactive.

Notifikasi-Event-Terdaftar.png
Notifikasi-Event-Terdaftar.png
Penyebaran-Pnformasi.png
Penyebaran-Pnformasi.png
Registasi-Event.png
Registasi-Event.png
Timeline-Event.png
Timeline-Event.png
Tracking-Event-Terdaftar.png
Tracking-Event-Terdaftar.png
Upload-Event.png
Upload-Event.png
Informasi-Event.png
Informasi-Event.png
Informasi-Sertifikat.png
Informasi-Sertifikat.png

Previous
Next

Wireframe

Wireframe adalah kerangka atau coretan kasar untuk item-item pada halaman aplikasi
sebelum proses desain sesungguhnya dimulai. Kami membuat wireframe dengan menggunakan online tools Invision.
Berikut wireframe dari Informactive.

1. User Mahasiswa

0-landing-page-1.png
1-login-signup-1.png
2-1.png
2-1-1.png
2-2.png
2-3.png
3-sertif.png
3-sertif-detail.png
4-jadwal.png
4-jadwal-detail.png
5-notif.png
6-profile.png
6-profile-2.png
12-profil.png

Previous
Next

2. User Staff

7-login-signup-1.png
8.png
8-1.png
8-2.png
8-3.png
8-4.png
8-5.png
9-SERTIF-1.png
9-sertif-2.png
10-jadwal-1.png
10-jadwal-2.png
11-notif.png
12-profil-1.png

Previous
Next

Screenflow

Screenflow merupakan alur halaman aplikasi yang dijalankan pengguna untuk melaksanakan
aktivitas tertentu.
Berikut screenflow dari Informactive.

1. User Mahasiswa

2. User Staff Advokesma dan Staff Lembaga



Home

© 2022 | Made with 💚 by Informactive. All rights reserved.

02 – Product Design

Leave a Reply

Your email address will not be published. Required fields are marked *

Scroll to top