UID-ANALISIS DESIGN WEB

KETERANGAN KELOMPOK

NAMA KELOMPOK                  : FUNNY FACEBOOK

NAMA ANGGOTA DAN NIM    :

1.      Halim Baskoro             (30109356)

2.      Novia liestarini            (30109097)

3.      Putri Seroja Nasution   (30109026)

4.      Restu Yoga Setia         (30109500)

KELAS                                    : PIS. 09-04

DOSEN MATA KULIAH             : Ali Hanifah (ALI)

MATA KULIAH                        : User Interface Design

FUNNY FACEBOOK

1.      Pendahuluan

Dalam laporan ini kami membahas website yang menyangkut situs jejaring social yaitu Funny Facebook, dimana di website ini hanya bisa mengupdate status dengan pilihan VIA yg kita inginkan, sebagai contoh VIA NOKIA, VIA APPLE, dll. Dan dilaporan ini kami akan lebih membahas tentang Interface, kelebihan, serat perbaikan untuk web ini.

2.      Menganalisis Design Web Funnyfacebook

2.1  Latar Belakang

Kelompok kami akan membahas mengenai tugas Interaksi Manusia dan Komputer  serta menganalisis sebuah website , untuk menganalisis website ini harus berdasarkan prinsip mendesain antarmuka yang baik dengan memperhatikan karakteristik manusia dan computer. Di dalam tugas  ini kami menganalisis sebuah website social network yaitu sebuah situs jaringan yang alamat webnya adalah http://www.funnyfacebok.com/.

Diharapkan dengan hal ini kita adat mengetahui baik dan buruknya suatu wedsite dengan demikian kita dapat mendesain wedsite kita menjadi lebih baik dan nyaman apabila digunakan user , agar banyak user  yang berkunjung di website kita, Dengan dapat menganalisis kita juga berlatih, sebenarnya fitur-fitur apa saja dan menempatan menu yang bagaimana yang lebih mempermudah user.

2.2  Analisis Web

Website funnyfacebook.com merupakan sebuah situs  social network. Yang didalamnya kita dapat mensearching device update status , membuat device update status , mengirim wall.dengan fasilitas berikut kita dapat berinteraksi online kepada teman-teman kita.funnyfacebook dilengkapi dengan bentuk website yang unik seperti buku diary sehingga tak lain mengunjungnya kebanyakan dikalangan remaja.

Setelah menjelahi website funnyfacebook.com terdapat banyak fasilitas yang diberikan kepada pengguna dan nyaman saat menggunakan website ini. dan saya akan mencoba menganalisis website tersebut.

2.3  Header

Beberapa hal yang dibahas berkaitan dengan Header pada web funnyfacebook, yaitu :

1.      pada funnyfacebook menu-menu utamanya terletak disebelah kanan dan posisinya berurut kebawah,sedangkan pada menu  logout terdapat ditengah atas dan tengah bawah.

Pada tampilan menu, menurut kami kurang bagus karena biasanya menu-menu yang penting itu terletak dikiri atas sehingga dapat lebih muda dikenali oleh user,sedangkan pada menu logout dari segi social netword biasanya terletak dibagian kanan atas .

2.      Gambar animasi di letakkan di header di desain sedemikian menarik agar pengunjung tidak bosan melihat.

2.4  Navigasi

Navigasi di letakkan agar mempermudah pengguna dalam menggerjakkan sesuatu pada web tersebut. Peletakan menu-menu pada web fannyfacebook belum tepat karena, pada funnyfacebook menu-menu utamanya terletak disebelah kanan dan posisinya berurut kebawah,sedangkan pada menu  logout terdapat ditengah atas dan tengah bawah.

Pada tampilan menu, menurut kami kurang bagus karena biasanya menu-menu yang penting itu terletak dikiri atas sehingga dapat lebih muda dikenali oleh user,sedangkan pada menu logout dari segi social netword biasanya terletak dibagian kanan atas jika terdapat ditengah atas dan pada tengah bawah dapat menyebabkan pengguna menjadi berfikir dan bingung mau klik bagian yang mana.web ini menunjukkan adanya duplikasi sebanyak 2 kali padahal seharusnya menu logout sesuai userfriendly hanya satu.

2.5  Navigasi Menu

Pada Navigasi menu merupakan Navigasi Menu Utama di website ini menggunakan Menu Tarik, di dalam Menu juga terdapat beberapa sub Menu yang menghubungkan untuk masuk halaman lain nya, dan Menu-menu tersebut adalah :

a.      Home

b.      Update Via

c.       A-Z Listing

d.      Create New

e.      Text Flip

f.        FB Glitter

g.      News, Fans

h.      Register

Untuk memudahkan para pengunjung melakukan aktivitas di dalam web.

2.6  Navigasi Search

Navigasi Search sangat di butuhkan agar dapat mempermudah pengguna web dalam mencari buku yang di inginkan dan juga dapat menghemat waktu dalam pencarian. Di dalam Navigasi Search terdapat combo box yang mencari buku berdasarkan Judul, Penerbit, Penulis, Kategori dan No.ISBN, sangat mempermudah pengguna mencari buku yang di ingin kan.Namun penenpatan Navigasi Search kurang tepat karena berada pada Kolom header, seharus nya bisa di tempatkan di tempat yg lain agar bisa di lihat lebih rapi.

2.7  Navigasi Textual link

Untuk Navigasi Textual ini sudah cukup benar, Link berubah warna pada saat kursor di dekatkan dan teks yg bersifat Link berwarna biru akan tetapi judul yang ada pada Link tersebut juga berwarna biru dan juga tulisan lain nya, ini bisa saja membingungkan pengguna untuk tahu mana yang berupa link atau tidak, seharus nya warna nya bisa di rubah menjadi warna yg lain nya agar tidak sama .

Tampilan web di fuunyfacebook.com sudah cukup menarik dan terlihat konsisten dari pemilihan font dan warna sudah cukup benar. Penempatan-penempatan buku yang di tawarkan juga sudah benar namun ada beberapa hal yang menurut saya masi kurang tampilan halaman dalam web ini.

2.8  Pemilihan Font dan Warna

Prinsip utama dalam menentukan font dan warna dalam satu halaman web adalah berupaya untuk membatasi font-style dan warna yang digunakan. Font-style sebaiknya digunakan secara menyatu dan efektif serta mampu menggambarkan hirarki yang ada pada halaman web. Pembedaan font dan attribut font biasanya dapat membantu pengguna untuk membedakan tingkat kepentingan sebuah heading dan informasi. Jumlah typefaces maksimal dalam satu halaman web yang dianjurkan adalah tiga typeface. Sejalan dengan penggunaan font, penggunaan warna juga sebaiknya tidak terlalu beraneka ragam dalam satu halaman web. Jumlah jenis warna maksimal dalam satu halaman web yang dianjurkan adalah empat warna.

Tampilan warna funnyfacebook.com dapat dilihat paada hal utama dari segi font dan ukuran fon yang ada dalam satu halaman website dapat dikatakan kurang rapi karena dalm satu halaman terdapat kurang lebih 4 jenis font,sehingga sedikit membingungkan user.situs ini sedikit kurang rapi dalam hal pewarnaan dimana dalam satu halaman wedsite terdapat lebih dari 4 warna yang menonjol yaitu biru,hijau,ungu,pink,orange.tapi menurut saya seharusnya warna-warna cerah harus digunakan pada menu yang penting saya agar mata user cepat mengarah pada menu tersebut.

2.9  Layout

Lay Out di funnyfacebook.com tidak dapat diganti-ganti sesuai keinginan user sehingga membuat user sedikit jenuh dengan tampilan yang itu-itu saja,user tidak dapat mengepresikan keinginannnya.sebaiknya disediakan sebuah fitur  layout-layout yang menarik pada website ini sehingga wedsite ini terlihat sedikit menarik.

2.10          Pemakaian Login Anggota

Log in anggota pada web funnyfacebook.com ini memudahkan pengguna untuk update di website ini.

Untuk registrasi anggota baru ada beberapa form yg harus di isi. Yaitu, data alamat, Data Pribadi, Data Nomer Kontak, Diskusi di Mailing List BukuKita dan Informasi Login. Dalam pengimplementasian form sudah cukup benar, dari cara mengisi dan warna yang digunakan sudah cukup serasi. Bila sudah sudah terdaftar jadi anggota pengguna sudah dapat melakukan transaksi tanpa harus mendaftar lagi.

Dan pada saat kita salah memasukkan data pada form akan muncul kolom check list, ini sangat di perlukan oleh pengguna agar tau di mana letak kesalahan pengisian form tersebut. Pada saat saya melakukan pengisian form saya salah memasukkan nomer telepon dan muncul perintah berikut “ No. Telepon atau No. Hanphone harus angka”. Dapat di lihat pada gambar di bawah ini.

Dan bila registrasi berhasil akan ada form data-data diri kita, dan untuk mengatifikasikan account kita dapat mengkonfirmasi ke e-mail. Dapat di lihat pada gambar di bawah ini.

2.11          Screen Resolution

Dalam pengembangan sebuah web perlu diperhatikan lebar dari halaman web tersebut. Kebanyakan orang menggunakan komputer yang memilki resolusi 800 x 600 dan 1024 x 768 piksel. Hal ini membuat tampilan yang dilihat pengguna dengan resolusi yang berbeda juga akan berbeda. Saat ini orang cendrung untuk menggunakan komputer dengan resolusi 1024 x 768 piksel. Jika lebar halaman yang digunakan lebih besar dari resolusi komputer maka akan scroll ke samping. Ini membuat pengguna tidak nyaman untuk menggunakan web. Pengguna bisa saja memutuskan untuk pergi dari halaman web tersebut karena ketidaknyamanan tersebut. Sebagian pengembang web menyiasati dengan membuat web menggunakan resolusi 800 x 600. Harapannya supaya pengguna tidak perlu scroll kesamping.

Pada web bukkita.com pengembang kurang memperhatikan faktor screen. Hal ini terlihat jika pengguna membuka halaman web pada komputer resolusi 1024 x 768, maka tampilan halaman akan memenuhi layar. Sedangkan pada komputer dengan resolusi yang lebih tinggi tampilan tersebut dapat disajikan dengan baik. Untuk permasalahan screen, pengembang diharapkan memperhatikan faktor screen dan menyiasati supaya tampilan halaman web bisa disajikan dengan baik. Pengembang diharapkan mengatur resolusi tampilan dengan menggunakan ukuran dinamis. Ini supaya tampilan yang diterima pengguna sama walaupun resolusinya berbeda. Tampilan web lebih besar dari layar computer, dapat dilihat dari gambar di bawah.

2.12          Scrolling

Pada sebuah web umunya pengguna sering melakukan scrolling, tujuannya supaya pengguna bisa menemukan informasi yang diinginkan. Namun penggunaan scroll tersebut tidak selamanya membuat pengguna senang karena dituntut untuk melakukan scroll berkali-kali . Biasanya pengguna dalam melakukan scroll hanya mau melakukan dua sampai tiga kali scroll.

Pada Web bukukita.com rata-rata menggunakan scroll satu sampai lima kali dalam menampilkan informasi yang terdapat dalam satu halaman. Ini di karenakan banyak sekali kolom-kolom yang berisi informasi yang lain dan juga kolom iklan, seharus nya informasi tersebut dapat di masukkan ke dalam menu. Pada halaman web dan menu terdapat informasi yang sama, seperti buku baru, buku rekomendasi, buku terlaris. Seharus nya ini bisa di minimalisir dengan menempatkan informasi tersebut di salah satu nya saja. Ini yang menjadi salah satu masalah web ini menggunakan scroll berkali-kali.

3.      Karakter Umum Yang Ada Pada Web

3.1  User Compatibility

Pada web bukukita.com ini di desain cukup menarik sehingga membuat pengguna nyaman dalam melakukan pekerjaan. Pengembang web membuat web sedemikian karakteristik nya yang dapat di kenali langsung oleh user dengan ciri khas nya sendiri yaitu dengan menampilkan sebuah slogan ”Segarkan Pikiran Dengan Membaca” .

3.2  Product Compatibility

Suatu web harus dapat bersaing dengan web lain nya, agar bisa bersaing sebuah web di desain harus lebih menarik dan nyaman dalam penggunaan nya. Dan juga hasil akhir nya yang sangat memuaskan dan akurat. Contoh pada saat melakukan pencarian kategori buku, buku yang terlihat sama dengan apa yang kita cari.

3.3  Task Compatibility

User melakukan pekerjaan pada web ini harus berpikir seperti  mensearching device update status , membuat device update status , mengirim wall ,terlalu banyak proses didalamnya.

3.4  Consistency

Web ini belum konsisten dalam mendesain segala apa yang ada di dalam website funnyfacebook.com. dalam hal pewarnaan, jenis font dan menu yang di letakkan sedikit membingungkan usernya.

3.5  Familiarity

Pada saat user melakukan pekerjaan di dalam website, user bisa dapat langsung familiar dengan web tersebut. Ini belum ada pada web funnyfacebook.com karena tampilan yang kurang user friendly  dalam hal pemilihan warna dan menu yang belum pernah ada sebelum nya.

3.6  Ease of Learning and Ease of use

Mudah di pelajari dan mudah di gunakan, website funnyfacebook.com  belum sempurna dalam hal ini karena user yang pertama kali menggunakannya merasa sangat bingung,apalagi yang sudah jarang membukanya hampir sama seperti orang yang pertama kali menggunakannya.

3.7  Flexibility

Web funnyfacebook.com sudah menerapkan salah satu prinsip user interface yaitu flexibility artinya user bisa menggunakan keyboard dan mouse.

4.      Penutup

Kelebihan             : kelebihan dari tampilan web (funnyfacebook)  ini sangat unik  sangat cocok khususnya buat wanita,karena warnanya yang sangat menarik dan tidak terlalu banya fitur-fitur yang bergerak yang dapat membuyarkan konssentrasi user,kelebihannya yang lain mungkin dari segi bentuknya yang seperti diary atau buku tulis.

Kekurangan          : kekurangannnya peletakan menu yang kurang friendly bagi user yang dapat membingungkan user apabila pertamakali menggunakan,selain itu terlalu banyak proses baik untuk mengupdate,post wall,membuat device “via”,kemudian peletakan nama dan API key berada didepan sebelum pemberitahuan seharusnya penempatannya sesuai dengan user friendly terdapt diakhir setelah pemberitahuan.

Perbaikan             : perbaikan pada webs fannyfacebook ini seharusnya lebih friendly bagi user sehingga webs ini dapat digunakan dengan mudah dan lebih mengkreasikan pengguna baru mau pun pengguna lama . perbaikan dari segi proses seharusnya notification itu lebih didahulukan.

Kesimpulan          : analisis Web funnyfacebook.com masi ada kekurangan yang terletak di dalam nya di antaranya adalah peletakkan fitur-fitur penting, warna yang sedikit kurang konsisten, peletakkan menu yang tidak sesuai. Namun selain kekurangan tersebut ada banyak hal yang sudah sangat baik dalam web ini, yaitu bentuk wedsitenya yang unik dan nama web yang sudah benar.

Saran                    : diharapkan Laporan kami  menjadi bahan masukan bagi pengembang untuk mengembangkan web funnyfacebook.com dengan lebih memperhatikan faktor-faktor usability, user experience serta user interface. Kekurangan-kekurangan yang masih dijumpai, sebaiknya menjadi bahan pertimbangan dan bahan evaluasi bagi pengembang untuk meningkatkan kualitas dari website dan menjadikan website ini baik dan disukai dari berbagai kalangan tua maupun muda.

5.      Refrensi

www.funnyfacebook.tk