ANALISIS WEB

TUGAS INTERAKSI MANUSIA DAN KOMPUTER DIAN SETIAWAN Nim L200110020 Kelas C TEKNIK INFORMATIKA FAKULTAS KOMUNIKASI DAN INFORMATIKA UNIVERSITAS MUHAMMADIYAH SURAKARTA 2013 BAB 1 PENDAHULUAN 1.1 Latar Belakang Web telah menjadi sesuatu yang familiyar dikalangan masyarakat pada saat ini. Hampir setiap kalangan menggunakan web sebagai media informasi di kehidupan sehari-hari mereka. Web dibangun dengan berbagai fungsi dan tujuan sesuai dengan kepentingan yang membuatnya. Web menjanjikan prospek yang bagus kepada setiap penggunanya. Karena peranan web yang sangat penting ini maka web yang dibangun haruslah memperhatikan beberapa faktor yaitu : usability, user experience, dan user interface. Ketiga faktor inilah yang menentukan apakah tujuan pembuatan suatu website tercapai atau tidak. Kesan pertama yang didapatkan dari sebuah web: 1.Waktu loading website 2.Konten yang bermanfaat 3.Aksesibilitas 4.dan tampilan Dalam melakukan perancangan (design) harus memperhatikan estetika yang padu antara warna, layout, elemen, dan tipografi. Yang merupakan syarat untuk usefulness adalah utilitas, fungsionalitas, aksesibilitas, dan menggunakan teknologi yang tepat. Aksesibilitas Seperti yang telah dijelaskan sebelumnya, bahwa tujuan membuat web adalah menyebarkan informasi, oleh karena itu sebuah website harus dapat diakses oleh seluas-luasnya pengguna. Setiap orang hendaknya dapat menikmati informasi dalam sebuah situs tak terkecuali bagi orang-orang dengan keterbatasan (fisik, teknologi, dll).dalam pembangunan sebuah situs web diharapkan tidak gegabah agar hasil yang diperoleh lebih maksimal dan dapat “dinikmati” berbagai keadaan user. Web usability adalah salah satu faktor penting dalam membangun sebuah web. Pengembang harus memahami prinsip-prinsip usability sebelum mengimplemen-tasikannya pada sebuah web. Usability adalah sebuah atribut kualitas yang menilai tingkat kemudahan user interface untuk digunakan (Jacob Nielsen). Usability juga mengacu kepada metode untuk meningkatkan kemudahan penggunaan selama proses perancangan. Usability didefenisikan melalui lima komponen, yaitu : a. Learnability Learnability menjelaskan tingkat kemudahan pengguna untuk memenuhi task-task dasar ketika pertama kali mereka melihat/menggunakan hasil perancangan. b. Efficiency Efficiency menjelaskan tingkat kecepatan pengguna dalam menyelesaikan task-task setelah mereka mempelajari hasil perancangan. c. Memorability Memorability menjelaskan tingkat kemudahan pengguna dalam menggunakan rancangan dengan baik, setelah beberapa lama tidak menggunakannya. d. Errors Errors menjelaskan jumlah error yang dilakukan oleh pengguna, tingkat kejengkelan terhadap error dan cara memperbaiki error. e. Satisfaction Satisfaction menjelaskan tingkat kepuasan pengguna dalam menggunakan rancangan. Mengapa utility dan usability penting? Untuk memikat user agar mengunjungi situs tersebut, karena jika sebuah website sulit digunakan, jika sebuah website tidak berisi informasi yang dicari user , jika sebuah website tidak menuntun user apa yang harus dilakukan, dan jika user “tersesat” pada website yang dikunjungi maka tombol close [X] pasti di-klik!. Pada kesempatan kali ini, dengan memperhatikan faktor-faktor tersebut, akan dilakukan analisis terhadap situs www.ums.ac.id 1.2 Web Universitas Muhammadiyah Surakarta Universitas Muhammadiyah Surakarta merupakan salah satu universitas terbesar di Indonesia. Web Universitas Muhammadiyah Surakarta yang beralamat di www.ums.ac.id secara garis besar dibangun sebagai suatu sistem informasi dan komunikasi. Web ini berisikan tentang segala informasi universitas mulai dari akademik sampai dengan profil masing-masing fakultas serta berbagai info yang terkait didalamnya. Agar memudahkan dalam pembahasan, dalam analisis kali ini keseluruhan website akan dibahas perbagian saja. Dalam website tersebut ada beberapa poin penting yang harus diperhatikan dalam membangun sebuah website, diantaranya: 1. Isi 2. Struktur Menu 3. Disain 4. Mudah di-index oleh mesin pencari / search engine Namun pada pembahasan website Universitas Muhammadiyah Surakarta akan dikelompokkan berdasarkan poin-poin sesuai dengan keadaan dan kondisi yang ditemukan pada website UMS ini. 1. Logo dan Nama Identitas utama dari sebuah website adalah logo dan nama. Pada website ini, peletakkan logo identitasnya sudah memenuhi aturan umum yang berlaku yaitu diletakkan di sebelah kiri atas. Pemisahan antara banner logo dan image nama universitaspun sudah benar yaitu antara logo dan nama dipisah. Logo ini menjadi link untuk menuju ke tampilan awalan home. Saran dan komentar yang diberikan untuk bagian ini : a. Sudah bagus untuk desain dan penempatan, banner tidak menggunakan flash yang dapat mengganggu kelancaran akses ketika sedang me-load halaman ini. 2. Searching Fitur terpenting lainnya dalam website adalah fitur pencarian (searching). Dengan adanya pencarian, maka pengunjung akan lebih mudah dalam menemukan informasi yang diinginkan. Penggunaan fitur pencarian ini menghemat pengunjung situs untuk melakukan browsing yang sia-sia. Dengan hanya memasukkan kata kunci yang diinginkan, maka akan ditampilkan hasil dari pencarian yang diinginkan. Pada website ini ada beberapa permasalahan tentang fitur ini. 3. Ukuran teks default yang terlalu kecil Ukuran teks default yang digunakan pada situs ini terlalu kecil bagi user (terutama lansia). Ini menjadikan beberapa konten yang kurang dapat dibaca atau dinikmati oleh pengunjung. Padahal ukuran teks sangat mempengaruhi apakah sebuah konten dapat dibaca dengan mudah apa tidak. Bagi seorang pengunjung (terutama lansia) yang ingin menggunakan situs ini untuk keperluan akan mengalami kesulitan dalam membaca konten dari situs ini. Mereka harus memperbesar ukuran font pada browser terlebih dahulu agar dapat terbaca. Font dan pewarnaan yang dilakukan situs ini memang sudah konsisten, namun sebagai saran sebaiknya digunakan font dengan ukuran default 11 pt. 4. Scrolling dan white space Pemakaian scroll ditujukan untuk melihat keseluruhan isi web yang dikarenakan ukuran monitor yang tidak mencukupi. Dengan scroll kita bisa melihat kelanjutan konten yang diisikan. Pada situs ini, di halaman utama memakai scroll. Namun penggunaan scrollnya kurang efisien. Pada halaman ini, terlihat bahwa pemakaian scroll yang sia-sia. Karena saat kita scroll ke bawah, akan terlihat space yang kosong pada sisi kanan dan kiri tanpa konten apapun. Ini menjadikan tampilan situs menjadi kurang konsisten dan terlihat kurang menarik. Mungkin sebagai solusinya sebaiknya segera diperbaiki tampilan ini dengan meniadakan scroll ataupun menambah konten supaya terlihat penuh. Sebagai solusi tambahan, mungkin untuk pengisian space kosong di sebelah kiri dan kanan dapat diisikan dengan iklan ataupun menu-menu tambahan yang lainnya. 6. Link Link merupakan jalan pintas yang digunakan oleh web untuk merujuk kepada sumber yang dituju. Pada situs ini, link yang digunakan berwarna biru. Jika cursor kita letakkan di atas persis tulisannya (hover), maka warna yang sebelumnya biru muda berubah menjadi warna biru tua dan bergaris bawah. Namun ada beberapa hal yang harus diperhatikan dalam penggunaan link di situs ini. Link yang kita sudah kita kunjungi tidak berubah warnanya. Link-link yang telah dikunjungi sebelumnya seharusnya diatur agar berubah warnanya untuk memudahkan pengunjung mengingat link-link mana saja yang telah dikunjungi sebelumnya. Dengan begitu, pengunjung dapat menghemat biaya browsing yang dilakukannya, jika cursor kita berada di atas link (hover), maka warna tulisan akan berubah menjadi biru dan digarisbawahi. Ini berarti sebuah penanda bahwa link dapat di- click. 9. Tampilan link image yang biasa saja Penempatan dan desain menu image direktori alumni sampai Lppm ums yang digunakannya menjadikan mirip seperti menubar image lainnya. Padahal ini adalah sebuah image yang bisa di-click . Bagi seorang pengunjung, biasanya sering tidak mengetahui untuk meng-click button ini. Saat kita melakukan click, barulah kita sadar bahwa ini sebuah button yang dapat digunakan. Ini hanya sebuah tampilan judul dari menu yang diberikan berupa image. Maka untuk solusinya, sebaiknya desain dari tampilan ini diganti agar pengunjung mengetahui bahwa ini sebuah button menubar. 12. Menu download Kalender Akademik Fasilitas download merupakan fitur yang disediakan oleh beberapa website. Fitur ini ditujukan agar pengunjung dapat mendapatkan kalender akadaemik yang digunakan. Kesan pertama pengunjung adalah merasa terbantu karena ternyata pengunjung bisa melakukan download untuk mendapatkan kalender akademi. Pada halaman ini juga terdapat banyak space kosong yang terbuang sia-sia. 13. List halaman (next dan prev) Tombol next dan tombol prev digunakan saat ingin melihat halaman selanjutnya atau halaman sebelumnya. Contoh pemakaian tombol dalam website ini berada pada halaman list berita. Terlihat bahwa tombol prev dan next tidak ada. Di tengah-tengah terdapat textlist yang berisi beberapa judul teks halaman sampai selesai. Jika kita memilih salah satunya, maka tidak akan muncul berita selanjutnya. Sorting berita ini dilakukan dari yang paling terbaru. Pemakaian fungsi ini sudah tepat, namun sebaiknya diperbaiki sesuai saran di atas. 14. Pengelompokkan menu dan sub-menu Pengelompokkan ini bertujuan untuk mempermudah pengguna mengakses menu-menu tertentu. Pada website ini, pengelompokkan dilakukan berdasarkan kedekatan fungsionalitas kategori-kategori yang diberikan. Pengelompokkan menu ini terdiri dari lima bagian utama pada halaman home. Ada menu-menu tertentu yang jika kita click akan muncul sub-sub menu lainnya. Jika kita click kembali di bagian akademik maka akan dimunculkan sub-menu baru. Ini masih memenuhi standar struktur web pada umumnya. Jika lebih dari tiga kedalamannya maka sudah tidak memenuhi.  Pada bagian ini masih aman dari standar yang dipakai pada umumnya. Namun, jika kita sudah pernah mengunjungi sebelumnya bagian sub-menu terdalam, warna dari font ini tidak berubah. Kita bisa berulang-ulang mengunjungi bagian menu tersebut karena kita tidak diberi tanda bahwa sudah pernah ke bagian tersebut sebelumnya dan ditambah terdapat banyak sub-menu yang disediakan. Ini sangat memakan biaya dan waktu. Jadi, sebaiknya diberi tanda bahwa kita sudah pernah ke bagian sub-menu tersebut. 15. Penempatan menu utama Kita sebagai pengguna, mengamati website ini dimulai dari atas, kiri-kanan, lalu terakhir ke bawah. Ini menandakan bahwa bagian terpenting adalah ditaruh di atas. Pada website ini sudah cikup baik peletakkan menu utama yang ditaruh di bagian atas. Menu utama ini merupakan ide pokok dari sebuah informasi yang ingin ditawarkan. Karena website ini sudah tepat penempatannya, maka kita bisa mengetahui konten apa saja yang ditawarkan website ini. 16. Penggunaan bahasa Pada zaman modern sekarang, globalisasi diperlukan di setiap bidang. Begitu juga di dalam pembuatan website, sebaiknya ditampilkan adanya pilihan alih bahasa. Seperti pada website ini, kita diberikan pilihan alih bahasa yaitu bahasa internasional (english version). Ini berarti website yang dibuat ditujukan juga bagi pengunjung yang berasal dari luar negeri. Mungkin maksud tujuan di sini adalah bagi warga negara Asing pada umumnya yang tinggal di luar negeri ingin melihat dan mengakses website ini, dapat dengan mudah mengerti dan mendapatkan tujuannya. Dengan begitu, UMS mendapatkan keuntungan promosi yang seluas-luasnya karena website ini dapat diakses di mana saja dan flexible pada setiap orang. 18. Penggunaan flash Penggunaan flash pada umunya ditujukan untuk mempercantik tampilan website. Namun, penggunaan flash ini juga beresiko. Jika ingin tampilan flash yang kita buat muncul, kita harus meng-install plugin dari flash player terlebih dahulu. Maka di setiap situs pada umumnya diberikan pilihan full flash atau no flash untuk pengunjung yang ber bandwith kecil. Namun pada website ini, tidak banyak menggunakan flash yang dapat mengganggu kecepatan akses pengunjung. Pemakaian flash pada website ini hanya untuk menginformasikan pesan dari Rektor 1 sampai 5. Namun, ada sedikit permasalahan yang dihadapi ketika membuka website ini dengan browser internet explorer yang lama. Pada internet explorer yang lama pada beberapa halaman website ini tidak muncul apapun. Ini berarti pengunjung yang memakai internet explorer lama ini tidak dapat mengakses halaman tertentu tersebut. Maka sebaiknya, dalam pembuatan situs ini menggunakan scrip-script yang umum yang dapat diakses semua browser. 19. Screen Resolution Salah satu hal penting jika lebar dari halaman web melebihi resolusi komputer pengguna, maka ketika pengguna mengakses halaman web, pengguna harus melakukan scrolling ke samping untuk melihat seluruh konten. Hal ini tentu saja kurang bagus di mata pengunjung. namun web ini cukup baik dalam memperhatikan faktor screen resolution menggunakan cara yang kedua yaitu dengan menggunakan ukuran yang dinamis. Hal ini merupakan kelebihan dari web ini. Dengan begitu, siapapun yang ingin mengakases situs ini tidak perlu khawatir akan terjadi perbedaaan resolusi yang dialaminya dan tanpa harus menscroll kesamping. 20. Penggunaan hari dan tanggal Penggunaan hari dan tanggal pada setiap situs akan sangat membantu bagi pengunjung yang mengakses situs tersebut. Pada website ini, penggunaaan hari dan tanggal tidak dicantumkan pada tampilan website. Fitur tanggal ini sebaiknya ditampilkan untuk ke depannya. Ini adalah fitur kalender yang diberikan kepada pengunjung agar memudahkan pengunjung melihat hari dan tanggal saat mengakses sekarang. 25. Contact us Menu contact us disediakan oleh setiap situs untuk mendapatkan pertanyaan, komentar, saran, dan kritik yang berguna bagi pengembangan website ini kedepan. Seperti yang dilakukan situs UMS ini memberikan menu contact us yang sudah cukup baik. Seperti yang terlihat di web Live support Ini merupakan hal yang patut dipuji karena memberikan pelayanan yang maksimal. 27. Konten news Cuplikan berita-berita terhangat termasuk ke dalam konten dari suatu website. Konten news yang mengulas headline-headline berita terkini, sebaiknya diisikan oleh beberapa kata saja. Hal ini dikarenakan pengunjung sangat malas membaca berita yang terlalu panjang-lebar. Untuk ingin membacanya lebih detail, sebaiknya diadakannya pilihan ‘see more’ atau ‘next’ atau semacamnya. Pada website UMS ini, headline-headline news diletakkan pada halaman utama situs ini. Ternyata sewaktu diklik linknya tidak membuat tab baru hal ini sangat tidak efektif. Untuk saran yang diberikan pada bagian ini adalah sebaiknya menggunakan aturan umum. Atruan umum tersebut adalah : 1.Cuplikan berita ini hendaknya tidak lebih dari dua puluh kata dalam setiap berita yang ditampilkannya. 2.Sebaiknya pada waktu link berita dibuka maka seharusnya membuka tab baru karena ketika pengunjung ingin melihat menu yang lain tidak harus kembali lagi ke halaman beranda. Kesimpulan Web utility dan usability adalah salah satu faktor penting dalam mengembangkan sebuah web dan harus memahami prinsip-prinsip usability sebelum mengimplemen-tasikannya pada sebuah web. Web merupakan salah satu media untuk mempromosikan perusahaan atau organisasi-organisasi tertentu. Pengembangan web bertujuan untuk meningkatkan rasa kepercayaan dan pengetahuan kepada pengguna. Pada pengembangan web universitas muhammadiyah surakarta terdapat kekurangan menyangkut masalah usability. Kekurangan-kekurangan yang ditemukan pada web ini, antara lain : penggunaan flash yang dibuka harus menggunakan koneksi yang cepat, pengimplementasian link yang kurang tepat, konten yang tidak terlalu diupdate, tampilan web yang kurang konsisten, penggunaan white space yang terlalu banyak serta pengimplemetasian form yang kurang tepat. Namun dibalik itu semua, secara keseluruhan website ini sudah cukup baik dan dapat dinikmati oleh semua kalangan masyarakat di manapun berada. Selain web usability, utility atau aksesibilitas juga penting. Aksesibilitas adalah kemampuan system agar dapat diakses oleh pengguna yang memiliki keterbatasan. Web UMS ini menyediakan fitur alih bahasa sehingga website ini dapat diakses oleh warga Negara asing secara mudah dan dipahami baik. Ini berarti aksesibilitas pada situs ini sudah memenuhi. Kendala lainnya yang tercakup antara lain penggunaan website ini didefault dengan ukuran font yang cukup kecil, sehingga pengguna terutama lansia harus memperbesar ukuran font ini terlebih dahulu untuk dapat mengaksesnya dengan mudah. Secara keseluruhan, website ini mempunyai web usability dan aksesibilitas(utility) yang cukup baik. Patut menjadi nilai lebih untuk pengembang karena mendesain tampilan dan system yang tepat, walaupun masih terdapat kesalahan-kesalahan yang telah dibahas di atas. Saran  Sebagai saran untuk pelengkap paper ini dihimpun menjadi beberapa poin. Poin-poin tersebut merupakan summary dari apa yang kita pelajari sebelumnya. Diharapkan dari paper ini menjadi masukan yang positif bagi pengembang web UMS pada khususnya dan bagi pengembang web lainnya yang membacanya. Poin-poin tersebut adalah : Buatlah website yang dapat diakses semua user dengan baik dan mudah. Buatlah konten website yang memiliki value dan bermanfaat bagi orang lain.