it-swarm-vi.tech

Tại sao nhiều trang web để lại một nửa của mỗi trang web trống?

Tại sao nhiều trang web để lại một nửa của mỗi trang web trống? Đây không phải là một sự lãng phí không gian màn hình?

Một ví dụ điển hình của việc này là các trang web Stack Exchange Network:

Screenshot of UX Stack Exchange with annotations

Như bạn có thể thấy, có một tấn khoảng trắng còn lại ở cả hai bên của mỗi trang.

Có khoảng trắng làm cho các trang web tương thích với kích thước màn hình nhất định?
[.___.] Việc rời khỏi không gian có giúp trang web thân thiện với thiết bị di động không?
[.___.] Không gian có làm cho các trang dường như ít chật chội hơn không, và do đó, có thể sử dụng nhiều hơn?
[.__.] Hoặc, không có lý do chính đáng và mọi người chỉ làm điều đó bởi vì họ không nhận ra rằng họ không nên?

Tôi đã làm việc trên các trang web sử dụng cả hai thiết kế và không có người dùng nào phàn nàn cả.

Ví dụ về các trang web có dung lượng: Stack Overflow , GitHub , Facebook
[.__.] Ví dụ về các trang web không có không gian: Amazon , Chase , Gmail

207
Tot Zam

Có nhiều lý do, nhưng những lý do chính là sự lộn xộn thị giác phân cấp thông tin ở một bên và tính nhất quán về cấu trúc ở phía UI.

Sự lộn xộn thị giác

Sự lộn xộn là một hiện tượng quan trọng trong cuộc sống của chúng ta và là một sự cân nhắc quan trọng trong việc thiết kế giao diện người dùng và trực quan hóa thông tin. Nhiều hệ thống hiển thị hiện có được thiết kế để giảm sự lộn xộn bằng cách lọc những đối tượng hoặc thông tin mà người dùng nhìn thấy hoặc sử dụng các kỹ thuật phóng đại phi tuyến tính để các đối tượng ở giữa màn hình được phép hiển thị nhiều diện tích hơn. Các mẹo để thiết kế trang web, bản đồ và các hình ảnh trực quan khác thường tập trung vào các kỹ thuật hiển thị một lượng lớn thông tin trong khi giữ cho sự lộn xộn ở mức tối thiểu thông qua các lựa chọn cẩn thận về cách trình bày và tổ chức thông tin đó. [Rosenholtz và cộng sự, 2005]

Nói một cách đơn giản: ý tưởng là để tránh sự quá tải về mặt hình ảnh và do đó nhận thức bằng cách trình bày các yếu tố một cách hợp lý. Cách logic này có liên quan đến điểm tiếp theo:

Phân cấp thông tin

Thông tin có một hệ thống phân cấp và đó là phần quan trọng nhất của những gì bạn muốn hiển thị. Cụ thể, sự khác biệt giữa thất bại và thành công.

Hệ thống phân cấp thông tin là một nguyên tắc thiết kế phổ quát nên được sử dụng trong tất cả các hình thức thiết kế, bao gồm cả thiết kế e-Learning. Theo định nghĩa, đó là sự sắp xếp các yếu tố hoặc nội dung trên một trang/màn hình theo cách nó cho thấy thứ tự quan trọng (tăng dần hoặc giảm dần).

Hãy xem mô hình đóng hộp bên dưới:

enter image description here

Như bạn có thể thấy, khá rõ ràng rằng hệ thống phân cấp được cấu trúc và dễ hiểu bởi hầu hết mọi người. Xin lưu ý rằng trong chế độ phản hồi, hệ thống phân cấp này sẽ xếp chồng tất cả các yếu tố như mong đợi, vì vậy lợi thế di động rất rõ ràng

Bây giờ, cùng một bố cục, được chuyển thành toàn chiều rộng:

enter image description here (thử xem kích thước đầy đủ)

Bây giờ, hệ thống phân cấp 1 đã biến mất và mắt người dùng có thể sẽ quét 2 và 3 trước tiên. Và sau đó 6 và 7! Về cơ bản, yếu tố quan trọng nhất của chúng tôi nằm xuống dưới hệ thống phân cấp. Chúng ta có thể thay đổi nó để thứ tự giống như 3-1-2-4. Sau đó, chúng ta cũng sẽ gặp vấn đề khi xếp chồng lên các mô hình phản hồi (không chỉ thiết bị, thậm chí thay đổi kích thước màn hình), vì 3 sẽ là yếu tố đầu tiên, vì vậy, một lần nữa, chúng ta đang tạo ra vấn đề thay vì giải quyết vấn đề.

Như bạn có thể thấy, các vấn đề khá lớn, và đây chỉ là những vấn đề chính.

Nhưng sau đó chúng ta cũng có UI hoặc bố cục bên:

Kết cấu nhất quán

Giả sử bạn có một trang có chiều rộng đầy đủ. Không có vấn đề gì, nó sẽ là 100%. 100% cho người trên máy tính xách tay nhỏ và 100% cho màn hình 24 inch. Thật dễ dàng để thấy rằng người trên máy tính xách tay sẽ nhìn thấy thông tin cô đọng, với một cấu trúc nhất định sẽ hiển thị các yếu tố theo một cách rất cụ thể với một lượng thông tin rất cụ thể trong màn hình.

Bây giờ, người dùng trên màn hình 24 inch đó sẽ thấy một cái gì đó cực kỳ khác biệt. Trước hết, rất có thể người dùng sẽ cảm thấy như trong một trận đấu quần vợt, với đầu của cô ấy đi từ bên này sang bên kia. Độ bão hòa thị giác và ma sát sẽ cực kỳ cao , tất nhiên. Nhưng màn hình hiển thị thông tin dọc cũng sẽ khác. Xem bên dưới:

1366x768 enter image description here

Bây giờ 1920x1200 (màn hình 24 inch) enter image description here

Hoàn toàn khác biệt hả? Hình ảnh đã được phóng to (và đây có thể là một vấn đề khác!) và văn bản giữ kích thước của anh ấy, gần gấp đôi số lượng văn bản. Bây giờ hãy nghĩ về điều này nhân với số lượng kích thước màn hình đáng kinh ngạc tồn tại và những kích thước vẫn không tồn tại và có thể sẽ xuất hiện trong những tháng tiếp theo

Nói cách khác: thay vì duy trì quyền kiểm soát, chúng tôi sẽ từ bỏ để ủng hộ tính ngẫu nhiên .

Tất nhiên, chúng ta đang nói về các quy tắc chung, không phải là trường hợp cực kỳ cụ thể, vì vậy sẽ có ngoại lệ ở đây và ở đó

Một lưu ý cuối cùng:

Tôi muốn làm rõ rằng từ các ví dụ của bạn với chiều rộng đầy đủ, chỉ có Amazon sử dụng nó và họ đã mất nhiều năm thử nghiệm (có một bài viết rất thú vị về điều này tôi không thể tìm thấy ngay bây giờ) với vô số bài kiểm tra A/B. Nhưng ở đây, bạn có hệ thống phân cấp hoạt động: họ đang bán sản phẩm mà họ không thể biết phân cấp trước vì hầu hết các sản phẩm sẽ có giá trị xấp xỉ tương tự weight, vì vậy bạn sẽ cố gắng hết sức để khớp với người dùng Tìm kiếm.

Đối với Google, họ sử dụng mô hình được đóng hộp và căn chỉnh nội dung ở bên trái với một khoảng trắng nhỏ ở bên trái. Các trang chính của LinkedIn là đóng hộp và chính giữa, mặc dù đó là trang đích cho người dùng không đăng nhập có yếu tố chiều rộng đầy đủ. Nhưng nếu bạn chú ý, mọi thứ khác là đóng hộp, ngay cả trên trang đó

134
Devin

Độ dài dòng tối ưu cho văn bản cơ thể của bạn được coi là 50-60 ký tự trên mỗi dòng, bao gồm cả khoảng trắng (Bản in typographie, E. Ruder). Các nguồn khác cho thấy tối đa 75 ký tự là chấp nhận được.

nguồn

Giữ một trang web sạch sẽ (và đơn giản) là một xu hướng thiết kế, nhưng nó cũng có các giá trị khả năng sử dụng. Có ít tiếng ồn hơn và người dùng có thể tìm thấy công cụ dễ dàng hơn.

Nhưng việc thêm chiều rộng tối đa vào nội dung của bạn chủ yếu là tốt cho khả năng đọc. Chỉ cần xem reddit và bạn sẽ nhận thấy tại sao độ dài dòng lại quan trọng.

85
Paul van den Dool

Có giới hạn hợp lý về lượng thông tin người dùng sẽ thấy cùng một lúc .

Nếu chế độ xem chứa nhiều thông tin hơn người dùng có thể đồng hóa/hiểu thì nó sẽ trở nên quá tải. Điều này sẽ phụ thuộc vào loại nội dung và cách hiển thị thông tin.

Đó không phải là vấn đề để lại không gian trống, mà là sử dụng lượng không gian cần thiết, không nhiều hơn.

Để minh họa điểm bằng ví dụ của bạn:

enter image description here

Vì các trang web có thể sử dụng cuộn, không cần phải đưa càng nhiều thông tin càng tốt vào một màn hình.

Bây giờ, làm thế nào để phân phối nội dung?

enter image description here

enter image description hereenter image description here

Tùy thuộc vào trang web, nội dung có thể được căn giữa hoặc căn trái (cái cuối cùng này có thể là do đọc từ trái sang phải). Có một cách khác không phải là phân phối không gian trong ranh giới của các container, mà thay vào đó là bên trong các phần tử. Kiểu bố trí này có thể hữu ích nếu có một số cột bên trong các thùng chứa và có một thanh bên ở mỗi bên. Nói cách khác, sẽ có giá trị nếu có đủ các cột và đến một lúc nào đó tính nhất quán của từng thành phần (mỗi hàng) sẽ bắt đầu bị phá vỡ do thông tin quá xa nhau . Và khi chúng ta đạt đến điểm đó, chúng ta quay lại để tiếp tục thêm khoảng trống đó theo bất kỳ cách nào trước đó.

enter image description here

76
Alvaro

Nghiên cứu học thuật về không gian trắng

Có, khoảng trắng được sử dụng để tăng khả năng đọc và giảm sự lộn xộn thị giác [1] , [2] .

Càng có nhiều vật thể trên màn hình, mắt và não phải xử lý càng nhiều [3] . Với không gian trống, chúng tôi giảm các tài nguyên chú ý cần thiết để xử lý trang . Tuy nhiên, quá nhiều (hơn 50%) có thể có tác động tiêu cực đến khả năng đọc và sự hài lòng của người dùng [4] .

Có khoảng trắng làm cho các trang web tương thích với kích thước màn hình nhất định?

Không hẳn vậy. Nếu trang không có khoảng trắng (và được xếp chồng với nội dung), khi thiết kế cho các độ phân giải khác nhau, nó sẽ trở thành một vấn đề lớn làm thế nào để định vị tất cả các yếu tố của trang cho các độ phân giải khác nhau.

Liệu để lại không gian giúp làm cho các trang web thân thiện với thiết bị di động?

Không hẳn là chính xác lắm. Trên độ phân giải di động, bạn có thể nhận thấy không có nhiều khoảng trắng. Chúng có cấu trúc bố cục khác nhau do không gian màn hình hạn chế có sẵn trên điện thoại di động.


Người giới thiệu:

[1] Chaparro B. et al., Đọc văn bản trực tuyến: So sánh bốn bố cục không gian trắng, 2004

[2] Coursaris C. và Kripintris K., Tính thẩm mỹ và tính khả dụng của web: Một nghiên cứu thực nghiệm về tác động của không gian trắng, 2012

[3] S. Luck và E. Vogel Dung lượng bộ nhớ làm việc trực quan cho các tính năng và liên từ, 1997

[4] Bernard M., Chaparro B., & Thomasson R., Tìm kiếm thông tin trên web: Số lượng khoảng trắng có thực sự có vấn đề không?, 2000

18
Kristiyan Lukanov

Là một nhà phát triển web nói về các trang web tôi đã tạo: chúng tôi không thiết kế để hiển thị chiều rộng lớn. Và khoảng trắng là những gì mặc định khi bạn mở rộng chiều rộng trình duyệt (hoặc bất kể màu nền CSS là gì).

Chi phí thiết kế và phát triển một trang web đáp ứng và có thể mở rộng trên máy tính để bàn và thiết bị di động là khá cao. Phân tích của chúng tôi cho thấy 90% + người dùng của chúng tôi xem trang web của chúng tôi ở độ phân giải rộng <1400 px.

Vào cuối ngày, không đáng để dành thời gian và tiền bạc để thiết kế và triển khai cho <10% người dùng duyệt các trang web của chúng tôi ở độ phân giải rộng> 1400px.

Liên quan: https://webmasters.stackexchange.com/questions/7932/what-is-the-st Chuẩn-thong-for-a-website-in-pixel

18
y3sh

Bởi vì một số người duyệt như tôi, với màn hình quay 90 °.

enter image description here

Người khác ở trên máy tính bảng, điện thoại và Win 3.11 với độ phân giải 640 * 480 và màu 8 bit. Các trang web tốt nhất thường được thiết kế để có thể đọc được trên tất cả thiết bị, trông không tuyệt vời trên bất kỳ thiết bị cụ thể.

6
dotancohen

Nếu nội dung tự nhiên rộng như vậy, thì bằng mọi cách có thể làm cho trang rộng hơn. Vì vậy, ví dụ, một bảng lớn, sẽ có thể sử dụng được nhiều hơn nếu nó sử dụng chiều rộng nhiều như nó cần, hơn là bị nhồi nhét trong một cột hẹp hơn. Tôi đã sử dụng google docs toàn màn hình bảng tính trong quá khứ và điều đó hữu ích.

Nhưng như những người khác đã nói, có một giới hạn về độ dài của dòng văn bản trước khi chúng khó đọc. Đó là bởi vì rất khó để tìm thấy điểm bắt đầu của dòng tiếp theo khi mắt bạn di chuyển về bên trái, vì vậy các cột văn bản chỉ nên quá rộng.

Một lập luận khác cho việc không có các trang web rộng là tôi đã không mua một màn hình lớn chỉ để tôi có thể xem thêm bất kỳ trang web nào. Khi màn hình lớn hơn, mọi người trở nên ít có khả năng tối đa hóa các cửa sổ hơn, vì vậy dù sao trình duyệt cũng không rộng.

Tôi đã mua một màn hình lớn (thực ra là hai màn hình lớn cạnh nhau và tôi sẽ có nhiều hơn nếu máy của tôi điều khiển chúng) để tôi có thể có nhiều cửa sổ, trình duyệt, trình chỉnh sửa, v.v. Bằng cách đó, tôi không phải liên tục chuyển đổi giữa các ứng dụng, tôi chỉ có thể liếc từ cái này sang cái khác, điều này làm cho mọi thứ hiệu quả hơn nhiều. Điều này có thể đúng nhất đối với các trang web như stackexchange, thường được sử dụng trong bối cảnh công việc, nơi mọi người đang làm việc trên những thứ khác cùng một lúc. Nó gần như chắc chắn ít quan trọng hơn cho các trang web giải trí.

Vì vậy, như với bất kỳ câu hỏi về khả năng sử dụng nào, hãy nghĩ về bối cảnh mà người dùng của bạn đang làm việc. Trang web của bạn có phải là thứ duy nhất họ đang xem hay đó chỉ là một phần của những gì họ đang làm? Bạn có thể thực sự chắc chắn về điều đó? Bạn đã đăng nhập thông tin đó chẳng hạn?

Ngay cả khi đó là điều duy nhất họ đang làm, vẫn không có lý do gì để đưa mọi thứ lên màn hình trừ khi chúng thực sự phục vụ mục đích nào đó. Mặt khác, chúng chỉ là tiếng ồn làm mất đi thứ bạn thực sự muốn chúng nhìn (hoặc thực sự, chúng muốn được nhìn). Vì vậy, nếu nó thực sự hữu ích thì hãy tiếp tục. Nhưng đừng chỉ lấp đầy không gian vì lợi ích của nó.

4
Peter Bagnall

Thiết kế đó có thể dễ dàng tìm thấy và thay đổi bằng bootstrap, ví dụ ở đây: http://getbootstrap.com/css/#grid-example-fluid

Câu trả lời đơn giản cho giao diện người dùng là độ rộng của đoạn văn có thể so sánh với lượng chuyển động không bị ràng buộc mà một mắt có thể thực hiện từ trái sang phải - cũng tương đương với một tờ giấy.

Thông thường diện tích có thể đọc của đoạn văn không được rộng hơn bàn tay có kích thước trung bình.

3
user96861

Tôi thực sự ngạc nhiên khi thấy câu hỏi này và sự quan tâm cho chủ đề này. Đây dường như là một phần của cuộc tranh luận cũ xung quanh câu hỏi "Có phải không gian trắng bị lãng phí không gian?"

Tôi nghĩ rằng đây là một huyền thoại và có rất nhiều tranh luận duy trì ý tưởng rằng không gian trắng là chìa khóa để thiết kế thành công.

Đối số quan trọng nhất để giới hạn độ rộng của khối nội dung chính và có khoảng trắng bố cục là nó giúp thiết kế dễ sử dụng hơn và giúp người dùng tập trung vào các yếu tố quan trọng nhất. Tôi có thể nói với bạn từ kinh nghiệm Tôi chỉ cần để lại những trang web đó với rất nhiều thông tin trong một trang mà tôi có cảm giác đó tôi sẽ không bao giờ tìm thấy những gì tôi cần. Thật mệt mỏi khi thấy thông tin trên màn hình và tôi không hiểu làm thế nào tôi có thể tập trung vào cột giữa với văn bản ở bên trái và bên phải.

Tôi biết điều này hơi chủ quan, nhưng trên trang có rất nhiều thông tin trong trang, tôi có cảm giác các nhà phát triển không muốn dành nhiều thời gian hơn để thêm một nút với "thêm" hoặc tổng hợp những gì quan trọng. Nó cảm thấy như một hình phạt và nó cảm thấy rẻ tiền.

Không gian màu trắng giúp:

  • tập trung vào nội dung quan trọng nhất;
  • cải thiện khả năng đọc hiểu;
  • tạo ra cái nhìn và cảm giác của sự tối giản và thanh lịch.

Trong bài viết này, Tại sao không gian trắng rất quan trọng đối với thiết kế UX , tôi đã tìm thấy một ý kiến ​​thú vị:

Khoảng trắng đã được chứng minh là tăng khả năng hiểu lên tới 20%. (...)

Khoảng trắng giúp tạo bản đồ tinh thần. (...)

Sức mạnh của không gian trắng đến từ giới hạn của sự chú ý và trí nhớ của con người

Cập nhật: Để cụ thể hơn, thay thế cho việc có lề ở bên trái và bên phải là có nhiều cột hơn hoặc có một hộp chính với chiều rộng lớn hơn.

Vấn đề với tùy chọn đầu tiên là khó có thể ưu tiên các thông tin quan trọng và với thông tin thứ hai là khó đọc một văn bản có chiều rộng lớn.

Một đối số tốt để giới hạn độ rộng của cột được trình bày ở đây và tham chiếu này rất quan trọng được đề cập:

Có một độ dài dòng lý tưởng cho nội dung?

Để trích dẫn một đoạn từ Hướng dẫn về Phong cách Web - Các nguyên tắc thiết kế cơ bản để tạo các trang web.

Độ dài dòng lý tưởng cho bố cục văn bản dựa trên sinh lý của mắt người.

Ở khoảng cách đọc bình thường, cung của trường thị giác chỉ vài inch - khoảng chiều rộng của một cột văn bản được thiết kế tốt, hoặc khoảng 12 từ trên mỗi dòng. Nghiên cứu cho thấy rằng tốc độ đọc chậm và tỷ lệ duy trì giảm khi chiều dài dòng bắt đầu vượt quá chiều rộng lý tưởng, bởi vì người đọc sau đó cần sử dụng các cơ mắt và cổ để theo dõi từ đầu một dòng đến đầu dòng tiếp theo. Nếu mắt phải đi qua khoảng cách lớn trên trang, người đọc dễ bị mất và phải săn tìm đầu dòng tiếp theo. Các nghiên cứu định lượng cho thấy độ dài dòng vừa phải làm tăng đáng kể mức độ dễ đọc của văn bản.

Hướng dẫn về Phong cách Web - Nguyên tắc thiết kế cơ bản để tạo trang web Patrick J. Lynch và Sarah Horton phiên bản 2, trang 97.

2
Madalina Taina

Tôi muốn nói lĩnh vực tầm nhìn đóng một vai trò. Bạn có thể dễ dàng đọc một mảnh giấy và chiều rộng của trang web có cùng kích thước. Bằng cách này, bạn không phải di chuyển đầu theo hướng ngang trong khi đọc hoặc phân tích trang.

Ngoài ra ngay cả khi bạn đã cố gắng giảm khoảng trắng, thì bạn sẽ làm thế nào? Nó không hẳn là dễ dàng. Hầu hết các câu hỏi đã khá ngắn. 2 trang cạnh nhau? Làm thế nào mà nó hoạt động với cuộn inifinte hoặc cuộn nói chung?

2
HopefullyHelpful

Tôi đã đọc tất cả các câu trả lời ở trên, nhưng không thấy bất kỳ đề cập nào đến các vấn đề nhạy cảm có thể xảy ra.

Mặc dù tôi vẫn không nhận được thiết kế 'di động đầu tiên', nhưng nếu bạn muốn thiết kế một ứng dụng web đáp ứng, thì nội dung tương tự phải trông đẹp từ 320px cho đến .. bất cứ điều gì. Tôi chủ yếu làm việc với bảng điều khiển, vì vậy, cần rất nhiều không gian, nhưng hầu hết các lần tôi vẫn không thể kéo dài nội dung nhiều đến mức có thể phản hồi tốt dọc theo tất cả các độ phân giải.

Luôn nhớ rằng chiều rộng của container càng dài, nội dung đó sẽ được xếp chồng lên nhau trong các tầng có độ phân giải nhỏ hơn và chiều cao của khối nội dung trong các độ phân giải đó càng lớn. Ví dụ: một dòng văn bản trong vùng chứa chiều rộng 1920px, tiêu thụ chiều cao 140px trên chế độ xem màn hình trên thiết bị di động - đó là 30% chiều cao màn hình điện thoại nhỏ và không bao gồm giao diện người dùng trình duyệt. Tôi hiện đang ở trên màn hình 21: 9 3440x1440px. Hình ảnh có các vật phẩm kéo dài từ bên này sang bên kia trên màn hình của tôi .. Nói một cách đơn giản là đôi khi tôi phải quay đầu lại để xem máy tính để bàn từ bên này sang bên kia! : D

Dưới đây là một ví dụ: https://jsfiddle.net/cjj1Ln36/1/

Theo kinh nghiệm, bất cứ điều gì hơn 1400px là quá mức cần thiết cho nội dung phong phú, ví dụ: kết hợp tiêu đề, văn bản và biểu đồ. Thông thường, điều hợp lý để làm ở độ phân giải cao hơn, là phá vỡ nội dung trong các cột, tuy nhiên, tùy thuộc vào độ phân giải và theo kinh nghiệm, các cột này cuối cùng quá cằn cỗi hoặc quá dày đặc tùy thuộc vào độ phân giải. Cũng rất khó có khả năng hai khối mã sẽ chứa cùng một nội dung - có khả năng không thể dự đoán trong các trang web động, do đó, nội dung của một cột có thể dày đặc và thưa thớt khác.

Đối với các trang web giàu hình ảnh, mọi thứ thậm chí còn tồi tệ hơn.

a) Nếu ảnh sử dụng chiều rộng vùng chứa đầy đủ 1400px, nhưng phải giữ tỷ lệ chung, như 4: 3, thì rất có thể nó sẽ chiếm toàn bộ chiều cao của màn hình và rất có thể vượt quá nó.

https://jsfiddle.net/mg965au8/1/

b) Nếu ảnh được sử dụng ở bên cạnh văn bản, sau đó chuyển từ độ phân giải 1400px xuống độ phân giải trong đó ảnh có ý nghĩa để ngồi phía trên văn bản (ví dụ> 768px), rất có thể nội dung sẽ bắt đầu quá thưa thớt và có thể sẽ vượt quá chiều cao của hình ảnh trong khi thu nhỏ. Tôi đã tạo ra một fiddle để minh họa vấn đề. Hãy thử mở rộng từ độ phân giải thấp lên đến tối đa 1400px (hãy tưởng tượng mà không có thùng chứa!). Nó trông đẹp cho tất cả các chiều rộng trình duyệt? Chắc là không.

https://jsfiddle.net/2xnt3mk2/

Ngoài ra, những gì tất cả những người khác ở trên đã nói - quá áp đảo, v.v.

1
scooterlord

Đặc biệt trong các trang web nặng văn bản, một cột văn bản hẹp dễ đọc hơn một bức tường văn bản có chiều rộng đầy đủ. Ngoài ra, nếu văn bản không phải là một cuốn tiểu thuyết, bạn sẽ thấy rằng hơn một nửa dòng văn bản không đạt đến chiều rộng đầy đủ để nó tạo ra một "blot văn bản" khó chịu và không đồng đều.

Hãy suy nghĩ về cách văn bản được hiển thị trong một cuốn tiểu thuyết (vật lý) so với từ điển. Từ điển thường được hiển thị trong hai cột. Nó cho phép người đọc tập trung tốt hơn vào những gì đang được đọc bởi vì nó quan trọng. Việc giữ lại tất cả các từ trong tiểu thuyết cũng không quá quan trọng, cũng như không khó vì chúng tôi cho rằng người đọc đã quan tâm đến câu chuyện.

Nói tóm lại: con người có khoảng chú ý kém và duy trì sự tập trung tốt hơn nếu được cung cấp ít thông tin tại một thời điểm.

0
ecc

Nó cũng phụ thuộc vào loại nội dung, kích thước của nó và vào khoảng cách của người dùng từ màn hình.

Đối với video, bảng điều khiển có ảnh lớn hoặc bản trình bày - toàn màn hình là tùy chọn tốt nhất.

Đối với nội dung văn bản và các bức ảnh nhỏ đến trung bình, điều quan trọng là phải tính đến một lĩnh vực nhận thức thoải mái.

Làm thế nào rộng sẽ là một lĩnh vực nhận thức thoải mái mà không cần phải di chuyển mắt từ trái sang phải cho một PC hoặc máy tính xách tay bình thường với khoảng cách 50 đến 65 cm (20 đến 26 inch) cho người dùng ngồi?

Đôi mắt quá giá trị và nhanh chóng mệt mỏi, vì vậy mọi người thích điều chỉnh mức độ tự do rộng rãi từ chuyển động 2 chiều sang chuyển động 1 chiều và cuộn trang theo chiều dọc và để mắt cố định ở vị trí của chúng.

Cuộn trang theo chiều dọc dễ dàng hơn cho mọi người, vì di chuyển mắt qua lại từ trái sang phải và sửa lại vị trí dọc của nội dung hiện tại/tiếp theo. Một số nội dung đơn giản có thể bị mất, nếu nó được đặt bên ngoài trường nhận thức chính.

Kết quả là ấn tượng thị giác tổng thể từ một trang có thể bị ảnh hưởng.

0
Doc