Dokumen tersebut membahas faktor-faktor penting dalam membangun halaman web yang nyaman dan ergonomik, termasuk workspace yang memadai, ketersediaan kotak dialog, kemudahan penggunaan (user friendly), pertimbangan ergonomi, dan psikologi kognitif pengguna. Beberapa faktor kunci adalah menentukan zona penglihatan mata pengguna, menyediakan fitur bantuan, serta mendesain antarmuka yang sederhana namun informatif.

1. Disusun Oleh :
Manajemen Informatika

2. Faktor-faktor Pembentuk
Halaman Web yang Nyaman
dan Ergonomic
• Sistem yang interaktif dibentuk oleh teknik
penyajian halaman Web pada layar monitor
yang akan di akses oleh pemakai. Untuk
membangun Halaman Web yang menarik dan
Interaktif perlu memperhatikan beberapa faktor
sebagai berikut (IT. Hawryszkiewycz, 1994)

3. Faktor-faktor Pembentuk Halaman
Web yang Nyaman dan Ergonomic
• WORKSPACE
Halaman Web harus mempertimbangkan sudut yang dibentuk ketika
mata bergerak kekiri terjauh dan kekanan terjauh, adapun zona sudut
mata yaitu :
-Zona Binokuler, Bagian yang dapat dilihat oleh kedua mata
-Zona Monokuler, Bagian yang hanya dapat dilihat oleh satu mata
-Zona Buta, Bagian yang penggunannya melihat besarnya ruangan

4. Faktor-faktor Pembentuk Halaman
Web yang Nyaman dan Ergonomic
• WORKSPACE
Sebelum membangun sebuah website, sebaiknya
tentukan workspace website itu sendiri.
Desain workspace standar web

5. ZONA BINOKULER
Adalah zona mata yang dibentuk dan dilihat oleh bagian kedua mata.
Dalam workspace web adalah Halaman Web bagian Tengah

6. ZONA MONOKULER
Adalah zona mata yang dibentuk dan dilihat hanya dengan satu mata.
Yaitu mata kanan atau mata kiri. Dalam workspace web adalah sisi
bagian kanan dan kiri

7. ZONA BUTA
Adalah zona mata yang tidak tertampil pada halaman layar, dan
membutuhkan alat bantu untuk proses melihatnya. Dalam halaman
web adalah Fitur yang menggunakan alat bantu scrool.

8. Faktor-faktor Pembentuk Halaman
Web yang Nyaman dan Ergonomic
• ROBUSTNESS (Ketahanan dari sebuah Website)
Menyediakan Kotak dialog yang berfungsi untuk :
-Mencegah terjadinya kerusakan sistem bilamana pemakai
salah dalam mengoperasikannya
-Untuk memberikan pertologan atau memberikan
penjelasan kepada pemakai perihal sistem secara rinci.
-Untuk menampilkan slideshow, perbesaran gambar,
sampai dengan dialog konfirmasi.

9. ROBUSTNESS
Adanya kotak dialog berfungsi sebagai penyampai
informasi serta petunjuk kegunaan sehingga tidak terjadi
kesalahan pada sistem nya.

10. ROBUSTNESS
Kotak dialog berfungsi sebagai pembesar sebuah gambar,
dan Informasi

11. ROBUSTNESS
Kotak Dialog juga berfungsi sebagai media penyalur
komentar, serta Obrolan atau chatting

12. Faktor-faktor Pembentuk Halaman
Web yang Nyaman dan Ergonomic
• USERFRIENDLY
Mudah digunakan. Harus memperhatikan derajat
dimana pemakai dapat menggunakan sistem secara
mudah.
-Mudah dipelajari.
-Efektif
-Fleksibel melayani berbagai platform.
-Membangkitkan sikap positif setelah berinteraksi.

13. USER FRIENDLY
MENUBAR
Menu Bar merupakan hal penting dalam proses pembuatan
website. Karena Menu Bar disini membantu dan
mempermudah user dalam pengaksesan

14. USER FRIENDLY
SIDEBAR
Sidebar juga akan
mempermudah
pencarian artikel-artikel
lainnya. Tentunya ini
sangat efektif pada blog.

15. USER FRIENDLY
Peletakan Gambar dan
posisi text yang
proporsional, efektif
serta fleksibel dalam
penggunaan nya perlu
dilakaukan dalam
membangun sebuah
web. Sehingga
pengunjung puas
dengan halaman yang
mereka kunjungi

16. Faktor-faktor Pembentuk Halaman
Web yang Nyaman dan Ergonomic
• ERGONOMIC
Sistem yang baik juga harus mempertimbangkan
faktor kenyamanan dan kemanan dalam
penggunan interface

17. Contoh halaman web yang tidak ergonomic
Halaman Web yang ergonomic tidak menampilkan begitu banyak
gambar yang kemudian merugikan pengunjung.

18. Contoh halaman web yang tidak ergonomic

19. Contoh halaman web yang ergonomic

20. Faktor-faktor Pembentuk Halaman
Web yang Nyaman dan Ergonomic
• Cognitive Psychology
Harus mempertimbangkan pengaruh psikologis,
Dimana seseorang untuk memahami sesuatu yang
ditatapnya dipengaruh oleh pengetahuan dan pemahaman
yang telah dimiliki sebelumnya.
-Jumlah warna, jumlah warna yang berlebihan akan
mengaburkan penekanan terhadap informasi tertentu
-Penggunan simbol, seperti ok, exit, close.

21. Pengaturan Warna
Web dengan penggunaan warna yang belebihan dapat
mempengaruhi psikologis pengunjung web, akibat nya rasa
bosan dan tidak menarik nya serta jenuh dalam
pengaksesan nya.

22. Pengaturan Simbol
Penggunaan simbol yang menarik juga bisa membetahkan
pengunjung serta memberikan kesenangan tersendiri
dalam pengaksesannya. Hal ini tentunya mempengaruhi
psikologis pengunjung

23. Halaman Web yang bisa dibilang
Nyaman dan Ergonomic

24. TERIMA KASIH
Manajemen Informatika 2010
Faktor-faktor Pembentuk Halaman Web yang Nyaman dan Ergonomic