Interface Design PreliminariesA key

Interface Design Preliminaries

A key tenet of the WebE process model is this: You’d better understand the problem before you attempt to design a solution. In the case of interface design, understand- ing the problem means understanding (1) the people (end users) who will interact




with the system through the interface, (2) the tasks that end users must perform to do their work, (3) the content that is presented as part of the interface, and (4) the environment in which these tasks will be conducted. In the sections that follow, we examine each of these elements of interface analysis5 with the intent of establish- ing a solid foundation for the design tasks that follow.

How Do We Understand the Characteristics of WebApp Users?

The phrase user interface is probably all the justification needed to spend some time understanding the user before worrying about technical matters. Each user has a mental image of the WebApp that may be different from the mental image de- veloped by other users. In addition, the user’s mental image may be vastly different from your design model. The only way that you can get the mental image and the design model to converge is to work to understand the users themselves as well as how these people will use the system.6 Information from a broad array of sources can be used to accomplish this:

User interviews. The most direct approach is for members of the WebE team to meet with end users to better understand their needs, motivations, work culture, and a myriad of other issues. This can be accomplished in one-on-one meeting or through focus groups.
Sales input. Salespeople can meet with the customer and users on a regular basis and can gather information that will help the WebE team to categorize users and better understand their requirements.
Marketing input. Market analysis can be invaluable in the definition of market segments and an understanding of how each segment might use the software in subtly different ways.
Support input. Support staff can have discussions with users on a daily basis. They are the most likely source of information on what works and what doesn’t, what users like and what they dislike, what features generate questions, and what features are easy to use.

The following set of questions (adapted from [Hac98]) will help you to better under- stand the users of a WebApp in a business setting:

• Are users trained professionals, technicians, clerical or manufacturing workers?


5 Some or all of these activities may have already been conducted as part of the communication activity (Chapter 4) or analysis modeling (Chapter 7).
6 Much, if not all, of the information about users and their needs should really be collected during requirements gathering and analysis. If these Web engineering actions have been performed properly, you will have enough information to understand the user. However, there are times when you must derive this information.




• What level of formal education does the average user have?

• Are the users capable of learning from written materials, or have they ex- pressed a desire for classroom or mentor-based training?
• Are users expert typists or keyboard-phobic?

• What is the age range of the user community?

• Will the users be represented predominately by one gender?

• How are users compensated for the work they perform?

• Do users work normal office hours, or do they work until the job is done?

• Is the WebApp to be an integral part of the work users do, or will it be used only occasionally?
• What is the primary spoken language among users? What domain-specific language is used?
• What are the consequences if a user makes a mistake using the system?

• Are users experts in the subject matter that is addressed by the system?

• Do users want to know about the technology that sits behind the interface?


The answers to these and similar questions will allow you to understand who the end users are, what is likely to motivate and please them, how they can be grouped into different user classes or profiles, what their mental models of the system are, and how the user interface must be characterized to meet their needs.


How Do We Elaborate the Content Objects That Are Identified?

An interface designer also examines usage scenarios and other information ob- tained from the user and extracts the content objects that are manipulated by the tasks that the user performs. These objects can be categorized into classes. At- tributes of each class are defined, and an evaluation of the actions applied to each object provide you with a list of operations.
In Chapter 7, we defined a data tree (Figure 7.5) for a SafeHomeAssured.com con-
tent object called Component. If you have responsibility for interface design you would examine the content object and use the description of Component to help in the layout of the interface. You should recognize that all users will have an inter- est in the object Component and will view it as a product specification for some component of SafeHome. Key content that must be presented via the interface in- clude the product name, serial number, part category, description, price, photo, technical description, and other related information.
You then create the layout shown in Figure 9.3. This Web page is the template for each product specification. Note that the form of the page remains identical to

Results (Indonesian) 1:

Antarmuka yang mendahuluinya desain

prinsip kunci model proses WebE adalah ini: Anda akan lebih memahami masalah sebelum Anda mencoba untuk merancang solusi. Dalam kasus desain antarmuka, memahami-ing masalah berarti memahami (1) orang (end user) akan berinteraksi



dengan sistem melalui antarmuka, (2) tugas-tugas yang harus melakukan pengguna akhir untuk melakukan pekerjaan mereka, (3) konten yang disajikan sebagai bagian dari antarmuka, dan (4) lingkungan di mana tugas-tugas ini akan dilakukan. Dalam bagian yang mengikuti, kami memeriksa setiap elemen dari antarmuka analysis5 dengan maksud untuk mendirikan-ing sebuah dasar yang kokoh untuk desain tugas yang mengikuti.

Bagaimana kita memahami karakteristik WebApp pengguna?

Antarmuka pengguna frase yang mungkin semua justification diperlukan untuk menghabiskan beberapa waktu untuk memahami pengguna sebelum khawatir tentang hal-hal teknis. Setiap pengguna memiliki gambaran mental WebApp yang mungkin berbeda dari citra mental de-veloped oleh pengguna lain. Selain itu, citra mental pengguna mungkin sangat berbeda dari model desain Anda. Adalah satu-satunya cara yang bisa Anda peroleh citra mental dan model desain untuk berkumpul untuk bekerja untuk memahami pengguna sendiri serta bagaimana orang-orang ini akan menggunakan system.6 informasi dari array yang luas sumber dapat digunakan untuk mencapai hal ini:

wawancara pengguna. Pendekatan yang paling langsung adalah anggota dari tim WebE untuk bertemu dengan pengguna akhir untuk lebih memahami kebutuhan mereka, motivasi, budaya kerja, dan sejumlah masalah lain. Ini dapat dicapai dalam satu-satu pertemuan atau melalui kelompok fokus.
penjualan masukan. Penjual dapat bertemu dengan pelanggan dan pengguna secara teratur dan dapat mengumpulkan informasi yang akan membantu tim WebE untuk mengkategorikan pengguna dan lebih memahami persyaratan mereka.
pemasaran masukan. Analisis pasar dapat sangat berharga dalam definition segmen pasar dan pemahaman tentang bagaimana setiap segmen mungkin menggunakan perangkat lunak dalam cara yang agak berbeda.
mendukung masukan. Staf dukungan dapat berdiskusi dengan pengguna setiap hari. Mereka adalah sumber paling mungkin informasi tentang apa yang berhasil dan apa yang tidak, pengguna yang suka dan apa yang mereka sukai, apa fitur menghasilkan pertanyaan, dan apa fitur mudah digunakan

seperangkat berikut pertanyaan (diadaptasi dari [Hac98]) akan membantu Anda untuk lebih baik di bawah-stand pengguna WebApp dalam pengaturan usaha:

• pengguna profesional terlatih, teknisi, oleh Spanyol atau pekerja manufaktur?


5 beberapa atau semua kegiatan ini mungkin telah dilakukan sebagai bagian dari aktivitas komunikasi (Bab 4) atau analisis pemodelan (Bab 7).
6 banyak, jika tidak semua, informasi tentang pengguna dan kebutuhan mereka harus benar-benar dikumpulkan selama persyaratan pengumpulan dan analisis. Jika tindakan teknik Web ini telah dilakukan dengan benar, Anda akan memiliki informasi yang cukup untuk memahami pengguna. Namun, ada saat-saat ketika Anda harus memperoleh informasi ini.



• apa tingkat pendidikan formal yang memiliki rata-rata pengguna?

• pengguna mampu belajar dari bahan-bahan tertulis, atau memiliki mereka ex - menekan keinginan untuk kelas atau pelatihan berbasis mentor?
• pengguna ahli typists atau keyboard-fobia?

• Apa adalah rentang usia komunitas pengguna?

• Apakah pengguna dapat diwakili didominasi oleh salah satu jenis kelamin?

• bagaimana adalah pengguna kompensasi untuk pekerjaan mereka melakukan?

• Do pengguna bekerja jam normal office, atau apakah mereka bekerja sampai pekerjaan diselesaikan?

• adalah WebApp menjadi bagian integral dari pengguna punya pekerjaan, atau akan digunakan hanya kadang-kadang?
• apa adalah bahasa utama antara pengguna? Apa bahasa domain-specific digunakan?
• Apakah konsekuensi jika pengguna membuat kesalahan menggunakan sistem?

• pengguna ahli dalam subyek yang ditujukan oleh sistem?

• Do pengguna ingin tahu tentang teknologi yang berada di balik antarmuka?


jawaban ini dan pertanyaan-pertanyaan serupa akan memungkinkan Anda untuk memahami siapa pengguna akhir, Apakah mungkin untuk memotivasi dan menyenangkan mereka, bagaimana mereka dapat dikelompokkan ke dalam kelas-kelas user yang berbeda atau profiles, apakah model mental mereka sistem dan bagaimana antarmuka pengguna harus ditandai untuk memenuhi kebutuhan mereka.


Bagaimana kita menjelaskan konten benda bahwa apakah Identified?

Perancang antarmuka juga mengkaji penggunaan skenario dan lain informasi ob-tained dari pengguna dan ekstrak objek konten yang dimanipulasi oleh tugas-tugas yang pengguna melakukan. Objek-objek ini dapat dikategorikan ke dalam kelas. At-upeti dari setiap kelas defined, dan evaluasi dari tindakan-tindakan yang diterapkan untuk setiap objek menyediakan Anda dengan daftar operasi.
dalam Bab 7, kami defined pohon data (gambar 7.5) untuk SafeHomeAssured.com terse-
tenda objek disebut komponen. Jika Anda memiliki tanggung jawab untuk desain antarmuka Anda akan memeriksa konten objek dan menggunakan Deskripsi komponen untuk membantu dalam tata letak antarmuka. Anda harus mengakui bahwa semua pengguna akan memiliki inter-est di objek komponen dan akan melihatnya sebagai specification produk untuk beberapa komponen SafeHome. Terkait konten kunci yang harus diajukan melalui antarmuka di-clude nama produk, nomor seri, Bagian kategori, deskripsi, harga, foto, deskripsi teknis, dan lain informasi.
Anda kemudian membuat tata letak yang ditunjukkan pada gambar 9.3. halaman Web ini adalah template untuk setiap produk specification. Perhatikan bahwa bentuk halaman tetap identik

Results (Indonesian) 2:

Desain Interface Pendahuluan Sebuah prinsip kunci dari model proses WebE adalah ini: Anda akan lebih memahami masalah sebelum Anda mencoba untuk merancang solusi. Dalam hal desain antarmuka, memahami-ing masalah berarti pemahaman (1) orang-orang (pengguna akhir) yang akan berinteraksi dengan sistem melalui antarmuka, (2) tugas-tugas yang pengguna akhir harus melakukan untuk melakukan pekerjaan mereka, (3 ) konten yang disajikan sebagai bagian dari antarmuka, dan (4) lingkungan di mana tugas-tugas ini akan dilakukan. Dalam bagian berikut, kita meneliti masing-masing elemen antarmuka analysis5 dengan maksud membangun-ing dasar yang kuat untuk tugas-tugas desain yang mengikuti. Bagaimana Kita Memahami Karakteristik Pengguna WebApp? Antarmuka frase pengguna mungkin semua pembenaran yang diperlukan untuk meluangkan waktu memahami pengguna sebelum mengkhawatirkan tentang hal-hal teknis. Setiap pengguna memiliki gambaran mental dari webapp yang mungkin berbeda dari gambaran mental yang dikembangkan oleh pengguna lain. Selain itu, gambaran mental pengguna mungkin sangat berbeda dari desain model Anda. Satu-satunya cara yang Anda bisa mendapatkan gambar mental dan model desain untuk berkumpul adalah bekerja untuk memahami pengguna sendiri serta bagaimana orang-orang ini akan menggunakan Informasi system.6 dari array yang luas dari sumber dapat digunakan untuk mencapai hal ini: wawancara pengguna. Pendekatan yang paling langsung adalah untuk anggota tim WebE untuk bertemu dengan pengguna akhir untuk lebih memahami kebutuhan mereka, motivasi, budaya kerja, dan segudang masalah lainnya. Hal ini dapat dicapai dalam one-on-one meeting atau melalui kelompok fokus. masukan Penjualan. Wiraniaga dapat bertemu dengan pelanggan dan pengguna secara teratur dan dapat mengumpulkan informasi yang akan membantu tim WebE untuk mengkategorikan pengguna dan lebih memahami kebutuhan mereka. masukan Pemasaran. Analisis pasar dapat sangat berharga dalam definisi segmen pasar dan pemahaman tentang bagaimana setiap segmen mungkin menggunakan software dengan cara agak berbeda. Dukungan input. Staf pendukung dapat berdiskusi dengan pengguna setiap hari. Mereka adalah sumber yang paling mungkin informasi tentang apa yang berhasil dan apa yang tidak, apa yang pengguna sukai dan apa yang mereka sukai, fitur apa yang menghasilkan pertanyaan, dan fitur apa saja yang mudah digunakan. Set berikut pertanyaan (diadaptasi dari [Hac98]) akan membantu Anda untuk lebih baik di bawah-berdiri pengguna dari WebApp dalam pengaturan bisnis: • Apakah pengguna profesional terlatih, teknisi, pekerja administrasi atau manufaktur? 5 Beberapa atau semua kegiatan ini mungkin telah dilakukan sebagai bagian dari kegiatan komunikasi ( Bab 4) atau analisis pemodelan (Bab 7). 6 Banyak, jika tidak semua, dari informasi tentang pengguna dan kebutuhan mereka harus benar-benar dikumpulkan selama persyaratan pengumpulan dan analisis. Jika tindakan rekayasa Web ini telah dilakukan dengan benar, Anda akan memiliki informasi yang cukup untuk memahami pengguna. Namun, ada kalanya Anda harus memperoleh informasi ini. • Apa tingkat pendidikan formal yang rata-rata pengguna memiliki? • Apakah pengguna mampu belajar dari bahan-bahan tertulis, atau telah mereka ex-menekan keinginan untuk kelas atau pelatihan berbasis mentor ? • Apakah pengguna juru ketik ahli atau keyboard-fobia? • Berapa kisaran usia komunitas pengguna? • Apakah pengguna diwakili didominasi oleh salah satu gender? • Bagaimana pengguna kompensasi untuk pekerjaan yang mereka lakukan? • Apakah pengguna bekerja kantor normal jam, atau apakah mereka bekerja sampai pekerjaan dilakukan? • Apakah webapp menjadi bagian integral dari pengguna bekerja lakukan, atau akan digunakan hanya sesekali? • Apakah bahasa lisan utama di kalangan pengguna? Apa bahasa domain-spesifik digunakan? • Apa konsekuensi jika pengguna membuat kesalahan menggunakan sistem? • Apakah ahli pengguna dalam materi pelajaran yang ditangani oleh sistem? • Apakah pengguna ingin tahu tentang teknologi yang duduk di belakang antarmuka? Jawaban atas pertanyaan-pertanyaan ini dan yang sejenis akan memungkinkan Anda untuk memahami siapa pengguna akhir, apa yang mungkin memotivasi dan menyenangkan mereka, bagaimana mereka dapat dikelompokkan menjadi pengguna kelas yang berbeda atau profil, apa model mental mereka dari sistem ini adalah , dan bagaimana user interface harus ditandai untuk memenuhi kebutuhan mereka. Bagaimana Kita Menjelaskan Objects Konten Yang Diidentifikasi? Seorang desainer antarmuka juga meneliti skenario penggunaan dan informasi lainnya didapatkan dari pengguna dan ekstrak objek konten yang dimanipulasi oleh tugas-tugas yang melakukan pengguna. Benda-benda ini dapat dikategorikan ke dalam kelas. At-upeti dari setiap kelas didefinisikan, dan evaluasi tindakan diterapkan untuk setiap objek menyediakan Anda dengan daftar operasi. Dalam Bab 7, kita mendefinisikan sebuah pohon data (Gambar 7.5) untuk SafeHomeAssured.com con- tent objek yang disebut komponen. Jika Anda memiliki tanggung jawab untuk desain interface Anda akan memeriksa obyek konten dan menggunakan deskripsi Komponen untuk membantu dalam tata letak antarmuka. Anda harus mengakui bahwa semua pengguna akan memiliki antar-est dalam objek Component dan akan melihatnya sebagai spesifikasi produk untuk beberapa komponen SafeHome. Konten utama yang harus disajikan melalui antarmuka di-clude nama produk, nomor seri, kategori bagian, deskripsi, harga, foto, deskripsi teknis, dan informasi terkait lainnya. Anda kemudian membuat tata letak yang ditunjukkan pada Gambar 9.3. Halaman web ini adalah template untuk spesifikasi masing-masing produk. Perhatikan bahwa bentuk halaman tetap identik dengan