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. NIP 132321422
Dr. Ir. Sri Nurdiati, M. Sc. 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 1 2 3 4 5 6 7 8
Halaman Data dan analisis profil pengguna .............................................................................................. 7 Koleksi data pengamatan tugas .................................................................................................. 8 Kemampuan platform windows.................................................................................................. 9 Pengelompokan sub menu ....................................................................................................... 14 Hasil uji coba pengguna tahap pertama.................................................................................... 15 Standar waktu setiap task ......................................................................................................... 16 Hasil uji coba pengguna tahap kedua ....................................................................................... 17 Perbandingan waktu penyelesaian task .................................................................................... 18
DAFTAR GAMBAR
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
Halaman Prosentase pengguna platform windows di seluruh dunia (EPA 2008) ...................................... 3 Usability Engineering Lifecycle (Mayhew 1999) ...................................................................... 3 Metode penelitian....................................................................................................................... 4 Grafik kebutuhan jumlah user untuk uji coba usability (Nielsen).............................................. 4 Denah pelaksanaan diskusi ........................................................................................................ 7 Sub menu kurang tepat ............................................................................................................. 10 Perubahan organisasi menu ...................................................................................................... 10 Ambiguitas penggunaan kata ................................................................................................... 10 Garis pemisah........................................................................................................................... 10 Menu horizontal ....................................................................................................................... 11 Perancangan kedalaman menu ................................................................................................. 11 Penggunaan grayed out ............................................................................................................ 11 Penggunaan pilihan drop down ................................................................................................ 12 Konsep pembagian ruang ......................................................................................................... 14 Grafik penyelesaian task pada pengujian tahap pertama .......................................................... 16 Grafik kebutuhan waktu pengujian tahap pertama ................................................................... 16 Grafik penyelesaian task pada pengujian tahap kedua ............................................................. 17 Grafik kebutuhan waktu pengujian tahap kedua ...................................................................... 17 Menu popup ............................................................................................................................. 18
DAFTAR LAMPIRAN
1 2 3 4 5 6
Halaman Kekurangan dalam perancangan organisasi menu dan navigasi .............................................. 21 Pemilihan icon dan fungsinya .................................................................................................. 22 Desain model konseptual ......................................................................................................... 23 Desain antarmuka umum ......................................................................................................... 26 Desain prototipe antarmuka utama ........................................................................................... 29 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 [15Juli-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), memiliki dua komponen yaitu: 1
antarmuka
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 tradeoff 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
(Mayhew 1999).
interaktif. Gambar 3 memperlihatkan metode yang digunakan pada penelitian ini. 1
b
Efficiency (efisien) Efisiensi merupakan jumlah task / tugas per unit yang dapat diselesaikan oleh pengguna dalam suatu waktu menggunakan sistem tersebut. Semakin usability sistem itu, semakin cepat pengguna menyelesaikan tugas yang diberikan.
c
User retention over time (mudah diingat) Atribut ini mencerminkan sejauh mana pengguna akan kembali ingat tentang penggunaan sistem yang bersangkutan setelah beberapa periode waktu pengguna tersebut tidak menggunakannya.
d
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 jam dalam sehari, memiliki prestasi yang bagus di jurusan Ilmu Komputer, dan lain-lain. Pengguna yang telah ditentukan tersebut diberikan kueisioner dengan cara dan teknik tertentu untuk mendukung analisis profil pengguna. Penentuan jumlah responden dilakukan berdasarkan aturan Nielsen (2008) mengenai jumlah pengguna untuk keperluan usability. Grafik yang memperlihatkan aturan tersebut ditunjukkan oleh Gambar 4.
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 Usability Engineering Lifecycle (Mayhew 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
Gambar 3 Metode penelitian (merujuk pada metode Mayhew 1999).
4
e
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.
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
c
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. Aturanaturan 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.
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.
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.
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
f
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.
Studi prinsip umum desain
c
Desain model mockups Pada tahap ini, model desain konseptual dievaluasi dan dimodifikasi. Hasil dari evaluasi dan modifikasi ini digunakan sebagai
5
dasar perancangan antarmuka ebook reader. d
kesesuaian fungsi yang diletakkan dalam menu popup dan sebagainya.
mockups g
Evaluasi model mockups
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.
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
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.
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
Evaluasi desain antarmuka umum
HASIL DAN PEMBAHASAN
Desain antarmuka prototipe
Analisis Kebutuhan
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.
a
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
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 Agustus 2008 selama 1½ jam, yaitu pukul 13.30 – 15.00 WIB. Kegiatan ini dilakukan secara bersama dalam sebuah ruangan (ruang seminar 2 Departemen Ilmu Komputer IPB) dengan seorang pemandu (moderator). Moderator ini berperan dalam mekanisme dan tata cara melakukan grup fokus dan analisis. Di dalam ruang tersebut terdapat beberapa notebook yang bisa digunakan responden untuk melihat kondisi nyata ebook reader berkaitan dengan pertanyaan-pertanyaan yang ada di dalam grup fokus. Denah pelaksanaan diskusi grup fokus ditunjukkan oleh Gambar 5. Hasil analisis profil pengguna berdasarkan kuesioner dapat dilihat pada Tabel 1.
5/ *+< /&
59 & 0>
Gambar 5 Denah pelaksanaan diskusi. Tabel 1 Data dan analisis profil pengguna
*+%
#
$ % &'( ,
)
.
/
# ) #
01 2 4/
2
5/ / /& $3
2
*;+ 1
7
2 82 % , .9 <
) ) 6
2
( 5
*+
)
)
)
)
)
)
)
)
) : -
) :6 -
; ) ;
) ;:6 :6 :6 ) :6
Kategori pengguna -
Pekerjaan: Mahasiswa
-
Total responden: 20
-
Tingkat automatisasi: tinggi
Pengetahuan dan pengalaman -
Penguasaan komputer: baik
-
Pemahaman ebook: baik
-
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 menekankan pada kebutuhan navigasi pengguna untuk tujuan efisiensi.
) -
)
)
Dari tabel terlihat bahwa pengguna memiliki kecenderungan yang lebih tinggi dalam menggunakan komputer sebagai media untuk membaca ebook dari pada perangkat seperti mobile phone. Penggunaan komputer PC disamakan dengan penggunaan notebook karena keduanya memiliki struktur dan proses 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:
•
"
1 / >$ %&
* + 0>
•
!
/
4/ = / 0> ,4% ?<>@0',
b
Analisis tugas kontekstual Dari hasil diskusi, fitur yang sering digunakan dalam ebook reader untuk keperluan membaca ebook di antaranya adalah fitur Open (New Document), Next Page, Previous Page, First Page, Zoom in dan Zoom out, Hand Tool, dan Find. Fitur untuk keperluan pengeditan
7
halaman terakhir (last page) maupun kembali ke halaman pertama (first page).
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 dapat dilihat pada Tabel 2, sedangkan alur kerja tugas yang dilakukan untuk keperluan navigasi adalah sebagai berikut: 1
c
3
Menemukan/ mencari kata tertentu dengan jumlah tertentu pada halaman tertentu.
4
Setelah selesai, pengguna menutup jendela aplikasi (close window).
Tujuan usability 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
Menentukan layout halaman pada ukuran tertentu, misalnya ukuran pada modus fit page dan fit width.
Tabel 2 Koleksi data pengamatan tugas Actor (Pengguna)
Use Case (Tugas)
Trigger
•
%2
"
%
/&
%
% 2
-
/2
/
6
2 •
6
% 2
22
6
%
/ 6
" 26 -
2 $
•
2
•
2
6 -
% &
2
6
%
-
/
/
$
2 6
2 &
-
6 •
&
/ 6
@ &
2
/2
•
•
/
&
+
7
Kesalahan, Masalah, Komentar
Urutan Skenario Tugas
2 &
$ 6
/ 7
2
6 -
7
/ %
7
& "
"6
% /
"
/ ABA 7
"6
-
6
2 & A1 C> A 6
untuk dalam
dirancang sedemikian rupa sehingga mudah digunakan. Tujuan kualitatif yang diperoleh adalah sebagai berikut:
Melakukan perpindahan halaman, baik berpindah ke halaman selanjutnya (next page), menuju
- Memudahkan pengguna untuk menyelesaikan tugasnya secara benar dan tepat.
Kegiatan ini dilakukan menyesuaikan kemampuan membaca tulisan. 2
8
- Memudahkan aktifitas bernavigasi.
D !
- 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 menyelesaikan tugas.
untuk
o Rata-rata jumlah tugas yang dapat diselesaikan dalam suatu waktu. o Rata-rata jumlah kesalahan dilakukan pengguna. d
yang
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
/
3/ 3& ! " ?D8 •
/ 2
3
• %
> 2 %
e
E 3/
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).
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).
windows
(popup
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 beberapa ebook reader saat ini masih kurang baik. Banyak sub menu yang kurang sesuai fungsi dan kegunaannya. Contohnya adalah penggunaan kata Convert to PDF. Ebook yang sudah berformat PDF seharusnya tidak memerlukan lagi fungsi Convert to PDF. Gambar 6 memperlihatkan contoh isi sub menu yang kurang sesuai pada sebuah PDF ebook reader. Contoh lain adalah penempatan sub menu yang kurang tepat, misalnya fungsi Next page. Fungsi ini seharusnya tidak diletakkan dalam menu Documents karena fungsi ini berkaitan dengan perubahan/ perpindahan halaman yang ingin ditampilkan, sehingga lebih tepat diletakkan pada menu View dengan sub menu tersendiri. Gambar 7 memperlihatkan perubahan yang dilakukan dalam peletakan fungsi dari menu Document ke menu View.
Gambar 6 Sub menu kurang tepat.
Gambar 7 Perubahan organisasi menu.
Pada penyusunan menu ebook reader masih terdapat penggunaan kata yang kurang lazim atau tidak umum. Meskipun untuk maksud yang sama, apabila diungkapkan dengan cara yang berbeda bisa membuat perbedaan persepsi. Contohnya pemakaian Save a Copy. Pemakaian kata ini kurang populer di kalangan pengguna komputer. Penggunaan kata Save As lebih dikenal dan umum dipakai untuk merepresentasikan maksud dan fungsi yang sama. Screenshot penggunaan kata tersebut dapat dilihat pada Lampiran 1. Pemilihan kata memang harus diperhatikan agar tidak menimbulkan ambigu. Contoh lain penggunaan kata yang ambigu ditunjukkan oleh Gambar 8.
Gambar 8 Ambiguitas penggunaan kalimat. 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
vertikal
Gambar 9 Garis pemisah.
horisontal
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).
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.
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 12 Penggunaan grayed out. 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.
•
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
jarang digunakan seperti Rotate Page, About dan lainnya tetap disertakan dalam pilihan menu. Fungsi-fungsi tersebut ditentukan dari diskusi dengan responden.
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).
3
Perancangan daftar isi dalam ebook reader ini akan digabungkan dengan penggunaan bookmark. Bagian ini diletakkan pada sisi sebelah kiri dari halaman ebook reader.
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. •
4
5
Menu
Toolbar atas Pada toolbar ini diletakkan tombol-tombol yang merupakan jalan pintas (shortcut) terhadap fungsifungsi 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
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:
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
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.
Pengaturan ruang Antarmuka ebook reader ini akan dibagi menjadi lima bagian, yaitu: 1
Daftar isi
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
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).
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
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.
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. 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 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
Sub Menu
File
Open, Save, Save As, Close Page, Print Setup, Print, Recent Documents, dan Exit
Edit
Undo, Redo, Cut, Copy, Paste, Delete, Select All, Diselect All, Find (Find Previous dan Find Next), serta Preferences
View
Bookmark, Full Screen, Zoom In, Zoom Out, Actual Size, Fit 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)
Tools
Hand Tool, Select Text, Snapshot, Zoom In Tool, Zoom Out Tool, Loupe Tool, Highlihgt Tools (Highlight, Underline, dan Strikeout Anotation Tool), Comenting Tools (Caret Anotation Tool, Note Tool).
Document
Go To Page, Properties
Window
Cascade, Tile Horizontal, Tile Vertical, Clipboard Viewer, Close All Documents, Active Document
Help
How To Use, About Ebook 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
T a s k
Task berhasil?
P 1
P 1
P 2
P 3
P 2
Grafik Jumlah Penyelesaian Task (Uji Coba 1)
P3
Tester 3
Fit page -
Tester 1
Next Page
5
-
6
Tester 2
Fit width
4.5
5
5.5
6
Task terselesaikan
Last Page
Gambar 15 Grafik penyelesaian task pada pengujian tahap pertama.
First Page F i n d
5
Penggunaan shortcut
-
-
-
Perhitungan untuk error rate-nya adalah sebagai berikut:
Close WIndow Keterangan:
P1, P2, P3 = tester = tanda ya,
ER=
100% −
task _ berhasil x100% = total _ task
100% −
6+5+5 x100% = 11% 18
- = tanda tidak Hasil uji coba pertama memperlihatkan beberapa task yang tidak dapat diselesaikan. Hal ini mengindikasikan masih terdapat kelemahan dalam perancangan antarmuka yang dibuat (learnability masih belum tercapai). Penggunaan fungsi Find oleh pengguna tidak memanfaatkan fungsi icon previous maupun next find, tetapi lebih cenderung menggunakan shortcut keyboard. Fungsi find dijalankan tester dengan memberikan input teks, kemudian melakukan pencariannya dengan menekan tombol Enter pada keyboard, bukan icon yang merepresentasikan fungsinya. Melalui proses diskusi dengan tester, beberapa task lain yang tidak berhasil diselesaikan adalah karena masalah tooltip. Tester masih belum memahami representasi dari masingmasing icon untuk actual size, fit page, dan fit width. Selain learnability, pada uji coba ini juga bisa dilakukan perhitungan error rate. Error rate untuk uji coba prototipe ini diamati dengan menghitung jumlah task yang tidak terselesaikan oleh tester. Angka error rate pada tahap pertama diperoleh dengan menghitung selisih prosentase mutlak (100%) dengan prosentase rata-rata keberhasilan ketiga tester terhadap keseluruhan task. Perhitungan ini adalah perhitungan kasar tanpa mempertimbangkan adanya pengaruh faktor lain dan hanya menggunakan tiga tester. Gambar 15 menunjukkan keberhasilan tester dalam menyelesaikan task yang diberikan.
Sisi efisiensi juga diamati pada pengujian prototipe ini. Efisiensi pada pengujian ini diketahui dari perbandingan waktu yang dibutuhkan tester untuk menyelesaikan task yang diberikan. Pengujian prototipe untuk masing-masing aplikasi memiliki standar waktu yang berbeda. Pada pengujian ini, diamati kebutuhan waktu dari ketiga tester untuk masing-masing task. Jika perbedaan waktu untuk setiap task dari masingmasing tester tidak terlalu besar, maka satuan waktu tersebut digunakan sebagai standar efisiensi pada prototipe ini. Efisiensi prototipe pada uji coba tahap pertama ini ditunjukkan oleh grafik pada Gambar 16. Grafik Kebutuhan Waktu Uji Coba Prototipe Tahap 1 8 7
W a k t u
6 5 4
Tester 1
3
Tester 2
2
Tester 3
1 0
Find
First page
Last page
Fit page
Fit width
Close Open window window
Task
Gambar 16 Grafik kebutuhan waktu pengujian tahap pertama. Grafik pada Gambar 17 memperlihatkan pola yang sama untuk kebutuhan waktu dari masing-masing tester pada setiap task. Standar waktu
16
untuk percobaan ini bisa ditentukan dengan menghitung rata-rata waktu dari ketiga tester. Standar waktu ini akan digunakan sebagai pembanding untuk uji coba tahap kedua karena masih terdapat beberapa task yang tidak berhasil diselesaikan pada uji coba tahap pertama. Table 6 menunjukkan standar waktu masing-masing task untuk uji coba ini. Tabel 6 Standar waktu setiap task Task Find First page Last page Fit page Fit width Close window Open window
Waktu (detik) 7.17 3.5 2.33 5.57 4.17 2.47 2.43
Grafik Jumlah Penyelesaian Task (Uji Coba 2)
Penggunaan Shortcut
Task berhasil?
P 1
P 1
P 2
P 3
P 2
P3
Fit page Fit width Next Page Last Page First Page F i n d Close WIndow
Tester 2
6
Tabel 7 Uji coba pengguna tahap kedua
6
Uji coba kedua diberikan kepada tiga tester yang berbeda. Alasannya adalah bahwa berdasarkan wawancara dengan ketiga tester pertama, mereka sudah mengetahui kesalahan dalam penggunaan sistemnya. Pengujian tahap kedua ini dilakukan dengan perlakuan dan lingkungan yang sama dengan pengujian tahap pertama. Hasil uji coba kedua ditunjukkan oleh Tabel 7.
Tester 3
6
Pada pengujian tahap pertama ini dapat dikatakan bahwa prototipe ini memiliki usability yang cukup baik dari sisi efisiensi dan error rate. Rancangan prorotipe yang baru hasil evaluasi digunakan untuk pengujian tahap kedua untuk mengetahui peningkatan usability dari sisi learnability.
T a s k
oleh tester dengan baik. Dengan parameter yang sama dengan pengujian pertama, maka sisi learnability dari prototipe yang baru ini sudah terpenuhi. Keberhasilan pada pengujian kedua ini digunakan juga besarnya nilai error rate prototipe. Prototipe yang baru ini memiliki error rate yang sangat kecil, bahkan mencapai nilai nol karena pengujian hanya dilaksanakan dengan tiga tester. Pertimbangannya adalah bahwa pengujian prototipe terhadap tiga tester sebagai evaluator ini sudah sesuai aturan pengujian heuristic evaluation, sehingga tidak bisa dikaitkan dengan perhitungan secara statistik. Gambar 17 menunjukkan penyelesaian task yang diberikan pada pengujian kedua.
Tester 1 0
1
2
3
4
5
6
Task terselesaikan
Gambar 17 Grafik penyelesaian task pada pengujian tahap kedua. Segi efisiensi prototipe diukur menggunakan parameter yang sama seperti pada pengujian tahap pertama yaitu waktu yang dibutuhkan untuk menyelesaikan task yang diberikan. Pada tahap kedua, rancangan prototipe yang baru memiliki tingkat efisiensi yang lebih baik karena standar waktu yang dibutuhkan tester untuk menyelesaikan task ternyata lebih sedikit. Grafik kebutuhan waktu untuk masing-masing tester pada pengujian tahap kedua ditunjukkan oleh Gambar 18. Grafik ini menunjukkan pola yang sama untuk ketiga tester dengan selisih waktu yang tidak terlalu banyak. Efisiensi dari prorotipe yang baru ini dapat diketahui dengan melihat rata-rata waktu yang dibutuhkan ketiga tester untuk menyelesaikan task dengan pembanding standar waktu pada pengujian tahap pertama. Perbandingan waktu yang dibutuhkan untuk setiap task ditunjukkan oleh Tabel 8.
Dari Tabel 7 terlihat bahwa semua task yang diberikan berhasil diselesaikan
17
Perancangan menu popup ini terdiri dari fungsi Zoom Tools, Hand Tool, Select Tool, Snapshot, Highlight Tools, Note Tool (comment) dan Help. Fungsi-fungsi tersebut adalah fungsi yang berhubungan dengan teks dan halaman. Menu popup ini ditunjukkan oleh Gambar 15.
Grafik Kebutuhan Waktu Uji Coba Prototipe Tahap 2 7 6 W a k t u
5 4 Tester 1
3
Tester 2
2
Tester 3
1 0
Find
First page
Last page
Fit page
Fit width
Close Open 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 Task Find First page Last page Fit page Fit width Close window Open window g
Waktu per Task (dtk) Tahap 1 Tahap 2 7.17 5.67 3.5 2.83 2.33 2.33 5.57 3.17 4.17 2.67 2.47 2.43 2.43 2.40
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. Kriteriakriteria tersebut sudah dibahas pada masing-masing tahapan.
KESIMPULAN DAN SARAN Kesimpulan Perancangan prototipe ebook reader pada penelitian ini berhasil mencapai usability yang baik pada sisi learnability, efisiensi, dan error rate dengan dua tahap pengujian terhadap enam tester. Learnability ditunjukkan dengan 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 bersamasama 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-Juli2008]. 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. Elearning 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. 2. 3. 4. 5. 6. 7.
Lembar bahan diskusi grup fokus ini terdiri dari 5 halaman. Pengisian lembar ini ditujukan bagi para pengguna ebook, diutamakan bagi yang sudah sering menggunakannya. Untuk pengisian, mohon disesuaikan dengan kebutuhan nyata Anda dalam menggunakan ebook. Isikan Tanggal Pengisian, Jenis Kelamin, Umur, dan Pekerjaan Anda. Kolom KODE, Tanggal Pengambilan, dan Validasi diisi oleh petugas. Berikan tanda Check list ( ) untuk pertanyaan yang bertipe check list. Tanda * berarti coret yang tidak perlu.
Tanggal Pengisian Jenis Kelamin * Pekerjaan
: tgl
/ bln
/ tahun
: laki-laki / perempuan Umur : ………………………………...
TTD Pengisi
: ......... Tahun
“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 Hobi & Usaha Bahasa dan Kamus eBook Rohani Masakan dan Makanan Sains dan Teknologi Cerita Pendek Lainnya, sebutkan: ..............................................
3.
Novel
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 merepresentasikan fungsi print. Jika ada, seharusnya (meaningful)? Misalnya icon silahkan Anda berikan tanda untuk icon yang kurang sesuai dengan fungsinya. Berikan tanggapan Anda! Jawab:
31
= Open
= Last Page
= Zoom In
= 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
= Zoom Out
= Find Tool
= Comment
= Next Page
= About ebook reader
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 Zoom Next / Previous page Next / Previous view Lainnya, sebutkan:
c.
First / Last page Select text Highlight Hand tool
Print Full screen Find
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
