Tampilan Website Organizer [Part 3]

Ketidakkonsistenan Judul Halaman

Permasalahan yang dijumpai :

  • Di menu bar terlihat bahwa halamannya berjudul Technical info dan di dalam headlines dari halaman ini adalah Technical Equipment.
  • Solusi dari permasalahan di atas :

  • Sebaiknya memberikan judul yang sama dengan yang ada di menu bar ataupun

sebaliknya memberikan judul yang sama dengan yang berada di headlines-nya.

Gambar 3.1

Groupings, Line Separator, Folded-Menu dan Tab-Menu

Di dalam membuat pengelompokkan ada beberapa kategori diantaranya :

    Buatlah Groupings yang logis, khusus, bersifat membedakan, dan bermakna.

  1. Kategorikanlah seperti :
    • Memperbesar item yang mirip ke dalam suatu kategori.
    • Memperkecil item yang mirip mendatar dari sebuah kategori.
  2. Tampilkan dengan tidak lebih dari 6 atau 7 groupings di layar.
  3. Tata groupings sesuai dengan maknanya.
  4. Pisahkan tiap groupings dengan menggunakan space yang lebar ataupun dengan
    menggunakan garis pemisah yang tipis (Line Separator).
  5. Tampilkan untuk suatu hal yang sangat sering dipilih atau yang sangat berperan.

Gambar 3.2

Permasalahan pengelompokkan yang dijumpai :

  • Dapat dilihat pada Gambar 3.2 dimana terdapat beberapa pilihan dari room fact sheet yang dapat dipilih oleh penggunjung. Dan ketika salah satu pilihan di klik maka halaman akan menuju kepada tulisan yang dituju. Sub menu ataupun informasi yang ditampilkan seperti pada Gambar 3.2.a tidak sampai melebihi batas dari halaman yang dapat ditampilkan. Dalam arti masih dapat ditampilkan semua dan langsung dapat dilihat pengunjung. Tetapi disini semua sub-menu ditampilkan satu halaman dan dengan ditambahkan scrolling untuk melihat ke bawah.
  • Seperti yang telah dibahas (Menu 2.5) di atas tampilan yang disediakan lebih menyerupai breadcrumbs yang dimana semua tahap tersebut adalah urutan yang harus dilalui untuk mendapatkan kategori terakhir yang berada paling kanan (Gambar 3.2.b). dan ternyata itu hanya terdapat pada satu halaman saja.
  • Solusi untuk permasalahan di atas :

  • Sebaiknya Sub-Menu yang ada dapat digabung menjadi folded menu. Dimana technical info mempunyai Sub-Menu Room Fact Sheet dan Floor plan. Untuk the planary hall, the cendrawasih room, The Assembly Hall, The Exhibiton Hall A, The Exhibition Hall B, dan Lower Lobby Meeting Room dikelompokkan sebagai Sub-Menu dari Room Fact Sheet. sub-menu dapat dibuat karena masih memenuhi aturan Grouping dimana jumlahnya ada 6 sub-menu dari sub-menu Room Fact Sheet.
  • Sebaiknya setiap sub-menu yang ditampilkan dari menu utama dapat dipisahkan dengan Line separator yang tipis maupun dengan spacing yang lebar. Sebaiknya tiap bagian penjelasan dari Sub-Menu seperti The Planary Hall, The Cendrawasih Room dibuat dengan halaman yang berbeda tetapi masih satu bagian dari bagian menu Room Fact Sheet. Seperti pada Gambar 3.2.a dapat dipisahkan. Agar tidak membingungkan, pengunjung dapat memilih pilihan dari folded menu seperti yang dijelaskan di atas dan setiap kategori yang telah dipilih akan menjadi sebuah tab menu (Gambar 3.3) pada bagian yang terletak pada Gambar 3.2.b. ini akan mempermudah pengguna yang ingin melihat kembali yang telah dilihatnya karena setiap yang telah di klik akan menjadi menu bar ke samping dan jumlah yang ada masih mencukupi sebanyak 6 sub-menu. Contoh gambar 3.3 adalah tab menu dengan asumsi bahwa menu telah dipilih semua.

Gambar 3.3

Centering Bullets and Text

Bullets seharusnya sebagai pertanda sebagai suatu list dari item yang ada. Adapun beberapa yang ketentuan dari centering bullets and text :

  1. Jangan membuat sebuah prose text dengan rata tengah. Seharusnya buatlah text dengan rata kiri atapun rata kanan-kiri. Dan hanyalah line headings yang seharusnya dibuat dengan rata tengah.
  2. Buatlah bullets dengan rata kiri dan item listnya jangan dibuat dengan rata tengah pula.
  3. Jangan menerima default dari web development tools bahwa harus menggunakan rata tengah.

Permasalahan Centering Bullets dan Text yang dijumpai :

  • Ketika pengunjung melihat halaman press office -> testimonial maka akan muncul tampilan seperti pada Gambar 3.4.a
  • Link Houver yang diberikan berwarna hitam (Gambar 3.4.b). Sehingga tidak kontras dengan background dari halaman ini.
  • Gambar 3.4

    Solusi dari permasalahan di atas :

  • Seperti yang telah dijelaskan bahwa bullets seharusnya dibuat dibuat dengan rata kiri karena dengan memakai bullets berarti merupakan sebuah list dari item yang ada.
  • Dan text yang merupakan list dari bullets haruslah menggunakan rata kiri atapun rata kanan-kiri.
  • Warna Link houver haruslah kontras dengan background yang ada sehingga pengunjung dapat melihat textnya.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: