Menganalisa Website Berdasarkan Prinsip UI

Miftah Nur Imam

54412576

4IA21

Menganalisa Website Berdasarkan Prinsip UI

A.    Prinsip umum perancangan UI (User Interface).

ada 17 prinsip yang harus dipahami para perancang sistem, terutama untuk mendapatkan hasil maksimal dari tampilan yang dibuat. Anda tidak perlu bingung dengan apa yang dimaksud tampilan, karena salah satunya adalah tampilan seperti web ini.

1.      User Compatibility : Semua User adalah tidak sama dan semua user tidak seperti developer,Designer harus paham tentang psikologi dasar.

2.      Product Compatibility : Kompatibilitas antar produk harus diperhatikan dan dipertahankan (Mengorbankan perubahan UI dimana sistem mungkin lebih kompatibel).

3.      Task Compatibility : Struktur dan aliran sistem harus seseuai dan mendukung tugas user (pengguna).

4.      Work Flow Compatibility : Sistem harus diorganisasikan dengan baik sehingga dapat memfasilitasi transisi antar tugas user.

5.      Consistency : Konsistensi membuat user berfikir dengan meng-analogikan dan memprediksi bagaimana melakukan sesuatu yang belum pernah dilakukan sebelumnya.

6.      Familiarity : Konsep, terminologi, pengaturannya di antarmuka harus yang dipahami user dengan baik.

7.      Simplicity : Kesalahan umum yang terjadi pada perancangan interface adalah berusaha untuk menyediakan semua fungsionalitas. Gunakan konep default.

8.      Direc Manipulation : User secara langsung dapat melihat aksinya pada objek yang terlihat.

9.      Control : Dapat membuat frustasi dan demolarisasi bagi user, jika meraka merasa dikontrol oleh mesin. Misalnya penggunaan tombol next yang terlalu banyak.

10.  WYSIWYG : Adanya korespondensi satu ke satu antara informasi di layar dengan informasi di printerd-output atau file.

11.  Flexibility : Mengijinkan makin banyak kontrol user dan mengakomodir skill user yang bervariasi.

12.  Responsivness : Komputer harus selalu merespon dengan segera setiap input dari user.

13.  Invisible Technology : User sebaiknya mengetahui sedikit mungkin detil teknis bagaimana sistem diimplementasikan. Misal user tidak perlu tau atau bingung mengenai proses download.

14.  Robustness : Sistem sebaiknya mentolelir kesalahan manusia yang umum dan tidak dapat dihindari,seperti lupa. Crash system harus diminimalisir, menyediakan recovery yang mudah dipahami jika terjadi crash.

15.  Protection : User seharusnya memproteksi dari hasil-hasil yang menyebabkan 'bencana' karena kesalahan umum manusia tadi (pelupa). Misalnya user lupa password maka seharusnya sistem memproteksinya dengan fasilitas forgot password sehingga kemungkinan kecil orang lain tidak dapat mengakses.

16.  Ease of Learning : Sistem mudah dipelajari bagi pemula.

17.  Ease of Use : Sistem mudah digunakan baga para expert.

B.     Analisis Website tersebut.

Menganalisis website Pak Dikut Andi Nata, S. Kom selaku Dosen pengajar Rekayasa Perangkat Lunak 1 dengan alamat URL dikutandi.com, berdasarkan empat poin dari  prinsip dasar UI di atas. Adapun penjabarannya adalah sebagai berikut:

Tampilan awal website dikutandi.com

1.      Ease of Learning

Pada salah satu tutorial web developing yang diberikan, penjelasannya diberikan secara bertahap, dimulai dari pendahuluan yang berisi “apa guna artikel ini di-publish”, serta pembelajaran yang step-by-step dimulai dari langkah pertama, hingga seterusnya, yang dapat dilihat dari cuplikan gambar berikut ini. 

Adapun penjelasan tiap langkah disertakan dengan source code, yang disertai pemaksudannya juga. Terdapat pula penyertaan screenshot gambar dari tiap langkah tutorial yang berguna untuk mempermudah user dalam mencocokkan apakah langkah yang dilakukan sudah benar, atau masih belum sesuai dengan yang dijelaskan dalam artikel.  Menurut analisis saya, website ini sudah memenuhi kriteria easy of learning, yakni menampilkan konten yang mudah dipelajari dengan user (dengan tutorial yang step-by-step) sekaligus memicu user untuk mempelajari kontenwebsite (tutorial itu sendiri) dikarenakan adanya penyertaan source code dan screenshot langkah tutorial yang sudah cukup baik penempatannya.

2.      User familiarity

Pada tampilan awal web, menubar yang disediakan cukup menavigasi user dalam menggunakan website ini, dengan pilihan lima menu utama yang secara garis besar mencakup seluruh konten dari website ini. Adapun terdapat pula kolom Trending pada bagian atas laman yang sengaja diintegrasikan dengan kolom Terpopuler (di sebelah kanan laman), yang membuat tampilan web ini mudah dicari atau dilihat daftar konten terbarunya, sehingga meningkatkan user experience dalam penggunaannya (seperti website-website pada umumnya).

Menurut analisis saya, website ini telah memenuhi prinsip user familiarity, dengan menampilkan layoutmenubar, kolom Trending dan Terpopuler yang ditampilkan sesuai dengan user experience pengunjungwebsite pada umumnya.

3.      User diversity

Digunakannya bahasa yang familiar, gaul, dan disertai humor ringan yang menghibur namun tetap serius membahas pokok permasalahan di hampir tiap artikel, membuat konten website ini mudah dicerna oleh kalangan anak muda,web developer yang masih dalam tahap belajar, maupun yang sudah berada di tingkat lanjut dengan baik. Menurut analisis saya, dalam segi user diversity, website ini sudah memenuhi aspek experience yang mewakili beragam demografi pengunjung laman, sehingga website ini cocok dikunjungi atau dibaca konten artikelnya oleh seluruh kalangan pengunjung.
4. CONSISTENCY
website ini sesuai dengan isi , artinya website ini hanya berisi tentang tutorial tutorial yang hanya berhubungan dengan website yang dapat di lihat dari kategori yang di tampilkan

Serta website ini juga kosisten menggunakan form website /tampilan website yang sama di setiap postingannya agar tidak membuat binngung user yang membacanya

Referensi : 
                  http://blogmpnamora.blogspot.co.id/2016/01/tugas-rpl1-analisa-website-dikutandicom.html
                  http://lutfimiftahudin.blogspot.co.id/2016/01/menganalisa-sebuah-website.html
                  http://yogawibowoo.blogspot.co.id/2016/01/pembahasan-pada-bagian-ini-saya-mencoba.html
                  https://diskusikuliah.wordpress.com/2010/11/25/17-prinsip-user-interface/
                  http://dikutandi.com/