Rancangan Produk Perancangan tampilan layar ini bertujuan untuk memberikan interface
tentang desain program yang akan dibuat. Tujuan dari perancangan antarmuka pengguna adalah merancang interface yang efektif untuk produk yang dibuat.
Pengguna sering menilai sebuah aplikasi dari user interface-nya. Jika desain user interface-nya yang buruk, maka itu sering jadi alasan pengguna enggan
meggunakan aplikasi. Dibawah ini terdapat desain template pada tampilan aplikasi yang akan
dibuat oleh penulis.
1. Tampilan Halaman Pembuka Cover Aplikasi
Halaman menu pembuka atau cover aplikasi terdiri dari 1 judul aplikasi dan dua buah tombol yaitu 2 yang merupakan tombol untuk memulai penggunaan
aplikasi dan tombol 3 untuk masuk pada halaman petunjuk.
Gambar 3.9. Rancangan Halaman Pembuka
1
7 5
4 3
2
8 6
9
2. Tampilan Menu Utama
Halaman menu menampilkan daftar menu utama yang terdiri dari 6 menu, untuk keterangan nomor 1
Judul halaman menu “Menu”, nomor 2 hingga 7 merupakan daftar menu, sementara nomor 8 dan 9 merupakan tombol kembali
ke halaman cover dan keluar dari aplikasi.
Gambar 3.10. Rancangan Tampilan Menu Utama
3. Tampilan Halaman Instruction
Tampilan halaman awal menu Instruction menampilkan petunjuk penggunaan aplikasi. Nomor 1 merupakan judul “Instruction”, nomor 2 adalah
area Petunjuk penggunaan aplikasi, sementara nomor 3 dan 4 merupakan tombol home untuk kembali ke menu utama dan tombol untuk menuju ke halaman
selanjutnya.
1
7 5
4 3
2
8 6
9
Gambar 3.11. Rancangan Tampilan Halaman Instruction
4. Tampilan Menu Material
Tampilan halaman menu Material berisi materi tentang teks report tidak jauh berbeda dengan tampilan instruction.
Nomor 1 merupakan judul “Text Report
”, nomor 2 adalah area yang berisi materi, sementara nomor 3 dan 4 merupakan tombol home dan tombol untuk menuju ke halaman selanjutnya.
Gambar 3.12. Rancangan Tampilan Menu Material
1
2
3 4
1
2
3 4
5. Tampilan Halaman Petunjuk pada Setiap Level
Pada tampilan halaman ini nomor 1 merupakan judul jenis soal latihan, area nomor 2 berisi petunjuk mengerjakan soal latihan, nomor 3 merupakan
tombol start yang digunakan untuk mulai mengerjakan soal, dan nomor 4 merupakan tombol untuk kembali ke menu utama.
Gambar 3.13. Rancangan Halaman Petunjuk pada Setiap Level
6. Tampilan Halaman Soal Latihan Level Beginner
Pada setiap tampilan halaman soal latihan, nomor 1 selalu merupakan tombol play yang diginakan untuk memutar audio listening. Area nomor 2
merupakan soal. Untuk level Beginner tidak terdapat tombol submit yang pada level Elementary dan Intermediate merupakan nomor 3, nomor 4 adalah tombol yang
digunakan untuk kembali ke menu utama.
1
2
4 3
Gambar 3.14. Rancangan Soal Latihan Level Beginner
7. Tampilan Menu Dictionary