5. Lỗi khi sử dụng cuộn màn hình và thanh trƣợt : Mặc dù đã có nhiều ví dụ đƣợc đƣa ra tuy nhiên các trang Web vẫn có nhiều lỗi trong việc thiết kế cuộn màn hình. Điều này gây nên sự khó chịu của ngƣời xem, khó khăn khi truy cập thông tin và mất nội dung.
Sau đây chúng ta sẽ xem xét một số hƣớng dẫn cho việc thiết kế scrolling và scrollbars
a. Sử dụng Scrollbar nếu nhƣ nội dung cần đọc cần phải đƣợc cuộn. Không nên dựa vào cuộn tự động hay kéo vì các công cụ này con ngƣời không để ý đến
b. Sử dụng các Scrollbars ẩn nếu nhƣ tất cả nội dung đƣợc hiển thị. Nếu nhƣ ngƣời dùng nhìn thấy một thanh công cụ, họ sẽ giả định rằng có thêm nội dung thông tin và sẽ khó chịu nếu nhƣ không sử dụng đƣợc thanh trƣợt
c. Tuân theo các quy tắc chuẩn thiết kế các thanh trƣợt sao cho thật giống các thanh trƣợt
d. Tránh sử dụng các thanh trƣợt ngang trên các trang Web và hạn chế sử dụng ở các nơi khác
máy tính ngƣời dùng thích sử dụng các thanh trƣợt dọc hơn là các thanh trƣợt ngang. o Các trang Web sử dụng cả thanh trƣợt ngang và dọc gây nhiều khó khăn cho ngƣời
dùng do phải sử dụng vấn đề về thị giác trong không gian hai chiều. Điều đó gây ra sự khó khăn nếu nhƣ ngƣời dùng muốn đọc hết nội dung thông tin. Ngƣợc lại khi sử dụng một thanh trƣợt ngƣời dùng sẽ cảm thấy thoải mái và dễ làm chủ hơn.
Hình 3. 1. 61. Lỗi khi thiết kế thanh trƣợt
Do vậy trong tất cả các trƣờng hợp, các thông tin quan trọng nhất cần phải đƣợc hiển thị trên màn hình bởi vì sử dụng thanh cuộn sẽ gây nên cho sự khó khăn trong quá trình truy cập
i. Các hành động cần thiết mà thanh trƣợt yêu cầu có thể gây khó khăn cho ngƣời dùng kém khả năng lƣớt Web
ii. Ngƣời dùng sẽ khó xác định đƣợc vị trí cần thiết sau khi sử dụng thanh trƣợt
Ngƣời cao tuổi sẽ gặp khó khăn trong việc xác định điểm ở trên thanh trƣợt thực đơn hay các thực đơn có kích cỡ nhỏ.
Sau đây chúng ta sẽ nghiên cứu một số ví dụ cụ thể :
i. Trong việc thiết kế các thanh trƣợt quen thuộc, ngƣời thiết kế sẽ gặp phải một số vấn đề về tinh hữu dụng. Do vậy ngƣời thiết kế sẽ không sử dụng các thiết kế thanh trƣợt phổ biến. Những hình sau đây sẽ chỉ cho chúng ta ba ví dụ về việc lỗi trong thiết kế scrollbar. Hình bên trái ngoài cùng đƣa ra một loạt các biểu tƣợng. Tuy nhiên ngƣời sử dụng vẫn không quen sử dụng các biểu tƣợng ảo này do không thể biết đƣợc nếu kích vào các biểu tƣợng đó sẽ có những lựa chọn khác nhƣ thế nào. Hình ở giữa là cấu hình các sản phẩm, một số ngƣời dùng
không để ý đến các thanh trƣợt ngang do chúng bị pha trộn vào các sản phẩm và bị làm mờ đi do không có mầu sắc nổi bật. Do vậy làm hạn chế cho sự lựa chọn các sản phẩm khác.
ii. Hình bên phải ngoài cùng một bản đồ tƣơng tác, hầu hết ngƣời sử dụng đều không để ý đến thanh trƣợt ngang bởi vì chúng giống nhƣ mũi tên chỉ hƣớng Bắc/Nam cho bản đồ. Ngoài ra: thanh trƣợt còn nằm ngoài khu vực điều khiển, mũi tên bên trên và bên dƣới giống nhƣ điểm giới hạn và thanh trƣợt thì không có sự chỉ dẫn.
Sau đây chúng ta sẽ xem một số ví dụ tốt về thiết kế các thanh trƣợt