5. Content

Font dan warna

Prinsip utama dalam menentukan font dan warna dalam satu halaman web adalah berupaya untuk membatasi font-style dan warna yang digunakan. Font-style sebaiknya digunakan secara menyatu dan efektif serta mampu menggambarkan hirarki yang ada pada halaman web.

Pembedaan font dan attribut font biasanya dapat membantu pengguna untuk membedakan tingkat kepentingan sebuah heading dan informasi. Jumlah typefaces maksimal dalam satu halaman web yang dianjurkan adalah tiga typeface. Sejalan dengan penggunaan font, penggunaan warna juga sebaiknya tidak terlalu beraneka ragam dalam satu halaman web.

Jumlah jenis warna maksimal dalam satu halaman web yang dianjurkan adalah empat warna.
Pada bagian isi font yang digunakan sudah seragam, namun font yang dipilih kurang tepat sebab terlalu kecil dan membuat pengguna lebih cepat lelah dalam membacanya, terlebih lagi bila ada istilah asing maka huruf akan dicetak miring, huruf yang dicetak miring ini akan menjadi lebih susah untuk dibaca. Jadi pemilihan font yang tepat sangatlah penting bagi kenyamanan pengguna.

"z1"

Sedangkan pada warna, dalam satu halaman web situs ini sudah seragam, menggunakan warna biru muda dan merah muda yang tidak membuat mata lelah.

6. Penggunaan Lay Out dan white space

Penggunaan Lay Out di gramedia.com termasuk sudah baik, akan tetapi pada ’Halaman Utama’ hampir tidak disediakan space kosong, dengan penuhnya space akan membuat pengguna terkesan lelah melihat halaman website yang penuh dengan content.

White space adalah bagian halaman web yang tidak memiliki teks atau ilustrasi apapun. White space sangat penting dalam perancangan halaman web karena memudahkan pengguna untuk memproses informasi dengan baik. Sebuah web yang memiliki sedikit white space akan menyulitkan pengguna untuk mengidentifikasi informasi yang penting.

Sebaliknya, penggunaan white space yang terlalu banyak juga kurang bagus karena halaman web akan terkesan kosong. Pengembang web harus menyeimbangkan proporsi white space dengan konten yang ada, artinya white space jangan terlalu sedikit tetapi juga tidak terlalu banyak sehingga pengelompokan informasi dapat dilakukan dengan baik. Pada situs ini penggunaan white space sudah baik sehingga penguna mudah untuk mendapatkan informasi yang diinginkan.

"z3"

7.Konsistensi istilah

Konsistensi dalam membangun sebuah website sanagat diperlukan, hal ini untuk menghindari bingungnya pengguna ketika mengakses halaman websie tertentu. Pada situs ini terjadi ketidakkonsistenan dalam pemilihan istilah, ada yang menggunakan istilah ‘lanjut>>’ dan ada yang menggunakan istilah ‘detail’.

"x1"

"v1"

Tentu akan lebih baik jika penggunaan istilah tersebut konsisten.

8. Form

"f1"

Pemakaian login form seperti gambar diatas sudah baik. Kemudian jika dianalisa dari segi alignment, pada login form diatas menerapkan right alignment sehingga terkesan rapi.
Kemudian jika pengguna tidak memasukkan username maupun password, maka akan muncul

"b2"

Jika salah memasukkan username atau password maka akan muncul

"d1"

Disinilah kesalahan terjadi, ketika pengguna gagal melakukan login situs ini tidak menyediakan link bagi pengguna untuk mencoba melakukan login kembali. Untuk melakukan login kembali pengguna harus memilih menu member kembali. Hal ini tentu akan membingungkan bagi pengguna yang tidak terbiasa.

Kemudian form untuk pendaftaran menjadi member adalah sebagai berikut:

"s1"

jika dianalisa dari segi alignment, pada login form diatas menerapkan right alignment sehingga terkesan rapi. Akan tetapi sebaiknya teks box yang digunakan sesuai dengan panjang karakter yang mungkin, pada kota, telepon, Fax, handphone penggunaan teks box terlalu panjang. Seharusnya bisa disesuaikan lagi.

Jika pengguna tidak lengkap dalam mengisi data maka akan muncul tampilan

"g3"

Ada kesalahan yang terjadi, yaitu tidak munculnya pesan dari situs gramedia, yang muncul hanya tanda yang berbentuk segitiga kuning tanpa adanya kata-kata yang menginsyaratkan jika pengguna perlu melengkapi form tersebut.

3.Breadcrumb dan peta situs

Breadcrumb digunakan untuk menginformasikan kepada pengguna mengenai posisi mereka saat ini. Dengan menggunakan breadcrumb, pengguna juga dapat menelusuri path yang telah dilaluinya sehingga pengguna dengan mudah dapat kembali ke halaman sebelumnya. Pada gramedia.com pihak pengembang tidak menyediakan fasilitas breadcrumb, padahal keberadaan breadcrumb sebenarnya dibutuhkan. Hal ini diperlukan untuk mengetahui keberadaan posisi saat ini.

Akan tetapi gramedia.com mengatasi permasalahan ini dengan memberikan judul pada halaman yang pengguna buka. Meskipun demikian hal ini tidak banyak membantu pengguna, karena pengguna akan kesulitan untuk mengingat-ingat jalur path mana yang telah pengguna lalui ketika memasuki suatu halaman tertentu.

"q1"

4. Searching

Searching merupakan salah satu fitur penting pada sebuah website. Fitur searching akan memudahkan pengguna untuk menemukan informasi tertentu yang ada di web dengan mudah dan cepat. Fasilitas ini biasanya digunakan oleh pengguna untuk melakukan pencarian suatu informasi yang belum jelas keberadaanya, sehingga pengguna dapat dengan mudah mencari informasi yang diinginkannya dengan hanya memasukkan keyword tertentu.

"q2"

Pada situs ini posisi search sudah tepat yaitu berada di kanan atas pada lay out website. Posisi ini akan membuat pengguna mudah untuk mencari ‘search’. Ada dua ‘search’ yang bisa dilakukan, yang pertama adalah search via google dan yang kedua milik gramedia.com. Pada ‘search via google’ pengguna hanya perlu menuliskan hal yang ingin dicari tanpa perlu memilih kategori seperti pada ‘search’ milik gramedia kemudian klik tombol ‘go’.

"q3"

Hasil penelusuran

"q4"

Pada ‘search’ milik gramedia pengguna perlu menuliskan keyword dan memilih kategori kemudian klik ‘search’ yang merupakan link bukan tombol, akan lebih baik jika ‘search’ berbentuk tombol.

"a1"

Hasil pencarian

"a2"
Jika hasil pencarian tidak ditemukan , maka tampilannya:

"a4"

Pesatnya perkembangan Teknologi Informasi (TI) saat ini mempermudah  manusia untuk mendapatkan informasi secara cepat dan akurat. Ada banyak  media yang dapat digunakan untuk memperoleh suatu informasi yaitu media cetak dan media elektronik.  Media elektronik diyakini sebagai media penyampai informasi yang efektif. Internet sebagai salah satu  media komunikasi yang perkembangannya sangat cepat membuat para pengguna lebih nyaman dalam memperoleh informasi secara bebas dan luas akan akses informasi ke seluruh dunia. Tingginya penggunaan internet sebagai media penyebar informasi ternyata tidak diiringi dengan kualitas antarmuka yang baik dari sebuah website.
Buruknya kualitas antarmuka suatu website ternyata sangat mempengaruhi pengguna dalam memperoleh informasi yang ada didalamnya, semakin baik antarmuka yang dimiliki oleh suatu website maka akan semakin memudahkan pengguna internet untuk memperoleh informasi atau menikmati fasilitas yang ada dalam sebuah website. Karena begitu pentingnya antarmuka dari sebuah website maka saya akan mencoba melakukan analisis suatu website yaitu situs www.gramedia.com dari sudut pandang antarmuka dan interaksinya dengan manusia.

1. Sekilas Pandang
gramedia.com adalah situs yang dimiliki oleh perusahaan Gramedia yang menyediakan pelayanan online berupa pencarian buku, info produk terbaru serta resensi singkat buku-buku. Media informasi ini diharapkan dapat dijadikan media promosi yang dilakukan perusahaan dengan pelanggannya, oleh karena itu  kualitas antarmuka yang baik seharusnya sudah sepatutnya menjadi perhatian khusus bagi pihak pengembang apalagi situs ini merupakan situs e-commerce.

Halaman utama dari gramedia.com

"tampilan awal"

2. Menu Utama
gramedia.com memberikan banyak fasilitas kepada pengguna, secara garis besar terdapat beberapa menu yaitu:

"menu1"

Jika diperhatikan navigasi ‘Halaman Utama’ berada pada pojok kanan pada menu utama, hal ini dianggap tidak wajar karena biasanya posisi ‘Halaman Utama’ ada di sebelah kiri menu utama. Akibatnya pengguna akan bingung (membutuhkan waktu yang lama) dalam mencari ‘Halaman Utama’ karena letaknya tidak biasa.

Pada menu utama juga terdapat beberapa kejanggalan yaitu adanya pembedaan pada menu utama, seolah-olah seperti dabagi menjadi 2 bagian, pada bagian atas bila menu nonfiksi dilewati mouse maka akan berubah warna

"menu2"

Sedangkan bagian bawah ketika menu pengarang dilewati mouse maka tulisan pengarang akan bergaris bawah

"menu3"

Ini merupakan bentuk ketidakkonsistenan dalam menu utama

Einstein mengatakan bahwa: “Ada dua cara menjalani hidup, yaitu menjalaninya dengan keajaiban-keajaiban atau menjalaninya dengan biasa-biasa saja“.