32
KELOMPOK 6 – FACEBOOK & TWITTER 1311510240 – AFEK NUR FATULLOH 1311510463 – KHOLIK NURZAMAN 1312511049 – GILBERT ABEDNEGO 1511510099 – BUDHI OCTAVIANSYAH

Kelompok 6

Embed Size (px)

Citation preview

Page 1: Kelompok 6

KELOMPOK 6 – FACEBOOK & TWITTER

1311510240 – AFEK NUR FATULLOH1311510463 – KHOLIK NURZAMAN

1312511049 – GILBERT ABEDNEGO1511510099 – BUDHI OCTAVIANSYAH

Page 2: Kelompok 6

Konsisten Facebook Konsisten dalam urutan perintah pada menu atau

tindakan. Sehingga ketika membuka facebook dari hari ini ataupun besok urutan urutan yang dilakukan akan tetap sama. Misalnya ketika kita ingin melakukan Log in di facebok kita tetap diminta untuk mengisi email dan password terlebih dahulu untuk bisa masuk ke akun kita sendiri.Merupakan sebuah aplikasi service yang biasa digunakan di Internet seperti web browser atau email yang menerjemahkan sebuah domain name ke IP address.

2

Page 3: Kelompok 6

Konsisten Facebook

3

Page 4: Kelompok 6

Konsisten Twitter Yang  pertama adalah konsistensi. Selain konsistensi dari sisi

desain web/sistem situs ini cukup menarik, urutan perintah, tidakan, dan istilah yang digunakan pada promt, menu, serta layar bantuan yang tersedia cukup mudah untuk dipahami sehingga memudahkan bagi pengguna untuk menggunakannya dan mengetahui apa yang harus dilakukan.

Pada twitter.com ini telah memenuhinya, misalnya untuk Daftar  atau masuk,

4

Page 5: Kelompok 6

Konsisten Twitter

5

Page 6: Kelompok 6

Shortcut FacebookShorcut di facebook digunakan untuk melakukan akses cepat ke halaman yang kita inginkan. Misalnya jika anda ingin mencoba shortcut coba anda memakai Mozzila FirefoxTekan Shift + Alt + 1 Untuk menuju BerandaTekan Shift + Alt + 2 Untuk menuju Profil AndaTekan Shift + Alt + 3 Untuk menuju Halaman konfirmasi teman yang add facebookTekan Shift + Alt + 4 Untuk menuju Halaman Pesan Tekan Shift + Alt + 5 Untuk menuju Halaman Pemberitahua Tekan Shift + Alt + 6  Untuk Menuju ke Pengaturan UmumTekan Shift + Alt + 7 Untuk menuju Pengaturran Privasi

6

Page 7: Kelompok 6

Shortcut TwitterYang kedua pemberian user/pengunjung website shortcut untuk informasi-informasi yang dibutuhkan. Usahakan agar user tidak perlu bekerja terlalu keras untuk mencapai mendapatkan apa yang diinginkan nya pada website. Tujuannya adalah untuk memaksimalkan kecepatan interaksi, baik melalui singkatan, simbol/icon, ataupun menu-menu yang sudah kita siapkan di halaman awal.    Pada situs ini juga sudah terdapat shortcut-shortcut seperti simbol/icon, dan menu-menu yang ada dihalaman awal sehingga kita bisa dengan mudah menggunakannya tanpa kesulitan.

7

Page 8: Kelompok 6

Shortcut Twitter

8

Page 9: Kelompok 6

Feedback FacebookFeedback adalah semacam pemberitahuan umpan balik yang interaktif sehingga tidak membinggungkan pemakai. Di facebook juga ada Feedback berbagai pemberitahuan seperti jika ingin upload foto profil, jika ingin membuat status , perkenal diri anda di Facebook, dll.

9

Page 10: Kelompok 6

Feedback Facebook

10

Page 11: Kelompok 6

Feedback TwitterKetiga umpan balik yang informatif. Salah satu contohnya adalah di Notifikasi yang tersedia begitu banyak informasi untuk pegguna twiter

11

Page 12: Kelompok 6

Feedback Twitter

12

Page 13: Kelompok 6

Dialog Closure Facebook

13

Dialog Closure bertujuan menciptakan dialog di akhir sebuah proses.Misalnya di facebook ketika saya menulis status dan ada teman saya  memberikan komentar  di kolom komentar status saya dan saya menbalas komenan teman saya

Page 14: Kelompok 6

Dialog Closure Facebook

14

Page 15: Kelompok 6

Dialog Closure Twitter

15

Merancang dialog untuk menghasilkan suatu penutupan ahkir dari suatu proses. desain langkah – langkah yang harus dilakukan agar user dapat menyelesaikan suatu aksi. Pada situs ini juga sudah terdapat dialog closure . Salah satunya adalah ketika kita ingin menulis tweet, kita hanya perlu mengklik ikon tweet kemudian mengetik apa yang ingin kita ketik , setelah itu klik tombol tweet untuk mengirim tweet yang telah ditulis

Page 16: Kelompok 6

Dialog Closure Twitter

16

Page 17: Kelompok 6

Disini bertujuan untuk memberikan solusi untuk masalah yang akan di hadapi. Sekarang lagi jaman dimana banyak SPAM yang bertebaran di dunia maya. Misalnya di facebook dimana ada teman anda yang men-tag anda di dalam iklan yang diberikan teman anda sementara anda tidak ingin mendapatkan tag dari teman anda, facebook memberikan menu dimana ada opsi untuk melaporkan ke pihak facebook bahwa sebenarnya anda tidak mau mendapatkan tag ini.

17

Simple Eror Handling Facebook

Page 19: Kelompok 6

Memberikan penanganan kesalahan yang sederhana. Desainlah sistem/website kita sedemikian rupa sehingga sehingga user dapat terhindar dari kesalahan sistem/error atau tidak  melakukan error yang serius.  Sistem harus dapat mendeteksi error itu sebelum terjadi. Dan jikalau  kesalahan itu masih  terjadi, sistem  harus dapat memberikan mekanisme yang sedehana dan mudah dipahami untuk penanganan kesalahan tersebut. Misalnya dalam situs ini, ketika kita melakukan login dan salah memasukkan user atau password maka akan muncul kotak bantuan.

19

Simple Eror Handling Facebook

Page 20: Kelompok 6

20

Simple Eror Handling Facebook

Page 21: Kelompok 6

Memberikan penanganan kesalahan yang sederhana. Desainlah sistem/website kita sedemikian rupa sehingga sehingga user dapat terhindar dari kesalahan sistem/error atau tidak  melakukan error yang serius.  Sistem harus dapat mendeteksi error itu sebelum terjadi. Dan jikalau  kesalahan itu masih  terjadi, sistem  harus dapat memberikan mekanisme yang sedehana dan mudah dipahami untuk penanganan kesalahan tersebut. Misalnya dalam situs ini, ketika kita melakukan login dan salah memasukkan user atau password maka akan muncul kotak bantuan.

21

Simple Eror Handling Twitter

Page 22: Kelompok 6

22

Simple Eror Handling Twitter

Page 23: Kelompok 6

Reversible Actions FacebookReversible Actions merupakan sebuah proses yang diciptakan untuk mengurangi kekhawatiran anda jika anda melakukan kesalahan yang anda tidak inginkan. Jika di facebook anda sedang dibajak teman anda dan teman anda iseng menulis status yang tidak anda inginkan facebook mempunyai fitur dimana status yang telah di posting bisa langsung di hapus.

23

Page 24: Kelompok 6

Reversible Actions Facebook

24

Page 25: Kelompok 6

Reversible Actions Twitter Mudah kembali ke tindakan sebelumnya, Hal ini dapat mengurangi kekuatiran user karena pengguna mengetahui kesalahan yang dilakukan dapat dibatalkan. Sehingga user tidak takut untuk mengekplorasi. Salah satu contoh pada situs ini adalah jika kita salah mengetik tweet dan kemudian ingin menghapusnya atau kita tinggal memilih kota dialog Hapus Tweet

25

Page 26: Kelompok 6

Reversible Actions Twitter

26

Page 27: Kelompok 6

Put User in Control FacebookJadikan user sebagai pemegang kendali, rancanglah suatu interface sedemikan rupa sehingga user menjadi inisiator daripada responden. Pada situs Facebook User juga dapat dengan bebas bernavigasi dan mengubah informasi akun yang dimilikinya sesuai dengan yang dikehendaki.

27

Page 28: Kelompok 6

Put User in Control Facebook

28

Page 29: Kelompok 6

Put User in Control TwitterUser sebagai pemegang kendali, rancanglah suatu interface sedemikan rupa sehingga user menjadi inisiator daripada responden. Pada situs twitter.com User juga dapat dengan bebas bernavigasi dan mengubah informasi akun yang dimilikinya sesuai dengan yang dikehendaki.

29

Page 30: Kelompok 6

Put User in Control Twitter

30

Page 31: Kelompok 6

Reduse Shortterm Memory LoadMenciptakan tampilan yang sesederhana mungkin dan semenarik mungkin meski mengalamin banyak perubahan tapi masih tetap memiliki sistem yang sama dan sangat mudah di pahami untuk mencengah dan mengurangi beban ingatan jangka pendek. Facebook sudah banyak mengalami perkembangan dimana perubahan bentuk web, perubahan tampilan beranda dan kronologi tapi tidak merubah funsi web itu sendiri.

31

Page 32: Kelompok 6

Reduse Shortterm Memory Load Dan yang terakhir adalah Reduce short-term memory load Atau pembuatan interface sesederhana mungkin. Maksudnya disini bukan merancang interface sistem/web dengan design yang biasa (sederhana). Tetapi merancang interface yang mudah dipahami oleh user. Dengan inteface yang simple dan menarik dapat membantu user Mengurangi Beban Ingatan Jangka Pendek, sehingga tidak perlu mengingat terlalu banyak perintah, dan juga dapat menghindari terjadinya kebingungan pada para user. Pada situs twitter.com ini interface-nya cukup mudah dipahami dan tidak membingungkan sekalipun bagi pemula.

32