67
IV.1.1 Tahap Sketsa
Sketsa digunakan untuk mempermudah perancangan layout dan karakter versi digital. Adapun sketsa yang akan dijadikan versi digital untuk aplikasi Vogo
adalah sebagai berikut: Sketsa layout
Gambar IV.2 Layout loading, Beranda dan Menu. Sumber: Dokumen pribadi 2016.
Halaman loading berisi logo aplikasi Vogo yang berada di tengah bagian atas dengan ukuran yang cukup besar. Posisi dan ukuran tersebut bertujuan untuk
menekankan identitas aplikasi kepada pengguna. Halaman beranda dan menu terdapat logo aplikasi di tengah bagian atas dengan ukuran lebih kecil. Hal
tersebut bertujuan agar area konten materi menjadi lebih besar, sehingga bisa memasukan materi yang cukup banyak, atau cukup besar. Posisi ikon di sebelah
kiri karena kebiasaan membaca tulisan latin secara umum adalah dari kiri ke kanan. Dengan demikian ikon akan menjadi informasi paling awal dari pada
tulisan dan lebih mudah diingat.
68 Gambar IV.3 Halaman materi sifat, materi rumus dan latihan geometri.
Sumber: Dokumen pribadi 2016. Layout materi sifat berisikan gambar dari materi yaitu bangun datar atau bangun
ruang. Judul materi dengan posisi ditengah bertujuan untuk memperkecil bidang yang kosong pada area judul materi. Posisi tulisan materi di samping kiri dan
karakter disamping kanan bertujuan untuk membedakan halaman materi sifat dan halaman materi rumus. Ikon yang berada di bagian bawah bertujuan untuk
mempermudah pengguna. Karena kebiasaan orang memegang handphone pada bagian bawah, maka sebagian besar navigasi diletakan pada bagian tersebut,
sehingga ikon akan mudah dijangkaw oleh jempol pengguna.
Gambar IV.4 Halaman jawaban benar, jawaban salah dan keluar aplikasi. Sumber: Dokumen pribadi 2016.
Layout halaman jawaban benar, jawaban salah dan keluar aplikasi memiliki logo vogo di bagian atas. Posisi tersebut bertujuan untuk memperkecil area kosong
yang ada di samping kiri dan kana logo. Posisi karakter yang berada ditengah
69 bertujuan untuk memfokuskan penglihatan pengguna pada ekspresi karakter
tersebut, karena area disekeliling karakter dibuat seolah-olah menjadi bingkai yang tidak terlihat. Ikon yang berada di bagian bawah bertujuan untuk
mempermudah pengguna. Karena kebiasaan orang memegang handphone pada bagian bawah, maka sebagian besar navigasi diletakan pada bagian tersebut,
sehingga ikon akan mudah dijangkaw oleh jempol pengguna. Sketsa karakter
Sebagai strategi pendekatan kepada anak kecil maka akan aplikasi Vogo akan disisipkan karakter-karakter kartun. Karakter yang akan tampil dalam aplikasi
Vogo adalah Geo, Profesor Kubo dan Ling-ling. Adapun sketsa dari setiap karakter adalah sebagai berikut:
Gambar IV.5 Karakter Geo. Sumber: Dokumen pribadi 2016.
Geo merupakan seorang anak laki-laki yang akan menuntun pengguna memahami materi bangun datar. Nama Geo dipilih karena cukup mudah diucapkan dan
diingat oleh anak. Kata Geo diambil dari awalan kata geometri, dengan demikian diharapkan ketika anak mendengar nama Geo, anak akan teringat dengan
geometri.
70 Gambar IV.6 Karakter Profesor Kubo.
Sumber: Dokumen pribadi 2016. Proferos Kubo merupakan seorang yang akan menuntun pengguna memahami
materi bangun ruang. Nama Kubo dipilih karena cukup mudah diucapkan dan diingat oleh anak. Kata Kubo diambil dari pelesetan kubus, dengan demikian
diharapkan ketika anak mendengar nama Kubo, anak akan teringat dengan kubus.
Gambar IV.7 Karakter Ling-ling. Sumber: Dokumen pribadi 2016.
71 Ling-ling merupakan seorang anak perempuan yang akan menuntun pengguna
memahami materi pencerminan bangun datar. Nama Ling-ling dipilih karena cukup mudah diucapkan dan diingat oleh anak.
IV.1.2 Tahap Digital
Kategori