Interface Design WorkflowInterface

Interface Design Workflow
Interface design for WebApps begins with the identification of user, task, and en- vironmental requirements. These activities are performed as part of requirements gathering and modeling discussed earlier in this book. Once user tasks have been identified, user scenarios (use cases) are created and analyzed to define a set of interface objects and actions.
Information contained within the analysis model (Chapter 7) forms the basis for the creation of a screen layout that depicts graphical design and placement of icons, definition of descriptive screen text, specification and titling for windows, and specification of major and minor menu items. Tools are then used to prototype and ultimately implement the interface design model.




The following tasks represent a rudimentary workflow for WebApp interface design:

1. Review user characteristics and categories, user tasks, use cases, and related information contained in the analysis model and refine as required.
2. Develop a rough design prototype of the WebApp interface layout.
An interface prototype (including the layout) may have been developed as part of the analysis modeling activity. If the layout already exists, it should be reviewed and refined as required. If the interface layout has not been developed, the WebE team should work with stakeholders to develop it at
this time. A preliminary interface design for SafeHomeAssured.com (a modified
version of the prototype created as part of analysis modeling) is shown in
Figure 9.1.

3. Map user objectives into specific interface actions. For the vast ma- jority of WebApps, the user will have a relatively small set of primary objec- tives (typically, between four and seven primary objectives). These should
be mapped into specific interface actions as shown in Figure 9.2. In essence, the design must answer the following question: “How does the interface en- able the user to accomplish each objective or provide the launching point for relevant tasks?”
4. Define a set of user tasks that are associated with each action. Each interface action (e.g., “Buy a product”) is associated with a set of user tasks. These tasks have been identified during analysis. During design, they must

Results (Indonesian) 1:

Antarmuka alur kerja desain
Interface design untuk WebApps dimulai dengan identification persyaratan pengguna, tugas dan en-vironmental. Kegiatan ini dilakukan sebagai bagian dari persyaratan mengumpulkan dan pemodelan dibahas sebelumnya dalam buku ini. Setelah pengguna tugas telah identified, pengguna skenario (menggunakan kasus) diciptakan dan dianalisa untuk define satu set objek antarmuka dan tindakan.
Informasi yang terkandung dalam analisis model (Bab 7) membentuk dasar bagi pembentukan tata letak layar yang menggambarkan desain grafis dan penempatan ikon, definition teks deskriptif layar, specification dan sertifikasi untuk windows, dan specification item menu besar dan kecil. Alat kemudian digunakan untuk prototipe dan akhirnya menerapkan model desain antarmuka.



Tugas berikut mewakili workflow dasar untuk desain antarmuka WebApp:

1. Review pengguna karakteristik dan kategori, tugas-tugas pengguna, menggunakan kasus, dan informasi terkait yang terkandung dalam analisis model dan refine seperti yang dipersyaratkan.
2. Mengembangkan sebuah prototipe kasar desain tata letak antarmuka WebApp.
Prototipe antarmuka (termasuk tata letak) mungkin telah dikembangkan sebagai bagian dari analisis pemodelan aktivitas. Jika tata letak sudah ada, itu harus ditinjau ulang dan refined sebagai diperlukan. Jika tata letak antarmuka belum dikembangkan, tim WebE harus bekerja dengan para pemangku kepentingan untuk mengembangkan di
saat ini. Awal interface design untuk SafeHomeAssured.com (modified
Versi prototipe yang dibuat sebagai bagian dari analisis pemodelan) ditampilkan dalam
angka 9.1.

3. Peta pengguna tujuan menjadi specific antarmuka tindakan. Untuk luas ma-jority dari WebApps, pengguna akan memiliki seperangkat keadan-tives utama (biasanya, antara tujuan utama empat dan tujuh) yang relatif kecil. Ini harus
dipetakan ke specific antarmuka tindakan seperti yang ditunjukkan dalam gambar 9.2. Pada dasarnya, desain harus menjawab pertanyaan berikut: "Bagaimana antarmuka en-dapat menunjuk pengguna untuk mencapai tujuan setiap atau memberikan peluncuran untuk tugas-tugas yang relevan?"
4. Define serangkaian tugas-tugas pengguna yang terkait dengan setiap tindakan. Setiap tindakan antarmuka (misalnya, "Beli Produk") ini dikaitkan dengan satu set pengguna tugas. Tugas ini telah identified selama analisis. Selama Desain, mereka harus