Friday 22 May 2015

Contoh Analisa Website



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).