IMK – Menu & Organization of Functionality

Organisasi Semantik Menu

2menu-crop

Fungsi organisasi dalam interaksi manusia dan komputer adalah suatu teknik untuk mengelompokan menu berdasarkan fungsi masing-masing menu. Menu tersebut nantinya akan saling berkaitan dengan nama bar tersebut. Hal ini dikarenakan agar pengguna tidak kesulitan untuk mencari dan menggunakan suatu system, terlebih untuk pengguna yang baru.


Kelebihan dan Kekurangan Organization Of Fungsional

Kelebihan dari pengorganisasian fungsional yaitu :

  • Menu yang  ada  tertata  rapi  sesuai fungsinya
  • Mudah dan cepat ditemukan saat digunakan oleh pengguna yang
  • Membuat sebuah tampilan menu menjadi lebih

Sedangkan, kekurangan dari pengorganisasian fungsional yaitu :

  • Lebih lama dalam proses
  • Menimbulkan efek kompleks pada suatu interface

Pengertian Menu

Menu merupakan suatu tempat atau wadah yang banyak menampung isi di dalamnya. Setiap pilihan yang disajikan pada sebuah menu datar akan dihubungkan dengan suatu prosedur, fungsi atau bahkan suatu program yang akan melakukan suatu aktifitas sesuai dengan nama menu pilihan.


Tujuan Utama Menu

Tujuan utama dari menu adalah untuk membuat pengelompokkan pekerjaan dari user dalam suatu sistem yang masuk akal, komprehensif, mudah diingat, dan mudah digunakan. Ada beberapa jenis menu seperti single menus, linear sequence menus, tree structure menus, cyclic menus, dan acyclic network menus.


Penamaan Menu

Pada penamaan menu diharapkan agar bisa menggunakan bahasa yang sudah terbiasa atau sudah standarnya, bisa juga menyertakan nama lembaga contoh adobe dan office agar para target atau user sasaran tidak bingung dengan penamaan yang kita berikan pada menu yang ingin kita buat. Menggunakan kata kunci yang sesuai dengan apa yang ada di dalam isi menu tersebut.


Contoh Menu

  • Menu Siadin
    2siadinmenu
  • Menu Steam
    2steam
  • Menu Awal Twitter
    2twit
  • Menu Photoshop
    2photoshop

Jenis Jenis Menu

  • Single Menu (Menu Tunggal)
    2menusingle
    Menu Biner (Binary Menus) adalah menu yang hanya terdiri dari satu jawaban yang pasti saja seperti angka biner kalau bukan satu pasti bernilai nol. Contohnya mnemonic letter (seperti yes/no saat konfirmasi menghapus suatu file), radio button, dan button choice.
  • Extended Menu
    2extend
    Menampilkan banyak pilihan dengan menggunakan teknik-teknik seperti scrollbar, pulldown menus and pup up menus : dilihat dari cara permunculannya di layar.
  • Multiple Item Menu
    2multi
    Multiple-Item Menu adalah menu yang memiliki banyak pilihan menu namun hanya dapat memilih satu saja.
  • Tree Menu
    2tree
    Tree Menu adalah jenis tampilan atau suatu design menu yang memiliki bentuk bercabang atau seperti ranting pohon yang apabila di akses akan menampilkan daftar menu cabang lainnya yang sejenis dengan menu cabang sebelumnya.
  • Simultaneous Menu
    2simul
    Simultaneous Menu adalah menyediakan menu aktif pada waktu yang sama dan dapat memungkinkan pengguna untuk memasukkan pilihan dalam urutan apapun.

Tata Letak Menu

  • Deep site hierarchy yang agak menjorok ke dalam tapi informasi informasinya dikemas ke dalam sub level yg lebih banyak.
    2tat
  • Flat site hierarchy, dengan sedikit level.
    2cthtt

Manakah yang terbaik? Sebenarnya tidak ada patokan apakah menu harus mendalam atau melebar. Namun idealnya, semakin sedikit level atau kedalaman, semakin cepat dan mudah untuk mengakses apa yang user inginkan, jadi untuk pembuatan level menu disarankan tidak terlalu dalam. Namun jika menu tersebut terlalu melebar hal ini akan memberi kesan kompleks, karena banyaknya menu.

  • Judul
    Menu tunggal: Judul yang deskriptif
    Menu tree: Nama pilihan harus sama dengan judul halaman yang dipanggil.
  • Penamaan Pilihan Menu
    Gunakan peristilahan yang dikenal dan konsisten.
    Pastikan item dapat dibedakan dari pilihan lain.
    Gunakan pemilihan kata yang konsisten dan singkat.
  • Tata Letak dan Desain Grafis
    Perhatikan kendala seperti lebar dan tinggi layar, kecepatan tampil, character set, dan highlighting.
    Buat pedoman/panduan untuk komponenkomponen judul, penempatan item, petunjuk, pesan kesalahan, dan laporan status.

Hal yang Perlu Diperhatikan dalam Membuat Menu

  • Organisasikan menu berdasarkan jenis
  • Lebih cenderung pada naik – turunnya dari pada sempit – dalamnya (jarak)
  • Perlihatkan posisi dengan grafik, angka, ataupun judul
  • Pengelompokkan item harus memiliki arti
  • Pembuatan urut – urutan item harus memiliki arti
  • Gunakan kalimat singkat (keyword)
  • Perhatikan konsistensi grammar, layout, dan terminologi
  • Sediakan shortcut
  • Perbolehkan user untuk langsung kembali ke menu sebelumnya dan main menu (menu utama)
  • Pertimbangkan online help, response time, display rate, dan ukuran layar

Kotak Dialog

Kotak dialog adalah kombinasi menu dan formulir isian yang banyak digunakan di GUI moderen.

2dialog
2dialog2
2dialog3

Panduan dalam Pembuatan Pesan Error

  1. Explicit
    Dibuat secara lugas dan jelas supaya dapat membimbing pengguna untuk memperbaiki kesalahan dengan mudah.
  2. Human Readable Language
    Diterima sebaiknya dapat dimengerti oleh pengguna sehingga pengguna mengetahui apa yang seharusnya dilakukan.
  3. Polite
    Sebaiknya menggunakan kata-kata yang sopan sekaligus tidak menyalahkan pengguna dengan kata-kata kasar.
  4. Precise
    Ketepatan menjadi faktor penting dalam memberikan error messages.
  5. Constructive Advice
    Saran diperlukan dalam memberikan error messages seperti bagaimana cara memperbaiki kesalahan.

Hal yang perlu dihindari :

  1. Imperious tone that condemns user
    Nada sombong yang menyalahkan pengguna.
  2. Messages that are too generic
    (e.g. WHAT? or SYNTAX ERROR). Pesan kesalahan yang terlalu umum akan menambah kebingungan pengguna.
  3. Messages that are too obscure
    (e.g. FAC RJCT 004004400400). Pesan kesalahan yang tidak jelas.

Referensi :

http://student.blog.dinus.ac.id/ferryfirmansyah/imk-menu-and-organization-of-functionality/

http://student.blog.dinus.ac.id/gomichellesaferawibowo/2018/05/07/menu-organization-of-functionality-5/

Leave a Reply

Your email address will not be published. Required fields are marked *