- Văn bản
- Lịch sử
Variation A: Self-links in navigati
Variation A: Self-links in navigation bar
This variation happens when all links in a site’s navigation bar are active on all pages. FannieMae.com has a navigation column (on the left) in which links are active on their own page (Figure 3.23). The page shown is the home page, on which the “Home” link on the navigation column is active.
This variation is very common because the HTML code for the navigation bar is often copied onto every page of the site, so every navigation bar link is active on every page. It takes more work to alter the code for each page so that a page’s own navigation bar item is not active.
How harmful is this? It depends on how obvious it is to users that the link is a self-link. If the current page is strongly identified and matches the link label, users probably know that the link is a self-link. If the current page is not clearly identified or the link doesn’t match the page title, users may not realize that the link is a self-link and may click it.
FannieMae’s home page doesn’t indicate that this is the home page. Visitors might think the home page is a different page, click “Home” to go there, and discover that they were already there.
Variation B: Which home page?
On large sites that have multiple subsites (e.g., for different countries or regions in which they do business) and hence multiple home pages, site visi¬tors can easily lose track of which site they are in. Subsites of course pro¬vide links to the parent site and to other subsites. However, when subsites
FannieMae.com: links in left navigation column stay active, even on their own page.
Figure 3.24
PWC.com: United States home page has active self-link "United States" at upper left.
have active links to themselves, that can confuse visitors. The U.S. home page of PriceWaterhouseCoopers’s Web site (PWC.com) provides an example: the “United States” link (upper left) redisplays this same page (Figure 3.24).
Variation C: Self-links in navigation breadcrumb
A navigation aid often used in Web software is a “breadcrumb” or “bread¬crumb path.” It shows the current page’s position in the page hierarchy by listing the pages on the most direct path from the home page to the current page. The name comes from the idea of dropping breadcrumbs on the ground while t raversing a landscape, to show the way back. An example of a bread¬crumb is:
Home > About Us > People
This would indicate that the “People” page is currently displayed and is reached from “About Us,” which is reached from the home page.
A common blooper is for a breadcrumb to show the current page as an active link, for example:
Home > About Us > People
A
Mon» » Contact Oiy Govamrvnt
City of Columbia Telephone Numbers (All Numbers are Area Code 803)
ABCBEEUIUMESIMZ
Link Phone Number
A
Abandoned Vehicles 545-3420
Accounting 545-3414
Administra lion 545-3050
Animal Control 776-PETS (7387)
B
Business License 545-3345
B
Last item in breadcrumb path is active (self) link. (A) KFC.com. (B) ColumbiaSC.net.
KFC.com and ColumbiaSC.net both have this blooper (Figure 3.25): all items in both breadcrumb paths are active links, including the last one. The ColumbiaSC. net breadcrumb is more likely to confuse users because the page title doesn’t match the last breadcrumb item.
Variation D: Self-links elsewhere
Self-links that are not in the formal navigation links tend to be more trouble than those in navigation bars. Site users often can’t tell whether such links come back to the current page. Users who click on such a link may not at first realize that the same page has been redisplayed.
In Sun Microsystem’s online product documentation, any reference to a Sun online product document is a link—even references to the one the user is reading (Figure 3.26). Users may not recognize these as self-links and may click them and find themselves—after a reload delay—back at the start of the document they were reading.
Figure 3.26 Sun Cluster 3.1 Software Collection » Sun Cluster 31 Concepts Guide » 1. Introduction and Overview
A Previous Prerace
Chapter 1 Introduction and Overview
The SunPlex system is an integrated hardware and Sun Cluster software solution that is used to create highly available and scalable services.
■ Scrvicc providers who install and scrvicc eluster hardware . System administrators who install, configure, and administer Sun Cluster software . Application developers who develop failover and scalable services for applications not currently
included with the Sun Cluster product
Sun.com: in online documents, references to all documents are links, even to same one.
Avoiding Blooper 17
Nielsen and Tahir [2001] give the following design rule:
Don’t include an active link to the home page on the home page.
This rule can be generalized to any page:
Don’t include an active link to the current page on the current page.
Self-links in navigation bar: Hard to avoid?
Self-links in navigation bars are common because it is easier to use the exact same navigation bar code on every page than it is to alter the code for each page. Web developers sometimes argue that it is difficult to implement naviga¬tion bars in which the current page’s item is not an active link. It is not hard. It just requires editing the code for each page and removing the link code for the current page’s item on the navigation bar. Google.com and NWA.com avoid self-links in the navigation bar (Figure 3.27).
If the navigation bar code is generated dynamically, then just make sure the software that generates it suppresses links on navigation bar items for the current page.
Avoiding breadcrumbs to "here"
Self-links in breadcrumbs are easily avoided: the item for the current page should not be a link. This “best practice” design can be seen at United.com (Figure 3.28).
Flight»
Award Flight»
I Cruises I
Vacation Package»
Navigation bar avoids link to current page. (A) Google.com. (B) NWA.com.
Home » Mileage Plus » Purchase Miles » Personal Miles
Personal Miles
Perfect if you are just a few thousand miles snort of your next award trip. You can apply these miles toward award travel on United or any Mileage Plus airline partner, or toward upgrades on United.
United.com: last item (for current page) in breadcrumb path is not a link.
Blooper 18: Too many levels of dialog boxes
Developers often are so focused on designing windows or Web pages that they don’t step back to look at the larger picture. How many windows or pages are there, and how easy is it for users to find their way around? Many software prod¬ucts and Web sites have too many windows or pages, or they have window/page hierarchies in which users get lost easily. “Where am I? How did I get here? How do I get back to where I was? Where is that Line Width setting? What was I doing before the phone rang?”
Constructing a representation of the software’s entire window or page struc¬ture can show developers the “big picture.” The best representation is a chart (Figure 3.29).
Some applications and Web sites have so many windows or pages that a chart is impractical because it would cover an entire wall or it would be a tangled mess of boxes and lines that would not be helpful. In such cases, use an outline instead (Figure 3.30).
Constructing a chart or outline that lays out the entire window or page struc¬ture of an application or Web site shows where the structure may be too deep.
A real example of the blooper
In Apple’s Final Cut Pro, exporting an image from a video, optimized for stream¬ing, requires navigating through five levels of dialog boxes:
1. Save As displays the Save dialog box (Figure 3.31A). Enter the file name, set the format to “Still Image” and, because there is no setting on this dialog box to optimize the image for streaming, click “Options....”
Figure 3.29
Window hierarchy graph for checkbook management application.
Checkbook window hierarchy
• Checkbook MainWindow
• Create Account
• Create Frequent Payee List
• Edit CheckRegister Options
• Add Transaction
• Show Details
• Edit Comment
• Edit Transaction
• Show Details
• Edit Comment
• Find Transaction
• Import Transactions
• Filechooser
• Export Transactions
• Filechooser
• Analyze Transactions
• Cash Flow Analysis
• Category Summary
• Tax Analysis
• Specify External Income
• Specify External Expenses
• Balance Checkbook
• Edit Transaction
• Show Details
• Edit Comment
Window hierarchy outline for checkbook management application.
Now, what were we doing?
Deep hierarchies of dialog boxes are bad for two reasons: (1) they divert users from their original goals and (2) users lose track of exactly which “OK” and “Cancel” buttons are the current ones. People don’t handle deep hierarchical information structures well; when they have followed a hierarchy down more than a few levels, they tend to lose track of where they are, what they were doing, and how to get back.
oo© Save
Save As: Tension J0
II
II!
A
▼ , t Tension î I M, search A
f M Great Mate Kate £ Set l.jpg
Macintosh HD M it Old ► 1 Ï Set 2.100
| LaCie Di jk ► J Othct f 1 Î Set 3.jpg
(•» Network » 1 | Pip*rCut til » 1 § Tension
■JK Applications nvrhael f I 1 V lension 1
► 1 Tmp ► 1
Desktop BLogl c H Final Cut £ DVD Studio * I* I
Q Scripts
% IVtfiinu>nt(
PH Documents
^ Mu Or
~ Pictures
IÎ Movies * i | invokes r { II 111 A
- »..
B
Apple FinalCut Pro: exporting image from video, optimized for streaming, requires (A), (B), (C), (D), and (E).
(Continued)
Depth: Best Depth
Quality
Least l ow I M»riium| High Bt*f
(?)
D
Photo JPEG Options
C Optimize for streaming
^ RFC 2035 compatible (less error correction)
( Cancel ) ( OK )
E
Other examples
Excerpts from two software reviews show other situations in which the blooper
occurs:
■ The hierarchy outline shows that certain areas of StockUp’s window hier¬archy are too deep, for example, the hierarchy below the various Monitor
This variation happens when all links in a site’s navigation bar are active on all pages. FannieMae.com has a navigation column (on the left) in which links are active on their own page (Figure 3.23). The page shown is the home page, on which the “Home” link on the navigation column is active.
This variation is very common because the HTML code for the navigation bar is often copied onto every page of the site, so every navigation bar link is active on every page. It takes more work to alter the code for each page so that a page’s own navigation bar item is not active.
How harmful is this? It depends on how obvious it is to users that the link is a self-link. If the current page is strongly identified and matches the link label, users probably know that the link is a self-link. If the current page is not clearly identified or the link doesn’t match the page title, users may not realize that the link is a self-link and may click it.
FannieMae’s home page doesn’t indicate that this is the home page. Visitors might think the home page is a different page, click “Home” to go there, and discover that they were already there.
Variation B: Which home page?
On large sites that have multiple subsites (e.g., for different countries or regions in which they do business) and hence multiple home pages, site visi¬tors can easily lose track of which site they are in. Subsites of course pro¬vide links to the parent site and to other subsites. However, when subsites
FannieMae.com: links in left navigation column stay active, even on their own page.
Figure 3.24
PWC.com: United States home page has active self-link "United States" at upper left.
have active links to themselves, that can confuse visitors. The U.S. home page of PriceWaterhouseCoopers’s Web site (PWC.com) provides an example: the “United States” link (upper left) redisplays this same page (Figure 3.24).
Variation C: Self-links in navigation breadcrumb
A navigation aid often used in Web software is a “breadcrumb” or “bread¬crumb path.” It shows the current page’s position in the page hierarchy by listing the pages on the most direct path from the home page to the current page. The name comes from the idea of dropping breadcrumbs on the ground while t raversing a landscape, to show the way back. An example of a bread¬crumb is:
Home > About Us > People
This would indicate that the “People” page is currently displayed and is reached from “About Us,” which is reached from the home page.
A common blooper is for a breadcrumb to show the current page as an active link, for example:
Home > About Us > People
A
Mon» » Contact Oiy Govamrvnt
City of Columbia Telephone Numbers (All Numbers are Area Code 803)
ABCBEEUIUMESIMZ
Link Phone Number
A
Abandoned Vehicles 545-3420
Accounting 545-3414
Administra lion 545-3050
Animal Control 776-PETS (7387)
B
Business License 545-3345
B
Last item in breadcrumb path is active (self) link. (A) KFC.com. (B) ColumbiaSC.net.
KFC.com and ColumbiaSC.net both have this blooper (Figure 3.25): all items in both breadcrumb paths are active links, including the last one. The ColumbiaSC. net breadcrumb is more likely to confuse users because the page title doesn’t match the last breadcrumb item.
Variation D: Self-links elsewhere
Self-links that are not in the formal navigation links tend to be more trouble than those in navigation bars. Site users often can’t tell whether such links come back to the current page. Users who click on such a link may not at first realize that the same page has been redisplayed.
In Sun Microsystem’s online product documentation, any reference to a Sun online product document is a link—even references to the one the user is reading (Figure 3.26). Users may not recognize these as self-links and may click them and find themselves—after a reload delay—back at the start of the document they were reading.
Figure 3.26 Sun Cluster 3.1 Software Collection » Sun Cluster 31 Concepts Guide » 1. Introduction and Overview
A Previous Prerace
Chapter 1 Introduction and Overview
The SunPlex system is an integrated hardware and Sun Cluster software solution that is used to create highly available and scalable services.
■ Scrvicc providers who install and scrvicc eluster hardware . System administrators who install, configure, and administer Sun Cluster software . Application developers who develop failover and scalable services for applications not currently
included with the Sun Cluster product
Sun.com: in online documents, references to all documents are links, even to same one.
Avoiding Blooper 17
Nielsen and Tahir [2001] give the following design rule:
Don’t include an active link to the home page on the home page.
This rule can be generalized to any page:
Don’t include an active link to the current page on the current page.
Self-links in navigation bar: Hard to avoid?
Self-links in navigation bars are common because it is easier to use the exact same navigation bar code on every page than it is to alter the code for each page. Web developers sometimes argue that it is difficult to implement naviga¬tion bars in which the current page’s item is not an active link. It is not hard. It just requires editing the code for each page and removing the link code for the current page’s item on the navigation bar. Google.com and NWA.com avoid self-links in the navigation bar (Figure 3.27).
If the navigation bar code is generated dynamically, then just make sure the software that generates it suppresses links on navigation bar items for the current page.
Avoiding breadcrumbs to "here"
Self-links in breadcrumbs are easily avoided: the item for the current page should not be a link. This “best practice” design can be seen at United.com (Figure 3.28).
Flight»
Award Flight»
I Cruises I
Vacation Package»
Navigation bar avoids link to current page. (A) Google.com. (B) NWA.com.
Home » Mileage Plus » Purchase Miles » Personal Miles
Personal Miles
Perfect if you are just a few thousand miles snort of your next award trip. You can apply these miles toward award travel on United or any Mileage Plus airline partner, or toward upgrades on United.
United.com: last item (for current page) in breadcrumb path is not a link.
Blooper 18: Too many levels of dialog boxes
Developers often are so focused on designing windows or Web pages that they don’t step back to look at the larger picture. How many windows or pages are there, and how easy is it for users to find their way around? Many software prod¬ucts and Web sites have too many windows or pages, or they have window/page hierarchies in which users get lost easily. “Where am I? How did I get here? How do I get back to where I was? Where is that Line Width setting? What was I doing before the phone rang?”
Constructing a representation of the software’s entire window or page struc¬ture can show developers the “big picture.” The best representation is a chart (Figure 3.29).
Some applications and Web sites have so many windows or pages that a chart is impractical because it would cover an entire wall or it would be a tangled mess of boxes and lines that would not be helpful. In such cases, use an outline instead (Figure 3.30).
Constructing a chart or outline that lays out the entire window or page struc¬ture of an application or Web site shows where the structure may be too deep.
A real example of the blooper
In Apple’s Final Cut Pro, exporting an image from a video, optimized for stream¬ing, requires navigating through five levels of dialog boxes:
1. Save As displays the Save dialog box (Figure 3.31A). Enter the file name, set the format to “Still Image” and, because there is no setting on this dialog box to optimize the image for streaming, click “Options....”
Figure 3.29
Window hierarchy graph for checkbook management application.
Checkbook window hierarchy
• Checkbook MainWindow
• Create Account
• Create Frequent Payee List
• Edit CheckRegister Options
• Add Transaction
• Show Details
• Edit Comment
• Edit Transaction
• Show Details
• Edit Comment
• Find Transaction
• Import Transactions
• Filechooser
• Export Transactions
• Filechooser
• Analyze Transactions
• Cash Flow Analysis
• Category Summary
• Tax Analysis
• Specify External Income
• Specify External Expenses
• Balance Checkbook
• Edit Transaction
• Show Details
• Edit Comment
Window hierarchy outline for checkbook management application.
Now, what were we doing?
Deep hierarchies of dialog boxes are bad for two reasons: (1) they divert users from their original goals and (2) users lose track of exactly which “OK” and “Cancel” buttons are the current ones. People don’t handle deep hierarchical information structures well; when they have followed a hierarchy down more than a few levels, they tend to lose track of where they are, what they were doing, and how to get back.
oo© Save
Save As: Tension J0
II
II!
A
▼ , t Tension î I M, search A
f M Great Mate Kate £ Set l.jpg
Macintosh HD M it Old ► 1 Ï Set 2.100
| LaCie Di jk ► J Othct f 1 Î Set 3.jpg
(•» Network » 1 | Pip*rCut til » 1 § Tension
■JK Applications nvrhael f I 1 V lension 1
► 1 Tmp ► 1
Desktop BLogl c H Final Cut £ DVD Studio * I* I
Q Scripts
% IVtfiinu>nt(
PH Documents
^ Mu Or
~ Pictures
IÎ Movies * i | invokes r { II 111 A
- »..
B
Apple FinalCut Pro: exporting image from video, optimized for streaming, requires (A), (B), (C), (D), and (E).
(Continued)
Depth: Best Depth
Quality
Least l ow I M»riium| High Bt*f
(?)
D
Photo JPEG Options
C Optimize for streaming
^ RFC 2035 compatible (less error correction)
( Cancel ) ( OK )
E
Other examples
Excerpts from two software reviews show other situations in which the blooper
occurs:
■ The hierarchy outline shows that certain areas of StockUp’s window hier¬archy are too deep, for example, the hierarchy below the various Monitor
0/5000
Biến thể A: tự liên kết trong thanh điều hướngBiến thể này sẽ xảy ra khi tất cả các liên kết trong thanh điều hướng của trang web đang hoạt động trên tất cả các trang. FannieMae.com có một cột danh mục chính (bên trái) trong đó liên kết được hoạt động trên các trang của riêng của họ (hình 3,23). Trang Hiển thị là trang chủ, mà trên đó các liên kết "Trang chủ" danh mục chính cột bên đang hoạt động.Biến thể này là rất phổ biến bởi vì mã HTML cho góc thường được sao chép vào mỗi trang của trang web, do đó, mỗi liên kết menu bar được kích hoạt trên mỗi trang. Nó có nhiều việc để làm thay đổi mã cho mỗi trang để không phải là một mục thanh điều hướng của trang không phải là hoạt động.Có hại như thế nào là điều này? Nó phụ thuộc vào làm thế nào rõ ràng nó là cho người dùng rằng liên kết là một liên kết tự. Nếu trang hiện thời được xác định mạnh mẽ và phù hợp với nhãn liên kết, người dùng có thể biết rằng liên kết là một liên kết tự. Nếu trang hiện thời không được xác định rõ ràng hoặc liên kết không phù hợp với các tiêu đề trang, người dùng có thể không nhận ra rằng các liên kết là một tự liên kết và có thể nhấp vào nó.Trang chủ FannieMae của không chỉ ra rằng đây là trang chủ. Số lượt truy cập có thể nghĩ rằng trang chủ là một trang khác nhau, bấm vào "Trang chủ" để đến đó, và phát hiện ra rằng họ đã đã có.Biến thể B: mà trang chủ?Trên các trang web lớn có nhiều subsites (ví dụ, cho các quốc gia khác nhau hoặc khu vực mà họ làm kinh doanh) và do đó nhiều trang nhà, trang web visi¬tors có thể dễ dàng mất theo dõi của trang web mà họ đang có trong. Subsites tất nhiên pro¬vide liên kết trang web phụ huynh và subsite khác. Tuy nhiên, khi SubSite FannieMae.com: các liên kết trong hướng bên trái cột được hoạt động, ngay cả trên trang của riêng của họ. Con số 3,24PWC.com: Trang chủ Hoa Kỳ có hoạt động tự liên kết "Hoa Kỳ" ở góc trên bên trái.có các hoạt động liên kết với chính mình, có thể gây nhầm lẫn du khách. Hoa Kỳ Trang chủ của trang Web của PriceWaterhouseCoopers (PWC.com) cung cấp một ví dụ: liên kết "Hoa Kỳ" (góc trên bên trái) redisplays này cùng một trang (hình 3,24).Biến thể C: tự liên kết trong menu mẩu bánh mìMột trợ giúp chuyển hướng thường được sử dụng trong phần mềm Web là một mẩu bánh mì"" hoặc "bread¬crumb con đường." Nó cho thấy vị trí của trang hiện tại trong hệ thống phân cấp trang theo danh sách các trang trên đường dẫn đặt trực tiếp từ trang chủ đến trang hiện thời. Cái tên xuất phát từ ý tưởng của thả breadcrumbs trên mặt đất trong khi t raversing một cảnh quan, để hiển thị con đường trở lại. Một ví dụ về một bread¬crumb là:Trang chủ > giới thiệu > ngườiĐiều này sẽ cho thấy rằng trang "Nhân dân" hiện đang được hiển thị và đạt đến từ "Về chúng tôi," đó đến từ trang chủ.Một blooper thường là cho một mẩu bánh mì để hiển thị trang hiện tại như là một liên kết hoạt động, ví dụ:Trang chủ > giới thiệu > người AThứ hai»» liên hệ với Oiy GovamrvntThành phố của Columbia điện thoại số (các con số tất cả là mã vùng 803)ABCBEEUIUMESIMZSố điện thoại liên kếtA Bị bỏ rơi xe 545-3420Kế toán 545-3414Administra sư tử 545-800.648.3050Kiểm soát động vật 776-vật nuôi (7387)BKinh doanh giấy phép 545-3345BMục cuối cùng trong mẩu bánh mì con đường là liên kết hoạt động (tự). (A) KFC.com. (B) ColumbiaSC.net.KFC.com và ColumbiaSC.net đều có này blooper (con số 3,25): tất cả các mục trong cả hai mẩu bánh mì con đường là liên kết hoạt động, bao gồm cả mới nhất. ColumbiaSC. mẩu bánh mì net là nhiều khả năng gây nhầm lẫn người sử dụng bởi vì các tiêu đề trang không phù hợp với mẩu bánh mì mục cuối.Biến thể D: tự liên kết ở những nơi khácTự liên kết rằng không có trong các menu chính thức liên kết có xu hướng là thêm rắc rối hơn so với những người trong thanh điều hướng. Trang web người dùng thường không thể nói cho dù các liên kết quay lại trang hiện tại. Người sử dụng nhấp chuột vào một liên kết có thể không phải lúc đầu tiên nhận ra cùng một trang đã được redisplayed.Trong các tài liệu trực tuyến sản phẩm của Sun Microsystem, bất kỳ tham chiếu đến một tài liệu trực tuyến sản phẩm của Sun là một liên kết-ngay cả các tham chiếu đến một người sử dụng đọc (hình 3,26). Người dùng có thể không nhận ra chúng như tự liên kết và có thể nhấp vào chúng và tìm thấy chính mình-sau khi một sự chậm trễ tải lại — trở lại lúc bắt đầu của tài liệu mà họ đã đọc. Con số 3,26 Sun Cluster 3.1 phần mềm bộ sưu tập» Sun Cluster 31 khái niệm hướng dẫn» 1. Giới thiệu và tổng quanPrerace trướcChương 1 giới thiệu và tổng quanHệ thống SunPlex là một tích hợp phần cứng và giải pháp phần mềm Sun Cluster được sử dụng để tạo ra dịch vụ cao có sẵn và khả năng mở rộng. ■ Scrvicc nhà cung cấp đã cài đặt và scrvicc eluster phần cứng. Hệ thống quản trị viên cài đặt, cấu hình, và quản lý phần mềm Sun Cluster. Nhà phát triển ứng dụng phát triển khả năng mở rộng dịch vụ cho các ứng dụng và chuyển đổi dự phòng không hiện naybao gồm trong sản phẩm của Sun ClusterSun.com: tài liệu trực tuyến, những tài liệu tham khảo cho tất cả tài liệu là liên kết, thậm chí đến cùng một.Tránh Blooper 17Nielsen và Tahir [2001] cung cấp cho các quy tắc thiết kế sau đây:Không bao gồm một liên kết hoạt động để trang chủ trên trang chủ.Quy tắc này có thể được tổng quát cho bất kỳ trang:Không bao gồm một liên kết hoạt động đến trang hiện tại trên trang hiện thời.Tự liên kết trong thanh điều hướng: khó tránh?Tự liên kết trong điều hướng quán bar được phổ biến bởi vì nó là dễ dàng hơn để sử dụng chính xác cùng một điều hướng mã vạch trên mỗi trang hơn là để thay đổi mã cho mỗi trang. Nhà phát triển web đôi khi cho rằng nó là khó khăn để thực hiện naviga¬tion thanh trong đó mục trang hiện thời không phải là một liên kết hoạt động. Nó không phải là khó. Nó chỉ đòi hỏi phải chỉnh sửa mã cho mỗi trang và loại bỏ các mã liên kết cho trang hiện tại của khoản mục trên thanh điều hướng. Google.com và NWA.com tránh tự liên kết trong các menu bar (hình 3,27).Nếu mã vạch menu được tạo ra tự động, sau đó chỉ cần chắc chắn rằng các phần mềm mà tạo ra nó ngăn chặn liên kết trên menu bar mục cho trang hiện tại.Tránh breadcrumbs để "ở đây"Tự liên kết trong breadcrumbs dễ dàng tránh: mục cho trang hiện thời không phải là một liên kết. Thiết kế "thực hành tốt nhất" này có thể được xem tại United.com (con số 3.28). Chuyến bay»Giải thưởng chuyến bay»Tôi du lịch trên biển tôiKỳ nghỉ gói» Thanh điều hướng tránh liên kết đến trang hiện tại. (A) Google.com. (B) NWA.com.Home » Mileage Plus » Purchase Miles » Personal MilesPersonal MilesPerfect if you are just a few thousand miles snort of your next award trip. You can apply these miles toward award travel on United or any Mileage Plus airline partner, or toward upgrades on United. United.com: last item (for current page) in breadcrumb path is not a link.Blooper 18: Too many levels of dialog boxesDevelopers often are so focused on designing windows or Web pages that they don’t step back to look at the larger picture. How many windows or pages are there, and how easy is it for users to find their way around? Many software prod¬ucts and Web sites have too many windows or pages, or they have window/page hierarchies in which users get lost easily. “Where am I? How did I get here? How do I get back to where I was? Where is that Line Width setting? What was I doing before the phone rang?” Constructing a representation of the software’s entire window or page struc¬ture can show developers the “big picture.” The best representation is a chart (Figure 3.29).Some applications and Web sites have so many windows or pages that a chart is impractical because it would cover an entire wall or it would be a tangled mess of boxes and lines that would not be helpful. In such cases, use an outline instead (Figure 3.30).Constructing a chart or outline that lays out the entire window or page struc¬ture of an application or Web site shows where the structure may be too deep.A real example of the blooper
In Apple’s Final Cut Pro, exporting an image from a video, optimized for stream¬ing, requires navigating through five levels of dialog boxes:
1. Save As displays the Save dialog box (Figure 3.31A). Enter the file name, set the format to “Still Image” and, because there is no setting on this dialog box to optimize the image for streaming, click “Options....”
Figure 3.29
Window hierarchy graph for checkbook management application.
Checkbook window hierarchy
• Checkbook MainWindow
• Create Account
• Create Frequent Payee List
• Edit CheckRegister Options
• Add Transaction
• Show Details
• Edit Comment
• Edit Transaction
• Show Details
• Edit Comment
• Find Transaction
• Import Transactions
• Filechooser
• Export Transactions
• Filechooser
• Analyze Transactions
• Cash Flow Analysis
• Category Summary
• Tax Analysis
• Specify External Income
• Specify External Expenses
• Balance Checkbook
• Edit Transaction
• Show Details
• Edit Comment
Window hierarchy outline for checkbook management application.
Now, what were we doing?
Deep hierarchies of dialog boxes are bad for two reasons: (1) they divert users from their original goals and (2) users lose track of exactly which “OK” and “Cancel” buttons are the current ones. People don’t handle deep hierarchical information structures well; when they have followed a hierarchy down more than a few levels, they tend to lose track of where they are, what they were doing, and how to get back.
oo© Save
Save As: Tension J0
II
II!
A
▼ , t Tension î I M, search A
f M Great Mate Kate £ Set l.jpg
Macintosh HD M it Old ► 1 Ï Set 2.100
| LaCie Di jk ► J Othct f 1 Î Set 3.jpg
(•» Network » 1 | Pip*rCut til » 1 § Tension
■JK Applications nvrhael f I 1 V lension 1
► 1 Tmp ► 1
Desktop BLogl c H Final Cut £ DVD Studio * I* I
Q Scripts
% IVtfiinu>nt(
PH Documents
^ Mu Or
~ Pictures
IÎ Movies * i | invokes r { II 111 A
- »..
B
Apple FinalCut Pro: exporting image from video, optimized for streaming, requires (A), (B), (C), (D), and (E).
(Continued)
Depth: Best Depth
Quality
Least l ow I M»riium| High Bt*f
(?)
D
Photo JPEG Options
C Optimize for streaming
^ RFC 2035 compatible (less error correction)
( Cancel ) ( OK )
E
Other examples
Excerpts from two software reviews show other situations in which the blooper
occurs:
■ The hierarchy outline shows that certain areas of StockUp’s window hier¬archy are too deep, for example, the hierarchy below the various Monitor
In Apple’s Final Cut Pro, exporting an image from a video, optimized for stream¬ing, requires navigating through five levels of dialog boxes:
1. Save As displays the Save dialog box (Figure 3.31A). Enter the file name, set the format to “Still Image” and, because there is no setting on this dialog box to optimize the image for streaming, click “Options....”
Figure 3.29
Window hierarchy graph for checkbook management application.
Checkbook window hierarchy
• Checkbook MainWindow
• Create Account
• Create Frequent Payee List
• Edit CheckRegister Options
• Add Transaction
• Show Details
• Edit Comment
• Edit Transaction
• Show Details
• Edit Comment
• Find Transaction
• Import Transactions
• Filechooser
• Export Transactions
• Filechooser
• Analyze Transactions
• Cash Flow Analysis
• Category Summary
• Tax Analysis
• Specify External Income
• Specify External Expenses
• Balance Checkbook
• Edit Transaction
• Show Details
• Edit Comment
Window hierarchy outline for checkbook management application.
Now, what were we doing?
Deep hierarchies of dialog boxes are bad for two reasons: (1) they divert users from their original goals and (2) users lose track of exactly which “OK” and “Cancel” buttons are the current ones. People don’t handle deep hierarchical information structures well; when they have followed a hierarchy down more than a few levels, they tend to lose track of where they are, what they were doing, and how to get back.
oo© Save
Save As: Tension J0
II
II!
A
▼ , t Tension î I M, search A
f M Great Mate Kate £ Set l.jpg
Macintosh HD M it Old ► 1 Ï Set 2.100
| LaCie Di jk ► J Othct f 1 Î Set 3.jpg
(•» Network » 1 | Pip*rCut til » 1 § Tension
■JK Applications nvrhael f I 1 V lension 1
► 1 Tmp ► 1
Desktop BLogl c H Final Cut £ DVD Studio * I* I
Q Scripts
% IVtfiinu>nt(
PH Documents
^ Mu Or
~ Pictures
IÎ Movies * i | invokes r { II 111 A
- »..
B
Apple FinalCut Pro: exporting image from video, optimized for streaming, requires (A), (B), (C), (D), and (E).
(Continued)
Depth: Best Depth
Quality
Least l ow I M»riium| High Bt*f
(?)
D
Photo JPEG Options
C Optimize for streaming
^ RFC 2035 compatible (less error correction)
( Cancel ) ( OK )
E
Other examples
Excerpts from two software reviews show other situations in which the blooper
occurs:
■ The hierarchy outline shows that certain areas of StockUp’s window hier¬archy are too deep, for example, the hierarchy below the various Monitor
đang được dịch, vui lòng đợi..
Biến A: Tự liên kết trong thanh điều hướng
thay đổi này xảy ra khi tất cả các liên kết trong thanh điều hướng của một trang web đang hoạt động trên tất cả các trang. FannieMae.com có một cột menu (bên trái) trong đó các liên kết đang hoạt động trên trang của mình (Hình 3.23). Các trang được hiển thị là trang chủ, trong đó "Home" trên cột menu được kích hoạt.
Sự thay đổi này là rất phổ biến bởi vì các mã HTML cho các thanh điều hướng thường được sao chép vào mỗi trang của trang web, do đó, mỗi liên kết thanh điều hướng đang hoạt động trên tất cả các trang. Nó có nhiều việc để làm thay đổi mã cho mỗi trang để riêng mục thanh điều hướng của trang không hoạt động.
Làm thế nào là có hại này? Nó phụ thuộc vào cách rõ ràng nó là để người dùng liên kết là một tự-link. Nếu trang hiện hành được xác định mạnh mẽ và phù hợp với nhãn liên kết, người dùng có thể biết rằng liên kết là một tự-link. Nếu trang hiện tại không được xác định rõ ràng hoặc liên kết không phù hợp với các tiêu đề trang, người dùng có thể không nhận ra rằng liên kết là một tự liên kết và có thể nhấp vào nó.
Trang nhà FannieMae của không chỉ ra rằng đây là trang chủ. Du khách có thể nghĩ rằng trang chủ là một trang khác, click "Home" để đi đến đó, và khám phá ra rằng họ đã có.
Biến thể B: Những trang chủ?
Trên các trang web lớn có nhiều subsites (ví dụ, đối với các nước khác nhau hoặc khu vực mà họ làm kinh doanh) và do đó nhiều trang chủ, visi¬tors trang web có thể dễ dàng bị mất dấu vết của các trang web mà họ đang ngụ tất nhiên các liên kết đến các trang web pro¬vide mẹ. và subsites khác. Tuy nhiên, khi subsites FannieMae.com: liên kết trong cột điều hướng bên trái ở lại hoạt động, ngay cả trên trang của mình. Hình 3.24 PWC.com: trang chủ Hoa Kỳ có hoạt động tự liên kết "Hoa Kỳ" ở góc trên bên trái. có liên kết hoạt động với bản thân , mà có thể gây nhầm lẫn cho khách. Trang chủ của Mỹ trang web của PriceWaterhouseCoopers (PWC.com) là một ví dụ: "Liên bang" liên kết (phía trên bên trái) cùng hiển thị lại trang này (Hình 3.24). Biến C: Tự liên kết trong điều hướng breadcrumb Máy trợ điều hướng thường được sử dụng trong phần mềm Web là một "mẩu bánh mì" hay "con đường bread¬crumb." Nó cho thấy vị trí của trang hiện tại trong hệ thống trang bằng cách liệt kê các trang trên con đường trực tiếp nhất từ trang chủ vào trang hiện tại. Tên gọi này xuất phát từ ý tưởng của rơi vụn bánh mì trên mặt đất trong khi t raversing một cảnh quan, để hiển thị đường trở về. Một ví dụ về một bread¬crumb là: Trang chủ> Giới thiệu> dân này sẽ chỉ ra rằng "nhân dân" trang được hiển thị hiện tại và đạt từ "About Us", được liên kết đến từ trang chủ. Một blooper thường là cho một breadcrumb để hiển thị các trang hiện tại như một hoạt động liên kết, ví dụ: Trang chủ> Giới thiệu> dân A Mon »» Liên hệ với Oiy Govamrvnt City of Columbia số điện thoại (Tất cả các số là mã vùng 803) ABCBEEUIUMESIMZ Liên kết Số điện thoại Một Abandoned Phương tiện đi lại 545-3420 Kế toán 545-3414 Administra sư tử 545-3050 Quản lý động vật 776-PETS (7387) B Giấy phép kinh doanh 545-3345 B mục cuối trong đường dẫn breadcrumb đang hoạt động (tự) link. (A) KFC.com. . (B) ColumbiaSC.net KFC.com và ColumbiaSC.net cả hai đều có blooper này (Hình 3.25): tất cả các mục trong cả hai đường dẫn breadcrumb là các liên kết đang hoạt động, bao gồm cả những người cuối cùng. Các ColumbiaSC. breadcrumb net có nhiều khả năng gây nhầm lẫn cho người sử dụng vì các tiêu đề trang không phù hợp với mục breadcrumb cuối cùng. Variation D: Tự liên kết ở nơi khác tự liên kết mà không có trong các liên kết điều hướng chính thức có xu hướng được nhiều khó khăn hơn so với những người trong các thanh menu. Người sử dụng trang web thường không thể biết được liệu liên kết như vậy trở lại trang hiện tại. Người dùng nhấp vào một liên kết như vậy có thể lúc đầu nhận ra rằng các trang tương tự đã được hiển thị lại. Trong tài liệu sản phẩm trực tuyến Sun Microsystem, bất kỳ tham chiếu đến một tài liệu trực tuyến sản phẩm Sun là một liên kết, thậm chí tài liệu tham khảo cho một người dùng đang đọc (Hình 3.26). Người dùng có thể không nhận ra điều này như tự liên kết và có thể bấm vào họ và tìm thấy chính mình, sau khi reload chậm lại vào đầu những tài liệu mà họ đang đọc. Hình 3.26 Sun Cluster 3.1 Software Collection »Sun Cluster 31 khái niệm Hướng dẫn» 1. Giới thiệu Tổng quan và A Previous Prerace Chương 1 Giới thiệu và tóm Các SunPlex hệ thống là một tích hợp phần cứng và giải pháp phần mềm Sun Cluster được sử dụng để tạo ra các dịch vụ có tính sẵn sàng và khả năng mở rộng. ■ cung cấp Scrvicc người cài đặt và phần cứng scrvicc eluster. Quản trị hệ thống đã cài đặt, cấu hình và quản lý phần mềm Cụm Sun. Phát triển ứng dụng phát triển các dịch vụ chuyển đổi dự phòng và mở rộng cho các ứng dụng hiện nay không bao gồm các sản phẩm Sun Cluster Sun.com: trong các tài liệu trực tuyến, tài liệu tham khảo cho tất cả các tài liệu được liên kết, thậm chí với cùng một. Tránh blooper 17 Nielsen và Tahir [2001] cho sau quy tắc thiết kế: . Đừng bao gồm một liên kết tới trang chủ trên trang chủ Quy tắc này có thể được tổng quát cho bất kỳ trang: Đừng bao gồm một liên kết tới trang hiện tại trên trang hiện tại. Tự liên kết trong thanh điều hướng : Khó tránh? tự liên kết trong thanh điều hướng rất phổ biến vì nó là dễ dàng hơn để sử dụng cùng một mã vạch chuyển hướng chính xác trên mỗi trang hơn là để thay đổi mã số cho mỗi trang. Các nhà phát triển web đôi khi cho rằng nó là khó khăn để thực hiện thanh naviga¬tion trong đó mục của trang hiện tại không phải là một hoạt động liên kết. Nó không phải là khó. Nó chỉ cần chỉnh sửa mã cho mỗi trang và loại bỏ các mã liên kết cho mục của trang hiện tại trên thanh điều hướng. Google.com và NWA.com tránh tự liên kết trong thanh điều hướng (Hình 3.27). Nếu các mã thanh điều hướng được tạo ra tự động, sau đó chỉ cần đảm bảo rằng phần mềm mà tạo ra nó ngăn chặn các liên kết vào các mặt hàng thanh điều hướng cho trang hiện tại. Tránh breadcrumbs để "ở đây" tự liên kết trong breadcrumbs được dễ dàng tránh được: mục cho trang hiện nay không phải là một liên kết. Điều này "thực hành tốt nhất" thiết kế có thể được nhìn thấy ở United.com (Hình 3.28). Flight » Award bay » Tôi Cruises tôi nghỉ trọn gói » thanh định tránh liên kết đến trang hiện tại. (A) Google.com. (B) NWA.com. Home »Mileage Thêm» Mua Miles »Cá Miles cá nhân Miles Perfect nếu bạn chỉ là một vài ngàn dặm snort của chuyến đi giải thưởng tiếp theo của bạn. Bạn có thể áp dụng những dặm về phía giải thưởng du lịch trên United hay bất kỳ đối tác Mileage Thêm hãng hàng không, hoặc đối với các nâng cấp về United. United.com: mục cuối cùng (cho trang hiện tại) trong đường dẫn breadcrumb không phải là một liên kết. blooper 18: Quá nhiều cấp độ của hộp thoại hộp phát triển thường được quá tập trung vào việc thiết kế các cửa sổ hoặc các trang web mà họ không lùi lại để nhìn vào bức tranh lớn hơn. Làm thế nào nhiều cửa sổ hoặc trang đang có, và làm thế nào là nó dễ dàng cho người sử dụng để tìm cách của họ xung quanh? Nhiều prod¬ucts phần mềm và các trang web có quá nhiều cửa sổ hoặc các trang, hoặc họ có hệ thống thứ bậc cửa sổ / trang mà trong đó người sử dụng bị mất một cách dễ dàng. "Tôi đang ở đâu? Làm thế nào ta lại ở đây? Làm thế nào để có được trở lại nơi tôi đã? Được rằng Line Width đặt ở đâu? Tôi đã làm gì trước khi rang điện thoại? " Xây dựng một đại diện của toàn bộ cửa sổ hoặc trang struc¬ture của phần mềm có thể chỉ cho các nhà phát triển những "bức tranh lớn". Các đại diện tốt nhất là một biểu đồ (Hình 3.29). Một số ứng dụng và các trang web có quá nhiều cửa sổ hoặc các trang mà một biểu đồ là không thực tế vì nó sẽ bao gồm toàn bộ một bức tường hoặc nó sẽ là một mớ hỗn độn rối của các hộp và đường thẳng sẽ không thể hữu ích. Trong trường hợp này, sử dụng một phác thảo thay vì (hình 3.30). Xây dựng một biểu đồ hoặc phác thảo mà đưa ra toàn bộ cửa sổ hoặc trang struc¬ture của một ứng dụng hoặc trang web cho thấy nơi mà cấu trúc có thể được quá sâu. Một ví dụ thực tế của blooper Trong của Apple Final Cut Pro, xuất khẩu một hình ảnh từ một video, tối ưu hóa cho stream¬ing, đòi hỏi phải điều hướng thông qua năm cấp độ của hộp thoại: 1. Save As hiển thị hộp thoại Save (hình 3.31A). Nhập tên tập tin, thiết lập các định dạng để "Still Image" và, vì không có thiết lập trong hộp thoại này để tối ưu hóa hình ảnh cho streaming, nhấp vào "Options ...." Hình 3.29 Cửa sổ đồ thị phân cấp cho ứng dụng quản lý séc. Sổ ký chi phiếu hệ thống cấp bậc cửa sổ • Sổ ký chi MainWindow • Tạo tài khoản • Tạo thường xuyên của người nhận tiền Danh sách • Sửa CheckRegister Tùy chọn • Thêm giao dịch • Hiển thị chi tiết • Sửa Comment • Chỉnh sửa giao dịch • Hiển thị chi tiết • Sửa Comment • Tìm giao dịch • Giao dịch nhập • Filechooser giao dịch • Xuất khẩu • Filechooser • Phân tích giao dịch • Phân tích dòng tiền mặt • Category Tóm tắt • Phân tích thuế • Xác định thu nhập ngoài • Xác định chi phí ngoài • Cân Sổ ký chi • Chỉnh sửa giao dịch • Hiển thị chi tiết • Sửa Comment viền cửa sổ hệ thống phân cấp cho ứng dụng quản lý séc. Bây giờ, những gì chúng ta đã làm gì? phân cấp sâu thoại hộp là xấu vì hai lý do: (1) họ chuyển hướng người dùng từ mục tiêu ban đầu của họ và (2) người sử dụng mất theo dõi chính xác mà "OK" và nút "Hủy bỏ" là những cái hiện tại. Mọi người không xử lý các cấu trúc thông tin thứ bậc giếng sâu; khi họ đã đi theo một hệ thống phân cấp xuống nhiều hơn so với một vài cấp độ, họ có xu hướng mất theo dõi của họ ở đâu, họ đang làm gì, và làm thế nào để lấy lại. oo © Save Save As: Căng thẳng j0 II II! A ▼, t Căng thẳng î IM, tìm A f M lớn Mate Kate bảng Set l.jpg Macintosh HD M nó Old ► 1 Ï Set 2.100 | LaCie Di jk ► J Othct f 1 Î Set 3.jpg (• »Network» 1 | Pip * rCut til »§ 1 căng ■ JK Applications nvrhael f I 1 V lension 1 ► 1 Tmp ► 1 Desktop BLogl c H Final Cut bảng DVD Studio * I * I Q Scripts % IVtfiinu> nt ( Documents PH ^ Mu Hay ~ Hình ảnh II Movies * i | gọi r {II 111 A - ».. B của Apple Finalcut Pro: xuất khẩu hình ảnh từ video, tối ưu cho streaming, đòi hỏi (A), (B), (C), (D) và (E). ( Tiếp theo) Depth: Chiều sâu nhất chất lượng kém l ow IM »riium | High Bt * f ()? D ảnh JPEG chọn C Optimize cho streaming ^ RFC 2035 tương thích (ít sửa lỗi) (Hủy bỏ) (OK) E ví dụ khác Trích từ hai đánh giá phần mềm cho các tình huống khác trong đó blooper xảy ra: ■ Khái quát hệ thống phân cấp cho thấy rằng một số khu vực của cửa sổ hier¬archy StockUp của quá sâu, ví dụ, các hệ thống phân cấp dưới Monitor khác nhau
thay đổi này xảy ra khi tất cả các liên kết trong thanh điều hướng của một trang web đang hoạt động trên tất cả các trang. FannieMae.com có một cột menu (bên trái) trong đó các liên kết đang hoạt động trên trang của mình (Hình 3.23). Các trang được hiển thị là trang chủ, trong đó "Home" trên cột menu được kích hoạt.
Sự thay đổi này là rất phổ biến bởi vì các mã HTML cho các thanh điều hướng thường được sao chép vào mỗi trang của trang web, do đó, mỗi liên kết thanh điều hướng đang hoạt động trên tất cả các trang. Nó có nhiều việc để làm thay đổi mã cho mỗi trang để riêng mục thanh điều hướng của trang không hoạt động.
Làm thế nào là có hại này? Nó phụ thuộc vào cách rõ ràng nó là để người dùng liên kết là một tự-link. Nếu trang hiện hành được xác định mạnh mẽ và phù hợp với nhãn liên kết, người dùng có thể biết rằng liên kết là một tự-link. Nếu trang hiện tại không được xác định rõ ràng hoặc liên kết không phù hợp với các tiêu đề trang, người dùng có thể không nhận ra rằng liên kết là một tự liên kết và có thể nhấp vào nó.
Trang nhà FannieMae của không chỉ ra rằng đây là trang chủ. Du khách có thể nghĩ rằng trang chủ là một trang khác, click "Home" để đi đến đó, và khám phá ra rằng họ đã có.
Biến thể B: Những trang chủ?
Trên các trang web lớn có nhiều subsites (ví dụ, đối với các nước khác nhau hoặc khu vực mà họ làm kinh doanh) và do đó nhiều trang chủ, visi¬tors trang web có thể dễ dàng bị mất dấu vết của các trang web mà họ đang ngụ tất nhiên các liên kết đến các trang web pro¬vide mẹ. và subsites khác. Tuy nhiên, khi subsites FannieMae.com: liên kết trong cột điều hướng bên trái ở lại hoạt động, ngay cả trên trang của mình. Hình 3.24 PWC.com: trang chủ Hoa Kỳ có hoạt động tự liên kết "Hoa Kỳ" ở góc trên bên trái. có liên kết hoạt động với bản thân , mà có thể gây nhầm lẫn cho khách. Trang chủ của Mỹ trang web của PriceWaterhouseCoopers (PWC.com) là một ví dụ: "Liên bang" liên kết (phía trên bên trái) cùng hiển thị lại trang này (Hình 3.24). Biến C: Tự liên kết trong điều hướng breadcrumb Máy trợ điều hướng thường được sử dụng trong phần mềm Web là một "mẩu bánh mì" hay "con đường bread¬crumb." Nó cho thấy vị trí của trang hiện tại trong hệ thống trang bằng cách liệt kê các trang trên con đường trực tiếp nhất từ trang chủ vào trang hiện tại. Tên gọi này xuất phát từ ý tưởng của rơi vụn bánh mì trên mặt đất trong khi t raversing một cảnh quan, để hiển thị đường trở về. Một ví dụ về một bread¬crumb là: Trang chủ> Giới thiệu> dân này sẽ chỉ ra rằng "nhân dân" trang được hiển thị hiện tại và đạt từ "About Us", được liên kết đến từ trang chủ. Một blooper thường là cho một breadcrumb để hiển thị các trang hiện tại như một hoạt động liên kết, ví dụ: Trang chủ> Giới thiệu> dân A Mon »» Liên hệ với Oiy Govamrvnt City of Columbia số điện thoại (Tất cả các số là mã vùng 803) ABCBEEUIUMESIMZ Liên kết Số điện thoại Một Abandoned Phương tiện đi lại 545-3420 Kế toán 545-3414 Administra sư tử 545-3050 Quản lý động vật 776-PETS (7387) B Giấy phép kinh doanh 545-3345 B mục cuối trong đường dẫn breadcrumb đang hoạt động (tự) link. (A) KFC.com. . (B) ColumbiaSC.net KFC.com và ColumbiaSC.net cả hai đều có blooper này (Hình 3.25): tất cả các mục trong cả hai đường dẫn breadcrumb là các liên kết đang hoạt động, bao gồm cả những người cuối cùng. Các ColumbiaSC. breadcrumb net có nhiều khả năng gây nhầm lẫn cho người sử dụng vì các tiêu đề trang không phù hợp với mục breadcrumb cuối cùng. Variation D: Tự liên kết ở nơi khác tự liên kết mà không có trong các liên kết điều hướng chính thức có xu hướng được nhiều khó khăn hơn so với những người trong các thanh menu. Người sử dụng trang web thường không thể biết được liệu liên kết như vậy trở lại trang hiện tại. Người dùng nhấp vào một liên kết như vậy có thể lúc đầu nhận ra rằng các trang tương tự đã được hiển thị lại. Trong tài liệu sản phẩm trực tuyến Sun Microsystem, bất kỳ tham chiếu đến một tài liệu trực tuyến sản phẩm Sun là một liên kết, thậm chí tài liệu tham khảo cho một người dùng đang đọc (Hình 3.26). Người dùng có thể không nhận ra điều này như tự liên kết và có thể bấm vào họ và tìm thấy chính mình, sau khi reload chậm lại vào đầu những tài liệu mà họ đang đọc. Hình 3.26 Sun Cluster 3.1 Software Collection »Sun Cluster 31 khái niệm Hướng dẫn» 1. Giới thiệu Tổng quan và A Previous Prerace Chương 1 Giới thiệu và tóm Các SunPlex hệ thống là một tích hợp phần cứng và giải pháp phần mềm Sun Cluster được sử dụng để tạo ra các dịch vụ có tính sẵn sàng và khả năng mở rộng. ■ cung cấp Scrvicc người cài đặt và phần cứng scrvicc eluster. Quản trị hệ thống đã cài đặt, cấu hình và quản lý phần mềm Cụm Sun. Phát triển ứng dụng phát triển các dịch vụ chuyển đổi dự phòng và mở rộng cho các ứng dụng hiện nay không bao gồm các sản phẩm Sun Cluster Sun.com: trong các tài liệu trực tuyến, tài liệu tham khảo cho tất cả các tài liệu được liên kết, thậm chí với cùng một. Tránh blooper 17 Nielsen và Tahir [2001] cho sau quy tắc thiết kế: . Đừng bao gồm một liên kết tới trang chủ trên trang chủ Quy tắc này có thể được tổng quát cho bất kỳ trang: Đừng bao gồm một liên kết tới trang hiện tại trên trang hiện tại. Tự liên kết trong thanh điều hướng : Khó tránh? tự liên kết trong thanh điều hướng rất phổ biến vì nó là dễ dàng hơn để sử dụng cùng một mã vạch chuyển hướng chính xác trên mỗi trang hơn là để thay đổi mã số cho mỗi trang. Các nhà phát triển web đôi khi cho rằng nó là khó khăn để thực hiện thanh naviga¬tion trong đó mục của trang hiện tại không phải là một hoạt động liên kết. Nó không phải là khó. Nó chỉ cần chỉnh sửa mã cho mỗi trang và loại bỏ các mã liên kết cho mục của trang hiện tại trên thanh điều hướng. Google.com và NWA.com tránh tự liên kết trong thanh điều hướng (Hình 3.27). Nếu các mã thanh điều hướng được tạo ra tự động, sau đó chỉ cần đảm bảo rằng phần mềm mà tạo ra nó ngăn chặn các liên kết vào các mặt hàng thanh điều hướng cho trang hiện tại. Tránh breadcrumbs để "ở đây" tự liên kết trong breadcrumbs được dễ dàng tránh được: mục cho trang hiện nay không phải là một liên kết. Điều này "thực hành tốt nhất" thiết kế có thể được nhìn thấy ở United.com (Hình 3.28). Flight » Award bay » Tôi Cruises tôi nghỉ trọn gói » thanh định tránh liên kết đến trang hiện tại. (A) Google.com. (B) NWA.com. Home »Mileage Thêm» Mua Miles »Cá Miles cá nhân Miles Perfect nếu bạn chỉ là một vài ngàn dặm snort của chuyến đi giải thưởng tiếp theo của bạn. Bạn có thể áp dụng những dặm về phía giải thưởng du lịch trên United hay bất kỳ đối tác Mileage Thêm hãng hàng không, hoặc đối với các nâng cấp về United. United.com: mục cuối cùng (cho trang hiện tại) trong đường dẫn breadcrumb không phải là một liên kết. blooper 18: Quá nhiều cấp độ của hộp thoại hộp phát triển thường được quá tập trung vào việc thiết kế các cửa sổ hoặc các trang web mà họ không lùi lại để nhìn vào bức tranh lớn hơn. Làm thế nào nhiều cửa sổ hoặc trang đang có, và làm thế nào là nó dễ dàng cho người sử dụng để tìm cách của họ xung quanh? Nhiều prod¬ucts phần mềm và các trang web có quá nhiều cửa sổ hoặc các trang, hoặc họ có hệ thống thứ bậc cửa sổ / trang mà trong đó người sử dụng bị mất một cách dễ dàng. "Tôi đang ở đâu? Làm thế nào ta lại ở đây? Làm thế nào để có được trở lại nơi tôi đã? Được rằng Line Width đặt ở đâu? Tôi đã làm gì trước khi rang điện thoại? " Xây dựng một đại diện của toàn bộ cửa sổ hoặc trang struc¬ture của phần mềm có thể chỉ cho các nhà phát triển những "bức tranh lớn". Các đại diện tốt nhất là một biểu đồ (Hình 3.29). Một số ứng dụng và các trang web có quá nhiều cửa sổ hoặc các trang mà một biểu đồ là không thực tế vì nó sẽ bao gồm toàn bộ một bức tường hoặc nó sẽ là một mớ hỗn độn rối của các hộp và đường thẳng sẽ không thể hữu ích. Trong trường hợp này, sử dụng một phác thảo thay vì (hình 3.30). Xây dựng một biểu đồ hoặc phác thảo mà đưa ra toàn bộ cửa sổ hoặc trang struc¬ture của một ứng dụng hoặc trang web cho thấy nơi mà cấu trúc có thể được quá sâu. Một ví dụ thực tế của blooper Trong của Apple Final Cut Pro, xuất khẩu một hình ảnh từ một video, tối ưu hóa cho stream¬ing, đòi hỏi phải điều hướng thông qua năm cấp độ của hộp thoại: 1. Save As hiển thị hộp thoại Save (hình 3.31A). Nhập tên tập tin, thiết lập các định dạng để "Still Image" và, vì không có thiết lập trong hộp thoại này để tối ưu hóa hình ảnh cho streaming, nhấp vào "Options ...." Hình 3.29 Cửa sổ đồ thị phân cấp cho ứng dụng quản lý séc. Sổ ký chi phiếu hệ thống cấp bậc cửa sổ • Sổ ký chi MainWindow • Tạo tài khoản • Tạo thường xuyên của người nhận tiền Danh sách • Sửa CheckRegister Tùy chọn • Thêm giao dịch • Hiển thị chi tiết • Sửa Comment • Chỉnh sửa giao dịch • Hiển thị chi tiết • Sửa Comment • Tìm giao dịch • Giao dịch nhập • Filechooser giao dịch • Xuất khẩu • Filechooser • Phân tích giao dịch • Phân tích dòng tiền mặt • Category Tóm tắt • Phân tích thuế • Xác định thu nhập ngoài • Xác định chi phí ngoài • Cân Sổ ký chi • Chỉnh sửa giao dịch • Hiển thị chi tiết • Sửa Comment viền cửa sổ hệ thống phân cấp cho ứng dụng quản lý séc. Bây giờ, những gì chúng ta đã làm gì? phân cấp sâu thoại hộp là xấu vì hai lý do: (1) họ chuyển hướng người dùng từ mục tiêu ban đầu của họ và (2) người sử dụng mất theo dõi chính xác mà "OK" và nút "Hủy bỏ" là những cái hiện tại. Mọi người không xử lý các cấu trúc thông tin thứ bậc giếng sâu; khi họ đã đi theo một hệ thống phân cấp xuống nhiều hơn so với một vài cấp độ, họ có xu hướng mất theo dõi của họ ở đâu, họ đang làm gì, và làm thế nào để lấy lại. oo © Save Save As: Căng thẳng j0 II II! A ▼, t Căng thẳng î IM, tìm A f M lớn Mate Kate bảng Set l.jpg Macintosh HD M nó Old ► 1 Ï Set 2.100 | LaCie Di jk ► J Othct f 1 Î Set 3.jpg (• »Network» 1 | Pip * rCut til »§ 1 căng ■ JK Applications nvrhael f I 1 V lension 1 ► 1 Tmp ► 1 Desktop BLogl c H Final Cut bảng DVD Studio * I * I Q Scripts % IVtfiinu> nt ( Documents PH ^ Mu Hay ~ Hình ảnh II Movies * i | gọi r {II 111 A - ».. B của Apple Finalcut Pro: xuất khẩu hình ảnh từ video, tối ưu cho streaming, đòi hỏi (A), (B), (C), (D) và (E). ( Tiếp theo) Depth: Chiều sâu nhất chất lượng kém l ow IM »riium | High Bt * f ()? D ảnh JPEG chọn C Optimize cho streaming ^ RFC 2035 tương thích (ít sửa lỗi) (Hủy bỏ) (OK) E ví dụ khác Trích từ hai đánh giá phần mềm cho các tình huống khác trong đó blooper xảy ra: ■ Khái quát hệ thống phân cấp cho thấy rằng một số khu vực của cửa sổ hier¬archy StockUp của quá sâu, ví dụ, các hệ thống phân cấp dưới Monitor khác nhau
đang được dịch, vui lòng đợi..
Các ngôn ngữ khác
Hỗ trợ công cụ dịch thuật: Albania, Amharic, Anh, Armenia, Azerbaijan, Ba Lan, Ba Tư, Bantu, Basque, Belarus, Bengal, Bosnia, Bulgaria, Bồ Đào Nha, Catalan, Cebuano, Chichewa, Corsi, Creole (Haiti), Croatia, Do Thái, Estonia, Filipino, Frisia, Gael Scotland, Galicia, George, Gujarat, Hausa, Hawaii, Hindi, Hmong, Hungary, Hy Lạp, Hà Lan, Hà Lan (Nam Phi), Hàn, Iceland, Igbo, Ireland, Java, Kannada, Kazakh, Khmer, Kinyarwanda, Klingon, Kurd, Kyrgyz, Latinh, Latvia, Litva, Luxembourg, Lào, Macedonia, Malagasy, Malayalam, Malta, Maori, Marathi, Myanmar, Mã Lai, Mông Cổ, Na Uy, Nepal, Nga, Nhật, Odia (Oriya), Pashto, Pháp, Phát hiện ngôn ngữ, Phần Lan, Punjab, Quốc tế ngữ, Rumani, Samoa, Serbia, Sesotho, Shona, Sindhi, Sinhala, Slovak, Slovenia, Somali, Sunda, Swahili, Séc, Tajik, Tamil, Tatar, Telugu, Thái, Thổ Nhĩ Kỳ, Thụy Điển, Tiếng Indonesia, Tiếng Ý, Trung, Trung (Phồn thể), Turkmen, Tây Ban Nha, Ukraina, Urdu, Uyghur, Uzbek, Việt, Xứ Wales, Yiddish, Yoruba, Zulu, Đan Mạch, Đức, Ả Rập, dịch ngôn ngữ.
- Corn starch heated in water to 95°C will
- Nhập học tại cơ sở học Winona
- phía đối tác nước ngoài chịu toàn bộ kho
- write your birthday and a classmate's bi
- Cannot delete: The disk is write-protect
- Asymmetric gate approaches g = 1 on crit
- Có cuộc họp khẩn cấp không đến đú
- tôi muốn chia sẻ về món quà mà tôi đã đư
- năm sau tôi sẽ ra trường
- Có cuộc họp khẩn cấp không đến kị
- Học muộn vậy
- chào mừng đến với buổi thuyết trình
- Ngay khicó thông tin phê duyệt
- De plus
- đã hoàn thành
- But dynamic gates produce monotonically
- used effectively and benefit in the fiel
- he is full up
- Ngay khi có thông tin phê duyệt
- 판도라의 상자
- interactive communication
- bố trí kinh phí thực hiện đầu tư xây dựn
- bộ y tế
- tổng số tiền là
