perancangan antarmuka untuk interaksi manusia

Upload: aris-suryatno

Post on 14-Oct-2015

189 views

Category:

Documents


1 download

DESCRIPTION

Komputer

TRANSCRIPT

  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    1/

    http://dedysetyo.net/category/tutorial/cloud-computing/owncloud/

    http://issuu.com/peterpixel/docs/introduction_to_good_usability/7?e=0/5366648

    http://guidelines.usability.gov/

    http://www.lawatek.com/2014/02/24/kumpulan-ebook-tentang-ui-dan-ux-design-gratis/

    http://www.lawatek.com/2014/05/22/tutorial-membuat-aplikasi-android-bahasa-indonesia-dari-

    im2-indosat/

    Perancangan Antarmuka untuk Interaksi Manusia & Komputer

    Penerbit :INFORMATIKA

    Penulis : Teddy Marcus ZakariaAgus Prijono

    Tebal Buku : 390 HalamanKategori : Buku Teks Komputer /Pengantar Informatika

    Berat Buku : 0.54 Kg

    Harga : Rp 55.000

    Software Engineering Rekayasa Perangkat Lunak Jl. 1

    Edisi 6

    IAN SOMMERVILLE

    Penerbit Erlangga

    http://books.google.co.id/books?id=xf6iNkOocU8C&pg=PA310&lpg=PA310&dq=buku+user+interface&source=bl&ots=QUCNG0sw22&sig=TLK8JT6wMe_gNt0Bp0VHgJKIAh4&hl=id&sa=X&ei=GWOKU5z

    kFoi5uATZjYDABQ&ved=0CGoQ6AEwDg#v=onepage&q=buku%20user%20interface&f=false

    Design Pattern for User InterfaceHai para pembaca blogger, pada kesempatan kali ini saya akan membuat sebuah ringkasan

    mengenai sebuah buku yang berjudul Designing Interface : Patterns for Effective Interaction Design

    by Jenifer Tidwell.Buku ini diterbitkan oleh O'Reilly' Media pada tahun 2005.

    REKOMENDASI BUKU UNTUK DESAIN GUI

    Selasa, Januari 31, 2012 Ebook No comments

    Inilah beberapa buku yang dapat kita jadikan sebagai referensi pembuatan GUI:

    1.The Design of Everyday Thingsoleh Donald A Norman

    http://issuu.com/peterpixel/docs/introduction_to_good_usability/7?e=0/5366648http://issuu.com/peterpixel/docs/introduction_to_good_usability/7?e=0/5366648http://www.lawatek.com/2014/02/24/kumpulan-ebook-tentang-ui-dan-ux-design-gratis/http://www.lawatek.com/2014/02/24/kumpulan-ebook-tentang-ui-dan-ux-design-gratis/http://www.lawatek.com/2014/05/22/tutorial-membuat-aplikasi-android-bahasa-indonesia-dari-im2-indosat/http://www.lawatek.com/2014/05/22/tutorial-membuat-aplikasi-android-bahasa-indonesia-dari-im2-indosat/http://www.lawatek.com/2014/05/22/tutorial-membuat-aplikasi-android-bahasa-indonesia-dari-im2-indosat/http://penerbit-informatika.com/penerbit_informatika,type-grid.htmlhttp://penerbit-informatika.com/penerbit_informatika,type-grid.htmlhttp://penerbit-informatika.com/penerbit_informatika,type-grid.htmlhttp://penerbit-informatika.com/penulis-teddy_marcus_zakaria-126.htmlhttp://penerbit-informatika.com/penulis-agus_prijono-141.htmlhttp://penerbit-informatika.com/kategori.type-grid-6-30.buku_teks_komputer.pengantar_informatika.htmlhttp://penerbit-informatika.com/kategori.type-grid-6-30.buku_teks_komputer.pengantar_informatika.htmlhttp://penerbit-informatika.com/kategori.type-grid-6-30.buku_teks_komputer.pengantar_informatika.htmlhttp://belajarotodidak.blogspot.com/2012/01/rekomendasi-buku-untuk-desain-gui.htmlhttp://belajarotodidak.blogspot.com/search/label/Ebookhttp://belajarotodidak.blogspot.com/search/label/Ebookhttp://belajarotodidak.blogspot.com/2012/01/rekomendasi-buku-untuk-desain-gui.html#comment-formhttp://belajarotodidak.blogspot.com/2012/01/rekomendasi-buku-untuk-desain-gui.html#comment-formhttp://www.amazon.com/gp/product/0465067107/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0465067107http://www.amazon.com/gp/product/0465067107/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0465067107http://www.amazon.com/gp/product/0465067107/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0465067107http://www.amazon.com/gp/product/0465067107/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0465067107http://belajarotodidak.blogspot.com/2012/01/rekomendasi-buku-untuk-desain-gui.html#comment-formhttp://belajarotodidak.blogspot.com/search/label/Ebookhttp://belajarotodidak.blogspot.com/2012/01/rekomendasi-buku-untuk-desain-gui.htmlhttp://penerbit-informatika.com/kategori.type-grid-6-30.buku_teks_komputer.pengantar_informatika.htmlhttp://penerbit-informatika.com/penulis-agus_prijono-141.htmlhttp://penerbit-informatika.com/penulis-teddy_marcus_zakaria-126.htmlhttp://penerbit-informatika.com/penerbit_informatika,type-grid.htmlhttp://www.lawatek.com/2014/05/22/tutorial-membuat-aplikasi-android-bahasa-indonesia-dari-im2-indosat/http://www.lawatek.com/2014/05/22/tutorial-membuat-aplikasi-android-bahasa-indonesia-dari-im2-indosat/http://www.lawatek.com/2014/02/24/kumpulan-ebook-tentang-ui-dan-ux-design-gratis/http://issuu.com/peterpixel/docs/introduction_to_good_usability/7?e=0/5366648
  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    2/

    Buku teks yang menghibur dan mencerahkan ini mengeksplorasi kelemahan desain dari

    benda-benda umum - dari oven microwave dan jam tangan digital sampai pintu dan kran air.

    Meskipun tidak secara khusus merupakan buku GUI, banyak konsep yang disajikan berkaitan

    dengan desain perangkat lunak yang efektif. Dijamin Anda tertawa terbahak-bahak

    setidaknya sekali, saat membaca buku ini. Buku memberikan Anda perspektif yang samasekali berbeda dari umum mengenai benda sehari-hari.

    2.About Face: The Essentials of User Interface Designoleh Alan Cooper

    Menurut Alan Cooper, kita harus berhenti menyalahkan end-user untuk masalah kegunaan

    perangkat lunak. Daripada membangun perangkat lunak untuk ahli komputer, tujuan kita

    harus membangun "Ahli" GUI. Selain perspektif filosofis pada desain GUI, "About Face"

    juga menyediakan beberapa bab pembahasan dan pedoman desain praktis.

    http://www.amazon.com/gp/product/1568843224/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1568843224http://www.amazon.com/gp/product/1568843224/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1568843224http://www.amazon.com/gp/product/1568843224/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1568843224http://www.amazon.com/gp/product/1568843224/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1568843224http://www.amazon.com/gp/product/0465067107/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0465067107http://www.amazon.com/gp/product/1568843224/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1568843224http://www.amazon.com/gp/product/0465067107/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0465067107http://www.amazon.com/gp/product/1568843224/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1568843224
  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    3/

    3.The Inmates are Running the Asylumoleh Alan Cooper

    Haruskah programmer diijinkan untuk desain GUI? Alan Cooper menanyakan beberapa

    pertanyaan sulit dan berpotensi memalukan tentang perbedaan perspektif antara programmer

    dan pengguna. Membangun banyak tema-tema yang ditemukan dalam "About Face", buku

    ini menawarkan lebih banyak mutiara hikmah dari salah satu yang paling berpengaruh - dan

    sering kontroversial - ahli desain GUI.

    4.Designing for the User with OVIDoleh Dave Roberts, dkk

    Sebuah panduan praktis untuk siapapun yang tertarik dalam menerapkan metode berorientasi

    obyek untuk desain GUI. Menekankan pendekatan iteratif, buku ini juga memberikan

    gambaran yang bermanfaat dari proses desain GUI keseluruhan - dari persyaratan-berkumpuluntuk evaluasi desain akhir. Sebuah contoh desain langkah-demi-langkah disajikan sehingga

    http://www.amazon.com/gp/product/0672326140/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0672326140http://www.amazon.com/gp/product/0672326140/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0672326140http://www.amazon.com/gp/product/0672326140/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0672326140http://www.amazon.com/gp/product/1578701015/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1578701015http://www.amazon.com/gp/product/1578701015/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1578701015http://www.amazon.com/gp/product/1578701015/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1578701015http://www.amazon.com/gp/product/1578701015/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1578701015http://www.amazon.com/gp/product/0672326140/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0672326140http://www.amazon.com/gp/product/1578701015/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1578701015http://www.amazon.com/gp/product/0672326140/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0672326140http://www.amazon.com/gp/product/1578701015/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1578701015http://www.amazon.com/gp/product/0672326140/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0672326140
  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    4/

    pembaca dapat melihat bagaimana teknik OOD yang disajikan dapat diterapkan untuk

    aplikasi dunia nyata.

    5.The Elements of User Interface Designoleh Theo Mandel

    Sebuah pengantar pemikiran dan benar-benar dibaca untuk konsep desain GUI mendasar.

    Jika Anda baru untuk teori desain GUI, buku ini sesuai sebagai pengenalan yang sempurna.

    6. .Tog on Interfaceoleh Bruce Tognazzini

    http://www.amazon.com/gp/product/0471162671/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471162671http://www.amazon.com/gp/product/0471162671/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471162671http://www.amazon.com/gp/product/0471162671/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471162671http://www.amazon.com/gp/product/0201608421/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0201608421http://www.amazon.com/gp/product/0201608421/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0201608421http://www.amazon.com/gp/product/0201608421/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0201608421http://www.amazon.com/gp/product/0471162671/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471162671http://www.amazon.com/gp/product/0201608421/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0201608421http://www.amazon.com/gp/product/0471162671/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471162671
  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    5/

    Seorang perancang kunci dari tim desain Apple Macintosh asli GUI, Bruce Tognazzini,

    menyajikan dan mencerahkan sekilas dalam perspektif desain yang unik. Perlu dicatat bahwa

    banyak artikel awalnya ditulis untuk jurnal pengembang perangkat lunak Apple. Oleh karena

    itu, beberapa bagian cenderung sedikit Mac-sentris dalam fokus mereka. Namun, prinsip-

    prinsip yang mendasarinya sangat kokoh, dan dapat diterapkan untuk setiap aplikasi GUI danplatform.

    7.The Essential Guide to User Interface Designoleh Wilbert O. Galitz

    Sebuah desain GUI yang komprehensif disertai banyak panduan dengan contoh-contoh

    praktis. Nilai tertentu adalah "sebelum dan sesudah" menangkap layar menunjukkan prinsip-

    prinsip kunci dalam tindakan. Jika Anda mencari pedoman padat praktis yang dapat Anda

    gunakan sebagai dasar untuk styleguide Anda sendiri atau GUI dokumen standar, buku ini

    adalah pilihan ideal.

    http://www.amazon.com/gp/product/0470053429/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0470053429http://www.amazon.com/gp/product/0470053429/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0470053429http://www.amazon.com/gp/product/0470053429/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0470053429http://www.amazon.com/gp/product/0470053429/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0470053429http://www.amazon.com/gp/product/0201608421/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0201608421http://www.amazon.com/gp/product/0470053429/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0470053429http://www.amazon.com/gp/product/0201608421/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0201608421http://www.amazon.com/gp/product/0470053429/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0470053429
  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    6/

    8.Designing the User Interfaceoleh Ben Shneiderman

    Salah satu buku yang paling dihormati dan sering dikutip pada prinsip-prinsip dasar desain

    GUI. Ditulis dalam gaya buku teks, buku ini memakai referensi dan makalah studi penelitian

    yang tak terhitung jumlahnya. Meskipun beberapa mungkin merasa gaya buku ini terlalu

    akademis, dan lebih suka yang lebih "how-to", hand-ons materi, buku ini tetap menjadi salah

    satu teks otoritatif tentang masalah teori GUI.

    9.GUI Design Essentialsoleh Susan Weinschenk, dkk

    Sebuah buku praktis menguraikan proses langkah-demi-langkah desain GUI. Beberapa

    sumber daya yang berguna termasuk: pedoman, checklist, dan template - termasuk template

    User Interface Design Document template. Topik lainnya termasuk pengujian kegunaan,

    standar dan pedoman GUI, pertimbangan desain web, dan banyak lagi.

    http://www.amazon.com/gp/product/0321537351/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321537351http://www.amazon.com/gp/product/0321537351/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321537351http://www.amazon.com/gp/product/0321537351/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321537351http://www.amazon.com/gp/product/0471175498/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471175498http://www.amazon.com/gp/product/0471175498/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471175498http://www.amazon.com/gp/product/0471175498/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471175498http://www.amazon.com/gp/product/0471175498/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471175498http://www.amazon.com/gp/product/0321537351/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321537351http://www.amazon.com/gp/product/0471175498/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471175498http://www.amazon.com/gp/product/0321537351/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321537351http://www.amazon.com/gp/product/0471175498/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471175498http://www.amazon.com/gp/product/0321537351/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321537351
  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    7/

    10.Usability Engineeringoleh Jakob Nielsen

    Dari salah satu pemimpin terkemuka dari desain interaksi, buku ini memberikan saran-saran

    praktis tentang beberapa topik. Bagian yang berguna dapat ditemukan pada kegunaan metode

    murah dan efektif yang dapat diadopsi oleh perusahaan-perusahaan kecil, serta bagian tentang

    mempersiapkan tes kegunaan. Sebuah, pengantar padat mengenai rekayasa kegunaan.

    11.User and Task Analysis for Interface Designoleh J. Hackos dan J. Redish

    http://www.amazon.com/gp/product/0125184069/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0125184069http://www.amazon.com/gp/product/0125184069/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0125184069http://www.amazon.com/gp/product/0125184069/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0125184069http://www.amazon.com/gp/product/0471178314/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471178314http://www.amazon.com/gp/product/0471178314/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471178314http://www.amazon.com/gp/product/0471178314/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471178314http://www.amazon.com/gp/product/0471178314/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471178314http://www.amazon.com/gp/product/0125184069/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0125184069http://www.amazon.com/gp/product/0471178314/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471178314http://www.amazon.com/gp/product/0125184069/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0125184069http://www.amazon.com/gp/product/0471178314/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0471178314http://www.amazon.com/gp/product/0125184069/ref=as_li_tf_tl?ie=UTF8&tag=httpbelajarot-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0125184069
  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    8/1

    Dalam rangka membangun user interface yang efektif, kita jelas harus memahami pengguna,

    tujuan mereka, dan persyaratan tugas. Buku ini dikhususkan untuk analisis tugas - proses

    sepenuhnya memahami tujuan dari sistem kita merancang. Sarat dengan contoh-contoh

    praktis dan studi kasus, buku ini merupakan sumber tak ternilai bagi setiap desainer GUI.Kirimkan Ini lewat EmailBlogThis!Berbagi ke TwitterBerbagi ke Facebook

    User Interface DesignPosted by: Bawes inSoftware Engineering

    Kali kita bahas yang lebih seriusan dikit yah.

    Tentang User Interface Design, apakah itu? User Interface Design itu memberikan suatu bentuk

    komunikasi antara penguna (user) dengan komputer. Bagaimana pengguna berinteraksi dengan komputer

    dengan menggunakan tampilan antar muka yang ada di layar komputer. Hal ini sangat penting karena

    akan berpengaruh pada user untuk mengunakan atau berkomunikasi dengan komputer. Bilamana suatu

    program susah untuk digunakan, maka hal ini akan memaksa user untuk melakukan suatu kesalahan saat

    mengunakan program tersebut.

    Tiga hal perlu di perhatikan

    Dalam bukunya Interface Design, Theo Mandelmenyebutkan tiga hal penting yaitu :

    1.Tempatkan user sebagai kontrol

    2.Mudahkan user untuk mengingat

    3.Konsistensi antar muka

    Ke tiga hal tersebut di atas adalah dasar untuk membuat suatu desain antar muka yang sangat prinsip,

    sehingga dapat digunakan sebagai panduan untuk membuat desain aplikasi/program.

    Kita bahas yuk satu-satu tentang hal tersebut di atas

    1.Tempatkan user sebagai kontrol

    Beberapa yang perlu dilakukan antara lain:

    o Definisikan interaksi yang tidak memaksa user untuk melakukan suatu aksi yang tidak perlu

    o Mendukung flexibilitas untuk berinteraksi

    o Memperbolehkan user untuk melakukan penghentian suatu aksi

    o Adanya interaksi secara langsung terkait dengan kemampuan user untuk mengatur bentuk interaksi sesuai

    dengan kebutuhannya

    o Sembunyikan interaksi yang berbau hal-hal teknis dari user biasa

    o Buatlah desain yang dapat berinteraksi langsung dengan obyek yang ada di layar monitor

    http://www.blogger.com/share-post.g?blogID=3155519130395778586&postID=1417418969298240602&target=emailhttp://www.blogger.com/share-post.g?blogID=3155519130395778586&postID=1417418969298240602&target=twitterhttp://www.blogger.com/share-post.g?blogID=3155519130395778586&postID=1417418969298240602&target=twitterhttp://bayu.waseso.net/?p=245http://bayu.waseso.net/?cat=22http://bayu.waseso.net/?cat=22http://bayu.waseso.net/?cat=22http://bayu.waseso.net/?cat=22http://bayu.waseso.net/?p=245http://www.blogger.com/share-post.g?blogID=3155519130395778586&postID=1417418969298240602&target=twitterhttp://www.blogger.com/share-post.g?blogID=3155519130395778586&postID=1417418969298240602&target=twitterhttp://www.blogger.com/share-post.g?blogID=3155519130395778586&postID=1417418969298240602&target=emailhttp://www.blogger.com/share-post.g?blogID=3155519130395778586&postID=1417418969298240602&target=email
  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    9/1

    2.Mudahkan user untuk mengingat

    Hal-hal berikut untuk membantu user mengingat :

    o Gunakan hal-hal yang berarti secara standar

    o Definisikan suatu shortcut yang intuitif

    o Adanya visualisasi yang berdasarkan pada kondisi lapangan

    3.Konsistensi antar muka

    Bagaimana membuat antar muda yang konsisten :

    o Jagalah konsistensi di antara beberapa aplikasi/program yang sejenis

    o Bila suatu model desain antar muka pada aplikasi sebelumnya tidak bermasalah, janganlah melakukan

    perubahan kecuali user mengeluhkannya

    Beberapa hal prinsip lainnya yang dapat digunakan saat melakukan desain user interface, menurut Ian

    Sommervile (SE 6th, hal 330) yaitu:

    Model untuk mendesain Interface

    Ada empat perbedaan model saat melakukan desain user interface, antara lain :

    1. Design model, yang dibuat oleh seorang software engineer

    2. User model, oleh seorang human engineer

    3. System perseption, suatu persepsi dari pengguna terhadap aplikasi yang sedang dikembangkan

    4. System image, pada saat implementasi suatu sistem

    http://waseso.net/wp-content/uploads/2008/11/picture-21.png
  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    10

    Untuk mengembangkan suatu user interface yang efektif, hendaknya memahami pengguna aplikasi,

    seperti umur, jenis kelamin, kemampuan fisik, pendidikan, latar belakang budaya, motivasi, tujuan yang

    hendak dicapai saat menggunakan aplikasi tsb, dan terakhir karakteristik dari pengguna itu sendiri.

    Nah selanjutnya untuk proses mendesain suatu user interface, antara lain :

    1.Analisa user, tugas dan lingkungan

    2.Desain antara muka (interface design)

    3.Implementasi antar muka (interface construction)

    4.Adanya evaluasi atau validasi terhadap antar muka (interface validation)

    Gambar Proses mendesain user interface (Roger Pressman)

    Gambar spiral di atas (keliatan kan gambarnya :D) menunjukkan bahwa proses untuk mendesain user

    interface ini dapat terjadi berulang kali.

    Analisa user, tugas dan lingkungan

    Hal yang paling penting dalam mendesain adalah melakukan defisi pada obyek dan aksi apa yang akan

    dilakukan pada desain tersebut. Sekali suatu obyek dan aksi telah didefinisikan maka dapat di kategorikan

    dalam berbagai tipe. Target, sumber dan obyek aplikasi juga telah di identifikasi. Bila suatu obyek sumber

    (mis. icon laporan) di drag dan di letakkan pada obyek target (mis. icon printer), maka obyek aplikas akan

    mengindentifikasi untuk melakukan perintah mencetak atas obyek sumber.

    Desain antar muka

    Ada empat isu terkait dengan desain user interface yaitu :

    1.waktu respon dari sistem,

    2.fasilitas bantuan untuk user,

    3.penanganan informasi error, dan

    4.penulisan perintah komputer

    http://waseso.net/wp-content/uploads/2008/11/picture-11.png
  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    11

    Waktu respon dari sistem, merupakan hal yang paling utama dan sering terjadi saat membuat aplikasi

    yang interaktif. Waktu respon ini memiliki dua karakteristik penting yaitu: panjangnya waktu dan variasi

    waktu.

    Saat ini hampir pada setiap user membutuhkan bantuan pada seketika mereka mengalami kendala

    mengoperasikan aplikasi. Ada dua tipefasilitas bantuan, yaitu integrated dan add-on. Pada fasilitas

    bantuan integrated didesain pada aplikasi dari awal dikembangkan. Untuk fasilitas bantuan add-on di

    berikan ketika suatu aplikasi telah selesai di buat.

    Penanganan informasi errordan peringatan merupakan hal buruk yang harus di sampaikan kepada user

    bilamana suatu aplikasi mengalami sesuatu yang tidak normal. Pada kondisi yang paling buruk, bila pesan

    error dan peringatan tersebut menimbulkan kesalahfahaman informasi sehingga semakin membuat user

    menjadi frustasi dalam menggunakan aplikas tersebut. Pada dasarnya setiap pesan error atau peringatan

    yang hendak dibuat seharusnya mengikuti beberapa karakteristik berikut :

    Pesan di berikan untuk menerangkan masalah dalam istilah yang mudah dimengerti oleh user

    Pesan hendaknya mengandung petunjuk untuk melakukan pemulihan dari suatu error

    Suatu pesan hendaknya tidak mengandung suatu penilaian yang menyalahakan user

    Penulisan perintahmerupakan hal yang umum sebagai bentuk interaksi antara user dan sistem, tetapi

    saat ini untuk yang berbasiskan pada window, tunjuk dan pilih pada suatu interface telah mengurangi

    penulisan perintah pada komputer.

    Implementasi antar mukaKetika suatu desain antar muka telah di buat, maka langkah berikutnya adalah menerapkan user interface

    tersebut pada program sebagai suatu prototipe. Untuk mendukung kegiatan tersebut telah di sediakan

    suatu tools yang disebut UIDS (user interface development systems), dimana tools tersebut dapat

    membuat komponen-komponen untuk membuat suatu window, menu, pesan error, perintah dan masih

    banyak lagi elemen lainnya dalam lingkungan yang interaktif.

    Evaluasi Desain

    Begitu suatu prototipe user interface dibuat, hal tersebut harus di evaluasi untuk menentukan apakah

    sudah memenuhi kebutuhan user atau tidak. Evaluasi user interface dapat dilihat pada gambar di bawahini.

  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    12

    Gambar Evaluasi User Interface (Roger Pressman)

    Setelah adanya desain pendahuluan, kemudian membuat suatu prototipe user interface. Prototipe ini akan

    di evaluasi oleh user dimana hasil evaluasinya nanti akan di pelajari kembali oleh desainer. Selanjutnya

    kembali desainer akan memperbaiki dan membuat prototipe user interface baru dan akan di evaluasi

    kembali oleh user. Demikian berulang kali hingga di user interface sudah memenuhi kebutuhan user.

    Gitu dulu dehkayaknya udah pada ngantuk nih.

    http://books.google.co.id/books?id=xf6iNkOocU8C&pg=PA310&lpg=PA310&dq=buku+user+interfac

    e&source=bl&ots=QUCNG0sw22&sig=TLK8JT6wMe_gNt0Bp0VHgJKIAh4&hl=id&sa=X&ei=GWOKU5z

    kFoi5uATZjYDABQ&ved=0CGoQ6AEwDg#v=onepage&q=buku%20user%20interface&f=false

    8 Aturan Emas Desain User Interface

    http://books.google.co.id/books?id=xf6iNkOocU8C&pg=PA310&lpg=PA310&dq=buku+user+interface&source=bl&ots=QUCNG0sw22&sig=TLK8JT6wMe_gNt0Bp0VHgJKIAh4&hl=id&sa=X&ei=GWOKU5zkFoi5uATZjYDABQ&ved=0CGoQ6AEwDg#v=onepage&q=buku%20user%20interface&f=falsehttp://books.google.co.id/books?id=xf6iNkOocU8C&pg=PA310&lpg=PA310&dq=buku+user+interface&source=bl&ots=QUCNG0sw22&sig=TLK8JT6wMe_gNt0Bp0VHgJKIAh4&hl=id&sa=X&ei=GWOKU5zkFoi5uATZjYDABQ&ved=0CGoQ6AEwDg#v=onepage&q=buku%20user%20interface&f=falsehttp://books.google.co.id/books?id=xf6iNkOocU8C&pg=PA310&lpg=PA310&dq=buku+user+interface&source=bl&ots=QUCNG0sw22&sig=TLK8JT6wMe_gNt0Bp0VHgJKIAh4&hl=id&sa=X&ei=GWOKU5zkFoi5uATZjYDABQ&ved=0CGoQ6AEwDg#v=onepage&q=buku%20user%20interface&f=falsehttp://books.google.co.id/books?id=xf6iNkOocU8C&pg=PA310&lpg=PA310&dq=buku+user+interface&source=bl&ots=QUCNG0sw22&sig=TLK8JT6wMe_gNt0Bp0VHgJKIAh4&hl=id&sa=X&ei=GWOKU5zkFoi5uATZjYDABQ&ved=0CGoQ6AEwDg#v=onepage&q=buku%20user%20interface&f=falsehttp://waseso.net/wp-content/uploads/2008/11/picture-31.pnghttp://books.google.co.id/books?id=xf6iNkOocU8C&pg=PA310&lpg=PA310&dq=buku+user+interface&source=bl&ots=QUCNG0sw22&sig=TLK8JT6wMe_gNt0Bp0VHgJKIAh4&hl=id&sa=X&ei=GWOKU5zkFoi5uATZjYDABQ&ved=0CGoQ6AEwDg#v=onepage&q=buku%20user%20interface&f=falsehttp://books.google.co.id/books?id=xf6iNkOocU8C&pg=PA310&lpg=PA310&dq=buku+user+interface&source=bl&ots=QUCNG0sw22&sig=TLK8JT6wMe_gNt0Bp0VHgJKIAh4&hl=id&sa=X&ei=GWOKU5zkFoi5uATZjYDABQ&ved=0CGoQ6AEwDg#v=onepage&q=buku%20user%20interface&f=falsehttp://books.google.co.id/books?id=xf6iNkOocU8C&pg=PA310&lpg=PA310&dq=buku+user+interface&source=bl&ots=QUCNG0sw22&sig=TLK8JT6wMe_gNt0Bp0VHgJKIAh4&hl=id&sa=X&ei=GWOKU5zkFoi5uATZjYDABQ&ved=0CGoQ6AEwDg#v=onepage&q=buku%20user%20interface&f=false
  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    13

    Menurut kamu, hal apa saja sih yang membuat orang suka dan betah mengunjungi

    suatu halaman website? Selain info-info menarik yang bisa didapatkan, tentunya

    tampilan website tersebut juga akan mempengaruhi daya tarik kita sebagai pengunjung.

    Nah, tampilan ini lah yang disebut dengan user interface. Semakin bagus desain

    interface nya, maka sudah pasti website tersebut pun akan mampu menarik perhatian

    banyak pengunjung.

    Bagaimana sih caranya merancang user interface agar menjadi lebih menarik?

    Nah, kali ini saya akan membahas mengenai petunjuk dasar yang bisa kita ikuti untuk

    merancang user interface dengan baik. Dalam bukunya yang berjudul"Designing The

    User Interface", Ben Shneidermanmerumuskan delapan aturan dasar yang dapat

    membantu dalam merancang desain interface, yang biasa disebut sebagai Eight Golden

    Rules of Interface Design.

    Kedelapan aturan emas tersebut antara

    lain:1. Konsistensi

    Dilakukan pada urutan perintah, istilah pada menu, dan tindakan. Sehingga ketika kita

    membuka website hari ini atau pun besok, urutan-urutan yang akan kita lalui tetap

    sama. Misalnya ketika kita ingin log indi facebook, maka kita harus selalu log indengan

    mengisi e-maildanpasswordterlebih dahulu.

    2. Memungkinkan pengguna untuk menggunakanshortcut

    Ada kebutuhan dari pengguna yang sudah ahli untuk meningkatkan kecepatan interaksi,

    sehingga diperlukan singkatan, tombol fungsi, simbol-simbol, perintah tersembunyi, dan

    fasilitas makro.

    3. Memberikan umpan balik yang informatif

    Untuk setiap tindakan operator, sebaiknya disertakan suatu sistem umpan balik. Untuk

    tindakan yang sering dilakukan dan tidak terlalu penting, dapat diberikan umpan balik

    yang sederhana. Tetapi ketika tindakan merupakan hal yang penting, maka umpan balik

    sebaiknya lebih substansial. Misalnya muncul suatu suara ketika salah menekan tombol

    pada waktu input data atau muncul pesan kesalahannya.

    4. Merancang dialog untuk menghasilkan suatu penutupan

    http://3.bp.blogspot.com/-i2A2VeZnqFw/ThQGwfqkhmI/AAAAAAAAAAo/car_njtZqQE/s1600/Golden-Rule.jpg
  • 5/24/2018 Perancangan Antarmuka Untuk Interaksi Manusia

    14

    Urutan tindakan sebaiknya diorganisir dalam suatu kelompok dengan bagian pembuka,

    isi, dan penutup. Umpan balik yang informatif akan meberikan indikasi bahwa cara yang

    dilakukan sudah benar dan dapat mempersiapkan kelompok tindakan berikutnya.

    5. Memberikan penanganan kesalahan yang sederhana

    Sedapat mungkin sistem dirancang sehingga pengguna tidak dapat melakukankesalahan fatal. Jika kesalahan terjadi, sistem dapat mendeteksi kesalahan dengan

    cepat dan memberikan mekanisme yang sedehana dan mudah dipahami untuk

    penanganan kesalahan.

    6 Mudah kembali ke tindakan sebelumnya

    Suatu sistem dirancang sehingga jika pengguna mengalami kesalahan maka si pengguna

    dapat kembali keadaan sebelumnya. Hal ini dapat mengurangi kekuatiran pengguna

    karena pengguna mengetahui kesalahan yang dilakukan dapat dibatalkan, sehingga

    pengguna tidak takut untuk mengekplorasi pilihan-pilihan lain yang belum biasa

    digunakan.

    7. Mendukung tempat pengendali internal (internal locus of control)

    Pengguna ingin menjadi pengontrol sistem dan sistem akan merespon tindakan yang

    dilakukan pengguna daripada pengguna merasa bahwa sistem mengontrol pengguna.

    Sebaiknya sistem dirancang sedemikan rupa sehingga pengguna menjadi inisiator

    daripada responden.

    8. Mengurangi beban ingatan jangka pendek

    Dengan tampilan yang sederhana dan menarik dapat membantu si pengguna sehingga

    tidak perlu mengingat terlalu banyak perintah, dan juga dapat menghindari terjadinya

    kebingungan pada pengguna.