8/3/2019 Analisa Deksripsi Web
1/19
INTERAKSIMANUSIA DAN
KOMPUTERMENGANALISA WEB GAME
Ronald Gemmy Dwiputra (208.511.120)Elkin Primartha Khunsu (208.511.134)
8/3/2019 Analisa Deksripsi Web
2/19
8/3/2019 Analisa Deksripsi Web
3/19
Analisa deksripsi web gamespot.com
Di bawah ini menjelaskan web dari berbagai macam aspek antara lain :
1. WEB DESIGN
Beberapa hal yang dibahas berkaitan dengan web design pada website
gamespot.com, kita mengambil contoh pada halaman utama pada
gamespot.com, yaitu :
1. Pada halaman utama terdapat logo gamespot yang cukup jelas
di lihat oleh pengujung web. Di sini kita juga bisa melihat cukup jelas
menu utama yang berada pada header web yang terdiri dari berbagai
macam kategori platform game serta bermacam-macam fitur lainnya.
2. Di samping logo terlihat kolom search dan form login user
sehingga ketika menjadi anggota gamespot mendapat kemudahan
dalam download addons, mods, demo game dan newsletter/berita
terbaru tentang game via by email.
3. Di bawah menu utama terdapat berita dan informasi terbaru
yang selalu update, bentuk kolom berupa flash yang setiap detik
berubah ke berita selanjutnya, posisi ini merupakan hal yang bagus agar
user bisa melihat seluruh berita yang update tersebut. Sehingga user
otomatis melihat isi kolom tersebut. Ketika kita klik salah satu icon kita
bisa melihat detail isi berita tersebut.
4. Di halaman utama terdapat 2 kolom yang memisah antara berita
utama dan submenu gamespot. Pada bagian kanan dan kebawah
terdapat sub menu lain gamespot, banner iklan game yang ketika kita
refresh bisa berubah dengan iklan lainnya, Gamespot original seperti
kalender game terbaru dan event tertentu, Video Pick, tanya jawab
gamespot, dan pilihan editor dari gamespot.
5. Pada bagian tengah halaman utama terdapat In The Mix yaitu
sebuah screenshot dari berbagai platform game terbaru yang selalu up
to date, ketika halaman ini di refresh, kolom ini berubah secara random
dengan gambar lainnya, sehingga user yang melihat tidak terlihat
bosan.
8/3/2019 Analisa Deksripsi Web
4/19
6. Di bawah Kolom In The Mix terdapat kolom Editor picks, ini
adalah kolom dimana para editor game menjelaskan game terbaru dan
event terbaru dari gamespot. Terdapat gambar di sertai judul di
sampingnya yang membuat kolom ini tidak terlihat bosan untuk di lihat
dan penempatan gambar tepat. Kolom most popular ini seperti pooling
game terbaik, tidak itu juga tapi game terbaru yang ingin di rilis dan
game yang sudah hadir.
7. Di kolom terakhir/footer disini terdapat berbagai macam link dan
feedback, help, persetujuan user, nama domain server perusahaan serta
berbagai link website lainnya sehingga memudahkan user dalam
melihat link website lainnya.
Pada penyesuaian warna dan font tak cukup bagus di website ini, karena
penggabungan antara warna cerah orange, kuning serta background
website hitam membuat user yang berlama-lama di website ini user
menjadi pusing. Web design dan penempatan Judul sesuai dan pas dengan
kolomnya.
2. LINK
Beberapa hal yang dibahas berkaitan dengan linkpada web gamespot.com,
yaitu :
1. Link-link yang terdapat pada web gamespot berwarna cerah dan bergaris bawah. Ketika
terdapat link tidak bisa di akses maka ada report dari halaman web karena halaman ini tak
bisa di akses.
2. Link-link yang sudah dikunjungi oleh user tidak berubah warna sehingga user kemungkinan
akan lupa sudah mengunjungi link tersebut atau belum. Seharusnya warna link yang sudah
dikunjungi berubah untuk membantu user mengingat bahwa sudah pernah mengunjungi
link tersebut.
3. Website Terupdate dan Kecepatan Akses
8/3/2019 Analisa Deksripsi Web
5/19
Ketika kami analisis Gamespot.com beberapa minggu lalu pada event
tertentu dan hari tertentu seperti hari haloween gambar background
website berubah menjadi tema halowen dan beberapa header berubah
menyesuaikan tema background, ketika terdapat game terbaru
background halaman utama gamespot berubah sesuai dengan game itu,
ketika terakhir kami analisis web design telah berubah lagi menjadi
standar, gamespot selalu update berita informasinya, tak hanya itu saja
mereka update informasi tekhnologi seputar hardware gaming, event
gamespot, dan video trailer game terbaru.
Kecepatan akses gamespot.com standar tergantung sesuai dengan
kecepatan proses dari hardware sendiri dan koneksi internet, dengan
mencoba pada link website gamespot.com header dan footer gamespot
tak berubah, sehingga terlihat lebih fleksibel karena tidak meload header
website lagi. Pada setiap halaman ketika di refresh / di load kembali akan
muncul berita secara random.
4. Screen Resolution
Pengembang web gamespot.com kurang baik dalam memperhatikan
faktor screen resolution karena pengembang menggunakan ukuran yang
kurang dinamis. Lebar halaman web didefenisikan dengan menggunakan
ukuran persentase. Cara sangat lebih baik karena tidak bergantung
kepada resolusi komputer pengguna. Selain itu, penyampaian informasi
pada halaman web juga menjadi lebih efektif karena jika resolusi
komputer pengguna tinggi, maka informasi yang akan ditampilkan juga
lebih banyak. Ketika resolusi komputer pengguna rendah maka tampilan
pada website terlihat kecil dan banyak posisi font dengan warna yang tak
sesuai dengan keadaan resolusi rendah.
8/3/2019 Analisa Deksripsi Web
6/19
8/3/2019 Analisa Deksripsi Web
7/19
Analisa deksripsi web games.net
Menjelaskan web halaman utama games.net dari berbagai macam aspek
antara lain :
1. Web Design
1. Pada header web terdapat logo website yang menyesuaikan warna
dengan tema pada web.
2. Desain web games.net simple dan mudah di lihat oleh user, dengan
pewarnaan yang menimbulkan kesan tua website ini tidak terlalu
banyak banner iklan walau di sini terdapat space yang tidak
digunakan.
3. Pada menu utama menggunakan javascript sehingga fleksibel untuk
menggunakannya. Menu utama ini memudahkan user agar lebih cepat
dalam menggunakan link di menu utama.
4. Galeri gambar cukup berkesan karena menggunakan javascript yang
bisa kita klik pada more screen sehingga tidak buang waktu dengan
load halaman lagi. Tapi ada beberapa font judul pada galeri tidak di
sesuaikan sehingga terkesan tidak rapih.
5. Di samping kanan ada form user login tidak tampak terlihat jelas
karena warna pada form sama dengan warna web.
6. Di dalam kolom news on games.net ada subscribe/langganan via RSS
reader. Sehingga kita bisa dapat mudah membaca informasi berita di
games.net tanpa disertai iklan banner.
7. Seperti pada gamespot.com, di sini terdapat news dengan
menggunakan flash yang informasinya terbaru dan selalu up to date
dari games.net
8. Website games.net menyediakan polling setiap minggunya.
9. Pada penempatan font dan judul pada kolom official blog cukup bagus
dan rapih tapi terdapat pemisah antara judul dan judul lainnya yang
bisa membuat user kebingungan.
8/3/2019 Analisa Deksripsi Web
8/19
10. Banyak space kosong pada bagian bawah website sehingga
menimbulkan kesan sepi dari pengunjung, dan kesan tak menarik dari
user.
11. Pada footer website terdapat link website lain yang konteksnya
sama dengan games.net, kemudian juga disediakan feedback untuk
user yang mengalami masalah
12. Website games.net juga terdapat pernyataan privasi, feedback,
informasi pekerjaan, persetujuan user, dan informasi untuk memasang
iklan pada website tersebut.
2. LINK
Beberapa hal yang dibahas berkaitan dengan linkpada web games.net, yaitu
:
1. Link-linkpada website games.net cukup menarik karena ketika pointer
highlight link berubah warna menjadi kuning dan bergaris bawah yang
bisa mempermudah user dalam mengakses link.
2. Ada beberapa link yang otomatis highlight dengan warna hitam ketika
pointer di arahkan pada teks kemudian teks berubah menjadi kuning
disertai highlight hitam.
3. Setiap link pada website jelas untuk user yang menggunakan link
tersebut.
3. Website Terupdate dan Kecepatan Akses
Website games.net menyediakan akses RSS Reader yang dapat
mempermudah akses data informasi terbaru secara langsung. Ketika
informasi baru muncul, ketika itu juga dari kolom news dari flash
terupdate. Setiap harinya website tersebut selalu update informasi dari
game terbaru.
Website games.net bekerjasama dengan gamepro.com menyediakan
berbagai macam fitur untuk selalu update informasi tentang game, tak
hanya RSS feeds reader saja tapi juga add-on widget pada windows vista /
windows 7.
8/3/2019 Analisa Deksripsi Web
9/19
4. Screen Resolution
Pengembang games.net cukup sukses dalam mendesain web
games.net dalam berbagai resolusi layar sehingga user yang melihat
enak di pandang dan tidak lelah untuk berlama-lama di website ini. Dari
resolusi layar rendah hingga ke tinggi website ini tidak menunjukkan
tanda-tanda adanya kekurangan dalam segi visual. Pada lebar dimensi
website Games.net cukup baik karena di sesuaikan dengan layar
presentase tapi dari segi ini website games.net terlihat seperti hampa
dalam segi background karena ada beberapa kolom yang kosong dan ada
kolom yang tidak selalu di update.
8/3/2019 Analisa Deksripsi Web
10/19
8/3/2019 Analisa Deksripsi Web
11/19
Analisa deksripsi web videogamesindonesia.com
Menjelaskan web halaman utama videgamesindonesia.com dari berbagai
macam aspek antara lain :
1. Web Design
1. Pada halaman utama header terlihat logo videogamesindonesia dengan
jelas yang tampilannya sedang dalam rangka merayakan natal dan
tahun baru.
2. Menu utama videogamesindonesia menggunakan javascript pada sub
menunya sehingga fleksibel ketika user mengarahkan pointer ke bagian
menu yang keluar sub menu.
3. Kemudian terlihat 2 banner di bawah menu, user yang melihat mungkin
agak aneh karena 2 banner ini di paksakan begitu saja.
4. Bagian halaman utama terdiri dari 3 kolom yang di bagian tengah
berupa berita utama dan film terbaru serta berita event lainnnya. User
yang melihat ini mungkin agak tidak nyaman karena bagian tengah
kolom ada beberapa banner yang di tumpang tindih begitu saja.
5. Videogamesindonesia menyediakan beberapa fitur comment dan
chatter box pada bagian kanan, untuk comment pada kolom yang
tersediakan seperti pada gambar atau berita dari
videogamesindonesia.com
6. Pada bagian tengah kolom kiri terdapat form login untuk user, kolom
user ini tidak terlalu terlihat oleh user, sehingga user hanya melihat
pada informasi pada videogamesindonesia.com dan banner yang
lumayan banyak.
7. Ketika kita klik pada bagian news, teks pada bagian news font tidak
mendukung untuk dibaca oleh user karena kecil, kemudian dari segi
align text tidak di rapatkan sehingga user yang membaca akan cepat
bosan di lihat sekilas.
8. Videogamesindonesia.com juga terdapat banner flash berbentuk news.
Seperti banner flash pada website game lainnya sehingga user dapat
mudah melihat berita terbaru yang di sajikan.
8/3/2019 Analisa Deksripsi Web
12/19
9. Adanya feedback yang jelas ketika user membaca sebuah artikel pada
web videogamesindonesia.com.
10. Di samping feedback email tadi terdapat link print untuk memudahkan
user dalam mencetak halaman artikel tersebut.
11. Tampilan web konsisten ketika berubah halaman, ketika user
membaca salah satu artikel maka kolom tengah menjadi kolom utama
untuk membaca artikel. Kemudian sisi kolom kiri dan kanan tidak
berubah dan mengikuti pada kolom sebelumnya, bukan halaman
utama.
2. LINK
Beberapa hal yang dibahas berkaitan dengan link pada web
videogamesindonesia.com, yaitu :
1. Link-link pada website videogamesindonesia.com berwarna biru pada
menu utama dan bergaris bawah ketika cursor mengarah pada link
tersebut.
2. Ada beberapa link pada website ini yang teks warnanya menyatu
sehingga user yang melihat tidak begitu jelas oleh user.
3. Website Terupdate dan Kecepatan Akses
Pada website videogamesindonesia.com berita selalu terupdate, event
terbaru dan film terbaru selalu up to date pada website ini. Website
videogamesindonesia tidak hanya update game terbaru, tapi film terbaru
yang baru di liris, kemudian berbagai macam event baru dari game
online.
8/3/2019 Analisa Deksripsi Web
13/19
8/3/2019 Analisa Deksripsi Web
14/19
Analisa deksripsi web kotakgame.com
Menjelaskan web kotakgame.com halaman utama dari berbagai macam
aspek antara lain :
1. Web Design
1. Header pada website kotakgame.com terdapat logo kotakgame yang
terlihat visualisasi dengan warna yang baik sehingga user yang melihat
website ini terlihat nyaman dan sangat cocok untuk para gamer. Pada
header kotakgame.com di sesuaikan dengan background web sehingga
terlihat menyatu dengan background.
2. Pada menu utama kotakgame.com banyak macam menu dan fitur di
dalam website kotakgame.com, jika user klik salah satu menu utama
maka akan muncul sub menu yang tanpa meload halaman utama lagi
karena memakai javascript.
3. Di bawah menu utama terdapat user form login, pengembang web
kotakgame.com kurang bisa menempatkan posisi form user login
karena form login terlihat kecil. Pada teks form login tidak terdapat
penjelasan form untuk mengisi password.
4. Kolom pada kotakgame.com terdapat 2 kolom, sisi kiri kolom untuk
berita informasi terbaru dari berbagai informasi game.
5. Sisi kanan kotakgame.com terdapat gallery gambar kotakgame.com,
fitur dan trailer dari film terbaru maupun game baru dari
kotakgame.com.
6. Kotakgame.com juga terdapat news yang berupa flash otomatis ke
berita selanjutnya, flash news ini juga terdapat pada website
sebelumnya .
7. Kotakgame.com terdapat background dari berbagai macam game yang
di seusaikan dengan header pada website kotakgame.com sehingga
user juga melihat website ini menarik dan tidak terlihat bosan.
2. LINK
8/3/2019 Analisa Deksripsi Web
15/19
Link pada website kotakgame.com di beri warna berbeda dengan teks
tanpa link. Link pada website ini bergaris bawah pada umumnya ketika
cursor melewati link. Teks juga berwarna warni pada di website ini.
3. Website Terupdate dan Kecepatan Akses
Pada kecepatan akses website kotakgame.com kurang cepat untuk
mengakses database website karena ada beberapa banner flash yang
tidak terlalu berfungsi, website ini juga selalu update game terbaru dari
berbagai macam platform dan info terbaru tentang dunia film bioskop.
Ada review dan trailer game dan film bioskop jadi user tidak perlu
membuka website lain untuk melihat review film pada website bioskop
lain.
8/3/2019 Analisa Deksripsi Web
16/19
Tabel Evaluator
Skala Nilai : 0-19,99 = 1 40-59,99 = 3 80-
99,99 = 5
20-39,99 = 2 60-79,99 = 4
4
NO
DESKRIPSIEVALUATOR
Gamespot.com
GAMES.net
KOTAKGAME.com
VIDEOGAMESINDONESIA.com
1PemilihanWarna 3 4 5 3
2 Pemilihan Font 4 3 4 4
3 Update Data 5 4 5 4
4KecepatanAkses 4 5 3 4
5 Desain Web 4 3 5 4
6 Feedback 5 5 4 5
7 Hub. Antar Link 5 5 5 5
RATA-RATA 4,2 4,1 4,4 4,1
NO
DESKRIPSI EVALUATOR
Gamespot.com
GAMES.net
KOTAKGAME.com
VIDEOGAMESINDONESIA.com
1 PemilihanWarna
3 4 5 5
2 Pemilihan Font 4 4 4 4
3 Update Data 5 5 5 54 Kecepatan
Akses4 4 5 4
5 Desain Web 3 3 5 4
6 Feedback 5 4 5 5
7 Hub. Antar Link 4 4 4 4
RATA-RATA 4 4 4,7 4,4
N
O
DESKRIPSI EVALUATOR
Gamespot.com GAMES.net KOTAKGAME.com VIDEOGAMESINDONESIA.com1 Pemilihan
Warna 5 3 4 52 Pemilihan Font 3 3 3 4
3 Update Data 4 4 4 5
4 KecepatanAkses 3 3 4 3
5 Desain Web 4 3 3 3
6 Feedback 3 4 4 3
7 Hub. Antar Link 5 4 4 3
RATA-RATA 3,8 3,4 3,7 3,7
NO
DESKRIPSI EVALUATOR
Gamespot.com
GAMES.net
KOTAKGAME.com
VIDEOGAMESINDONESIA.com
1 Pemilihan
Warna
4 5 4 4
2 Pemilihan Font 3 4 4 4
3 Update Data 5 5 3 4
4 KecepatanAkses
5 3 4 4
5 Desain Web 3 3 5 3
6 Feedback 4 4 5 3
7 Hub. Antar Link 4 3 5 5
RATA-RATA 4 3,8 4,2 3,8
8/3/2019 Analisa Deksripsi Web
17/19
TABEL PERBANDINGAN
No
Nama Website 1 2 3 4RATA-RATA
1 Gamespot.com 4,2 4 3,8 4 42 GAMES.net 4,1 4 3,4 3,8 3,83 KOTAKGAME.com 4,4 4,7 3,7 4,2 4,24 VIDEOGAMESINDONESIA.
com4,1 4,4 3,7 3,8 4
8/3/2019 Analisa Deksripsi Web
18/19
KESIMPULAN
Web design pada web yang telah di analisa di atas mempunyai
kekurangan dan kelebihan masing-masing. Pada website gamespot.com tata
letak font dan kolom teratur tetapi dalam mengambil warna website ini tidak
terlihat begitu nyaman karena tidak ada background yang mendukung
penglihatan user agar nyaman. Website ini bagus untuk mendapatkan
informasi yang selalu terupdate dan beberapa fitur gambar game, trailer
serta download game demo. Pengembang gamespot.com sangat baik dalam
menangani feedback user dan newsletter (berita terbaru dari gamespot.com
melalui e-mail).
Kemudian pada website games.net tampilan webdesign hanya sederhana
dalam pengambilan warna, serta beberapa font yang cukup konsisten.
Beberapa fitur juga di sediakan game.net karena menyediakan rss feeds dan
newsletter. Pada tampilan preview gambar terlihat tidak setaraan antara
judul pada gambar. Judul pada gambar seharusnya di perbaiki agar rapih dan
terlihat tidak berantakan oleh user. Di dalam website ini terdapat website
lain yang mendukung website games.net. tak hanya website game saja tapi
juga website tentang pekerjaan, film, dan beberapa vendor game juga ikut
serta.
Beberapa website games di Indonesia di ikut sertakan agar bisa
membandingkan antara website lokal dengan website internasional, website
videogamesindonesia.com merupakan website game pertama Indonesia
sesuai dengan pada logo videogamesindonesia.com. pewarnaan pada
website ini di nilai baik, pada bagian campuran warna font dengan warna
dasar di sesuaikan dan kolom juga di sesuaikan pada website ini jadi user
melihat seusai dan tidak lelah ketika melihat website ini. Pada desain menu
terdapat 2 buah, di atas header dan di kiri. Pengembang tidak efisien dalam
menangani desain menu. Pada tampilan menu cukup baik karena
menggunakan javascript sehingga submenu tidak perlu load halaman utama
lagi. Kekurangan website ini terletak pada background yang terlihat kurang
membawa website ini menjadi menarik.
8/3/2019 Analisa Deksripsi Web
19/19
Analisa terakhir pada website lokal kotakgame.com, pengembang web
design kotakgame.com cukup baik dalam memberikan sensasi kepada user
sehingga user dapat tertarik lebih oleh website ini. Banyak fitur yang di
sajikan dalam website ini, tak hanya informasi game saja tapi juga informasi
tekhnologi lainnya.