In t e r f ac e Desi gn Pr in ci p

In t e r f ac e Desi gn Pr in ci p l es a n d Gui d e lin es

The user interface of a WebApp is its “first impression.” Regardless of the value of its content, the sophistication of its processing capabilities and services, and the overall benefit of the WebApp itself, a poorly designed interface will disappoint the potential user and may, in fact, cause the user to go elsewhere. Because of the sheer volume of competing WebApps in virtually every subject area, the interface must grab a potential user immediately.
Bruce Tognozzi [Tog01] defines a set of fundamental characteristics that all interfaces should exhibit and, in doing so, establishes a philosophy that should be followed by every WebApp interface designer:

Effective interfaces are visually apparent and forgiving, instilling in their users a sense of control. Users quickly see the breadth of their options, grasp how to achieve their goals, and do their work.
Effective interfaces do not concern the user with the inner workings of the system. Work is carefully and continuously saved, with full option for the user to undo any ac- tivity at any time.
Effective applications and services perform a maximum of work, while requiring a minimum of information from users.

You might argue that everybody recognizes these things and every interface de- signer wants to achieve them. And yet, each of us has seen more than a few really bad interfaces and, surely, will continue to see many more.

What Principles Do We Apply to Design Effective Interfaces?

In order to design an effective interface, Tognozzi [Tog01] identifies a set of over- riding design principles:2

Anticipation. A WebApp should be designed so that it anticipates the user’s next move. For example, consider a customer support WebApp developed by a manufacturer of computer printers. A user has requested a content object that presents information about a printer driver for a newly released operating system. The designer of the WebApp should anticipate that the
user might request a download of the driver and should provide navigation facilities that allow this to happen without requiring the user to search for this capability.
Communication. The interface should communicate the status of any activity initiated by the user. Communication can be obvious (e.g., a text message)

Results (Indonesian) 1:

T e r f ac e Desi gn Pr di ci p l es e n d Gui d lin es

antarmuka pengguna WebApp adalah dengan "posisi kesan." Terlepas dari nilai isinya, kecanggihan kemampuan pengolahan dan jasa, dan benefit keseluruhan dari WebApp sendiri, antarmuka yang dirancang buruk akan mengecewakan pengguna potensial dan dapat, pada kenyataannya, menyebabkan pengguna untuk pergi ke tempat lain. Karena volume tipis dari WebApps bersaing dalam hampir setiap bidang subjek, antarmuka harus ambil pengguna potensial segera.
Bruce Tognozzi [Tog01] defines serangkaian karakteristik mendasar yang harus menunjukkan semua antarmuka dan, dengan berbuat demikian, menetapkan filsafat yang harus diikuti oleh setiap perancang antarmuka WebApp:

Efektif antarmuka jelas visual dan mengampuni, menanamkan rasa kontrol pengguna mereka. Pengguna dengan cepat melihat luasnya pilihan mereka, memahami bagaimana untuk mencapai tujuan mereka, dan melakukan pekerjaan mereka.
efektif antarmuka tidak berhubungan dengan pengguna dengan cara kerja dalam sistem. Bekerja dengan hati-hati dan terus menerus disimpan, dengan penuh pilihan bagi pengguna untuk membatalkan setiap ac-tivity kapanpun.
Aplikasi yang efektif dan layanan melakukan maksimum pekerjaan, sementara membutuhkan minimal informasi dari pengguna

Anda mungkin berpendapat bahwa semua orang mengakui hal-hal ini dan setiap antarmuka de-penandatangan ingin mencapai mereka. Dan lagi, kita telah melihat lebih dari beberapa antarmuka yang benar-benar buruk dan, tentunya, akan terus untuk melihat lebih banyak.

apa prinsip kami berlaku untuk desain antarmuka efektif?

Untuk merancang sebuah antarmuka yang efektif, Tognozzi [Tog01] identifies seperangkat over-naik desain prinsip: 2

antisipasi. WebApp harus dirancang sehingga mengantisipasi langkah berikutnya pengguna. Sebagai contoh, mempertimbangkan dukungan pelanggan dikembangkan WebApp oleh produsen komputer printer. Pengguna telah meminta sebuah objek konten yang menyajikan informasi tentang driver printer untuk sistem operasi baru dirilis. Perancang WebApp harus mengantisipasi bahwa
pengguna mungkin permintaan download driver dan harus menyediakan fasilitas navigasi yang memungkinkan hal ini terjadi tanpa memerlukan pengguna untuk mencari untuk kemampuan ini.
komunikasi. Antarmuka harus berkomunikasi status setiap kegiatan yang diprakarsai oleh pengguna. Komunikasi dapat jelas (misalnya, pesan teks)