2 september 2023

TUGAS 1
Designing Low-Fidelity Apps
Mata kuliah Workshop Desain Web

Nama dosen pengampu :

Ibu Yesta Medya Mahardika S.Tr.Kom., M.T.

Dikerjakan oleh
Nama : Rifki Alaudin
NRP : 3123600007
Kelas : 1 D4 TI A
Tujuan :
- Mengetahui cara membuat Wireframe untuk desain suatu web
- Memahami dengan baik apa saja item yang digunakan pada website yang dibuat
- Memahami alur kerja suatu website

Tugas :

User Flow

User
User membuka User mendaftar
memasukkan
website akun
alamat email

User
User memasuki
memverifikasi
halaman utama
alamat email
 1. User membuka website

1. Form pencarian – untuk mencari sebuah konten yang users inginkan.

2. Bar menu – untuk menampilkan beberapa fitur yang tersedia.
3. Logo dan nama brand – untuk menampilkan sebuah logo dan juga nama brandnya.
4. Foto – menampilkan foto promo, diskon, suatu event, dll.
5. Icon lonceng – menampilkan notifikasi atau pemberitahuan pada website tersebut.
6. Bar daftar – sebagai link menuju halaman daftar.
7. Icon next – untuk menampilkan foto selanjutnya.
8. Judul konten – diisi dengan judul konten yang diinginkan.
9. Keterangan – untuk menampilkan konten yang lainnya.
10. Foto – untuk menampilkan foto sebuah konten.
11. Icon next – untuk menampilkan foto selanjutnya.
12. Nama konten – diisi dengan nama konten yang diinginkan.
13. Icon apps – untuk menampilkan sosial media yang dimiliki oleh website dan wa yang bisa dihubungi.
2. User mendaftar akun

1. Icon back - untuk kembali ke halaman sebelumnya

2. Judul – memberitahu judul untuk konten yang ada dibawahnya
3. Icon pesan – menampilkan icon pesan yang dilambangkan untuk email
4. Icon telepon – menampilkan icon telepon yang dilambangkan sebagai nomor HP
5. Link – untuk menuju halaman login
6. Link email - untuk mendaftar lewat email
7. Link HP – untuk mendaftar dengan nomor HP
8. Pernyataan – menampilkan suatu aturan dan ketentuan yang dimiliki website tersebut.

3. User memasukkan alamat email

1. Bar pilih – untuk memilih mendaftar dengan email atau nomor HP

2. Form email – untuk mengisi alamat email
3. Form kata sandi – untuk mengisi kata sandi yang akan dibuat
4. Keterangan – persyaratan penulisan dari kata sandi yang dibuat
5. Form nama – untuk mengisi nama sebagai nama user
 6. Blok persetujuan – untuk meminta persetujuan kepada user agar mengikuti aturan dan kebijakan yang
berlaku
7. Link login – untuk menuju halaman login jika sudah mempunyai akun

4. User memverifikasi email

1. Judul – memberitahu judul dari suatu pemberitahuan

2. Isi – memberitahu informasi kepada user untuk melanjutkan langkah berikutnya

5. User memasuki halaman utama

1. Icon keranjang – untuk menampilkan pesanan yang akan kita beli

NB : untuk yang lainnya sama dengan di page awal