Một thanh cuộn hoặc hai cho nội dung + thanh bên?
Tôi đang làm việc trên một thiết kế trang web và cố gắng quyết định xem có cuộn thanh bên độc lập với nội dung trang hay chỉ có một thanh cuộn điều khiển cả hai div. Tôi nên sử dụng nguyên tắc nào để hướng dẫn quyết định? Trong trường hợp nào bạn muốn nội dung thanh bên được cố định trong khi người dùng cuộn qua nội dung chính?
Một thanh cuộn
- Người dùng biết họ đang ở đâu trên trang
- nội dung trong thanh bên vẫn ở cùng vị trí so với nội dung khác
- Giữ chuột ở bất cứ đâu trên trang cuộn thanh
- Phần lớn các trang web chỉ sử dụng một thanh cuộn - phù hợp với mong đợi của người dùng
- có thể có các trang web có chiều rộng cố định mà không có thanh cuộn xấu xí ở giữa trang
Hai thanh cuộn
- Có thể xem thông tin trong thanh bên trong khi duyệt nội dung chính, điều này thật tuyệt khi nội dung chính có độ dài> 4000px hoặc bạn cần thông tin trong thanh cuộn và trong thanh nội dung chính cùng một lúc
- Thanh bên yêu cầu toàn bộ phía bên trái của trang hoặc tiêu đề cố định làm giảm tầm quan trọng của nội dung chính, chiều cao của cả thanh bên và nội dung chính
- Yêu cầu vị trí chuột bên trong thanh bên để cuộn nội dung của nó
- Hai ví dụ về các quyết định khác nhau ở đây từ cùng một công ty sẽ là Google Code, đó là một trang web có chiều rộng cố định, một trang web thanh cuộn và Google Reader, có hai thanh cuộn. Tôi nghĩ với Google Reader họ cần một thanh cuộn vì nội dung được tạo động.
Tôi đánh giá cao sự giúp đỡ của bạn với điều này - đặc biệt là nếu bạn có thể chỉ cho tôi dữ liệu nghiêng theo bất kỳ cách nào.
Tôi nghĩ rằng tùy chọn mà bạn không liệt kê trong câu hỏi của mình là một trong những nội dung cuộn với một thanh bên nổi (vị trí luôn luôn là một khoảng cách cố định từ các cạnh cửa sổ, không phải các cạnh nội dung).
Tôi sẽ suy nghĩ cẩn thận về việc liệu cả hai cột cần phải cuộn. Trong các trường hợp bạn làm nổi bật, người dùng chuyển ngữ cảnh giữa nội dung chính và thanh bên sẽ cần mất vị trí của họ trên trang (nếu họ cuộn xuống cuối nội dung chính và cần truy cập vào nội dung gần đầu thanh bên) hoặc sẽ phải tìm ra các khung cuộn độc lập và yêu cầu di chuyển chuột nhiều hơn để chọn cột nào có hành động cuộn.
Nếu không biết phạm vi của ứng dụng bạn đang phát triển, khuyến nghị đầu tiên của tôi sẽ là giới hạn nội dung thanh bên dưới độ cao của cửa sổ. Nếu bạn cần nhiều phòng hơn, bạn có thể sử dụng các tab trong thanh bên hoặc có các phần được phân trang theo chiều ngang trong thanh bên.
Tôi sẽ cố gắng tránh di chuyển và giải quyết điều hướng thanh bên theo một cách khác. Ví dụ với phân trang và thay đổi giống như ajax của thanh bên.
Bạn dường như đã biết những ưu và nhược điểm của từng loại nên không có quá nhiều. Như bạn đã nói một số trang web cần 2 thanh cuộn trong khi hầu hết cần một.
Tôi sẽ thêm một ý tưởng khác là sự giao thoa giữa 2 bạn đã đề cập. Bạn có thể tạo một thanh bên được định vị tĩnh (css, vị trí: cố định) và sau đó bạn vẫn sẽ giữ thanh bên ở vị trí nhưng chỉ với một thanh cuộn. Điều này sẽ ít gây nhầm lẫn hơn cho người dùng và tốt miễn là nội dung thanh bên ngắn hơn trang.