TUGAS INTERAKSI MANUSIA DAN KOMPUTER
ANALISA WEBSITE PRUDENTIAL
Di Susun Oleh :
-
Resti
Kartika Dewi 12137129
-
Anitasari
12134949
-
Ika
Sahara C.S 12135480
-
Sri
Agustin Prasmi 12135486
Jurusan Managemen Informatika
AMIK Bina Sarana Informatika
Bekasi 2013
Kata
Pengantar
Segala
puji dan syukur kami
panjatkan ke hadirat Allah SWT karena atas segala karunia- Nya kami dapat menyelesaikan tugas ini.
Topik yang dibahas dalam makalah ini ialah mengenai situs www.ilmuwebsite.com, mulai
dari desain antar muka, tampilan layar, navigasi, fungsi-fungsi, sampai dengan
ukuran tingkat usabilitas situs ini. Keberhasilan ini tidak lepas dari bantuan
berbagai pihak.
Pada
kesempatan ini penulis ingin mengucapkan terimakasih kepada teman-teman satu kelompok atas kerja sama dan kekompakkannya serta
Ibu Syifa selaku Dosen Mata kuliah IMK, dan semua pihak yang telah memberikan
saran dan bantuan selama menyelesaikan tugas ini.
Kami
menyadari bahwa masih banyak terdapat kekurangan dalam menyelesaikan makalah ini baik dari segi
materi maupun penyajiannya, untuk itu saran serta kritikan yang membangun dari
dosen dan rekan-rekan sangat diharapkan guna perbaikan makalah ini. Akhir kata penulis berharap semoga
tulisan ini bermanfaat bagi pembaca pada umumnya dan penulis pada khususnya.
Bekasi, 12 Juni 2014
(Penulis)
Daftar Isi
Halaman
Cover Makalah …………………………………………………………… 1
Daftar Isi ……………………………………………………………. 2
Kata Pengantar ………………………………………………………….... 3
BAB I PENDAHULUAN
1.1.Latar Belakang …………………………………………………………… 4
1.2. Rumusan Masalah …………………………………………………………… 4
1.3. Tujuan …………………………………………………………… 4
BAB II TINJAUAN
PUSTAKA
2.1. Usability ……………………………………………………. 5
2.2. Fleksibilitas ……………………………………………………. 5
2.3. User Interface …………………………………….………………. 5 - 6
BAB III Hasil
dan Pembahasan
3.1. Website Prudential
1.
Logo ………………………………………………………. 8 - 9
2.
Search
Engine ………………………………………………………. 9
3.
Ukuran
teks ………………………………………………………. 9
4.
Link ………………………………………………………. 9
5.
Tampilan
Link Image ………………………………………………………. 10
6.
Scrolling ………………………………………………………. 11
7.
Menu
& Submenu ………………………………………………………. 11 -12
8.
Menu
Utama ………………………………………………………. 12
9.
Screen
Resolution ………………………………………………………. 12 - 13
10. Bahasa ………………………………………………………. 13
11. Hari & Tanggal ………………………………………………………. 13
12. Konten News ………………………………………………………. 13 - 14
13. Hubungi Kami ………………………………………………………. 14 - 15
14. Penggunaan Flash ………………………………………………………. 15
BAB IV PENUTUP
4.1. Kesimpulan ……………………………………………………………. 16
4.2. Saran ……………………………………………………………. 16
BAB I
PENDAHULUAN
1.1.
Latar Belakang
Sekarang
ini web telah begitu populer diberbagai kalangan di masyarakat, karena mereka
menggunakan web sebagai media untuk mencari informasi dalam kehidupan
sehari-hari. Website dibangun dengan berbagai fugsi dan berbagai kebutuhan
sesuai dengan kepentingan atau keinginan yang membuatnya. Karena peranan
website sangat penting, maka dalam membangun sebuah website harus memperhatikan
beberapa faktor yaitu : usability, user experience, dan user interface. Tujuan
utama dalam pembuatan website adalah menyebarkan informasi, oleh karena itu
sebuah website harus dapat diakses oleh pengguna.
Faktor
usability dan utility merupakan faktor penting pada sebuah website. Usability
merupakan sebuah atribut yang menilai tingkat kemudahan user interface untuk
digunakan oleh pengguna. Sedangkan utility adalah kemampuan sebuah website
untuk memberikan manfaat atau kegunaan atau kepuasan kepada pengguna. Mengapa
kedua faktor tersebut sangat penting dalam membangun sebuah website ?? Karena
jika sebuah website sulit digunakan, jika sebuah website tidak berisikan
tentang informasi yang dicari oleh user, jika sebuah website tidak menuntun
user untuk melakukan apa yang harus user lakukan, dan jika user tersesat pada
sebuah website yang user kunjungi, maka pilihan terbaik user adalah dengan mengklik
tanda close [X] atau keluar dari website tersebut.
1.2.
Rumusan Masalah
Berdasarkan
faktor-faktor yang telah kami uraikan
diatas, kami akan melakukan analisis
terhadap situs www.prudential.co.id.
1.3.
Tujuan Pembuatan Makalah
Tujuan
dari pembuatan makalah ini adalah untuk memenuhi tugas interaksi manusia dan
komputer.
BAB II TINJAUAN
PUSTAKA
2.1. Usability
Usabilitas
adalah suatu istilah yang digunakan untuk menandakan bahwa orang dapat
mempekerjakan alat tertentu dengan mudah dalam rangka mencapai tujuan tertentu.
usabilas dapat juga mengacu pada metode yang digunakan untuk mengukur
usabilitas dan studi mengenai kerapian atau efisiensi suatu obyek.
Dimensi usabilitas oleh Quesenbery (
2003).
1. Efektif (Effective).
ketelitian dan Kelengkapan para pemakai dalam mencapai gol mereka.
2. Efisien (Efficient). Kecepatan (dengan ketelitian) para
pemakai dalam menyelesaikan tugas mereka.
3. Keterlibatan (Engaging). Derajat atau tingkat gaya interface
yang membuat produk nymaan untuk digunakan.
4. toleransi
Kesalahan (Error tolerant). Seberapa baik disain mencegah kesalahan dan
emmebantu memeperbaiki kesalahan ini.
5. Mudah untuk
sipelajari (Easy to learn). Seberapa baik produk mendukung orientasi
awal dan memperdalam pemahaman tentang kemampuan prosuk tersebut.
2.2. Fleksibilitas
Usabilas juga mempunyai suatu
hubungan dengan fleksibilitas dalam disain. Secara umum, ketika fleksibilitas
dari suatu disain meningkat, usabilitas nya berkurang.Disain fleksibel dapat
melakukan banyak fungsi dibanding disain khusus, tapi kurang efisien, hal Ini
memebuat disain lebih kompleks. Fleksibilitas membuat para pemakai tidak bisa
dengan jelas mengantisipasi sistem kebutuhan mereka yang akan datang. Kemudian,
pada akhirnya Fleksibilitas itu akan mengakibatkan suatu pengurangan
usabilitas. sehingga perlu dipertimbangkan.
2.3.
User Interface
Antarmuka pemakai adalah bagian
sistem komputer yang memungkinkan manusia berinteraksi dengan komputer. Desain
antar Muka yang baik memiliki karakteristik di berikut ini:
·
Standardisasi: keseragaman sifat-sifat antarmuka pemakai pada aplikasi yang
berbeda.
·
Integrasi: keterpaduan antara paket aplikasi dan software tools.
·
Konsistensi: keseragaman dalam suatu program aplikasi.
·
Portabilitas: dimungkinkannya data dikonversi pada berbagai hardware dan
software.
Ada beberapa hal yang menyebabkan menurunnya tingkat usabilitas dari
suatu desain antar muka system, diantaranya ialah :
1. Teks belum jelas dan pemilihan kata yang tidak tepat dalam bertanya
menjadi penyebab Keraguan dan akhirnya dibaca kembali, yang memungkinkan para
pengguna salah dalam menafsirkannya.
2. Grafis yang tidak tepat sehingga unsur-unsur penting tersembunyi.
3. Judul yang tidak
representatif. Ini juga menciptakan kebingungan dan menghalangi kemampuan dalam
melihat hubungan yang ada.
4. Permintaan informasi yang
tidak penting atau tidak relevan, permintaan informasi yang memerlukan
pemikirkan ulang dari jawaban sebelumnya sehingga membingungkan pengguna yang
pada akhirnya menimbulkan kekeliruan.
5. Layout yang tidak terstruktur dan terarah yang memungkinkan
terjadinya kesalahan.
6. Kualitas presentasi yang jelek, sulit dibaca, akan menurunkan
kemampuan pemakai dan menyebabkan kesalahan lagi.
BAB III PEMBAHASAN
ANALISA
WEBSITE PRUDENSIAL
2.1.
Website Prudential
Prudential
adalah sebuah grup perusahaan jasa keuangan internasional terkemuka yang
menyediakan jasa keuangan ritel dan pengelolaan dana di pasar-pasar pilihan:
Inggris, Amerika, Asia dan Eropa kontinental. www.prudential.co.id
merupakan bagian dari prudential plc yang berpengalaman lebih dari 165 tahun
diindustri asuransi jiwa. www.prudential.co.id
secara garis besar menggambarkan tentang informasi prudential mulai dari
profil, kontak, penghargaan, komunitas, misi, laporan keuangan, siaran pers,
kliping berita, karir, kantor keagenan, dll.
Agar
memudahkan pembahasan, dalam pembahasan kali ini website akan dijelaskan secara
perbagian saja yaitu tentang beberapa point penting. Pada umumnya yang harus
diperhatikan dalam pembuatan sebuah website. Diantaranya :
1. Isi
2. Struktur
Menu
3. Design
4. Mudah
dalam pencarian dimesin pencari(Search Engine)
Namun
pada website prudential, kami akan membahas sesuai dengan keadaan dari kondisi
website prudential tersebut.
1. Logo dan Nama
Pada website prudential ini, penempatan logo dan nama sudah benar dan sesuai dengan aturan umum yang berlaku yaitu diletakan disebelah kiri atas, karena logo dan nama adalah identitas utama dari sebuah website. Logo yang digunakan juga sederhana dan mudah dikenali.
Saran
dan Komentar yang kami berikan pada website ini :
Dalam penempatannya sudah sesuai dengan
aturan website pada umumnya, kemudian logo tersebut juga sudah familiyar
sehingga jika website tersebut dilihat dalam keadaan ukuran kecil, user masih
bisa mengenali logo tersebut.
2.
Search
Engine
Faktor penting berikutnya dalam
pembuatan website adalah search engine / mesin pencarian. Dengan adanya fitur
pencarian ini user dapat dengan mudah mencari informasi apa yang diinginkan
dalam website yang user kunjungi tanpa harus membuang-buang waktu. Hanya dengan
memasukan kata kunci user sudah dapat menemukan informasi yang user inginkan.
Saran
dan komentar kami mengenai hal ini :
Mengenai
hal ini, menurut kami biasa saja, karena memang pada umumnya search engine pada
sebuah website diletakan disebelah kanan atas.
3. Ukuran teks default
Ukuran teks yang digunakan pada website
ini memang kecil. Ini menjadikan beberapa konten tidak dapat dibaca, namun
website ini juga memberikan fitur Grow Font dan Shrink Font yang dapat user
gunakan untuk mengatur apakah teks tersebut dapat dilihat dengan ukuran besar,
sedang atau kecil.
Saran dan komentar kami mengenai hal ini
:
Hal
ini sangat bagus, karena jika ukuran teks terlalu kecil user tidak dapat
membaca informasi yang ada pada website terutama jika user tersebut adalah
lansia. Tapi dengan adanya fitur teks default user bisa mengatur ukuran teks
sesuai keinginan mereka.
4.
Link
Link
merupakan jalan pintas yang digunakan web untuk merujuk sumber yang dituju.
Pada situs ini, link yang digunakan berwarna putih. Jika kursor kita arahkan
pada link atau persis pada tulisannya (hover), maka akan ada tanda pada link
tersebut yaitu tanda underline(digaris bawahi) dan warna teks berubah menjadi
merah seperti warna merah yang berada pada logo website.
5.
Tampilan link image
Pada
bagian tampilan link image diatas, kita bisa melihat bahwa link image yang
digunakan seperti menubar pada image yang biasanya. Padahal pada setiap link
image ini bisa dicklik. Biasanya pengunjung kurang memperhatikan hal tersebut,
tetapi pada saat pengunjung bisa meng-clik image link tersebut, barulah
pengunjung sadar bahwa link image tersebut adalah sebuah button yang dapat
di-clik.
Saran
dan Komentar kami mengenai hal ini :
Menurut
kami sebaiknya desain link image diberi
sebuah tanda agar pengunjung mengetahui bahwa link image tersebut
adalah sebuah button menubar yang bisa di-clik. Sekilas pengunjung akan mengira bahwa link image
tersebut hanya sebuah image biasa yang terpampang pada sebuah website dan jika
di klik hanya akan memperbesar image tersebut. Kenyataannya itu adalah sebuah
button menubar yang jika di klik akan membawa pengunjung pada sebuah halaman
baru.
6.
Scrolling
Pemakaian scrolling ini ditunjukan untuk
melihat keseluruhan isi dari website, ini dikarenakan isi website yang melebihi
ukuran monitor. Dengan scroll ini pengujung bisa melihat kelanjutan isi dari
website ini. Pada website ini penggunaan scrollnya sangat efisien, karena pada
saat kita scroll kebawah tidak terlihat space yang kosong. Ini menjadikan
website tersebut terlihat bagus dan penggunaan scrollnya efisien. Kebanyakan
website yang membuat space kosong akan terlihat tidak menarik.
Saran dan Komentar kami mengenai hal ini
:
Terlihat bagus, karena jika kita
menggunakan scroll kebawah tetapi terlihat space yang kosong tanpa konten
apapun ini menjadikan scroll yang kurang efisien dan pemakaian scroll yang
sia-sia. Pada website
ini tidak terlihat adanya space yang kosong.
7.
Pengelompokkan Menu dan Sub-Menu
Diadakannya pengelompokkan menu dan
sub-menu ini bertujuan untuk memudahkan pengunjung untuk mengakses menu-menu
tertentu sesuai dengan keinginan. Pengelompokkan ini dilakukan berdasarkan
kategori dan kedekatan fungsional. Ada menu-menu tertentu dimana jika
pengunjung meng-clik kemudian akan muncul sub-sub menu lainya. Contohnya, jika
kita meng-clik menu Tentang Kami maka akan muncul lagi sub-sub menu yang
terkait dengan menu yang sudah kita clik tadi.
Contoh Gambar Menu yang di-click
Contoh Gambar Sub Menu dari menu diatas.
Saran
dan Komentar kami mengenai hal ini :
Pada bagian ini kendalanya berada pada
warna font. Warna font ini tidak berubah ketika user telah mengunjungi Menu/sub-menu
tersebut, ini menjadikan user dapat mengunjungi menu/sub-menu yang sama
berulang-ulang sehingga memakan biaya dan waktu. Kami sarankan untuk memberikan
tanda bahwa user pernah mengunjungi menu/sub-menu tersebut agar tidak memakan
waktu dan biaya yang banyak.
8.
Penempatan Menu Utama
Bisa dikatakan bahwa penempatan menu
utama adalah yang paling terpenting. Karena, biasanya user akan mengamati
sebuah website dimulai dari atas, kiri-kanan, dan terakhir kebawah.
Saran dan Komentar kami mengenai hal ini
:
Dalam penempatannya sudah tepat,
sehingga user bisa mengetahui konten apa aja yang ditawarkan pada website ini.
Namun menurut kami karena pembuatan menu utamanya biasa saja dalam artian
sederhana, sehingga user kurang tertarik dengan website ini. Website ini hanya
mengkombinasikan warna putih dan merah dalam artian menyesuaikan website dengan
warna logo prudential.
9.
Screen Resolution
Screen resolution digunakan jika halaman
website memenuhi layar komputer pengguna. Maka ketika pengguna mengakses
halaman website tersebut pengguna harus menggeserkan scrolling kearah kanan dan
kiri atau kearah atas dan bawah tentu saja hal ini kurang bagus dimata
pengunjung. Namun website prudential ini cukup baik dalam memperhatikan faktor
screen resolution ini, halaman website ini dibuat menggunakan ukuran yang
dinamis, dimana pengunjung tidak perlu menggunakan scroll untuk melihat
keseluruhan halaman website. Tentu saja ini merupakan kelebihan dari website
ini. Sehingga pengguna tidak perlu kwatir dengan adanya perbedaan resolusi dan
tidak perlu menggunakan scroll.
10.
Penggunaan
Bahasa
Dalam website ini ditampilkan adanya
pemilihan alih bahasa dalam bahasa internasional (English version). Ini berarti
website ini juga ditunjukan untuk user dari luar negeri atau dalam artian lain warga
negara asing yang ingin melihat website ini bisa dengan mudah mengerti maksut
dan tujuan website ini hanya dengan meng-clik alih bahasa seperti gambar
diatas.
Saran dan Komentar kami mengenai hal ini
:
Menurut kami pemilihan alih bahasa ini
bagus, sehingga bukan hanya masyarakat lokal yang bisa mengerti dan membuka
website ini, tetapi warga asing juga dapat mengakses website ini. Dengan adanya
pemilihan alih bahasa ini menurut kami dapat menguntungkan website itu sendiri
karena dapat diakses dimana saja dan oleh siapa saja.
11.
Penggunaan
Hari dan Tanggal
Pada dasarnya penggunaan hari dan
tanggal pada situs website dapat memudahkan pengunjung yang mengakses situs
tersebut. Website ini mencantumkan penggunaan fitur hari dan tanggal sehingga
pengunjung bisa melihat postingan apa saja yang telah website ini postkan pada
hari dan tanggal yang diinginkan oleh pengunjung.
12.
Konten News
Konten
berita pada sebuah website biasanya berisikan tentang cuplikan berita-berita
terhangat. Pada website ini konten berita dibagi menjadi beberapa sub-menu dan
dalam penulisan headline beritanya sangat bagus karena menggunakan kalimat yang
sederhana hal ini dikarenakan pada umumnya pengunjung sangat malas untuk
membaca berita yang pajang-lebar. website ini secara tidak langsung menyaran
kepada pengguna jika ingin membacanya secara detail pengunjung bisa meng-clik
berita tersebut.
13.
Hubungi Kami
Menu
kontak biasanya disediakan oleh setiap situs untuk mendapatkan pertanyaan,
komentar, saran, dan kritik yang berguna bagi pengembang website tersebut.
Website prudential juga menyediakan menu hubungi kami / Contact Us, pemberian
menu ini sudah cukup baik karena website ini telah memberikan pelayanan yang
maksimal.
14.
Penggunaan
Flash
Adanya
penggunaan flash pada sebuah website ini biasanya untuk mempercantik tampilan
website. Pada website prudential ini hanya menginformasikan pesan dari rektor 1
sampai 3, jadi tidak terlalu mengganggu akses pengunjung.
Saran
dan Komentar kami tentang hal ini:
Menurut
kami ini bagus, Website ini tidak banyak menggunakan flash karena jika terlalu
banyak menggunakan flash dapat mengganggu kecepatan akses pengunjung.
BAB IV PENUTUP
4.1. Kesimpulan
Website sekarang sudah semakin
berkembang. Dengan menggunakan web sebagai media untuk
mencari informasi dalam kehidupan sehari-hari. Website dibangun dengan berbagai
fungsi
dan berbagai kebutuhan sesuai dengan kepentingan atau keinginan yang membuatnya.
Ketertarikan user untuk
mengunjungi sebuah website bergantung pada design dan seberapa penting
informasi yang diberikan sebuah website. interface pada website juga sangat
berpengaruh pada kenyamanan user untuk berlama-lama diwebsite tersebut. Dengan
mengembangkan design pada sebuah website agar terlihat lebih menarik dapat
membantu keterampilan seseorang dalam mendisign dan membuat sebuah website.
Dari beberapa pembahasan
diatas, kami sebagai penganalisa website tersebut menyimpulkan bahwa website www.prudential.co.id termasuk dalam kategori website yang sederhana.
Mereka memadukan warna pada logo prudential dengan warna dasar website mereka
hal ini terlihat sederhana tetapi kurang menarik. Bisa dilihat juga bahwa pada
website tersebut tidak terpapar iklan seperti website pada umumnya.
4.2 Saran
Setelah menganalisa website
prudential ini, saran kami adalah sebegai berikut:
·
Untuk
keseluruhan website ini sudah bagus, hanya saja tampilan dari website ini
terlalu polos sehingga menjadikan website ini kurang menarik untuk dikunjungi.
Sarannya perbaiki tampilan websitenya jangan terlalu polos.
·
Mungkin
saja wesite ini hanya dikunjungi oleh pegawai atau orang tertentu, karena pada
website ini tidak terlihat adanya iklan seperti website pada umumnya.
Promosikan website ini sehingga masyarakat bisa mengakses website tersebut(buan
hanya orang yang berkepentingan saja).