PERANCANGAN PROTOTIPE EBOOK READER

MENGGUNAKAN USABILITY ENGINEERING

SAFARUDDIN HIDAYAT AL IKHSAN

DEPARTEMEN ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
INSTITUT PERTANIAN BOGOR
BOGOR
2009
 PERANCANGAN PROTOTIPE EBOOK READER
MENGGUNAKAN USABILITY ENGINEERING

Skripsi

Sebagai salah satu syarat untuk memperoleh gelar Sarjana Komputer

pada Fakultas Matematika dan Ilmu Pengetahuan Alam
Institut Pertanian Bogor

Oleh:

SAFARUDDIN HIDAYAT AL IKHSAN

DEPARTEMEN ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
INSTITUT PERTANIAN BOGOR
2009
 ABSTRAK
SAFARUDDIN HIDAYAT AL IKHSAN. Perancangan Prototipe Ebook Reader Menggunakan
Usability Engineering. Dibimbing oleh IRMAN HERMADI dan SRI NURDIATI.
Electronic book (ebook) adalah salah satu layanan informasi berbentuk buku digital. Ebook
bisa diakses menggunakan media digital seperti komputer, notebook dan handphone. Ebook saat
ini banyak digunakan karena berbagai kelebihan yang ditawarkan. Kenyataannya, berbagai
kelebihan ebook tersebut ternyata tidak diimbangi dengan kenyamanan media untuk membacanya
(ebook reader), khususnya antarmuka media dan kebutuhan navigasinya. Tata letak antarmuka
mempengaruhi orang dalam berbagai cara. Antarmuka yang kurang baik akan meningkatkan kadar
stres bagi pengguna.
Pada penelitian ini, dirancang suatu model prototipe antarmuka ebook reader menggunakan
usability engineering. Model yang dibangun didasarkan pada analisis terhadap beberapa ebook
reader dan diskusi dengan pengguna yang dilakukan secara focus group. Analisis terhadap
beberapa ebook reader dilakukan menggunakan heuristic evaluation. Hasilnya disajikan dalam
bentuk prototipe antarmuka interaktif (protityping). Prototipe ini kemudian diujicobakan kepada
pengguna (user testing) sebagai tester dan evaluator. Hasil tersebut diharapkan bisa memberikan
gambaran tentang sebuah ebook reader yang baik dan menjadi dasar untuk pengembangan sistem
selanjutnya yang lebih user friendly.
Kata Kunci: Usability engineering, Ebook reader, Prototyping, User friendly, Heuristic
evaluation, User testing.
Judul : Perancangan Prototipe Ebook Reader
Menggunakan Usability Engineering
Nama : Safaruddin Hidayat Al Ikhsan
NRP : G64104023

Menyetujui:

Pembimbing I, Pembimbing II,

Irman Hermadi, S.Kom, MS. Dr. Ir. Sri Nurdiati, M. Sc.

NIP 132321422 NIP 151578805

Mengetahui:

Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam

Institut Pertanian Bogor

Dr. Drh. Hasim, DEA

NIP 131578806

Tanggal Lulus:
 RIWAYAT HIDUP

Safaruddin Hidayat Al Ikhsan, dilahirkan di Klaten pada tanggal 4 November 1985 sebagai
anak pertama dari pasangan Sunarno dan Tri Waluyi.
Penulis menempuh pendidikan menengah atas di SMAN I Karanganom Klaten masuk
program IPA dan selesai pada tahun 2004. Pada tahun yang sama (2004), penulis diterima sebagai
mahasiswa Institut Pertanian Bogor, Fakultas Matematika Ilmu Pengetahuan Alam (FMIPA),
Departemen Ilmu Komputer melalui Undangan Seleksi Masuk IPB (USMI). Semasa kuliah,
penulis aktif di organisasi Himalkom (Himpunan Mahasiswa Ilmu Komputer), menjabat sebagai
staf P3M periode 2005 – 2006. Berperan aktif juga di OMDA (Organisasi Mahasiswa Daerah)
Klaten, menjabat sebagai koordinator Infokom (Informasi dan Komunikasi) periode 2006 sampai
sekarang. Selain itu, penulis banyak terlibat dalam kepanitiaan di berbagai kegiatan di kampus,
yang salah satu kegiatan terbesarnya adalah di Pesta Sains Nasional 2006 menjabat sebagai
Koordinator Pusat Publikasi dan Dokumentasi.
 PRAKATA

Alhamdulillah hirobil ‘alamin, puji dan syukur penulis panjatkan kepada Allah SWT atas
segala karunia dan rahmat-Nya sehingga tugas akhir dengan judul Perancangan Prototipe Ebook
Reader Menggunakan Usability Engineering, dapat diselesaikan.
Terima kasih penulis ucapkan kepada semua pihak yang telah membantu dalam penelitian
ini, antara lain kepada orang tua penulis Bapak Sunarno dan Ibu Tri Waluyi atas kasih sayang,
dukungan dan doa yang terus mengalir. Adikku Muhammad Irvan Jaya atas perhatian dan kasih
sayangnya. Bapak Irman Hermadi, S.Kom, MS selaku pembimbing pertama atas bimbingan dan
arahannya selama penelitian dan penyusunan karya tulis ini. Ibu Dr. Ir. Sri Nurdiati M.Sc selaku
pembimbing kedua atas bimbingan dan motivasi selama penyusunan karya tulis ini. Bapak Firman,
S.Kom, M.si atas ide-ide cemerlang untuk skripsi dan ketersediaannya menjadi moderator seminar
dan dosen penguji.
Penulis juga mengucapkan terimakasih kepada Anne Rufaidah yang terus memberikan
semangat dan motivasi. Rika Gumayantika dan Tharika Hapsari atas nasihat dan kebersamaan
dalam senang maupun susah. Sahabat Pandu Satria Nur Ananda dan Arif Nurwidyantoro atas
bantuannya. Ibunda Yulita beserta keluarga dan mama Dian beserta keluarga atas bantuan dan
motivasinya selama penulis kuliah di IPB. Teman-teman satu bimbingan Syadid, Teny, Wawan,
Denny dan Yohan untuk kebersamaan dan bantuan selama bimbingan. Endang, Wie, Heni, Ayu,
Harris, Ringga, Hilmy, Martin, Hamdani, Farid, Iwan, Insanul, Ferdi, dan Nuru atas kesediaannya
menjadi responden dalam pelaksanaan diskusi grup fokus. Ina, Lewe, Tri, Pras, Halida, Dian, Inez,
Ita, Rizki, Mbak Gibtha, Anggi, Maul, Ganang, Pak Soleh, dan teman-teman ilkomerz 41 terima
kasih atas persahabatannya selama kuliah. Seluruh dosen Ilkom terima kasih atas bimbingan dan
ilmu yang telah diberikan selama kuliah. Staf Ilkom dan keluarga besar ilkomerz. Teman-teman
yang tinggal satu atap di Wisma Mangrove Garden.
Kepada semua pihak lainnya yang telah membantu dalam penyelesaian tugas akhir ini yang
tidak dapat disebutkan satu per satu, penulis ucapkan terima kasih. Semoga penelitian ini dapat
bermanfaat.

Bogor, Januari 2009

Safaruddin Hidayat Al Ikhsan

 DAFTAR ISI
Halaman
DAFTAR TABEL ............................................................................................................................vi

DAFTAR GAMBAR .......................................................................................................................vi

DAFTAR LAMPIRAN ....................................................................................................................vi

PENDAHULUAN............................................................................................................................. 1
Latar Belakang ........................................................................................................................... 1
Tujuan ........................................................................................................................................ 1
Ruang Lingkup........................................................................................................................... 1

TINJAUAN PUSTAKA .................................................................................................................... 1

Ebook ......................................................................................................................................... 1
Ebook reader .............................................................................................................................. 1
PDF reader................................................................................................................................. 2
Antarmuka.................................................................................................................................. 2
Heuristic evaluation ................................................................................................................... 2
Grup fokus ................................................................................................................................. 2
Platform windows ...................................................................................................................... 2
Prototyping ................................................................................................................................ 3
Usability engineering ................................................................................................................. 3

METODE PENELITIAN .................................................................................................................. 4

Analisis Kebutuhan .................................................................................................................... 4
Desain dan Pengembangan ........................................................................................................ 5

HASIL DAN PEMBAHASAN ......................................................................................................... 6

Analisis Kebutuhan .................................................................................................................... 6
Profil pengguna ................................................................................................................... 6
Analisis tugas kontekstual................................................................................................... 7
Tujuan usability .................................................................................................................. 8
Kapabilitas platform............................................................................................................ 9
Studi prinsip umum desain.................................................................................................. 9
Panduan............................................................................................................................. 13
Desain dan Pengembangan ...................................................................................................... 13
Reorganisasi perancangan ................................................................................................. 13
Desain model konseptual .................................................................................................. 13
Desain model mockups ..................................................................................................... 15
Evaluasi model mockups ................................................................................................... 15
Desain antarmuka umum .................................................................................................. 15
Desain prototipe ................................................................................................................ 15
Evaluasi desain antarmuka umum..................................................................................... 18
Panduan............................................................................................................................. 18

KESIMPULAN DAN SARAN ....................................................................................................... 18

Kesimpulan .............................................................................................................................. 18
Saran ........................................................................................................................................ 18

DAFTAR PUSTAKA ..................................................................................................................... 18

 DAFTAR TABEL
Halaman
1 Data dan analisis profil pengguna .............................................................................................. 7
2 Koleksi data pengamatan tugas .................................................................................................. 8
3 Kemampuan platform windows.................................................................................................. 9
4 Pengelompokan sub menu ....................................................................................................... 14
5 Hasil uji coba pengguna tahap pertama.................................................................................... 15
6 Standar waktu setiap task ......................................................................................................... 16
7 Hasil uji coba pengguna tahap kedua ....................................................................................... 17
8 Perbandingan waktu penyelesaian task .................................................................................... 18

DAFTAR GAMBAR
Halaman
1 Prosentase pengguna platform windows di seluruh dunia (EPA 2008) ...................................... 3
2 Usability Engineering Lifecycle (Mayhew 1999) ...................................................................... 3
3 Metode penelitian....................................................................................................................... 4
4 Grafik kebutuhan jumlah user untuk uji coba usability (Nielsen).............................................. 4
5 Denah pelaksanaan diskusi ........................................................................................................ 7
6 Sub menu kurang tepat ............................................................................................................. 10
7 Perubahan organisasi menu ...................................................................................................... 10
8 Ambiguitas penggunaan kata ................................................................................................... 10
9 Garis pemisah........................................................................................................................... 10
10 Menu horizontal ....................................................................................................................... 11
11 Perancangan kedalaman menu ................................................................................................. 11
12 Penggunaan grayed out ............................................................................................................ 11
13 Penggunaan pilihan drop down ................................................................................................ 12
14 Konsep pembagian ruang ......................................................................................................... 14
15 Grafik penyelesaian task pada pengujian tahap pertama .......................................................... 16
16 Grafik kebutuhan waktu pengujian tahap pertama ................................................................... 16
17 Grafik penyelesaian task pada pengujian tahap kedua ............................................................. 17
18 Grafik kebutuhan waktu pengujian tahap kedua ...................................................................... 17
19 Menu popup ............................................................................................................................. 18

DAFTAR LAMPIRAN
Halaman
1 Kekurangan dalam perancangan organisasi menu dan navigasi .............................................. 21
2 Pemilihan icon dan fungsinya .................................................................................................. 22
3 Desain model konseptual ......................................................................................................... 23
4 Desain antarmuka umum ......................................................................................................... 26
5 Desain prototipe antarmuka utama ........................................................................................... 29
6 Bahan pertanyaan untuk diskusi............................................................................................... 30

PENDAHULUAN
Latar Belakang
Keberadaan media digital telah menjadi
kebutuhan primer bagi sebagian masyarakat
dunia, terbukti dengan keberadaan media
digital di hampir semua tempat di seluruh
dunia. Media digital memungkinkan adanya
berbagai layanan informasi. Salah satu
layanan tersebut adalah informasi bacaan
berupa buku digital atau lebih dikenal dengan
electronic book (ebook). Ebook bisa diakses
menggunakan media digital seperti komputer,
notebook dan handphone. Keunggulan
penggunaan ebook adalah lebih praktis tanpa
harus membawa buku cetak tebal dan mahal
yang sangat memberatkan pengguna.
Kelebihan ebook yang lain di antaranya tidak
cepat rusak, mudah digunakan, mudah dan
murah diduplikasi, serta mudah
didistribusikan. Ebook menjadi sangat
digemari karena sifatnya yang interaktif, yaitu
dengan adanya penambahan animasi
multimedia dan lainnya.
Kelebihan ebook ternyata tidak diimbangi
dengan kenyamanan media untuk
membacanya (ebook reader). Suatu fitur yang
disediakan oleh sebuah ebook reader belum
tentu dimiliki oleh ebook reader yang lain.
Perhatian utama pengguna terhadap sebuah
ebook reader berkaitan dengan antarmukanya.
Pengguna sering dibingungkan dengan
susunan dan tata letak menu-menu yang
disajikan. Bahkan, pengguna tidak
mengetahui tata cara menggunakan ebook
reader tersebut. Salah satu penyebabnya
adalah karena ketidaksesuaian keinginan
pengguna dengan cara kerja ebook reader,
terutama menu-menu pentingnya.
Menu penting dalam ebook reader masih
banyak yang belum tersedia dalam tombol
shortcut. Pengguna seharusnya bisa
mengakses menu tersebut dengan mudah.
Dalam kondisi tersebut, pengguna harus
mencari terlebih dahulu ke deretan menu lain.
Akibatnya adalah waktu menjadi terbuang dan
kurang efisien. Contoh lainnya adalah
mengenai cara kerja media tersebut yaitu
proses zoom. Hasil proses zoom yang
diharapkan ternyata tidak sesuai dengan
maksud zoom yang diinginkan pengguna.
Permasalahan juga terasa berkaitan dengan
ketersediaan fasilitas daftar isi. Tujuannya
adalah agar pengguna tidak perlu melakukan
scrolling ke atas lagi ketika sudah berada pada
bagian akhir halaman ebook. Masih banyak
permasalahan dalam penggunaan ebook
reader yang akan dibahas dalam penelitian
ini.
Penelitian ini dilatarbelakangi oleh masih
sedikitnya penelitian mengenai antarmuka
produk perangkat lunak di lingkungan Ilmu
Komputer Institut Pertanian Bogor (Ilkom
IPB). Perancangan produk yang dilakukan
mahasiswa Ilkom IPB selama ini belum
memperhatikan pentingnya antarmuka.
Tujuan
Tujuan dari penelitian ini adalah
menghasilkan rancangan prototipe ebook
reader yang usable dalam segi learnability,
efficiency, dan error rate menggunakan
metode Usability Engineering. Selain itu,
penelitian ini juga bertujuan untuk mengetahui
kecenderungan pengguna dalam bernavigasi
dengan melakukan uji coba kepada pengguna.
Ruang Lingkup
Ruang lingkup penelitian ini adalah
sebagai berikut:
1 Format ebook yang dianalisis adalah
portable document format (pdf) yang saat
ini paling banyak digunakan.
2 Perancangan antarmuka sistem
menekankan pada kebutuhan navigasi dan
dikembangkan menggunakan model
prototipe.
3 Uji coba prototipe dilakukan terhadap
evaluator.
TINJAUAN PUSTAKA
Ebook
Ebook adalah bentuk buku elektronik
yang bisa dipindahkan dan disimpan pada
media penyimpanan digital seperti CD ROMs,
hard disk, flash disk, dan bisa didistribusikan
melalui perantara jaringan misalnya Internet.
Format ebook yang ada saat ini misalnya
bentuk Plain Text (ASCII), Microsoft Word
(*.doc dan *.rtf), PDF, HTML / XML, DVI,
dan CHM (http://www.wikipedia.com [15-
Juli-2008]).
Ebook reader
Ebook reader merupakan media pembaca
digital yang bisa menerjemahkan kode-kode
bahasa yang dituangkan dalam bentuk sintaks
tertentu. Ada beberapa software pembaca
ebook misalnya Adobe Ebook Reader dan
Microsoft Reader yang sering digunakan
1
untuk komputer PC (Personal Computer)
maupun Notebook (laptop), dan PALM seperti
Mobipocket dan Palmdoc untuk perangkat
Pocket PC seperti PDA
(http://www.wikipedia.com [15-Juli-2008]).
PDF reader
PDF (Portable Document Format)
merupakan format file dengan layout tetap
(fixed-layout). Format PDF digunakan untuk
menampilkan dokumen dua dimensi. Format
ini adalah format ebook yang paling banyak
digunakan. Ada banyak ebook reader untuk
ebook berformat pdf, misalnya Adobe Reader,
Foxit, Preview, Microsoft Reader, Xpdf,
Evince, Okular, KPDF, Drumlin PDF reader
dan ePDFView (http://www.wikipedia.com
[15-Juli-2008]).
Antarmuka
Antarmuka merupakan salah satu bagian
yang sangat penting dari suatu sistem
komputer. Antarmuka berhubungan langsung
dengan pengguna, dapat dilihat, dapat
didengar, dan dapat disentuh (Galitz 2002).
Tujuan dari antarmuka adalah membuat
kondisi dimana pengguna bekerja dengan
komputer secara mudah, sederhana, produktif,
dan nyaman. Antarmuka adalah bagian dari
interaksi manusia dan komputer. Interaksi
manusia komputer sendiri merupakan suatu
pembelajaran, perencanaan, dan perancangan
bagaimana pengguna dan komputer bekerja
sama sehingga kebutuhan pengguna tersebut
terpenuhi secara efektif.
Menurut Galitz (2002), antarmuka
memiliki dua komponen yaitu:
1 Masukan (input)
Masukan merupakan cara pengguna
mengomunikasikan keinginan dan
kebutuhannya terhadap komputer.
Beberapa komponen input yaitu
keyboard, mouse, trackball, jari untuk
touchpad atau sensitive screen dan suara
(untuk perintah yang berupa ucapan).
2 Keluaran (output)
Keluaran merupakan cara komputer
menampilkan hasil perhitungan dan
pengolahan terhadap kebutuhan
pengguna. Output dari sebuah sistem
biasanya dituangkan dalam bentuk
tampilan layar komputer.
Tata letak antarmuka mempengaruhi
pengguna dalam berbagai cara. Jika pengguna
menjadi bingung dengan antarmuka yang
disajikan, maka berakibat terhadap
kecenderungan malas pengguna untuk
melanjutkan pekerjaan. Ketika pengguna
mengalami kesulitan, maka waktu menjadi
tidak efisien sehingga hasil yang diperoleh
kurang maksimal. Antarmuka yang kurang
baik akan meningkatkan kadar stres bagi
pengguna. Antarmuka yang baik adalah
antarmuka yang membuat pengguna
berkonsentrasi pada informasi dan tugas yang
akan dilaksanakan. Pengguna tidak perlu
berkonsentrasi pada mekanisme kerja yang
digunakan untuk menampilkan informasi yang
melaksanakan tugas (Galitz 2002).
Heuristic evaluation
Heuristic evaluation adalah sebuah
metode uji coba pengguna dan evaluasi
terhadap suatu sistem atau rancangan produk.
Teknik ini memerlukan 3-5 orang sebagai
evaluator (tester). Menurut Galitz (2002),
sebelum dilaksanakan evaluasi, observer
(pihak pengembang) memberikan pengarahan
dan review terebih dahulu kepada evaluator.
Ruang tempat evaluasi tidak boleh ada
intervensi/ gangguan dari lingkungan luar.
Evaluator akan membangun skenario evaluasi
berdasarkan isu yang telah diberikan. Waktu
untuk evaluasi tidak lebih dari 2 jam, atau
sekitar 1½ - 2 jam. Dokumentasi kegiatan
evaluasi bisa dilakukan secara manual
(pencatatan) dan digital (dengan media
digital).
Grup fokus
Grup fokus merupakan salah satu teknik
diskusi dengan pengguna untuk memperoleh
data dalam suatu analisis. Teknik ini
memerlukan responden 8-12 orang, dengan
durasi waktu 1½ - 2 jam. Pelaksanaan
kegiatan ini dipandu oleh seorang moderator.
Di dalam grup fokus, kelompok kecil yang
terdiri dari responden dan moderator
melakukan diskusi terhadap antarmuka suatu
desain dan beberapa sub topik yang terkait.
Hasil diskusi bisa didokumentasikan
menggunakan video, audio, maupun catatan
berupa komentar dan saran peserta diskusi
(Galitz 2002).
Platform windows
Platform merupakan landasan atau wadah
bagi sebuah program dalam suatu sistem agar
bisa dijalankan. Perancangan dan desain
sebuah sistem harus kompatibel dengan
platform yang sedang digunakan, seperti
2
Apple Computer’s Macintosh, Microsoft
Windows, maupun yang lain (Galitz 2002).
Berdasarkan penelitian Environmental
Protection Agency (EPA), sebuah badan
pemerintah Amerika yang mengurusi masalah
menyangkut perlindungan kesehatan
masyarakat yang dimuat di situs forum sains
indonesia, penggunaan platform windows
menduduki peringkat paling tinggi dengan
prosentase sebesar 91%. Banyak aplikasi
ebook reader yang bisa berjalan pada platform
ini. Gambar 1 menunjukkan prosentase
pengguna platform windows dan beberapa
platform pesaingnya sesuai dengan data EPA
2008:
yang dibangun telah mencapai level tersebut.
Usability engineering berdasarkan pada
observasi dan interaksi dengan pengguna.
Gambar 2 menunjukkan siklus usability
engineering (Mayhew 1999).
Usability sangat abstrak untuk dipelajari
secara langsung. Menurut Xavier Ferré dkk
dalam ”Usability Basics for Software
Developers” yang dimuat dalam IEEE
Software January 2001, usability dibagi
menjadi beberapa atribut yaitu:
a Learnability (mudah dipelajari)
Atribut ini berkaitan dengan
kemudahan untuk memahami dan
mempelajari fungsi utama dari suatu
sistem dalam menyelesaikan pekerjaan.
Tolak ukur atribut ini adalah waktu yang
dibutuhkan oleh pengguna dari mulai
memahami cara menggunakan sistem
sampai dengan menggunakan sistem
tersebut untuk menyelesaikan pekerjaan
yang diberikan.

Gambar 1 Prosentase pengguna platform

windows di seluruh dunia (EPA 2008).

Prototyping
Prototyping merupakan rancangan dari
sebuah model sistem yang dibuat untuk
menggambarkan sistem yang sesungguhnya.
Prototyping saat ini memainkan peranan yang
vital dalam proses rancang bangun suatu
sistem. Dengan biaya yang tidak terlalu besar,
pengembang/ developer sistem bisa
mengamati dan menganalisis perilaku sistem
yang sebenarnya (Hodge dan Taylor 1999).
Prototyping mempermudah pengembang
sistem dalam memperkenalkan gambaran
produknya. Pengguna pun bisa memberikan
masukan terhadap model sistem yang
sebenarnya. Hal yang paling penting adalah
bahwa dengan penerapan teknologi
prototyping, bisa dilakukan parameter trade-
off study untuk membakukan konfigurasi
rancang bangun suatu produk (Turunen, dkk
2007).

Usability engineering
Usability adalah ukuran di mana sebuah
produk bisa digunakan oleh pengguna tertentu
dengan tujuan tertentu secara efektif, efisien,
dan dengan tingkat kepuasan tertentu (ISO
9241, Part 11). Usability engineering sendiri
menggambarkan target dari level usability
tingkat lanjut dan memastikan bahwa sistem

3
 Gambar 2 The Usability Engineering Lifecycle interaktif. Gambar 3 memperlihatkan metode
(Mayhew 1999). yang digunakan pada penelitian ini.

1 Analisis Kebutuhan
a Profil pengguna
Pada tahap ini ditentukan
pengguna prototipe sistem yang
dibuat. Pengguna tersebut ditentukan
berdasarkan persyaratan dan kriteria
tertentu, misalnya kegiatan pengguna
dalam membaca ebook minimal 3
b Efficiency (efisien) jam dalam sehari, memiliki prestasi
yang bagus di jurusan Ilmu
Efisiensi merupakan jumlah task / Komputer, dan lain-lain. Pengguna
tugas per unit yang dapat diselesaikan yang telah ditentukan tersebut
oleh pengguna dalam suatu waktu diberikan kueisioner dengan cara dan
menggunakan sistem tersebut. Semakin teknik tertentu untuk mendukung
usability sistem itu, semakin cepat analisis profil pengguna. Penentuan
pengguna menyelesaikan tugas yang jumlah responden dilakukan
diberikan. berdasarkan aturan Nielsen (2008)
c User retention over time (mudah diingat) mengenai jumlah pengguna untuk
keperluan usability. Grafik yang
Atribut ini mencerminkan sejauh memperlihatkan aturan tersebut
mana pengguna akan kembali ingat ditunjukkan oleh Gambar 4.
tentang penggunaan sistem yang
bersangkutan setelah beberapa periode
waktu pengguna tersebut tidak
menggunakannya.
d Error rate (rata-rata kesalahan yang
sedikit)
Atribut ini menunjukkan rata-rata
jumlah kesalahan pengguna dalam
menyelesaikan tugas dengan sistem
tersebut. Usability yang bagus akan
menunjukkan error rate yang kecil.
Kesalahan akan mengurangi efiensi dan
kepuasan pengguna dalam menggunakan
sistem.
e Satisfaction (kepuasan)
Atribut ini menunjukkan subjektivitas
dan perasaan puas pengguna dalam
menggunakan sistem tersebut.

METODE PENELITIAN
Penelitian ini merujuk pada metode The Gambar 3 Metode penelitian (merujuk
Usability Engineering Lifecycle (Mayhew pada metode Mayhew 1999).
1999). Secara garis besar, metode ini meliputi
dua kegiatan utama yaitu analisis dan
perancangan. Garis putus-putus menunjukkan
perekayasaan yang dilakukan pada tahap
tertentu. Contohnya adalah tahap pengujian
yang dilakukan penulis merupakan task
tambahan untuk mengetahui respon pengguna
terhadap prototipe yang dihasilkan agar lebih

4

Gambar 4 Grafik kebutuhan jumlah user
untuk usability (Nielsen 2008).
Grafik tersebut memperlihatkan
bahwa penggunaan jumlah responden
yang efisien adalah 15 orang. Jumlah
responden di atas 15 orang memiliki
kualitas yang tidak jauh berbeda
dengan jumlah responden sampai
dengan 15 orang. Jumlah responden
yang akan digunakan untuk
kuesioner ini adalah 20 orang.
b Analisis tugas kontekstual
Pada tahap ini dilakukan analisis
mengenai tugas pengguna yang
berkaitan dengan aliran proses dan
kerangka kerja. Analisis ini
digunakan sebagai dasar untuk
menentukan dan mengatur tujuan
usability serta reorganisasi
perancangan antarmuka. Penentuan
aliran proses kerja disesuaikan
dengan profil pengguna.
c Tujuan usability
Pada tahap ini, dirumuskan
tujuan-tujuan kualitatif dan
kuantitatif khusus yang
menggambarkan kebutuhan usability.
Perumusan dilakukan berdasarkan
hasil analisis dari profil pengguna
dan analisis tugas kontekstual.
Tujuan usaiblity ini lebih fokus
terhadap kegiatan perancangan
bentuk dasar untuk evaluasi.
d Kapabilitas platform
Tahapan ini dilakukan untuk
menentukan platform yang sesuai
dalam pengembangan prototipe
ebook reader dalam memenuhi
kebutuhan pengguna. Analisis pada
tahap ini dilakukan dengan
menggunakan salah satu sistem
operasi yang saat ini banyak
digunakan.
e Studi prinsip umum desain
Pada tahap ini, yang dilakukan
adalah meninjau dan memahami
kembali prinsip-prinsip desain
antarmuka yang baik sesuai dengan
analisis pada tahap-tahap
sebelumnya. Pemahaman mengenai
prinsip umum desain antarmuka
dilakukan berdasarkan The Essential
Guide to User Interface Design
(2002) oleh Wilbert O. Galitz. Selain
itu, dilakukan evaluasi terhadap
kelemahan-kelemahan ebook reader
yang ada saat ini berkaitan dengan
navigasinya.
f Panduan
Tahap ini berisikan panduan
yang diperoleh berdasarkan
perumusan dari empat tahapan
pertama pada analisis kebutuhan.
Panduan ini merupakan tuntunan
untuk melakukan perancangan yang
sesuai kebutuhan.
2 Desain dan Pengembangan
a Reorganisasi perancangan
Tahap ini adalah tahap
perancangan ulang tugas pengguna
pada tingkat organisasi dan aliran
proses. Perancangan ulang ini
berdasarkan semua data pada tahap
analisis kebutuhan beserta tujuan
usability-nya. Pada tahap ini tidak
dilakukan perancangan antarmuka
pengguna, hanya organisasi abstrak
fungsionalitas dan perancangan
aliran proses.
b Desain model konseptual
Pada tahap ini dilakukan proses
sketsa desain prototipe. Aturan-
aturan mengenai konsistensi kerja
produk, proses, dan aksinya dibangun
pada tahap ini. Selain itu juga
dilakukan identifikasi navigasi dan
tampilan (display). Desain antarmuka
layar secara detail belum dilakukan
di sini.
c Desain model mockups
Pada tahap ini, model desain
konseptual dievaluasi dan
dimodifikasi. Hasil dari evaluasi dan
modifikasi ini digunakan sebagai
5
 dasar perancangan mockups
antarmuka ebook reader.
d Evaluasi model mockups
Setelah desain sistem berhasil
dibuat, antarmuka sistem dievaluasi
kembali. Perhatian utamanya terletak
pada pengaturan tata letak komponen
yang ada dalam sistem beserta
fungsi-fungsinya. Apabila evaluasi
sudah sesuai dengan parameter yang
telah ditentukan, maka dilakukan
tahap perancangan prototipe.
e Desain antarmuka Umum
Pada tahap ini dilakukan proses
desain antarmuka sistem berdasarkan
evaluasi pada langkah sebelumnya.
Antarmuka yang dibangun adalah
antarmuka yang berdasarkan
kebutuhan pengguna, yaitu dari hasil
proses analisis antarmuka yang sudah
ada maupun dari data diskusi grup
fokus yang diperoleh.
f Desain antarmuka prototipe
Pada tahap ini dilakukan
perancangan prototipe produk.
Pembuatan prototipe ini dilakukan
sebagai sarana uji coba. Prototipe ini
dibuat menggunakan software
animasi seperti flash ataupun dengan
perangkat lunak yang sesuai.
Software animasi ini memiliki
kemampuan yang baik dalam
interaksinya dengan pengguna.
Untuk mengukur kualitas interaksi
sistem dengan pengguna tersebut
diperlukan adanya protityping (uji
coba) terhadap pengguna.
Pengujian prototipe dilakukan
dengan dengan metode tertentu. Uji
coba akan dilakukan dengan
pemberian tugas atau task kepada
pengguna. Task tersebut terkait
dengan navigasi terhadap antarmuka
yang telah dibuat pada analisis tugas
kontekstual. Pemberian beberapa task
bertujuan untuk mengetahui efisiensi
dan error rate dari perancangan
prototipe tersebut. Pemberian task ini
juga untuk mengetahui
kecenderungan tahapan pengguna
dalam mengakses sebuah fungsi.
Hasilnya dianalisis untuk mengukur
keberhasilan perancangan antarmuka
yang telah dibuat, misalnya
kesesuaian fungsi yang diletakkan
dalam menu popup dan sebagainya.
g Evaluasi desain antarmuka umum
Tahap ini adalah langkah untuk
melakukan evaluasi terhadap
rancangan antarmuka yang telah
dibuat. Evaluasi ini digunakan untuk
menentukan keberhasilan tujuan
usability yang telah ditentukan
sebelumnya.
h Panduan
Tahap ini merupakan perumusan
untuk menghasilkan panduan
berdasarkan masing-masing tahapan
pada fase desain dan prototyping.
Panduan ini diharapkan menjadi
dasar untuk perancangan sistem
sebenarnya yang sesuai dengan
kebutuhan.
HASIL DAN PEMBAHASAN
Analisis Kebutuhan
a Profil pengguna
Analisis pada tahap ini dilakukan
menggunakan teknik grup fokus. Teknik
ini dilakukan dengan melibatkan 20
responden. Responden terdiri dari 15
mahasiswa Ilmu Komputer (Ilkom) IPB
dan 5 orang dari luar lingkungan Ilkom
IPB.
Pencarian responden dilakukan
melalui survei terhadap mailing list
mahasiswa Ilkom IPB angkatan 2004.
Selain itu, pencarian responden juga
dilakukan dengan observasi langsung
terhadap beberapa pengguna ebook selain
mahasiswa Ilkom. Responden tersebut
merupakan pengguna komputer yang
menggunakan ebook minimal 7 jam
dalam 1 minggu.
Responden yang mengikuti grup
fokus secara diskusi berjumlah 16 orang,
sedangkan 4 orang lainya secara individu
masing-masing satu jam. Empat orang ini
adalah responden terpilih yang memiliki
pemahaman lebih mengenai ebook reader
dan memenuhi syarat penggunaan ebook
reader lebih dari 3 jam setiap harinya.
Teknik ini dilakukan untuk meningkatkan
kualitas data hasil diskusi bersama.
Contoh kuesioner sebagai bahan diskusi
dapat dilihat pada Lampiran 6.
6
 Grup fokus dilaksanakan pada 7 4/
5/ = /
Agustus 2008 selama 1½ jam, yaitu pukul
*+< / 0>
13.30 – 15.00 WIB. Kegiatan ini ,4%
dilakukan secara bersama dalam sebuah /& ?<>@0', ) )
ruangan (ruang seminar 2 Departemen * + 0>
1 / ;:6
>$ :6
Ilmu Komputer IPB) dengan seorang %& ; :6
pemandu (moderator). Moderator ini 59 & ) )
berperan dalam mekanisme dan tata cara 0> ; :6
melakukan grup fokus dan analisis. Di
dalam ruang tersebut terdapat beberapa Dari tabel terlihat bahwa pengguna
notebook yang bisa digunakan responden memiliki kecenderungan yang lebih
untuk melihat kondisi nyata ebook reader tinggi dalam menggunakan komputer
berkaitan dengan pertanyaan-pertanyaan sebagai media untuk membaca ebook dari
yang ada di dalam grup fokus. Denah pada perangkat seperti mobile phone.
pelaksanaan diskusi grup fokus Penggunaan komputer PC disamakan
ditunjukkan oleh Gambar 5. Hasil analisis dengan penggunaan notebook karena
profil pengguna berdasarkan kuesioner keduanya memiliki struktur dan proses
dapat dilihat pada Tabel 1. yang sama. Persyaratan yang ditentukan
dalam memilih peserta diskusi juga
menunjukkan bahwa pengguna memiliki
pengalaman yang lebih dalam membaca
ebook. Sebagian besar responden
menggunakan ebook karena alasan tugas
dan hobi karena responden tersebut
adalah kalangan mahasiswa. Untuk lebih
jelasnya, berikut adalah ringkasan data
profil pengguna:
• Kategori pengguna
- Pekerjaan: Mahasiswa
- Total responden: 20
- Tingkat automatisasi: tinggi
• Pengetahuan dan pengalaman
- Penguasaan komputer: baik
Gambar 5 Denah pelaksanaan diskusi.
- Pemahaman ebook: baik
Tabel 1 Data dan analisis profil pengguna
- Pemahaman ebook reader: baik
- Frekuensi baca: tinggi
Berdasarkan ringkasan tersebut maka
! " # diketahui bahwa karakteristik
$
% &'( ) )
penggunanya adalah pengguna aktif
*+% , - dalam menggunakan ebook.
. / # Pengembangan prototipe/ sistem sangat
01 ) )
menekankan pada kebutuhan navigasi
#
2 pengguna untuk tujuan efisiensi.
) )
4/ 2 ) ) b Analisis tugas kontekstual
5/ 2 6
*+ ( - Dari hasil diskusi, fitur yang sering
/ 5
) ) digunakan dalam ebook reader untuk
/& 2 7
$3 2 ) ) keperluan membaca ebook di antaranya
82 adalah fitur Open (New Document), Next
%
) ) Page, Previous Page, First Page, Zoom
, ) )
in dan Zoom out, Hand Tool, dan Find.
.9 : :6 Fitur untuk keperluan pengeditan
*;+ 1 < - -

7
 misalnya Save, Save As, Select Text,
Snapshot, Highlight Tool, dan Comment.
Penjelasan masing-masing fungsi akan
dijabarkan dalam pembahasan mengenai
icon.
Sesuai dengan karakteristik
pengguna dalam menggunakan ebook,
didapatkan rancangan alur kerja task
(tugas) dan koleksi data pengamatan
tugas. Koleksi data pengamatan tersebut
c Tujuan usability
dapat dilihat pada Tabel 2, sedangkan
alur kerja tugas yang dilakukan untuk
keperluan navigasi adalah sebagai
berikut:
1 Menentukan layout halaman pada
ukuran tertentu, misalnya ukuran
pada modus fit page dan fit width.
Tabel 2 Koleksi data pengamatan tugas
halaman terakhir (last page) maupun
kembali ke halaman pertama (first
page).
3 Menemukan/ mencari kata tertentu
dengan jumlah tertentu pada halaman
tertentu.
4 Setelah selesai, pengguna menutup
jendela aplikasi (close window).
Berdasarkan karakteristik pengguna,
terlihat bahwa pengguna merupakan
pembaca aktif dengan pengalaman dan
kemampuan yang baik dalam
menggunakan ebook. Oleh karena itu,
tujuan perancangan prototipe ini adalah
ease to use, yaitu antarmuka pengguna

Actor Use Case Kesalahan, Masalah,

Trigger Urutan Skenario Tugas
(Pengguna) (Tugas) Komentar
• % /2 -
%2 " % /& % 2 / /
2 6 &
2
6 • % /2 / 6
2
+ " 26
- / &
• 2 $
6
22 6 • 2
- 2 &
• 2 6

• % - 2
& 6
% @ 6
- /
& • % /
$ 2 & $
7 2 6
6 /

7 2 6
-
7
/
" "6
% 7 % / ABA
& / 7 -
" "6 6
2 & A1 C> A

Kegiatan ini dilakukan untuk dirancang sedemikian rupa sehingga

menyesuaikan kemampuan dalam mudah digunakan. Tujuan kualitatif yang
membaca tulisan. diperoleh adalah sebagai berikut:
2 Melakukan perpindahan halaman, - Memudahkan pengguna untuk
baik berpindah ke halaman menyelesaikan tugasnya secara benar
selanjutnya (next page), menuju dan tepat.

8
 - Memudahkan aktifitas bernavigasi.
- Mempercepat alur kerja.
Tujuan kuantitatif diukur pada waktu
uji coba pengguna (user testing). Tujuan
kuantitatif yang dapat diukur dalam
perancangan pada penelitian ini adalah
sebagai berikut:
o Rata-rata waktu pengguna untuk
menyelesaikan tugas.
o Rata-rata jumlah tugas yang dapat
diselesaikan dalam suatu waktu.
o Rata-rata jumlah kesalahan yang
dilakukan pengguna.
d Kapabilitas platform
Perancangan dan desain untuk
prototipe ebook reader ini menggunakan
Microsoft Windows. Pertimbangannya
adalah bahwa platform ini merupakan
sistem operasi yang paling banyak
digunakan (sesuai data EPA 2008).
Adapun kemampuan dan batasan yang
didefinisikan adalah sebagai berikut:
• Ukuran dan resolusi layar
Antarmuka ebook reader ini
akan dikembangkan pada resolusi
normal, yang secara default
menyesuaikan dengan ukuran layar
pengguna. Resolusi normal (resolusi
standar) tersebut sering digunakan
untuk PC dan notebook misalnya
SVGA (Super Video Graphics Array)
yaitu 800x600 pixel dan WXGA
(Wide Extended Graphics Array)
yaitu 1024x800 pixel. Perancangan
ukuran halaman yang kurang tepat
akan menyebabkan terjadinya
scrolling. Menurut Galitz, halaman
yang baik adalah halaman yang
memerlukan sedikit scrolling.
• Plugin
Plugin flash player diperlukan
pada saat uji coba karena platform
windows tidak menyediakan fasilitas
tersebut.
Kapabilitas dari platform windows
yang dapat digunakan dalam penyelesaian
prototipe ini diperlihatkan oleh Tabel 3
berikut:
Tabel 3 Kemampuan platform windows
D / 3/ 3&
! ! "
?D8
• /
2 3
• %
> 2
% E 3/
e Studi prinsip umum desain
Analisis pada tahap ini merupakan
evaluasi terhadap antarmuka ebook
reader yang saat ini banyak digunakan
mahasiswa di lingkungan kampus IPB.
Berdasarkan survei, ebook reader untuk
format pdf yang sering digunakan adalah
foxit reader, adobe reader, pdf-XChange
viewer.
Perancangan antarmuka sebuah
perangkat lunak yang baik hendaknya
mengikuti 14 langkah perancangan sesuai
yang dikemukakan Galitz (2002) yaitu:
1 Menganalisis profil pengguna.
2 Menganalisis tugas pengguna.
3 Memahami prinsip perancangan
seperti penggunaan huruf, penerapan
grouping dan penggunaan tabel.
4 Membangun menu sistem dan skema
navigasi.
5 Pemilihan windows (popup
windows).
6 Memilih kontrol perangkat keras.
7 Memilih kontrol pada layar seperti
command button dan teks.
8 Menuliskan petunjuk dan pesan.
9 Menyediakan umpan balik (fasilitas
help).
10 Menyediakan internasionalisasi dan
aksesibilitas.
11 Memilih icon.
12 Memilih warna.
13 Mengatur tata letak.
14 Pengujian (testing).
Kebutuhan perancangan untuk sebuah
ebook reader berdasarkan prinsip Galitz
(2002) antara lain: pengaturan ruang (tata
letak), scrolling, tipografi, penggunaan
menu, skema navigasi, penggunaan teks,
pemilihan icon. Masing-masing
9
 kebutuhan tersebut dianalisis. Hasil
analisisnya digunakan untuk menentukan
panduan dalam perancangan antarmuka
yang baru. Analisis dan perancangan
tersebut adalah sebagai berikut:

• Grup menu
Menurut Galitz (2002), pembuatan
grup menu bertujuan untuk
mempermudah pengenalan dan pencarian
isi dari menu (sub menu). Susunan menu
yang tepat berarti mengelompokkan sub
menu tersebut sesuai dengan
kapasitasnya. Sub menu dengan
persamaan materi ditempatkan dalam satu
kategori menu.
Organisasi menu yang terdapat pada Gambar 7 Perubahan organisasi menu.
beberapa ebook reader saat ini masih
Pada penyusunan menu ebook reader
kurang baik. Banyak sub menu yang
masih terdapat penggunaan kata yang
kurang sesuai fungsi dan kegunaannya.
kurang lazim atau tidak umum. Meskipun
Contohnya adalah penggunaan kata
untuk maksud yang sama, apabila
Convert to PDF. Ebook yang sudah
diungkapkan dengan cara yang berbeda
berformat PDF seharusnya tidak
bisa membuat perbedaan persepsi.
memerlukan lagi fungsi Convert to PDF.
Contohnya pemakaian Save a Copy.
Gambar 6 memperlihatkan contoh isi sub
Pemakaian kata ini kurang populer di
menu yang kurang sesuai pada sebuah
kalangan pengguna komputer.
PDF ebook reader. Contoh lain adalah
Penggunaan kata Save As lebih dikenal
penempatan sub menu yang kurang tepat,
dan umum dipakai untuk
misalnya fungsi Next page. Fungsi ini
merepresentasikan maksud dan fungsi
seharusnya tidak diletakkan dalam menu
yang sama. Screenshot penggunaan kata
Documents karena fungsi ini berkaitan
tersebut dapat dilihat pada Lampiran 1.
dengan perubahan/ perpindahan halaman
Pemilihan kata memang harus
yang ingin ditampilkan, sehingga lebih
diperhatikan agar tidak menimbulkan
tepat diletakkan pada menu View dengan
ambigu. Contoh lain penggunaan kata
sub menu tersendiri. Gambar 7
yang ambigu ditunjukkan oleh Gambar 8.
memperlihatkan perubahan yang
dilakukan dalam peletakan fungsi dari
menu Document ke menu View.

Gambar 8 Ambiguitas penggunaan kalimat.

Gambar 6 Sub menu kurang tepat.
Pada perancangan prototipe ebook
reader ini, pengelompokan sub menu
yang memiliki kemiripan fungsi
dilakukan dengan menggunakan garis
kecil sebagai pembatas antar sub menu
yang disusun vertikal. Perancangan ini
sesuai dengan panduan Galitz (2002).
Gambar 9 memperlihatkan penggunaan
garis pemisah antar sub menu yang
memiliki kemiripan struktur fungsi.

10

Gambar 9 Garis pemisah.
Perancangan grup menu prototipe
akan mempertimbangkan aspek
kedalaman. Perancangan kedalaman
menu secara vertikal lebih diutamakan
dari pada kedalaman secara horizontal
(greater breadth, less depth). Kedalaman
menu vertikal memiliki beberapa
keuntungan di antaranya: waktu yang
diperlukan untuk menemukan sub menu
menjadi lebih singkat dan langkahnya
lebih pendek. Selain itu, penyusunan
menu vertikal akan memperkecil
kesalahan dalam pemilihan path sub
menu yang lain (Galitz 2002).
Penyusunan menu dengan kedalaman
horizontal yang banyak, atau bahkan
semuanya horizontal, mengharuskan
pengguna melakukan pendugaan untuk
masuk ke sub menu yang diinginkan. Hal
ini lah yang akan membuat pengguna
merasa tidak nyaman dan tidak efisien.
Perancangan prototipe ebook reader ini
akan mengurangi kedalaman menu
horizontal. Gambar 10 berikut adalah
contoh penggunaan menu pada ebook
reader dengan kedalaman horizontal
semua:
Gambar 10 Menu horizontal
Strategi dalam penyusunan menu
vertikal adalah sebagai berikut: sub menu
yang jarang diakses pengguna dibuat
menjadi satu grup sub menu lagi.
Tujuannya adalah agar sub menunya
tidak terlihat padat. Kedalaman
horizontal maksimal adalah dua level
(Galitz 2002). Perancangan kombinasi
kedalaman menu (vertikal dan horizontal)
ini ditunjukkan oleh Gambar 11.
vertikal
horisontal
Gambar 11 Perancangan kedalaman menu.
Perancangan menu untuk prototipe
ini akan memperhatikan permasalahan
grayed out. Tujuannya adalah untuk
efisiensi, sehingga pengguna mengetahui
fungsi-fungsi mana yang bisa digunakan.
Caranya yaitu dengan memberikan warna
tertentu misalnya abu-abu (gray) sebagai
tanda bahwa fungsi atau sub menu
tersebut tidak aktif atau unavailable
choices (Galitz 2002). Dengan demikian
pengguna bisa lebih berkonsentrasi pada
kegiatannya menggunakan ebook.
Penggunaan grayed out ini ditunjukkan
oleh Gambar 12.
Gambar 12 Penggunaan grayed out.
• Navigasi
Berdasarkan panduan Galitz (2002),
setiap aplikasi seharusnya dilengkapi
dengan navigasi. Navigasi bertujuan
untuk memudahkan pengguna
mengetahui posisi dan keberadaan
mereka dalam aplikasi tersebut pada saat
itu. Selain itu, navigasi bertujuan untuk
menentukan pilihan. Sayangnya, tidak
semua antarmuka ebook reader
dilengkapi dengan fasilitas navigasi.
Dalam prototipe ebook reader ini,
dirancang bookmark yang berperan
sebagai navigasi. Bookmark berfungsi
memberikan tanda posisi terakhir
11
 pembaca. Pengguna tidak perlu
mengingat-ingat dan mencari halaman
terakhir ebook yang dibaca. Menurut
penulis, perancangan bookmark bisa
digabungkan dengan penggunaan daftar
isi karena keduanya memiliki kemiripan
struktur. Bookmark akan memberikan
tanda (dalam kasus ini adalah dengan
memberikan warna berbeda) pada bagian
daftar isi halaman yang sedang aktif
(halaman yang sedang dibaca).
Prototipe ini berusaha memperbaiki
penyajian daftar isi atau bookmark oleh
beberapa ebook reader saat ini masih
kurang baik. Pengguna tidak bisa
mengetahui secara langsung isi dari
ebook yang bersangkutan. Selain itu
pengguna akan kesulitan menemukan
pokok bahasan yang diinginkan dan
banyak melakukan sroll. Penggunaan
daftar isi/ bookmark yang kurang baik
dapat dilihat pada Lampiran 1.
• Pengaturan ruang
Antarmuka ebook reader ini akan
dibagi menjadi lima bagian, yaitu:
1 Menu
Menu akan diletakkan pada
bagian paling atas, sebelum toolbar.
Menu ini berisikan list-list sub menu
yang dikelompokkan berdasarkan
persamaan materi yang terkandung di
dalamnya. Komponen untuk menu
diperoleh berdasarkan hasil analisis
dan diskusi.
2 Toolbar atas
Pada toolbar ini diletakkan
tombol-tombol yang merupakan jalan
pintas (shortcut) terhadap fungsi-
fungsi yang sering dipakai oleh
pengguna ebook. Tujuannya adalah
agar pengguna lebih efisien dalam
menggunakan ebook reader tersebut
tanpa harus mencari fungsi yang
dimaksud melalui rentetan grup
menu terlebih dahulu.
Fungsi-fungsi yang akan
diletakkan dalam toolbar ini antara
lain: Open, Save, Print, Previous
View dan Next View, fungsi Zoom,
Actual Size, Fit Page, Fit Width, Full
Screen, Select Text, Hand Tool,
Snapshot, Highlight Tool, Comment,
Find dan Help. Fungsi lain yang
jarang digunakan seperti Rotate
Page, About dan lainnya tetap
disertakan dalam pilihan menu.
Fungsi-fungsi tersebut ditentukan
dari diskusi dengan responden.
3 Daftar isi
Perancangan daftar isi dalam
ebook reader ini akan digabungkan
dengan penggunaan bookmark.
Bagian ini diletakkan pada sisi
sebelah kiri dari halaman ebook
reader.
4 Isi
Isi adalah layar untuk
menampilkan isi dari dokumen. Pada
bagian ini lah hasil seluruh operasi
fungsi dalam penggunaan ebook
reader tersebut ditampilkan.
Perancangan bagian isi akan
ditempatkan pada bagian tengah
halaman ebook reader.
5 Toolbar bawah
Pada Toolbar (footer) akan
diletakkan counter halaman untuk
memberikan informasi total halaman
dan jalan pintas (shortcut) menuju
halaman yang diinginkan. Fungsi lain
yang akan disertakan adalah Zoom,
First Page, Previous Page, Next
Page, dan Last Page. Pada
perancangan ini, Counter halaman
diberikan pilihan drop down nomer
halaman. Dengan demikian,
pengguna tidak perlu mengetik
dengan keyboard untuk berpindah ke
halaman yang diinginkan. Gambar 13
berikut memperlihatkan counter
halaman yang tidak menggunakan
dropdown halaman dan
perbaikannya:
Gambar 13 Penggunaan pilihan drop down.
• Scrolling
Scrolling ini terkadang diperlukan
untuk melihat seluruh halaman. Halaman
yang berukuran besar dapat menyebabkan
terjadinya banyak scrolling, sehingga
tidak praktis dan tidak efisien (Galitz
12
 2002). Perancangan antarmuka ebook
reader ini menekankan pada minimalisasi
horizontal scrolling. Keberadaan vertical
scrolling tidak dipermasalahkan
mengingat isi dari sebuah ebook biasanya
sangat banyak. Fasilitas scroll yang
sediakan oleh beberapa ebook reader
secara otomatis adalah vertical scrolling.
Gerakan scroll pada mouse akan
menyebabkan pergeseran secara vertikal,
bukan horizontal.
Horizontal scrolling berkaitan
dengan lebar (width) halaman.
Penyebabnya adalah ukuran default
halaman ebook yang lebih besar dari pada
lebar antarmuka ebook reader. Proses
zoom yang terlalu besar juga
mengakibatkan horizontal scrolling.
Semakin lebar halaman, semakin banyak
diperlukan horizontal scrolling. Pada
perancangan ebook reader, horizontal
scrolling bisa ditiadakan dengan
menetapkan ukuran lebar halaman secara
default ketika ebook dibuka. Ukuran
default ini adalah fit width, yaitu lebar
halaman secara otomatis menyesuaikan
tepat dengan lebar antarmuka ebook
reader.
• Tipografi
Tipografi meliputi pemilihan jenis
huruf dan penentuan ukuran huruf. Dalam
merancang antarmuka, Galitz (2002)
menyarankan untuk menggunakan tidak
lebih dari dua typeface dengan salah satu
typeface mendominasi. Jenis huruf yang
digunakan biasanya adalah jenis huruf
yang sederhana dan sering digunakan,
seperti Arial, sans serif (Verdana) dan
Times New Roman. Verdana sering
digunakan dalam tampilan karena jenis
huruf sans serif lebih terkesan
kontemporer, sedangkan Times New
Roman lebih konservatif dan tradisional.
Prototipe antarmuka ebook reader ini
dikembangkan dengan menggunakan
jenis huruf Arial yang mempunya kesan
sama dengan Verdana.
Ukuran besar kecilnya huruf
ditentukan dengan ukuran points. Ukuran
huruf yang digunakan dalam prototipe
sistem ini adalah 10 pt, yang meliputi
grup menu, daftar isi, dan tulisan penjelas
icon (tooltip). Ukuran huruf dibuat dan
dibakukan agar tidak berubah-ubah
sehingga tidak mengganggu (Galitz
2002).
• Pemilihan teks
Menurut Nielsen (2000), untuk
memperjelas teks digunakan warna teks
yang kontras dengan warna latar yaitu
teks berwarna gelap dengan latar
berwarna terang (positive text) atau teks
berwarna terang dengan latar berwarna
gelap (negative text). Pada perancangan
ini akan digunakan positive text.
Konsentrasi penggunaan teks dalam
perancangan antarmuka ini adalah pada
organisasi menu, bookmark, penyerta
keterangan icon, dan tooltip.
• Pemilihan icon
Icon pada perancangan prototipe ini
digunakan bersama-sama dengan menu.
Tujuannya adalah untuk membantu
pengguna mengingat fungsi yang terdapat
pada sistem, sehingga penggunaan waktu
menjadi lebih efisien. Icon pada menu
merepresentasikan fungsi yang
disediakan sitem tersebut. Icon berbeda
dengan simbol yang hanya berupa tanda
(sign), icon lebih mencerminkan arti yang
ada di dalamnya (Galitz 2002).
Ukuran icon standar menurut Galitz
(2002) adalah dari 16x16 pixel, 32x32
pixel, dan 48x48 pixel. Format icon dalam
bentuk GIF lebih baik daripada JPEG
karena GIF berukuran lebih kecil dan
lebih ringan daripada JPEG. Perancangan
icon pada antarmuka ebook reader ini
menggunakan icon berukuran 16x16
pixel. Icons yang digunakan dalam
perancangan ini dapat dilihat pada
Lampiran 2.
f Panduan
Berdasarkan seluruh task pada tahap
analisis kebutuhan, diperoleh panduan
bahwa perancangan prototipe akan
menekankan pada perancangan model
yang mudah digunakan (ease to use).
Panduan tersebut sudah dinyatakan dalam
dokumentasi masing-masing task pada
tahap analisis kebutuhan ini.
Desain dan Pengembangan
a Reorganisasi perancangan
Tahap ini tidak dilakukan karena
tahap ini merupakan tahap rekayasa
ulang, validasi dan perbaikan dari tahap
analisis tugas kontekstual yang telah
dilakukan sebelumnya.
13
b Desain model konseptual
Perancangan desain model
konseptual prototipe ini dilakukan dengan
gambar sketsa pada kertas, kemudian
dilakukan proses scan. Perancangan
model ini meliputi desain pembagian
ruang dan tata letaknya, antarmuka utama
dan penyusunan organisasi menu. Di
bawah ini adalah langkah-langkah
perancangan model konseptual yang
dilakukan:
1 Pengaturan ruang dan tata letak
Sesuai dengan studi prinsip
desain dan analisisnya, maka konsep
pembagian ruang dalam perancangan
ebook reader ini diperlihatkan oleh
Gambar 14.
2 Perancangan antarmuka utama
Perancangan antarmuka utama
dilakukan berdasarkan pembagian
ruang. Bagian Window Title berisi
tulisan Ebook Reader For All Format
dan judul ebook yang sedang dibaca,
disertai dengan logo buku kecil.
Logo ini menandakan bahwa aplikasi
tersebut adalah aplikasi ebook
reader. Desain model konseptual
antarmuka utama dapat dilihat pada
Lampiran 3.
Gambar 14 Konsep pembagian ruang.
Menubar berisi grup menu
utama sesuai dengan kebutuhan
dalam perancangan ebook reader.
Grup menu utama tersebut adalah:
File, Edit, View, Tools, Document,
Window, dan Help. Bagian toolbar
berisikan icon yang merupakan
shortcut fungsi yang sering
digunakan.
Icon dengan fungsi yang
memiliki kemiripan struktur akan
dikelompokkan dengan pemberian
garis pembatas. Zona 1 terdiri dari:
Open, Save, dan Print. Zona 2 yaitu:
Previous View dan Next View. Zona
3 adalah: Zoom tools (Zoom In Tool,
Zoom Out Tool, Loupe Tool) dan
prosentase besar halaman. Zona 4
terdiri dari: Actual Size, Fit Page, Fit
Width dan Full Screen. Zona 5
adalah Bookmark. Zona 6 adalah:
Hand Tool, Select Text dan Snapshot.
Zona 7 yaitu: Hihglight Tools
(Highlight, Underline, dan Strikeout
Anotation Tool) dan Comenting
Tools (Caret Anotation Tool dan
Note Tool). Zona 8 adalah Help.
Zona 9 yaitu fungsi Find (field untuk
input text, Find Previous, Find Next).
Pada bagian footer diletakkan
fungsi seperti counter halaman,
Previous Page, Next Page, pilihan
layout halaman, serta Zoom.
Pemisahan shortcut fungsi pada
footer dari fungsi lain pada toolbar
atas adalah karena kecenderungan
pengguna dalam membaca, yaitu dari
atas ke bawah. Ketika berada pada
bagian bawah suatu halaman,
pengguna bisa menggunakan Next
Page untuk berpindah ke halaman
berikutnya.
3 Penyusunan organisasi menu
Desain model konseptual untuk
organisasi menu dapat dilihat pada
Lampiran 3. Organisasi menu meliputi
penyusunan sub menu yang sesuai dengan
menu utama. Tabel 4 memperlihatkan
pengelompokan sub menu pada menu
utama.
Tabel 4 Pengelompokan sub menu
Menu Sub Menu
Open, Save, Save As, Close
File Page, Print Setup, Print, Recent
Documents, dan Exit
Undo, Redo, Cut, Copy, Paste,
Delete, Select All, Diselect All,
Edit
Find (Find Previous dan Find
Next), serta Preferences
Bookmark, Full Screen, Zoom
In, Zoom Out, Actual Size, Fit
View Page, Fit Width, Go To (First
Page, Previous Page, Next
Page, Last Page, Previous
View, Next View), Page Layout
14
 (Single, Continuous, Facing,
Continuous-Facing), dan
Rotate View (Clockwise,
Counterclockwise)
Hand Tool, Select Text,
Snapshot, Zoom In Tool, Zoom
Out Tool, Loupe Tool,
Highlihgt Tools (Highlight,
Tools
Underline, dan Strikeout
Anotation Tool), Comenting
Tools (Caret Anotation Tool,
Note Tool).
Document Go To Page, Properties
Cascade, Tile Horizontal, Tile
Vertical, Clipboard Viewer,
Window
Close All Documents, Active
Document
How To Use, About Ebook
Help
Reader, Home Page
c Desain model mockups
Tahapan ini tidak dilakukan karena
prototipe yang dirancang adalah sebuah
aplikasi sederhana. Sesuai dengan
petunjuk Mayhew, maka tahap ini
dilewati dan menuju ke tahap
perancangan antarmuka umum.
d Evaluasi model mockups
Evaluasi pada tahap ini tidak
dilakukan karena perancangan langsung
menuju ke tahap perancangan antarmuka
umum, tidak melalui perancangan model
mockups.
e Desain antarmuka umum
Perancangan desain antarmuka
umum ini dilakukan berdasarkan model
konseptual yang telah dilakukan.
Perancangan pada tahap ini dilakukan
menggunakan software Carreta GUI
Design Studio versi 2.0.47.0. Alasan
pemilihan software ini adalah kemudahan
dalam melakukan desain dan icon yang
representatif (sudah dikenal mahasiswa di
Ilkom IPB secara umum). Pembuatan
desain ini dilakukan terhadap dua bagian
pokok perancangan ebook reader yaitu
antarmuka utama dan organisasi
menunya. Hasil perancangan antarmuka
umum ini dapat dilihat pada Lampiran 4.
f Desain prototipe
Perancangan prototipe ini dilakukan
berdasarkan desain antarmukan umum
yang diperoleh. Perancangan prototipe
dilakukan menggunakan software Adobe
Flash CS3. Hasil perancangan prototipe
ditunjukkan pada Lampiran 5.
Metode prototyping (uji coba) yang
digunakan adalah heuristic evaluation.
Metode ini bukanlah metode uji coba
yang terbaik tetapi menurut Galitz (2002),
metode ini merupakan metode yang
paling populer untuk pengujian usability.
Penggunaan metode ini disesuaikan
dengan kondisi pada saat penelitian. Uji
coba dilakukan menggunakan prototipe
yang sudah dibuat. Dokumentasi proses
pengujian berupa file video dengan
format avi. Perekaman ini dilakukan
menggunakan software SnagIt versi 8.2.0.
Dokumentasi fotografi dilakukan
menggunakan kamera HP Sony Ericsson
K510i dengan resolusi 1,3 Mega Pixels.
Uji coba diberikan kepada tiga
pengguna ebook sebagai tester dan
evaluator (sesuai ketentuan pada metode
heuristic evaluation). Evaluator/ tester
adalah mahasiswa yang telah memenuhi
kualifikasi sesuai ketentuan pada profil
pengguna. Uji coba dilakukan secara
individu tanpa adanya interevensi. Tata
cara pengujian adalah dengan
memberikan beberapa task/ tugas yang
harus diselesaikan tester. Tugas tersebut
sesuai dengan analisis tugas kontekstual
yaitu: mengubah ukuran halaman menjadi
fit page kemudian mengembalikan ke
ukuran halaman semula (fit width),
pindah ke halaman selanjutnya (next
page), pindah ke halaman terakhir (last
page), pindah ke halaman pertama (first
page), menemukan kata tertentu dalam
bacaan (find), dan menutup jendela
aplikasi (close window).
Uji coba pertama dilakukan tanpa
menggunakan tooltip pada icon.
Pengujian prototipe tanpa tooltip ini
bertujuan untuk mengetahui learnability
dari rancangan yang telah dibuat.
Parameter learnability di sini adalah
keberhasilan ketiga tester menyelesaikan
seluruh task yang diberikan. Tabel 5
menunjukkan hasil uji coba pemberian
task kepada tester.
Tabel 5 Uji coba pengguna tahap pertama
15
 Penggunaan shortcut Task berhasil? Grafik Jumlah Penyelesaian Task (Uji Coba 1)
T a s k
P 1 P 2 P 3 P 1 P 2 P3 Tester 3

5
Fit page Tester 2

6
Fit width - - Tester 1

5
Next Page 4.5 5 5.5 6

Task terselesaikan

Last Page
Gambar 15 Grafik penyelesaian task pada
First Page pengujian tahap pertama.
F i n d - - - Perhitungan untuk error rate-nya adalah
Close WIndow sebagai berikut:
ER=
Keterangan: P1, P2, P3 = tester
task _ berhasil
= tanda ya, 100% − x100% =
total _ task
- = tanda tidak
Hasil uji coba pertama 6+5+5
memperlihatkan beberapa task yang tidak 100% − x100% = 11%
dapat diselesaikan. Hal ini 18
mengindikasikan masih terdapat Sisi efisiensi juga diamati pada
kelemahan dalam perancangan antarmuka pengujian prototipe ini. Efisiensi pada
yang dibuat (learnability masih belum pengujian ini diketahui dari perbandingan
tercapai). Penggunaan fungsi Find oleh waktu yang dibutuhkan tester untuk
pengguna tidak memanfaatkan fungsi menyelesaikan task yang diberikan.
icon previous maupun next find, tetapi Pengujian prototipe untuk masing-masing
lebih cenderung menggunakan shortcut aplikasi memiliki standar waktu yang
keyboard. Fungsi find dijalankan tester berbeda. Pada pengujian ini, diamati
dengan memberikan input teks, kemudian kebutuhan waktu dari ketiga tester untuk
melakukan pencariannya dengan masing-masing task. Jika perbedaan
menekan tombol Enter pada keyboard, waktu untuk setiap task dari masing-
bukan icon yang merepresentasikan masing tester tidak terlalu besar, maka
fungsinya. Melalui proses diskusi dengan satuan waktu tersebut digunakan sebagai
tester, beberapa task lain yang tidak standar efisiensi pada prototipe ini.
berhasil diselesaikan adalah karena Efisiensi prototipe pada uji coba tahap
masalah tooltip. Tester masih belum pertama ini ditunjukkan oleh grafik pada
memahami representasi dari masing- Gambar 16.
masing icon untuk actual size, fit page,
dan fit width. Grafik Kebutuhan Waktu Uji Coba Prototipe Tahap 1

Selain learnability, pada uji coba ini 8

juga bisa dilakukan perhitungan error 7

6
rate. Error rate untuk uji coba prototipe W
5
a
ini diamati dengan menghitung jumlah k 4
Tester 1
task yang tidak terselesaikan oleh tester. t
u
3 Tester 2
Tester 3
Angka error rate pada tahap pertama 2

1
diperoleh dengan menghitung selisih 0

prosentase mutlak (100%) dengan Find First

page
Last
page
Fit page Fit
width
Close Open
window window

prosentase rata-rata keberhasilan ketiga Task

tester terhadap keseluruhan task.

Perhitungan ini adalah perhitungan kasar Gambar 16 Grafik kebutuhan waktu
tanpa mempertimbangkan adanya pengujian tahap pertama.
pengaruh faktor lain dan hanya
Grafik pada Gambar 17
menggunakan tiga tester. Gambar 15
memperlihatkan pola yang sama untuk
menunjukkan keberhasilan tester dalam
kebutuhan waktu dari masing-masing
menyelesaikan task yang diberikan.
tester pada setiap task. Standar waktu

16
 untuk percobaan ini bisa ditentukan oleh tester dengan baik. Dengan
dengan menghitung rata-rata waktu dari parameter yang sama dengan pengujian
ketiga tester. Standar waktu ini akan pertama, maka sisi learnability dari
digunakan sebagai pembanding untuk uji prototipe yang baru ini sudah terpenuhi.
coba tahap kedua karena masih terdapat Keberhasilan pada pengujian kedua ini
beberapa task yang tidak berhasil digunakan juga besarnya nilai error rate
diselesaikan pada uji coba tahap pertama. prototipe. Prototipe yang baru ini
Table 6 menunjukkan standar waktu memiliki error rate yang sangat kecil,
masing-masing task untuk uji coba ini. bahkan mencapai nilai nol karena
pengujian hanya dilaksanakan dengan
Tabel 6 Standar waktu setiap task
tiga tester. Pertimbangannya adalah
Task Waktu (detik) bahwa pengujian prototipe terhadap tiga
Find 7.17 tester sebagai evaluator ini sudah sesuai
First page 3.5 aturan pengujian heuristic evaluation,
Last page 2.33 sehingga tidak bisa dikaitkan dengan
Fit page 5.57 perhitungan secara statistik. Gambar 17
Fit width 4.17 menunjukkan penyelesaian task yang
Close window 2.47 diberikan pada pengujian kedua.
Open window 2.43 Grafik Jumlah Penyelesaian Task (Uji Coba 2)

Pada pengujian tahap pertama ini Tester 3

6
dapat dikatakan bahwa prototipe ini

6
Tester 2
memiliki usability yang cukup baik dari
sisi efisiensi dan error rate. Rancangan

6
Tester 1

prorotipe yang baru hasil evaluasi 0 1 2 3 4 5 6

digunakan untuk pengujian tahap kedua Task terselesaikan

untuk mengetahui peningkatan usability

dari sisi learnability. Gambar 17 Grafik penyelesaian task pada
pengujian tahap kedua.
Uji coba kedua diberikan kepada tiga
tester yang berbeda. Alasannya adalah Segi efisiensi prototipe diukur
bahwa berdasarkan wawancara dengan menggunakan parameter yang sama
ketiga tester pertama, mereka sudah seperti pada pengujian tahap pertama
mengetahui kesalahan dalam penggunaan yaitu waktu yang dibutuhkan untuk
sistemnya. Pengujian tahap kedua ini menyelesaikan task yang diberikan. Pada
dilakukan dengan perlakuan dan tahap kedua, rancangan prototipe yang
lingkungan yang sama dengan pengujian baru memiliki tingkat efisiensi yang lebih
tahap pertama. Hasil uji coba kedua baik karena standar waktu yang
ditunjukkan oleh Tabel 7. dibutuhkan tester untuk menyelesaikan
task ternyata lebih sedikit. Grafik
Tabel 7 Uji coba pengguna tahap kedua kebutuhan waktu untuk masing-masing
tester pada pengujian tahap kedua
Penggunaan Shortcut Task berhasil?
T a s k ditunjukkan oleh Gambar 18. Grafik ini
P 1 P 2 P 3 P 1 P 2 P3 menunjukkan pola yang sama untuk
ketiga tester dengan selisih waktu yang
Fit page
tidak terlalu banyak. Efisiensi dari
Fit width prorotipe yang baru ini dapat diketahui
dengan melihat rata-rata waktu yang
Next Page dibutuhkan ketiga tester untuk
Last Page menyelesaikan task dengan pembanding
standar waktu pada pengujian tahap
First Page pertama. Perbandingan waktu yang
F i n d dibutuhkan untuk setiap task ditunjukkan
oleh Tabel 8.
Close WIndow

Dari Tabel 7 terlihat bahwa semua

task yang diberikan berhasil diselesaikan

17
 Grafik Kebutuhan Waktu Uji Coba Prototipe Tahap 2 Perancangan menu popup ini terdiri dari
7
fungsi Zoom Tools, Hand Tool, Select
6
Tool, Snapshot, Highlight Tools, Note
W 5 Tool (comment) dan Help. Fungsi-fungsi
a 4 tersebut adalah fungsi yang berhubungan
k
t 3 Tester 1 dengan teks dan halaman. Menu popup
Tester 2
u 2
Tester 3
ini ditunjukkan oleh Gambar 15.
1
0
Find First Last Fit Fit Close Open
page page page width window window
Task

Gambar 18 Grafik kebutuhan waktu

pengujian tahap kedua.
Tabel 8 memperlihatkan bahwa
waktu yang dibutuhkan untuk
penyelesaian task pada pengujian kedua
sedikit lebih cepat dibanding dengan
pengujian tahap pertama. Rancangan
prototipe yang baru ini telah sesuai
harapan karena bisa meningkatkan
efisiensi prototipe yang sebelumnya
seperti pada pengujian pertama.
Tabel 8 Perbandingan waktu penyelesaian
task
Waktu per Task (dtk)
Task
Tahap 1
Find 7.17
First page 3.5
Last page 2.33
Fit page 5.57
Fit width 4.17
Close window 2.47
Open window 2.43
g Evaluasi desain antarmuka umum
Hasil evaluasi menunjukkan bahwa
dalam perancangan ebook reader ini
masih diperlukan adanya tabs dan menu
popup. Tabs akan memudahkan pengguna
yang gemar membaca lebih dari satu
ebook dalam satu waktu secara paralel
(simultan). Menu popup bertujuan untuk
memudahkan pengguna dalam mengakses
menu yang dibutuhkan secara cepat,
tanpa harus mengalihkan pandangan ke
area window yang berbeda.
Penambahan fitur tabs dan menu
popup dikarenakan pengguna ebook
memiliki kecenderungan fokus terhadap
isi bacaan. Oleh karena itu, agar
pengguna merasa nyaman dalam
mengubah status dari membaca menjadi
mengedit, menu popup sangat berperan.
Gambar 19 Menu popup.
h Panduan
Berdasarkan hasil analisis dan
perancangan dari masing-masing tahapan
pada fase perancangan ini, maka
didapatkan panduan bahwa sistem yang
akan diujicobakan harus memenuhi
kriteria dan persyaratan tertentu. Kriteria-
kriteria tersebut sudah dibahas pada
masing-masing tahapan.
KESIMPULAN DAN SARAN
Tahap 2
5.67 Kesimpulan
2.83 Perancangan prototipe ebook reader pada
2.33 penelitian ini berhasil mencapai usability yang
3.17 baik pada sisi learnability, efisiensi, dan error
2.67 rate dengan dua tahap pengujian terhadap
2.43 enam tester. Learnability ditunjukkan dengan
2.40 keberhasilan penyelesaian seluruh task yang
diberikan kepada tester. Efisiensi ditunjukkan
dengan berkurangnya waktu yang dibutuhkan
tester untuk menyelesaikan task yang
diberikan dibandingkan dengan waktu standar.
Rata-rata jumlah kesalahan tester yang kecil
dalam pengujian menunjukkan bahwa
prototipe ini memiliki error rate yang kecil,
dimana semakin kecil nilai error rate,
prototipe semakin usable. Berdasarkan
pengamatan pada saat pengujian, diketahui
bahwa pada prototipe ebook reader ini, tester
lebih cenderung menggunakan shortcut pada
toolbar untuk mengakses sebuah fungsi.
Saran
Penelitian selanjutnya diharapkan bisa
membuat dan mengembangkan aplikasi ebook
reader yang sesungguhnya. Aplikasi tersebut
adalah aplikasi yang bisa membaca beberapa
format ebook, seperti PDF, RTF dan lainnya.
Pada tahapan selanjutnya diharapkan juga bisa
dilakukan evaluasi dan pengujian mengenai

18
sisi usability yang lain seperti user retention
over time menggunakan metode yang lain
misalnya cognitive walkthroughs bersama-
sama dengan think-aloud evaluations.

DAFTAR PUSTAKA
Galitz WO. 2002. The Essential Guide To
User Interface Design: An Introduction
To GUI Design Principles and
Techniques. Ed ke-2. Canada: John
Willey & Sons, Inc.
Mayhew, D. J. 1999. The Usability
Engineering Lifecycle: A Practitioner’s
Handbook for User Interface Design. San
Diego: Academic Press.
Xavier Ferré and Natalia Juristo, Helmut
Windl, dan Larry Constantine. 2001.
Usability Engineering: Usability Basic
for Software Developers. IEEE Software.
Nielsen J. 2000. Designing Web Usability:
The Practice of Simplicity. New York:
New Riders.
Hodge, B. K. and Taylor, R. P. 1999. Analysis
and Design of Energy Systems. 3d edition,
Prentice-Hall, Inc.
Greunen, DV. 2002. An Introduction to
Usability Engineering. Department of
Computer Science & IS University of
Port Elizabeth.
http://www.cs.upe.ac.za/csadvg [15-Juli-
2008].
Scheaffer, Mendenhall, dan Lyman Ott. 1982.
Elementary Survey Sampling. Boston:
PWS-KENT Publishing Company.
Turunen S, dkk. 2007. Simulations and
Usability Engineering in The Evaluation
of Pre-Hospital Emergency Care: Case
Study. Med-e-Tel 2007, Luxemburg.
U.S Environmental Protection Agency (EPA).
2008. http://www.forumsains.com/forum.
[17-November-2008].
Sophista TVR. 2008. Windows vs Linux. E-
learning FPMIPA UPI (Universitas
Pendidikan Indonesia).
http://fpmipa.upi.edu/kuliah/mod/forum/vi
ew.php?f=639. [17-November-2008].
Nielsen J. 2004. Card Sorting: How Many
User to Test.
http://www.useit.com/alertbox~july_2004
_card_sorting. [17-November-2008]

19
LAMPIRAN

20
Lampiran 1 Kekurangan dalam perancangan organisasi menu dan navigasi

1 Penggunaan kata yang kurang representatif / kurang lazim

2 Penggunaan daftar isi yang kurang baik

21
Lampiran 2 Pemilihan Icon dan fungsinya

Icon Fungsi representative icon

Open = membuka dokumen baru dengan default destination adalah My Documents

Save = menyimpan hasil pengeditan ebook yang telah dilakukan

Print = melakukan pencetakan halaman

First Page = menuju ke halaman pertama ebook

Zoom Tool = melakukan zoom (zoom in, zoom out, dan loupe) secara terpilih pada
kalimat / bagian yang dikehendaki

Previous Page = pindah ke 1 halaman sebelumnya

Next Page = pindah ke 1 halaman berikutnya

Last Page = menuju ke halaman terakhir

Previous View = menuju ke 1 halaman yang baru dibuka sebelumnya

Next View = mengembalikan ke posisi halaman terakhir setelah dilakukan previous

view

Hand Tool = memegang kendali untuk melakukan pergeseran posisi halaman

Select Text = melakukan seleksi terhadap teks tertentu

Snapshot = melakukan seleksi terhadap bagian tertentu dari suatu halaman

Actual Size = menampilkan ukuran asli dalam tampilan ebook

Fit Page = menampilkan satu halaman utuh/ penuh dalam bagian ebook reader untuk
menampilkan isi ebook
Fit Width = menampilkan ukuran ebook standar, yaitu penyesuain lebar ebook
dengan lebar antarmuka ebook reader, sehingga meminimalkan horizontal scrolling
Full Screen = menampilkan ebook dalam ukuran layar penuh, satu halaman
ditampilkan semua
Bookmark = pilihan untuk menampilkan navigasi, memberikan tanda kepada
pengguna tentang halaman terakhir yang dibaca, sehingga pengguna tidak perlu
mengingat-ingat
Highlight Tool = memberikan tanda terhadap bagian kalimat tertentu agar terlihat
berbeda, sehingga lebih mudah ditemukan

Comment = memberikan komentar terhadap bagian tertentu dalam ebook.

Find = textfield tempat menuliskan kata untuk melakukan fungsi pencarian

Find Previous = melakukan pencarian buttom up

Find Next = melakukan pencarian top down
Help = memberikan informasi mengenai cara penggunaan ebook reader (user
manual)

22
Lampiran 3 Desain model konseptual
• Antarmuka utama

• Organisasi menu

23
Lanjutan

24
Lanjutan

25
Lampiran 4 Desain antarmuka umum
• Antarmuka utama

• Organisasi menu
File Edit

26
Lanjutan
View

Tools

Document

27
Lanjutan
Window

Help

28
Lampiran 5 Desain prototipe antarmuka utama

29
 KODE

Lampiran 6 Kuesioner dan bahan diskusi focus group

Tanggal Pengambilan Validasi

Petunjuk Pengisian
1. Lembar bahan diskusi grup fokus ini terdiri dari 5 halaman.
2. Pengisian lembar ini ditujukan bagi para pengguna ebook, diutamakan bagi yang sudah
sering menggunakannya.
3. Untuk pengisian, mohon disesuaikan dengan kebutuhan nyata Anda dalam menggunakan
ebook.
4. Isikan Tanggal Pengisian, Jenis Kelamin, Umur, dan Pekerjaan Anda.
5. Kolom KODE, Tanggal Pengambilan, dan Validasi diisi oleh petugas.
6. Berikan tanda Check list ( ) untuk pertanyaan yang bertipe check list.
7. Tanda * berarti coret yang tidak perlu.

TTD Pengisi
Tanggal Pengisian : tgl / bln / tahun

Jenis Kelamin * : laki-laki / perempuan Umur : ......... Tahun

Pekerjaan : ………………………………...

“Ebook adalah sebuah bentuk buku elektronik yang bisa dipindahkan dan disimpan pada media penyimpanan
digital seperti CD ROMs, hard disk, flash disk, dan bisa didistribusikan melalui perantara jaringan misalnya
Internet”.

1. Apa jenis media elektronik yang sering Anda gunakan untuk membaca ebook? (pilihan hanya
boleh satu)
PC (Personal Computer) PDA
Laptop Lainnya, sebutkan: ………………………………
2. Apa kategori ebook yang sering Anda baca? (pilihan boleh lebih dari satu, maksimal empat)
Komputer Ekonomi & Manajemen Komik

Kesehatan & Lingkungan Politik dan Hukum Novel

Hobi & Usaha Bahasa dan Kamus
eBook Rohani Masakan dan Makanan
Sains dan Teknologi Cerita Pendek
Lainnya, sebutkan: ..............................................
3. Apa alasan Anda menggunakan ebook untuk memenuhi kebutuhan Anda selama ini?
(pilihan maksimal dua). Silahkan Anda berikan tanggapan.
Karena terkait tugas dari lembaga tertentu (misalkan kampus atau kantor)
Karena hobi membaca Lainnya, sebutkan: ……………………………..
Adanya ilmu baru / berita baru

30
 Tanggapan: ……………………………………………………………………………………
……………………………………………………………………………………
……………………………………………………………………………………
4. Apa tipe ebook yang sering Anda baca? (pilihan hanya boleh satu)
PDF (Portable Document Format) Lainnya, sebutkan: …………………
CHM (Compile HTML Help file)
RTF (DOC)
5. Apa PDF ebook reader yang sering Anda gunakan? (pilihan boleh lebih dari satu, maksimal
dua)
Adobe Reader ePDFView Xpdf
Foxit Reader Evince KPDF
Microsoft Reader Preview
Lainnya, sebutkan: …………………..

6. Di bawah ini adalah contoh antarmuka pdf reader yang paling banyak digunakan. Manakah
antarmuka pdf reader yang paling sesuai, nyaman, dan tidak membingungkan menurut Anda?

• Daftar isi (berikan tanda )

Komentar Anda:

• Toolbar (berikan tanda )

a. Apakah icon dari masing-masing tombol sudah mencerminkan fungsi yang memang
seharusnya (meaningful)? Misalnya icon merepresentasikan fungsi print. Jika ada,
silahkan Anda berikan tanda untuk icon yang kurang sesuai dengan fungsinya.
Berikan tanggapan Anda!
Jawab:

31
= Open = Last Page = Zoom In = About ebook reader

= Save = Previous View = Bookmark = Select Text

= Email = Next View = Edit Text = Snapshot

= First Page = Rotate Right = Full Screen = Text Viewer

= Previous Page = Rotate Left = Hand Tool = Highlight Tool

= Next Page = Zoom Out = Find Tool = Comment

Komentar:
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
b. Ada beberapa fungsi yang sering diakses dalam pdf ebook reader, seperti
direpresentasikan oleh tombol-tombol dalam antarmuka di atas. Manakah dari fungsi
berikut yang sering Anda gunakan? (pilihan boleh lebih dari satu)
Daftar isi / bookmark First / Last page Print
Zoom Select text Full screen
Next / Previous page Highlight Find
Next / Previous view Hand tool
Lainnya, sebutkan:

c. Menurut Anda, apakah tata letak salah satu antarmuka yang Anda pilih tersebut
(penempatan tombol-tombol pada toolbar di atas) sudah baik? Apakah perlu adanya
pengurangan / penambahan tool-tool? Jika ada, berikan tanda pada icon yang dimaksud
di bawah ini.
Jawab: … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … .
………………………………………………………………………………………………
………………………………………………………………………………………………

d. Manakah organisasi menu yang lebih baik dari pasangan antarmuka di bawah ini,?
Berikan tanda terhadap pilihan Anda dari masing-masing pasangan. Berikan komentar
Anda.
Panduan: tolak ukur “baik” dapat dilihat dari kemudahan user dalam menemukan fungsi
sesuai dengan isi menu yang ditampilkan. Sebagai contoh fungsi zoom tidak cocok
ditempatkan di menu file.

32
 Menu File Menu View

Komentar untuk menu File:

………………………………………………………………………………………………………
………………………………………………………………………………………………………
… … … … … … … … … … … .… … … … … … … … … … … … … … … … … … … … … … … … … … … …
………………………………………………………………………………………………………
………………………………………………………………………………………………………

Komentar untuk menu View:

………………………………………………………………………………………………………
………………………………………………………………………………………………………
… … … … … … … … … … … .… … … … … … … … … … … … … … … … … … … … … … … … … … … …
………………………………………………………………………………………………………
………………………………………………………………………………………………………

Menu Edit Menu Document

Komentar untuk menu Edit:

………………………………………………………………………………………………………
………………………………………………………………………………………………………
… … … … … … … … … … … .… … … … … … … … … … … … … … … … … … … … … … … … … … … ..

33
………………………………………………………………………………………………………
………………………………………………………………………………………………………

Komentar untuk menu Document:

………………………………………………………………………………………………………
………………………………………………………………………………………………………
… … … … … … … … … … … .… … … … … … … … … … … … … … … … … … … … … … … … … … … …
………………………………………………………………………………………………………
………………………………………………………………………………………………………

Menu Tools Menu Window

Komentar untuk menu Tools:

………………………………………………………………………………………………………
………………………………………………………………………………………………………
… … … … … … … … … … … .… … … … … … … … … … … … … … … … … … … … … … … … … … … ..
………………………………………………………………………………………………………
… … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … ...

Komentar untuk menu Window:

………………………………………………………………………………………………………
………………………………………………………………………………………………………
… … … … … … … … … … … .… … … … … … … … … … … … … … … … … … … … … … … … … … … …
………………………………………………………………………………………………………
………………………………………………………………………………………………………

e. Adakah fungsi yang menurut Anda kurang representatif / kurang sesuai dengan harapan
Anda? Sebagai contoh adalah fungsi zoom yang dilakukan sistem dengan cara acak, tidak
mengarah pada kursor yang kita posisikan. Berikan pengalaman tentang kesulitan Anda
dalam menggunakan setiap tool dari ebook reader yang bersangkutan.
Jawab:
………………………………………………………………………………………………
………………………………………………………………………………………………

34
 ………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………

f. Bagaimana saran atau harapan Anda terhadap ebook reader yang sering Anda gunakan?
(Boleh ditambahkan mengenai fitur apa yang menurut Anda harus ada dalam sebuah
ebook reader. Untuk lebih jelasnya bisa menggunakan panduan pada pertanyan no.6).
Jawab
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
………………………………………………………………………………………………
7. Manakah yang lebih baik, tampilan ebook dengan satu halaman ataukah dengan dua halaman
seperti layaknya buku biasa? Berikan alasan Anda!
Jawab:
…………………………………………………………………………………………………
… … 1… … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … …
…………………………………………………………………………………………………
…………………………………………………………………………………………………
1 2
…………………………………………………………………………………………………

35
1