The benefits of the object-action syntax are that users do not have to remember what actions are valid at what time for which objects. First, select an object. Then only those actions that can be performed with that object are available. Unavailable menu bar actions are grayed out if they are not available for the selected object. A pop-up menu only lists available actions for the object.
Key Idea! Consistent implementation of object-action syntax allows users to learn the relationships between objects and actions in the product. Users can explore and browse the interface by selecting objects and seeing what actions are available.
Use Real-World Metaphors
Real-world metaphors allow users to transfer knowledge about how things should look and work. Today’s home computer comes equipped with a fully functional telephone, answering machine, and fax machine. How do users interact with these programs? They shouldn’t have to learn anything new, since most users already know how to use these devices.
Figure 5-6 shows the interface for my computer’s telephone system. Guess what? It looks like a telephone answering machine! It didn’t take me very long at all to figure out how to use the telephone or answering system. I didn’t even have to look at the brief documentation that came with the product. The same thing happens when users first see a Personal Information Manager, or PIM, such as Lotus Organizer. People know how to use organizers and Day-TimersTM already, so they have the experience and also have certain expectations about how an appointment organizer, address, and phone book should work.
Lotus Organizer Version 1.0 used an icon of an anchor to represent the Create Link action (see Figure 5-7). This was not a very intuitive icon to use. Next to the anchor icon was an icon of an axe. What action did this button perform? You wouldn’t guess—it represented breaking a link! How do the visual icons of an anchor and an axe represent these two related actions? Not very well. For the past few years I have used this example of inconsistent metaphors and poor icon designs. None of my students could figure out what these icons meant. Well, Organizer version 2 fixed this metaphor faux pas by using icons of a chain of links and the chain being broken to represent these actions (see Figure 5-8). I’m glad Lotus finally listened to me and (I’m sure) other designers and users about these obtuse icons!
Key Idea! Be careful how you choose and use interface metaphors. Once you have chosen a metaphor, stick with it and follow it consistently. If you find a metaphor doesn’t work throughout the interface, go back and reevaluate your choice of metaphors. Remember—extend a metaphor, but don’t break it.
Use Progressive Disclosure
Users should not be overwhelmed by what they can do in a product. You don’t need to show users all of the functions the product offers. The best way to teach and guide users is to show them what they need, when they need it, and where they want it. This is the concept of progressive disclosure.
Some software programs offer graduated menus for users to choose from. User can choose simple menus that offer only common actions and function for casual use. After they feel comfortable with the product, or if they have a need for more sophisticated product features, they can choose to use the advanced menus. The key is that users are in control and they choose how much of the program and interface they see and work with.
New interface technologies such as wizards and assistants use progressive disclosure to guide users through common tasks. Wizards step users through tasks in a progressive manner where each step is simple and meaningful for even casual users.
Key Idea! Always provide easy access to common features and frequently used actions. Hide less common features and actions and allow users to navigate to them. Don’t try to put every piece of information in one main window. Use secondary windows for information that is not key information.
Promote Visual Clarity
Apply visual design principles of human perception I discussed in Chapter 4, such as grouping items on a menu or list, numbering items, and by using headings and prompt text. Think of information on the screen in the same way as information you would present in any other medium.
The general principles of organization, continuity, gestalt, and so on should be followed. Most programs present too much information at one time on the screen. This results in visual clutter and users don’t know where on the screen to look for information. Information should be presented with some priority and order so users can understand how information is organized on the screen. Remember the old adage, “form follows function.” Some of these graphic principles are discussed in more detail in Chapter 13.
Avoid arbitrary groupings, distinctions, and other elements that seem to provide organizational information, but really don’t. Figure 5-9 shows a window layout with haphazardly organized graphic objects and text, resulting in a “clown’s pants” effect (from the Yale C/AIM WWW Style Manual, http://info.med.yale.edu/caim/stylemanual). This visual disorganization impedes usability and legibility, and users cannot browse or search for information in an orderly fashion.
Figure 5-10 shows a similar window layout using a carefully organized grid containing both graphic objects and text. The visual organization improves usability and legibility, allowing users to quickly find information they are looking for, resulting in increased confidence in their ability to use the information effectively.
Key Idea! Graphic artists and book designers are skilled in the art of presenting information using the right medium and then designing the presentation of that information appropriately. These skills should be represented on the user interface design team.
ประโยชน์ของวัตถุการกระทำคำที่ผู้ใช้ไม่ต้องจดจำอะไรในการกระทำที่ถูกต้องในเวลาที่วัตถุ ขั้นแรกให้เลือกวัตถุ แล้วการกระทําเหล่านั้นเท่านั้นที่สามารถดำเนินการกับวัตถุที่มีอยู่ ใช้งานแถบเมนูการกระทำจะกลายเป็นสีเทา ถ้าพวกเขาจะไม่พร้อมใช้งานสำหรับวัตถุที่เลือก เมนูป๊อปอัพแสดงเฉพาะการกระทำของวัตถุ
ความคิดที่สำคัญ การดำเนินงานที่สอดคล้องกันของรูปแบบวัตถุการกระทำช่วยให้ผู้ใช้เรียนรู้ความสัมพันธ์ระหว่างวัตถุและการกระทำในผลิตภัณฑ์ ผู้ใช้สามารถค้นหาและเรียกดูอินเตอร์เฟซโดยการเลือกวัตถุ และเห็นการกระทำมีอยู่ การใช้อุปลักษณ์
โลกจริงโลกอุปมาอุปมัยให้ผู้ใช้ถ่ายโอนความรู้เกี่ยวกับสิ่งที่ควรมีลักษณะและการทำงานวันนี้บ้านคอมพิวเตอร์มาพร้อมกับโทรศัพท์ , การทำงานอย่างเต็มที่เครื่องตอบรับโทรศัพท์และเครื่องโทรสาร ทำไมผู้ใช้โต้ตอบกับโปรแกรมเหล่านี้ พวกเขาไม่ต้องเรียนรู้อะไรใหม่ เนื่องจากผู้ใช้ส่วนใหญ่แล้วรู้จักใช้อุปกรณ์เหล่านี้ .
รูปที่ 5-6 แสดงอินเทอร์เฟซสำหรับระบบโทรศัพท์คอมพิวเตอร์ เดาซิว่าอะไร ? มันเหมือนเครื่องตอบรับโทรศัพท์ !มันไม่ได้ใช้เวลามาก เลยคิดวิธีที่จะใช้โทรศัพท์ หรือ ระบบตอบรับอัตโนมัติ ผมไม่ได้ดูที่สั้น เอกสารประกอบที่มาพร้อมกับผลิตภัณฑ์ สิ่งเดียวกันที่เกิดขึ้นเมื่อผู้ใช้ครั้งแรกเห็นผู้จัดการข้อมูลส่วนบุคคล หรือ พิมพ์ เช่น โลตัส จัดงาน คนที่รู้วิธีที่จะใช้จัดงานและวัน timerstm เรียบร้อยแล้วดังนั้นพวกเขามีประสบการณ์และมีความคาดหวังบางอย่างเกี่ยวกับวิธีการนัดหมาย Organizer , ที่อยู่ , และหนังสือโทรศัพท์ควรจะทำงาน .
โลตัส Organizer รุ่น 1.0 ใช้ไอคอนของผู้ประกาศข่าวเป็นตัวแทนสร้างการเชื่อมโยงการกระทำ ( ดูรูปที่ 2 ) นี้ไม่ได้เป็นไอคอนที่ใช้งานง่ายมากที่จะใช้ ถัดจากไอคอนสมอเป็นไอคอนของขวาน การกระทำอะไรที่ปุ่มนี้แสดงคุณไม่คิดว่ามันแสดงแบ่งการเชื่อมโยง ! วิธีทำไอคอนภาพของผู้ประกาศข่าวและขวานแทนเหล่านี้สองการกระทำที่เกี่ยวข้อง ? ยังไม่ค่อยดี สำหรับไม่กี่ปีที่ผ่านมาฉันได้ใช้ตัวอย่างของอุปลักษณ์ที่ไม่สอดคล้องกันและการออกแบบไอคอนที่น่าสงสาร ไม่มีนักเรียนของฉันจะคิดออกว่าไอคอนเหล่านี้หมายถึง อืมจัด 2 รุ่นนี้เปรียบเทียบการประพฤติผิดคงที่โดยใช้ไอคอนของห่วงโซ่การเชื่อมโยงและโซ่ถูกทำลายแทนการกระทำเหล่านี้ ( ดูรูปที่ 1 ) ผมดีใจที่ โลตัส ก็ฟังฉัน ( ฉันแน่ใจว่า ) นักออกแบบอื่น ๆและผู้ใช้เกี่ยวกับไอคอนป้านเหล่านี้ !
คิดคีย์ ระวังในการเลือกและการใช้อุปลักษณ์อินเตอร์เฟซ เมื่อคุณได้เลือก เป็นคำเปรียบเทียบติดกับมันและปฏิบัติตามอย่างต่อเนื่อง ถ้าคุณหาคำเปรียบเทียบไม่ได้ทำงานตลอด ติดต่อ กลับไป และประเมินทางเลือกของคําอุปมาอุปมัย อย่าลืมขยายอุปมา แต่อย่าไปทำลายมัน การเปิดเผย
ใช้ผู้ใช้ไม่ควรจมโดยสิ่งที่พวกเขาสามารถทำในผลิตภัณฑ์ คุณไม่ต้องแสดงให้ผู้ใช้ทั้งหมดของฟังก์ชันที่เสนอผลิตภัณฑ์วิธีที่ดีที่สุดในการสอนและคู่มือผู้ใช้ เพื่อแสดงให้พวกเขาสิ่งที่พวกเขาต้องการเมื่อพวกเขาต้องการ และพวกเขาต้องการมัน นี้เป็นแนวคิดของการเปิดเผยข้อมูลความก้าวหน้า บางโปรแกรมซอฟต์แวร์ให้จบ
เมนูสำหรับผู้ใช้เพื่อเลือกจาก ผู้ใช้สามารถเลือกเมนูง่าย ๆที่เสนอเพียงที่พบการกระทำและฟังก์ชันสำหรับใช้ชั่วคราว เมื่อพวกเขารู้สึกสะดวกสบายกับผลิตภัณฑ์หรือถ้าพวกเขามีความต้องการคุณลักษณะของผลิตภัณฑ์ที่มีความซับซ้อนมากขึ้น พวกเขาสามารถเลือกใช้เมนูขั้นสูง คีย์ที่ใช้ในการควบคุมและพวกเขาเลือกวิธีการมากของโปรแกรมและอินเตอร์เฟซที่พวกเขาเห็นและทำงานร่วมกับ
เทคโนโลยีอินเตอร์เฟซใหม่ เช่น พ่อมดและผู้ช่วยใช้เปิดเผยก้าวหน้าคู่มือผู้ใช้ผ่านงานทั่วไปตัวช่วยสร้างขั้นตอนที่ผู้ใช้ผ่านงานในลักษณะที่ก้าวหน้าซึ่งแต่ละขั้นตอนจะง่ายและมีความหมายสำหรับผู้ใช้สบาย ๆ .
ไอเดียกุญแจ เสมอให้เข้าถึงคุณสมบัติทั่วไปและใช้บ่อย การกระทำ ซ่อนคุณลักษณะทั่วไปน้อยลง และการกระทำ และอนุญาตให้ผู้ใช้เพื่อนำทางไปยังพวกเขา ไม่ลองใส่ทุกชิ้นของข้อมูลในหน้าต่างหลักใช้รองของ Windows สำหรับข้อมูลที่ไม่ใช่ข้อมูลสำคัญ ภาพ ภาพ ความคมชัด
ส่งเสริมการใช้หลักการออกแบบของการรับรู้ของมนุษย์ ฉันกล่าวถึงในบทที่ 4 เช่นการจัดกลุ่มรายการในเมนู หรือ รายการสินค้า จำนวน และ โดยการใช้หัวและแจ้งข้อความ คิดของข้อมูลบนหน้าจอในลักษณะเดียวกันกับข้อมูลที่คุณจะนำเสนอในสื่ออื่น .
หลักการทั่วไปขององค์กรต่อเนื่อง เกสตัลท์ และอื่น ๆที่ควรติดตาม โปรแกรมส่วนใหญ่เสนอข้อมูลที่มากเกินไปในครั้งเดียวบนหน้าจอ ผลลัพธ์ที่ได้ในความไม่เป็นระเบียบภาพและผู้ใช้ไม่รู้ว่าบนหน้าจอเพื่อดูข้อมูล ข้อมูลควรได้รับการเสนอมีความสําคัญและคำสั่งเพื่อให้ผู้ใช้สามารถเข้าใจวิธีการจัดระเบียบข้อมูลบนหน้าจอจำสุภาษิตเก่า " รูปแบบดังต่อไปนี้ฟังก์ชั่น . " บางส่วนของหลักการกราฟิกเหล่านี้จะหารือในรายละเอียดเพิ่มเติมในบทที่ 13 .
หลีกเลี่ยงข้อ 6 , ความแตกต่าง , และองค์ประกอบอื่น ๆที่ดูเหมือนจะให้ข้อมูลในองค์กร แต่ก็ไม่คิดว่าคนแสดงเค้าโครงหน้าต่างกับตามยถากรรมจัดกราฟิกวัตถุและข้อความส่งผลให้ " ตัวตลกกางเกง " ( ผลจากเยล C / เล็ง www สไตล์คู่มือ , http : / / ข้อมูล . Med . เยล . edu / ไคม์ / stylemanual ) ความสับสนที่เห็นนี้ขัดขวางการใช้งานและความชัดเจนและผู้ใช้สามารถเรียกดู หรือค้นหาข้อมูลอย่างเป็นระเบียบ
รูป 5-10 แสดงรูปแบบหน้าต่างการจัดอย่างตารางที่มีทั้งวัตถุกราฟิกและข้อความองค์กรภาพการใช้งานและปรับปรุงความชัดเจนที่ช่วยให้ผู้ใช้สามารถค้นหาข้อมูลที่พวกเขากำลังมองหามากขึ้น ส่งผลให้ความเชื่อมั่นในความสามารถในการใช้ข้อมูลอย่างมีประสิทธิภาพ
ไอเดียกุญแจ ศิลปินกราฟิกและนักออกแบบหนังสือเป็นผู้เชี่ยวชาญในศิลปะของการนำเสนอข้อมูลการใช้สื่อที่เหมาะสม และออกแบบการนำเสนอข้อมูลที่เหมาะสมทักษะเหล่านี้จะถูกแสดงบนอินเตอร์เฟซผู้ใช้แบบทีม
การแปล กรุณารอสักครู่..