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.«Trang chủ» Mileage Plus» mua Miles» cá nhân MilesCá nhân MilesHoàn hảo nếu bạn chỉ là một vài nghìn dặm snort của giải thưởng chuyến đi tiếp theo của bạn. Bạn có thể áp dụng những miles về hướng giải thưởng du lịch trên hoa hoặc bất kỳ Mileage Plus hãng đối tác, hoặc về nâng cấp trên Hoa. United.com: mục cuối cùng (cho trang hiện thời) trong mẩu bánh mì con đường không phải là một liên kết.Blooper 18: Quá nhiều cấp độ của hộpNhà phát triển thường là để tập trung vào thiết kế windows hoặc trang Web mà họ không bước trở lại để nhìn vào hình ảnh lớn hơn. Làm thế nào nhiều cửa sổ hoặc trang đang có, và cách dễ dàng là nó cho người dùng để tìm cách của họ xung quanh? Nhiều phần mềm prod ucts ¬ và các trang Web có quá nhiều cửa sổ hoặc trang, hoặc họ có cửa sổ/trang phân cấp trong đó người dùng bị lạc dễ dàng. "Nơi tôi? Làm thế nào tôi lại ở đây? Làm thế nào để tôi có trở lại đến nơi tôi? Độ rộng đường đó thiết lập nơi? Những gì là tôi thực hiện trước khi điện thoại rang? " Xây dựng một đại diện của cửa sổ toàn bộ phần mềm hoặc trang struc¬ture có thể cho nhà phát triển hình ảnh lớn"." Đạ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ó rất nhiều cửa sổ hoặc trang rằng một biểu đồ là không thực tế bởi vì nó sẽ bao gồm một bức tường toàn bộ hoặc nó sẽ là một mess rối hộp và dòng mà sẽ không được hữu ích. Trong trường hợp này, sử dụng một phác thảo thay vào đó (hình 3,30).Xây dựng một biểu đồ hoặc phác thảo đư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 cơ cấu có thể được quá sâu.Một ví dụ thực tế của blooperTrong của Apple Final Cut Pro, xuất khẩu một hình ảnh từ một đoạn 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:1. lưu là hiển thị hộp thoại lưu (hình 3.31A). Nhập tên tập tin, thiết lập định dạng để "Vẫn còn hình ảnh" và, bởi vì không có không có cài đặt trên hộp thoại này để tối ưu hóa hình ảnh cho streaming, nhấp vào "Tùy chọn..." Con số 3,29Cửa sổ hệ thống phân cấp đồ thị cho sổ séc quản lý ứng dụng. Hệ thống phân cấp sổ séc cửa sổ• Sổ séc MainWindow• Tạo tài khoản• Tạo danh sách người nhận thanh toán thường xuyên• Chỉnh sửa tùy chọn CheckRegister• Thêm giao dịch• Hiển thị thông tin chi tiết• Sửa nhận xét• Chỉnh sửa giao dịch• Hiển thị thông tin chi tiết• Sửa nhận xét• Tìm giao dịch• Nhập khẩu giao dịch• Filechooser• Xuất khẩu giao dịch• Filechooser• Phân tích giao dịch• Dòng tiền mặt phân tích• Thể loại tóm tắt• Thuế phân tích• Xác định thu nhập bên ngoài• Xác định chi phí bên ngoài• Cân bằng sổ séc• Chỉnh sửa giao dịch• Hiển thị thông tin chi tiết• Sửa nhận xétCửa sổ hệ thống phân cấp phác thảo cho sổ séc quản lý ứng dụng. Bây giờ, chúng tôi làm gì?Các phân cấp sâu của hộp là xấu vì hai lý do: (1) họ chuyển hướng người sử dụng từ mục tiêu ban đầu của họ và (2) người dùng mất theo dõi chính xác có những nút "OK" và "Hủy bỏ" là những hiện tại. Người không xử lý cấu trúc phân cấp sâu thông tin tốt; khi họ đã theo một hệ thống phân cấp xuống nhiều hơn một số cấp, họ có xu hướng mất theo dõi của họ ở đâu, những gì họ đã làm, và làm thế nào để có được trở lại.oo © lưu Save As: Căng thẳng J0 IIII!A▼, t căng thẳng î tôi M, tìm kiếm A f M tuyệt vời Mate Kate £ đặt l.jpgMacintosh HD M nó cũ ► 1 Ï Set 2.100| LaCie Di jk ► J Othct f 1 Î tập 3. jpg(•» Mạng» 1 | Pip * rCut til» 1 § căng thẳng■JK ứng dụng nvrhael f tôi 1 V lension 1 ► 1 Tmp ► 1 Máy tính để bàn BLogl c H cuối cùng cắt £ DVD Studio * tôi * tôi Q kịch bản % IVtfiinu > nt () Tài liệu PH ^ Mu hoặc ~ Hình ảnh IÎ phim * tôi | invokes r {II 111 A- ».. BApple FinalCut Pro: xuất khẩu hình ảnh từ video, tối ưu hóa cho streaming, cần thiết (A), (B), (C), (D) và (E).(Tiếp tục) Độ sâu: Chiều sâu tốt nhất Chất lượngÍt nhất là l ow tôi M» riium| Cao Bt * f(?)DẢnh JPEG tùy chọnC tối ưu hóa cho streaming^ RFC 2035 tương thích (ít sửa lỗi)(Hủy bỏ) (OK)ECác ví dụ khácTrích đoạn từ hai phần mềm đánh giá Hiển thị các tình huống trong đó blooperxảy ra:■ phác thảo hệ thống phân cấp cho thấy rằng một số khu vực của StockUp của cửa sổ hier¬archy là quá sâu, ví dụ, Hệ thống phân cấp dưới màn hình khác nhau
đang được dịch, vui lòng đợi..