Archive for 2018
GUI Component - Tugas IMK
=================================================
Tugas
1. pilih 1 control/widget
2. Cari 3 referensi terkait (website/buku/jurnal)
3. Buat summary notes berbasis referensi tersebut yang menjelaskan:
definisi, ragam/tipe, anatomi, penempatan, behavior, penggunaan, spesifikasi,
4. Berikan 1 contoh implementasi pada aplikasi buatan anak bangsa,
a. berikan kritik/komentar berkaitan dengan kontrol yang anda bahas
b. berikan backlink pada pengembang/pemilik aplikasi
5. Kumpulkan URL pembahasan anda, terakhir Selasa 13 Nov 2018: 23:55
=================================================
Hamburger Menu
Definisi :
Ragam/Tipe :
Anatomi :
Penempatan :
Behavior :
Penggunaan :
Spesifikasi :
=================================================
Contoh Implementasi pada aplikasi buatan anak bangsa
=================================================
Referensi website :
- https://material.io/
- https://developer.apple.com/design/human-interface-guidelines/
- https://docs.microsoft.com/en-us/windows/desktop/uxguide/guidelines
https://id.oberlo.com/ecommerce-wiki/user-interface-ui
http://blog.magmalabs.io/2016/03/11/top-3-e-commerce-user-interface-ui-design-elements-to-consider.html
https://uxplanet.org/11-profitable-strategies-for-e-commerce-ui-design-8f71b2b98a9f
http://blog.magmalabs.io/2016/03/18/user-interface-trends-in-e-commerce.html
Tugas
1. pilih 1 control/widget
2. Cari 3 referensi terkait (website/buku/jurnal)
3. Buat summary notes berbasis referensi tersebut yang menjelaskan:
definisi, ragam/tipe, anatomi, penempatan, behavior, penggunaan, spesifikasi,
4. Berikan 1 contoh implementasi pada aplikasi buatan anak bangsa,
a. berikan kritik/komentar berkaitan dengan kontrol yang anda bahas
b. berikan backlink pada pengembang/pemilik aplikasi
5. Kumpulkan URL pembahasan anda, terakhir Selasa 13 Nov 2018: 23:55
=================================================
Hamburger Menu
Definisi :
Ragam/Tipe :
Anatomi :
Penempatan :
Behavior :
Penggunaan :
Spesifikasi :
=================================================
Contoh Implementasi pada aplikasi buatan anak bangsa
=================================================
Referensi website :
- https://material.io/
- https://developer.apple.com/design/human-interface-guidelines/
- https://docs.microsoft.com/en-us/windows/desktop/uxguide/guidelines
https://id.oberlo.com/ecommerce-wiki/user-interface-ui
http://blog.magmalabs.io/2016/03/11/top-3-e-commerce-user-interface-ui-design-elements-to-consider.html
https://uxplanet.org/11-profitable-strategies-for-e-commerce-ui-design-8f71b2b98a9f
http://blog.magmalabs.io/2016/03/18/user-interface-trends-in-e-commerce.html
Take Home Exam - UTS KOM333 Interaksi Manusia-Komputer G64150010
Take Home Exam - UTS KOM333 Interaksi Manusia-Komputer G64150010
Step 2 : Halaman Dissertations and Theses
User diharapkan menggunakan fasilitas search
dengan keyword yang telah ditentukan
-
Deskripsi Singkat Metode Usability Testing
Usability Testing adalah cara untuk
mengevaluasi sebuah produk atau jasa dengan cara mengujinya kepada
calon pengguna. Umumnya, selama pengujian, pengguna akan mencoba
untuk menyelesaikan tugas yang diberikan, sementara pemilik produk
akan mengamati, mendengar, dan mencatat temuan.[ CITATION Dwi17 \l 1057 ]
Tujuan dari usability testing adalah mencari permasalahan
kegunaan, mengumpulkan data kualitatif dan kuantitatif, serta
menentukan kepuasan pengguna dengan produk tersebut.
-
Tahapan Pelaksanaan
-
Menentukan apa yang akan dites
Penelitian ini untuk mencari tahu apakah user bisa
dengan mudah mencari dan mengunduh skripsi s1 & artikel tertentu
yang telah ditentukan
-
Mempersiapkan skenario
Karena proses usability testing bukan sebuah
proses yang hanya menunjukkan secara detail langkah sesuai task yang
diberikan, sehingga untuk membuat usability testing menjadi valid,
perlu dipersiapkan skenario yang berperan agar user terkondisi di
situasi sehari-hari dan memahami masalah yang sedang dihadapi.
Skenario yaang saya buat :
-
“Kamu adalah seorang mahasiswa dan akan mengunduh skripsi s1 di website repositori ipb dengan topik pengendalian gulma di bagian departemen agonomi dan hortikultura fakultas pertanian”
-
“Kamu adalah seorang mahasiswa dan akan mengunduh artikel di website repositori ipb dengan topik pengendalian gulma di bagian departemen agonomi dan hortikultura fakultas pertanian”
-
Mencari siapa yang akan dites
Kriteria utama pengguna dalam penelitian ini:
-
Pria/wanita
-
Mahasiswa aktif
Kriteria ini sesuai dengan kondisi skenario dari
penelitian ini
1. Muhammad Hasanal Haqq (Departemen Agronomi dan Hortikultura 52)
2. Maulida Nurul Fakthiyatut Taufiqoh (Departemen Manajemen 52)
3. Khusnul Khotimah (Departemen Statistika 52)
4. Muhammad Sirojul Abidin (Departemen Geofisika dan Meteorologi 52)
5. Samuel Ginting (Departemen Ilmu Komputer 52)
- Mempersiapkan tempat untuk testing
Tempat dilaksanakanya testing bergantung pada
kesepakatan user dan penguji.
User 1, tempat testingnya di kos teman saat siang
hari.
User 2, tempat testingnya di koridor pinus, malam
hari setelah selesai rapat.
User 3, tempat testingnya di depan kosnya setelah
dia selesai mengajar les privat saat malam hari.
User 4, tepat testingnya di koridor pinus, malam
hari setelah selesai rapat.
User 5, tempat testingnya di laboratorium 2
komputer saat waktu istirahat sebelum dimulainya praktikum.
-
Mencatat hal yang penting selama testing
Disini saya sebagai penguji berharap bisa lebih
mengetahui dengan detail bagaimana si tester menggunakan website IPB
Repositori dengan kondisi yang telah ditentukan. Akan dicatat hal-hal
penting saat testing seperti ucapan, gerakan tangan saat mengklik
tasknya, dan hal penting lainnya.
-
Menyampaikan skenario
-
Mempersilakan terster mencoba website
-
Membuat table success matric / completion rate
-
Mengaji hal yang telah didapatkan
Langkah-langkah dalam mengukur Success Matric
Skripsi Topik Pengendalian Gulma Kelapa Sawit :
Step 1 : Halaman Utama
User diharapkan mengklik tombol “Disertations
and Theses”
Step 2 : Halaman Dissertations and Theses
User diharapkan mengklik tombol “Undergraduate
Theses”
Step 3 : Halaman Undergraduate These
User diharapkan mengklik tombol “UT – Faculty
of Agriculture”
Step 4 : Halaman UT – Faculty of Agriculture
User diharapkan mengklik tombol “UT – Agronomy
and Holticulture”
Step 5 : Halaman UT – Agronomy and Holticulture
User diharapkan menggunakan fasilitas search
dengan keyword yang telah ditentukan
Step 6 : Halaman pencarian di Agronomy and
Holticulture
User diharapkan mencari skripsi sesuai topik yang
ditentukan
User diharapkan mengunguh skripsi
Hasil Success Matric / Completion Rate Skripsi
Topik Pengendalian Gulma Kelapa Sawit :
|
|
STEP
1
|
STEP
2
|
STEP
3
|
STEP
4
|
STEP
5
|
STEP
6
|
STEP
7
|
|
USER
1
|
|
|
|
|
|
|
|
|
USER
2
|
|
|
|
|
|
|
|
|
USER
3
|
|
|
|
|
|
|
|
|
USER
4
|
|
|
|
|
|
|
|
|
USER
5
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
*KET
:
|
|
|
|
|
|
|
|
|
|
Lancar
|
|
|
|
|
|
|
|
|
Cukup
Lama
|
|
|
|
|
|
|
|
|
Sangat
Lama
|
|
|
|
|
|
|
|
|
Stop
|
|
|
|
|
|
|
Hasil Kajian :
Dari tes dapat terlihat kebanyakan user mempunyai
masalah pada step 1 yaitu ketika di halaman utama saat mencari bagian
skripsi. Kebanyakan langkah pertama mereka adalah langsung mencari di
tombol search halaman utama, dan dan hasilnya mereka salah mengklik
artikel yang seharusnya mencari skripsi. Sehingga saya mengulangi
perintahnya dengan memberi hint mencari bagian per bagian (yang
diharapkan undergratuated thesis -> Faculty Agriculture ->
Agronomy and Horticulture -> Search sesuai topik -> Download
Skripsi). Tetapi setelah diberikan hint mereka masih bingung dimana
letak bagian skripsinya, kebanyakan dari mereka mencoba satu-satu
link yang ada. Mereka baru sadar setelah beberapa kali mencoba
ternyata bagian skripsi itu di halam utama adalah bagian Disertation
and Theses, saat saya tanya mereka tidak mengetahui bahwa skirpsi itu
termasuk di theses lebih tepatnya Undergratuated Theses yang mana
bagian Undergratuated Theses ini ada di step 2.
Di step 5 beberapa user membutuhkan waktu yang
cukup lama karena ada yang mencari satu-persatu topiknya.
Saran :
Tombol search diawal sudah efektif, tetapi lebih
baik ditambah dengan tombol filter search di halaman awal / step 1
karena akan sangat membantu pencarian adar lebih cepat (sebenarnya
ada di halaman hasil pencarian, tetapi lanagkah lebih baiknya jika
ada di samping tombol search halaman utama).
Untuk bagian “Disertation and Theses” lebih
baik diganti menjadi “Disertation, Theses and Undergratuated
Theses” karena seluruh user di penelitian ini kebingungan dengan
letak bagian skripsi.
==============================================================
[WHO] World Health Organization. 2009. Dengue and dengue
haemorrhagic fever [internet]. [diacu 2009 Mei 6]. Tersedia dari:
http://www.who.int /mediacentre/ factsheets/ fs117/en/ index.html.
Hariwijaya,
Dwinawan. (2017, Mei
9). 10 Langkah dalam Melakukan Usability
Testing untuk
Produk Kamu. Retrieved from
tech in Asia :
https://id.techinasia.com/talk/langkah-usability-testing-untuk-produk
Ross,
Jimm. (2012, Februari 6). Communicating User Research Findings.
Retrieved from Uxmatters :
https://www.uxmatters.com/mt/archives/2012/02/communicating-user-research-findings.php
Simon,
David Peter. (2017, Juli 25). The Art of Guerilla Usability Testing.
Retrieved from UXBooth :
https://www.uxbooth.com/articles/the-art-of-guerrilla-usability-testing/
