2 The Top Ten Mistakes
Admittedly, this list is somewhat subjective. The mistakes chosen for the list are the ones that seem to be the most obvious violations of the human-factors findings or the ones that are seen the most often in real-world websites. The mistakes include not only specific issues related to displaying information on a given page (e.g., using fonts that are too small), but also more general issues related to how the user gets to the information.
2.1 Mistake #1: Burying Information Too Deep in a Website
One of the truisms that we see illustrated over and over in our Usability Lab at Fidelity Investments is that the
deeper a piece of information resides in a website, the less likely users will find it. In other words, the more clicks it takes from the homepage to get to the information, the harder it is to find. This seems to be true for almost all types of websites. And it is one of the relatively few topics that has been studied thoroughly in the human-factors
literature. The earliest studies of this so-called “depth vs. breadth trade-off” pre-date the web, and involved studies of menu systems.
The trade-off between the amount of information to present on one screen or page versus the total number and depth of pages has been studied at least back to the 1980’s (e.g., Miller, 1981; Snowberry, Parkinson, & Sisson, 1983; Kiger, 1984; Tullis, 1985). Most of those early studies compared various types of menu hierarchies, from broad hierarchies with many selections per screen and fewer levels, to deeper hierarchies with fewer selections per screen and more levels. They generally found that shallower, broader hierarchies are more effective and easier for users to navigate than deeper hierarchies. More recently these issues have been re-visited in the context of web pages.
Zaphiris and Mtei (1997) studied five different designs for a website ranging from two to six levels deep. They
found that users could reach their desired target items significantly faster with most of the two-level designs.
However, one of the two-level designs, which used a relatively unnatural breakdown of the information on the first page, took longer. This points out the importance of the relationship between the site structure and the “natural”, or perceived, structure of the information itself. Larson and Czerwinski (1998) similarly showed that users found target items faster in a two-level website than a three-level site. Tsunoda et al (2001) studied four different Web hierarchies for accessing 81 product pages, ranging from only one level deep to four levels. They also manipulated the complexity of the user’s task: simple tasks that did not require any comparisons and complex tasks that did.
They found that for the simple tasks, there were no differences in performance for the different structures, although users preferred the four-level hierarchy. But for the complex tasks, users found products significantly faster with fewer levels (1-level or 2-level hierarchies), and they preferred the 1-level hierarchy. Similarly, Miller and Remington (2002) studied two hierarchies for organizing 481 department-store items: three levels or two levels. They chose two different types of target items that users were asked to find: unambiguous (e.g., garage door remote) or ambiguous (e.g., bird bath). They found that unambiguous items were found faster in the 3-level structure than in the 2-level structure. On the other hand, ambiguous items were found faster in the 2-level structure. Bernard (2002b) created six hierarchies varying in breadth, depth, and “shape” for finding merchandise, ranging from two levels to six levels. His results showed that users found items faster when there were fewer levels: two levels was best and six levels was worst.
The main conclusion from these studies is that in most of the real-world situations we encounter on websites, it is
almost always better to strive for breadth over depth—in other words, putting more choices on each page and having fewer levels of pages. Of course the big caveat is that the organization must also be consistent with the natural organization of the information that the users perceive. Having more selections (links) on a page makes it easier for users to make comparisons between them when trying to decide which path to choose. Having more selections also means that each item will tend to be more specific in order to distinguish it from the other selections, which also helps users.
2 ข้อผิดพลาดสิบด้านบน
ยอมรับว่ารายการนี้ค่อนข้างอัตวิสัย ความผิดพลาดที่เลือกสำหรับรายการเป็นคนที่ดูเหมือนจะชัดเจนที่สุดการละเมิดของปัจจัยมนุษย์พบ หรือคนที่เห็นบ่อยที่สุดในเว็บไซต์ที่เป็นจริง ความผิดพลาดรวมถึงไม่เพียงเฉพาะประเด็นที่เกี่ยวข้องกับการแสดงข้อมูลบนหน้าเว็บที่ระบุ ( เช่นการใช้แบบอักษรที่เล็กเกินไป )แต่ยังเป็นทั่วไปมากขึ้นปัญหาที่เกี่ยวข้องกับวิธีที่ผู้ใช้ได้รับข้อมูลผิดพลาด# 2.1 .
1 : ฝังข้อมูลลึกเกินไปในเว็บไซต์
หนึ่งของ truisms ที่เราเห็นแสดงให้เห็นซ้ำแล้วซ้ำอีกใน Lab การใช้งานของเราในความจงรักภักดีการลงทุนนั่น
ลึก ชิ้นส่วนของข้อมูลที่อยู่ในเว็บไซต์ ผู้ใช้อาจน้อยจะพบมัน ในคำอื่น ๆมันใช้เวลามากขึ้นคลิกจากหน้าแรกไปข้อมูลมันก็ยากที่จะหา นี้จะเป็นจริงสำหรับเกือบทุกประเภทของเว็บไซต์ และมันเป็นหนึ่งในไม่กี่เรื่องที่ค่อนข้างมีการศึกษาอย่างละเอียดในปัจจัยที่
คนวรรณกรรม การศึกษาแรกนี้เรียกว่า " ความลึกและความกว้างการแลกเปลี่ยน " ก่อนวันที่ เว็บ และ ที่เกี่ยวข้องกับการศึกษา
ระบบเมนูการแลกเปลี่ยนระหว่างปริมาณของข้อมูลที่จะนำเสนอในหนึ่งหน้าจอหรือหน้าเมื่อเทียบกับปริมาณและความลึกของหน้าได้เรียนอย่างน้อยก็กลับไปที่ 1980 ( เช่น มิลเลอร์ , 1981 ; Snowberry , พาร์คินสัน&ซิเซิ่น , 1983 ; ไคเกอร์ , 1984 ; tullis , 1985 ) ส่วนใหญ่ของผู้แรกศึกษาเปรียบเทียบประเภทต่างๆของชนชั้นต่างๆ เมนูจากชนชั้นกว้างมีหลายเลือกต่อ หน้าจอ และน้อยกว่าระดับการลำดับชั้นลึกกับน้อยเลือกต่อจอและระดับเพิ่มเติม พวกเขามักจะพบว่ามีชั้นตื้นกว้าง , มีประสิทธิภาพมากขึ้นและง่ายขึ้นสำหรับผู้ใช้เพื่อนำทางกว่าลำดับชั้นลึก เมื่อเร็ว ๆ นี้ ปัญหาเหล่านี้ได้เป็นเยี่ยมในบริบทของหน้าเว็บ
และ zaphiris mtei ( 2540 ) ศึกษา 5 การออกแบบที่แตกต่างกันสำหรับเว็บไซต์ตั้งแต่สองถึงหกระดับลึก พวกเขาพบว่า ผู้ใช้สามารถเข้าถึงของพวกเขา
เป้าหมายที่ต้องการสินค้าเร็วมากกับที่สุดของระดับการออกแบบ .
แต่หนึ่งของระดับการออกแบบซึ่งใช้แบ่งค่อนข้างผิดธรรมชาติของข้อมูลบนหน้าแรกได้อีกต่อไปนี้ชี้ให้เห็นถึงความสำคัญของความสัมพันธ์ระหว่างโครงสร้างเว็บไซต์และ " ธรรมชาติ " หรือการรับรู้โครงสร้างของข้อมูลนั่นเอง Larson และเซอร์วินสกี้ ( 1998 ) ซึ่งพบว่า ผู้ใช้พบว่าสินค้าเป้าหมายได้เร็วขึ้นในระดับมากกว่าสามระดับ เว็บไซต์ เว็บไซต์ tsunoda et al ( 2544 ) ได้ศึกษาสี่วรรณะเว็บที่แตกต่างกันสำหรับการเข้าถึง 81 หน้าผลิตภัณฑ์ตั้งแต่เพียงหนึ่งในระดับลึกถึงสี่ระดับ พวกเขายังจัดการความซับซ้อนของงานของผู้ใช้ได้ง่าย งานที่ไม่ต้องการเปรียบเทียบใด ๆ และงานที่ซับซ้อนที่ทำ .
พวกเขาพบว่าสำหรับงานง่ายๆ ไม่มีความแตกต่างในประสิทธิภาพของโครงสร้างที่แตกต่างกัน แม้ว่าผู้ใช้ที่ต้องการสี่ระดับการปกครอง แต่สำหรับงานที่ซับซ้อนผู้ใช้พบว่าสินค้าที่เร็วขึ้นอย่างเห็นได้ชัด ด้วยระดับน้อยกว่า ( 1-level หรือ 2-level วรรณะ ) , และพวกเขาต้องการ 1-level ลำดับขั้น ในทำนองเดียวกัน มิลเลอร์ และ เรมิงตัน ( 2002 ) ศึกษา 2 ชั้นจัดรายการที่ 481 ห้างสรรพสินค้า : สามระดับหรือสองระดับ พวกเขาเลือกสองชนิดที่แตกต่างกันของรายการเป้าหมายที่ผู้ใช้ถูกถามหา : ชัดเจน ( เช่นโรงรถประตูรีโมท ) หรือคลุมเครือ เช่น นกอาบน้ำ ) พวกเขาพบว่า รายการที่ชัดเจน พบขึ้นในโครงสร้างระดับ 3 กว่าในโครงสร้าง 2-level . บนมืออื่น ๆ , รายการที่พบได้เร็วขึ้นในโครงสร้าง 2-level . เบอร์นาร์ด ( 2002b ) สร้างหกวรรณะแตกต่างในความกว้าง ความลึก และ " รูปร่าง " สำหรับการค้นหา สินค้า ตั้งแต่ระดับสองหกระดับผลพบว่า ผู้ใช้พบว่าสินค้าได้เร็วขึ้น เมื่อมีจำนวนน้อยกว่าระดับสองระดับคือระดับที่เลวร้ายที่สุดและดีที่สุด 6 .
ข้อสรุปหลักจากการศึกษาเหล่านี้คือว่าส่วนใหญ่ของโลกแห่งความจริงสถานการณ์ที่เราพบบนเว็บไซต์ มันมักจะดีกว่าที่จะมุ่งมั่น
กว้างมากกว่าลึก ในคำอื่น ๆที่ใส่ตัวเลือกเพิ่มเติมใน แต่ละหน้า และมี น้อยกว่าระดับหน้าแน่นอน caveat ใหญ่ที่องค์กรยังต้องสอดคล้องกับธรรมชาติขององค์กรข้อมูลที่ผู้ใช้รับรู้ มีตัวเลือกเพิ่มเติม ( ลิงค์ ) บนหน้าทำให้ง่ายขึ้นสำหรับผู้ใช้ที่จะทำให้การเปรียบเทียบระหว่างพวกเขาเมื่อพยายามที่จะตัดสินใจเลือกทางเดินที่ต้องเลือกมีตัวเลือกเพิ่มเติม ยังหมายความ ว่า แต่ละรายการจะมีแนวโน้มที่จะเฉพาะเจาะจงมากขึ้นเพื่อให้แตกต่างจากการเลือกอื่น ๆซึ่งยังช่วยให้ผู้ใช้ .
การแปล กรุณารอสักครู่..
