Tampilan visual merupakan hal yang penting dalam interaksi manusia dan komputer. karena keberadaan komputer adalah untuk membantu pekerjaan manusia. sehingga komputer dalam tampilan visual dimonitornya tersebut harus memenuhi beberapa klasifikasi, agar mudah mengerti manusia. kalau bahasa aslinya komputasi itu bilangan biner, maka bingung juga tuh kalau bit-bit yang ada tidak interpretasikan kedalam visualnya manusia. salah satu tujuannya simple saja, yaitu karena ingin informasi yang disampaikan lewat komputer itu mudah dipahami. dan kalau kita bicara tampilan maka bisa berarti tampilan software yang kita buat, atau tampilan web yang kita buat, atau yang lainnya.
kita akan coba akan melihat apa yang oleh Deborah J. Mayhew, dengan General Principles Of UI Design, atau dalam bahasa kita adalah Prinsip Umum Perancangan User Interface. ada 17 prisip yang harus dipahami para perancang sistem, terutama untuk mendapatkan hasil maksimal dari tampilan yang dibuat. anda tidak perlu bingung dengan apa yang dimaksud tampilan, karena salah satunya adalah tampilan web ini.
apa saja prinsip itu ?
yang pertama adalah User Compatibility, yang bisa berarti kesesuaian tampilan dengan tipikal dari user. karena berbeda user bisa jadi kebutuhan tampilannya berbeda. misalnya, jika aplikasi diperuntukkan bagi anak-anak, maka jangan menggunakan istilah atau tampilan orang dewasa.
selanjutnya dengan Product Compatibility, istilah ini mengartikan bahwa produk aplikasi yang dihasilkan juga harus sesuai. memiliki tampilan yang sama/serupa. baik untuk user yang awam maupun yang ahli.
Task Compatibility, berarti fungsional dari task/tugas yang ada harus sesuai dengan tampilannya. misal untuk pilihan report, orang akan langsung mengartikan akan ditampilkan laporan. sehingga tampilan yang ada bukanlah tipe data (dari sisi pemrogram). coba kalau pilihanya database, grafik, evaluasi (dimana ketiga hal itu sebenarnya adalah laporan), ribet !
bisa kebayang kalau tampilan yang ada hanya untuk satu pekerjaan saja. misal untuk kirim mail, kita harus membuka tampilan tersendiri untuk daftar alamat. repot. sehingga UI harus mempermudah alur kerja kita. seperti yang anda rasakan sekarang banyak aplikasi bisa dalam satu tampilan. ini disebut Work Flow Compatibility.
harus konsiten dong !! ya dalam perancangan interface ternyata dikenal juga istilah konsisten/Consistency. contohnya, jika anda menggunakan istilah save yang berarti simpan, maka gunakan terus istilah itu. kalau yang tidak konsisten, kadang menggunakan save, kadang simpan, atau apalah.
Familiarity, untuk contoh ini saya akan contohkan dengan icon. anda pasti akan lebih familiar jika mengartikan icon disket sebagai perintah untuk menyimpan. maka jangan ganti dengan gambar kuda, mana ada yang tau kalau itu untuk simpan.
jangan bikin tampilan yang ribet, apalagi banyak tanya. cuma mau kirim email, tapi malah nanya amplopnya besar atau kecil? suratnya kilat? mungkin untuk solsusinya sediakan pilihan default. ini namanya Simplicity, semua kompleksitas.
user akan lebih suka dengan Direct Manipulation, manipulasi secara langsung. misalnya anda tidak perlu menuliskan sintax yang repot hanya untuk mempertebal huruf, cukup dengan ctrl+B.
Control, berikan kontrol penuh pada user, tentunya dengan sebaik mungkin dan jangan sampai merusak sistem. tipikal user biasanya tidak mau terlalu banyak aturan.
WYSIWYG, What You See Is What You Get, buatlah tampilan mirip seperti kehidupan nyata user. dan pastikan fungsionalitas yang ada berjalan sesuai tujuan. user ingin tempe jangan dikasih tahu (red : pasti bingung dg istilah ini).
ini masalah tool/alat yang bisa digunakan user. jangan hanya terpaku pada keyboard saja atau mouse saja. Flexibility, bisa saja keduanya digunakan, atau malah lebih canggih dengan touch screen.
tampilan yang dibuat harus ada responnya. misal, yang sering kita lihat ketika ada tampilan please wait... 68%..., ini namanya Responsiveness. jadi user tidak dicuekin saja ketika ada operasi yang dilakukan.
Invisible Technology. sebagai programmer handal kita tidak boleh sombong (dan harus tetap rajin nabung). user tidak penting mengetahui algoritma apa yang kita gunakan, max sort, bubble sort, quick sort, atau apa sort, walaupun itu bagian dari keahlian. yang user tahu cukup fungsinya yaitu untuk sorting. Tampilkan fungsionalitas, sembunyikan teknologi.
Robustness itu artinya handal, bisa mengakomodir kesalahan user. jangan malah error, apalagi sampai crash.
Protection adalah melindungi user dari kesalahan yang umum dilakukan. misalnya dengan memberikan fitur back atau undo.
Ease of Learning. tanpa harus ada pelatihan, tanpa harus baca tutorial, tanpa harus sekolah tinggi-tinggi, user sudah bisa menggunakan tampilan aplikasi buatan anda. mudah dipelajari.
Ease of use. harus mudah digunakan. seperti halnya menggunakan fungsionalitas yang ada di keseharian kita. misal tombol yang ada, harus mudah dong nekennya, nggak usah pake tenaga ekstra.
itu 17 prinsip yang dikenal dalam pembangunan User Interface. sebenarnya ke-17 prinsip itu tidak untuk diterapkan semuanya. karena ada beberapa point justru saling menghilangkan. misalnya saja untuk point control, pasti akan menghilangkan point simplicity. prinsip ini pun sebenarnya hanya dilakukan berdasarkan penilaian tidak objektif dari perancang. walaupun ada juga parameter terhadap karekteristik dari user, tapi menurut saya tetap saja subjektif.
baca selengkapnya...
kita akan coba akan melihat apa yang oleh Deborah J. Mayhew, dengan General Principles Of UI Design, atau dalam bahasa kita adalah Prinsip Umum Perancangan User Interface. ada 17 prisip yang harus dipahami para perancang sistem, terutama untuk mendapatkan hasil maksimal dari tampilan yang dibuat. anda tidak perlu bingung dengan apa yang dimaksud tampilan, karena salah satunya adalah tampilan web ini.
apa saja prinsip itu ?
yang pertama adalah User Compatibility, yang bisa berarti kesesuaian tampilan dengan tipikal dari user. karena berbeda user bisa jadi kebutuhan tampilannya berbeda. misalnya, jika aplikasi diperuntukkan bagi anak-anak, maka jangan menggunakan istilah atau tampilan orang dewasa.
selanjutnya dengan Product Compatibility, istilah ini mengartikan bahwa produk aplikasi yang dihasilkan juga harus sesuai. memiliki tampilan yang sama/serupa. baik untuk user yang awam maupun yang ahli.
Task Compatibility, berarti fungsional dari task/tugas yang ada harus sesuai dengan tampilannya. misal untuk pilihan report, orang akan langsung mengartikan akan ditampilkan laporan. sehingga tampilan yang ada bukanlah tipe data (dari sisi pemrogram). coba kalau pilihanya database, grafik, evaluasi (dimana ketiga hal itu sebenarnya adalah laporan), ribet !
bisa kebayang kalau tampilan yang ada hanya untuk satu pekerjaan saja. misal untuk kirim mail, kita harus membuka tampilan tersendiri untuk daftar alamat. repot. sehingga UI harus mempermudah alur kerja kita. seperti yang anda rasakan sekarang banyak aplikasi bisa dalam satu tampilan. ini disebut Work Flow Compatibility.
harus konsiten dong !! ya dalam perancangan interface ternyata dikenal juga istilah konsisten/Consistency. contohnya, jika anda menggunakan istilah save yang berarti simpan, maka gunakan terus istilah itu. kalau yang tidak konsisten, kadang menggunakan save, kadang simpan, atau apalah.
Familiarity, untuk contoh ini saya akan contohkan dengan icon. anda pasti akan lebih familiar jika mengartikan icon disket sebagai perintah untuk menyimpan. maka jangan ganti dengan gambar kuda, mana ada yang tau kalau itu untuk simpan.
jangan bikin tampilan yang ribet, apalagi banyak tanya. cuma mau kirim email, tapi malah nanya amplopnya besar atau kecil? suratnya kilat? mungkin untuk solsusinya sediakan pilihan default. ini namanya Simplicity, semua kompleksitas.
user akan lebih suka dengan Direct Manipulation, manipulasi secara langsung. misalnya anda tidak perlu menuliskan sintax yang repot hanya untuk mempertebal huruf, cukup dengan ctrl+B.
Control, berikan kontrol penuh pada user, tentunya dengan sebaik mungkin dan jangan sampai merusak sistem. tipikal user biasanya tidak mau terlalu banyak aturan.
WYSIWYG, What You See Is What You Get, buatlah tampilan mirip seperti kehidupan nyata user. dan pastikan fungsionalitas yang ada berjalan sesuai tujuan. user ingin tempe jangan dikasih tahu (red : pasti bingung dg istilah ini).
ini masalah tool/alat yang bisa digunakan user. jangan hanya terpaku pada keyboard saja atau mouse saja. Flexibility, bisa saja keduanya digunakan, atau malah lebih canggih dengan touch screen.
tampilan yang dibuat harus ada responnya. misal, yang sering kita lihat ketika ada tampilan please wait... 68%..., ini namanya Responsiveness. jadi user tidak dicuekin saja ketika ada operasi yang dilakukan.
Invisible Technology. sebagai programmer handal kita tidak boleh sombong (dan harus tetap rajin nabung). user tidak penting mengetahui algoritma apa yang kita gunakan, max sort, bubble sort, quick sort, atau apa sort, walaupun itu bagian dari keahlian. yang user tahu cukup fungsinya yaitu untuk sorting. Tampilkan fungsionalitas, sembunyikan teknologi.
Robustness itu artinya handal, bisa mengakomodir kesalahan user. jangan malah error, apalagi sampai crash.
Protection adalah melindungi user dari kesalahan yang umum dilakukan. misalnya dengan memberikan fitur back atau undo.
Ease of Learning. tanpa harus ada pelatihan, tanpa harus baca tutorial, tanpa harus sekolah tinggi-tinggi, user sudah bisa menggunakan tampilan aplikasi buatan anda. mudah dipelajari.
Ease of use. harus mudah digunakan. seperti halnya menggunakan fungsionalitas yang ada di keseharian kita. misal tombol yang ada, harus mudah dong nekennya, nggak usah pake tenaga ekstra.
itu 17 prinsip yang dikenal dalam pembangunan User Interface. sebenarnya ke-17 prinsip itu tidak untuk diterapkan semuanya. karena ada beberapa point justru saling menghilangkan. misalnya saja untuk point control, pasti akan menghilangkan point simplicity. prinsip ini pun sebenarnya hanya dilakukan berdasarkan penilaian tidak objektif dari perancang. walaupun ada juga parameter terhadap karekteristik dari user, tapi menurut saya tetap saja subjektif.
