High Fidelity Design :

Hotan
(Pemecah Masalah Menentukan Universitas dan Jurusan Sesuai
kemampuan)
1. Empty State
State dimana halaman/ fitur baru pertama kali muncul
atau dilihat user, apa saja yang pertama kali terlihat oleh
user.

Di sini user pertama kali melihat halaman pertama ketika

masuk, ada pilihan DAFTAR dan LOGIN.

Fitur simple hanya mengklik daftar atau login, jika belum

punya akun klik daftar, jika sudah punya klik login, lalu
diarahkan selanjutnya, sehingga siswa mudah
mengakses.

Namun juga jika masih bingung maka bisa klik ABOUT

HOTAN(fitur apa sih Hotan itu). Dan juga ada tambahan
diatas logo info buat legalitas aplikasi tersebut.
 2. Interaction/Action State
State dimana user berinteraksi dengan fiturnya.

Di sini user setelah LOGIN, maka muncul home atau halaman

utama dari Hotan.

ini adalah tampilan dari home, oleh karena itu logonya berwarna
pink, sedangkan yang lain masih warna hijau dan biru. dan juga
ada tanda kembali jika tidak berminat atau mau menyimpan
username.

Fitur tersedia adalah berupa video yang sering ditonton/rekom,

dan E-book yang sering dibaca orang yang mengunjungi Hotan.
serta ada bar pencarian yang bisa digunakan siswa untuk
mencari yang diinginkan.

Untuk Konsul Ai dimana siswa bisa menanyakan apa yang

mereka masih ragu dan tanyakan, sedangkan profile melihat
data mereka isi yang membantu konsul AI memecahkan
masalah mereka; mencari minat dan bakat untuk ke depannya.
3. Loading State
State dimana user telah melakukan suatu action dan
sedang ditengah-tengah proses loading.

Di sini ketika user melakukan pencarian di bar pencarian

maka, muncul loading seperti ini untuk menunggu sesaat.

Tanda kembali untuk user jika merasa kelamaan

menunggu dan mau mengetik ulang/mencari kata kunci
yang lain.
4. Success State
State saat action dari user telah sukses.

Di sini user mendapatkan pencariannya hal-hal yang

mengakses tentang jurusan yang diinginkan, maka Hotan
menyediakan dua; jika rajin membca maka E-book lah
jawabannya dan jika tidak hobi membaca maka
menonton videolah jawabannya, di sini video free
mengenai pengalaman dan info dan tipsnya
menjalankannya tentunya dibimbing yang mempunyai
pengalaman langsung.

Jika berhasil maka tampilan seperti ini, adanya beberapa

video di bagain video dan begitu juga bagian E-book.
Serta tersedia tanda kembali jika ingin ke Home dan ada
simbol silang jika mau mengetik ulang atau mencari yang
lain.
5. Failed State
State saat action dari user gagal.

Di sini user dapat mengetahui jika gagal dalam

melakukan pencarian.

Sehingga ada dua pilihan dalam state ini yaitu; coba kata
kunci lain, jikalau ada terdapat typo atau memang belum
ada sehingga bisa langsung mengetik kembali atau rekom
lainnya yang berhubungan dengan user.

Kedua, adanya kembali jika ingin melihat tampilan home

lainnya.
SEKIAN & TERIMA KASIH

304_ARY ADITYA