Above the fold là gì

Tóm tắt: Những gì xuất hiện ở vị trí đầu của trang cùng gần như gì ẩn nghỉ ngơi bên dưới đang luôn luôn ảnh hưởng đến đề xuất người dùng – bất cứ kích thước màn hình hiển thị ra sao. Tính vừa đủ, sự khác hoàn toàn giữa biện pháp người dùng đối xử với đọc tin nghỉ ngơi trên cùng sống dưới đường giáp ranh biên giới fold là 84%.

Bạn đang xem: Above the fold là gì

Kích cỡ screen liên tiếp thay đổi và thi công hoàn toàn có thể đáp ứng nhu cầu cùng với những kích thước đó, rộng là cân xứng cùng với kích thước ko thay đổi. Lúc các người sử dụng, người thi công, giới xây dựng viên, hoặc dân sale đề cập về câu chữ “trên screen đầu tiên/above the fold” – một thuật ngữ được vay mượn tự ngành báo in cùng được thực hiện nhằm đề cùa đến những gì đang được hiện trên website cơ mà không buộc phải cuộn loài chuột – liệu nó tất cả tạo nên ngẫu nhiên ý nghĩa sâu sắc như thế nào không?

Chụ thích hợp của tín đồ dịch. Trong Lúc “above sầu the fold” đã làm được dịch tương đối thoát là “trên mình đầu tiên”, thì fold, Tức là chỉ rỡ ràng giới thân phần vẫn hiển thị và phần cần cuộn con chuột mới thấy ngôn từ thì bản thân vẫn chưa tìm kiếm được từ bỏ tiếng Việt thích hợp, do thế vào bản chất dịch này vẫn giữ nguyên trường đoản cú chỉ khái niệm kia nghỉ ngơi dạng tiếng Anh.

Có. Fold vẫn lâu dài cùng vẫn được áp dụng. Ngay cả lúc địa chỉ chính xác của Fold đang không giống nhau thân những vật dụng, nó vẫn mãi mãi với đa số người dùng bên trên từng trang bị screen ví dụ. Xét tự cách nhìn chuyên môn, fold mang lại đa số những size vật dụng thịnh hành rất có thể được khẳng định bằng phương pháp chu đáo các những thống kê về giữ lượng truy cập cùng về vật dụng cùng trình chăm bẵm. Một xây cất đáp ứng rất có thể tất cả 2, 3, 4 hoặc những fold không giống nhau, tương xứng với từng thiết bị với kích thước screen mà lại nó có phong cách thiết kế nhằm tối ưu. Mỗi máy hướng về bao gồm fold của riêng biệt nó để chu đáo.

Nhưng fold không chỉ có là chỉ số cân đong đo đếm, fold còn là một trong ý tưởng. Fold đổi thay vấn đề cũng chính vì những gì xuất hiện thêm sinh sống đầu trang là vụ việc. Người cần sử dụng đang cuộn loài chuột, nhưng lại đưa định kia chỉ đúng lúc đầy đủ gì xuất hiện thêm bên trên fold (Có nghĩa là màn hình đầu tiên) mang lại sự hứa hẹn đủ trung bình (promising enough). Cái hiển thị trên trang cơ mà không đề nghị ngẫu nhiên hành vi như thế nào là mẫu vẫn khuyến khích bọn họ cuộn chuột. Điều này đúng bên trên bất kể kích cỡ màn hình hiển thị nào, trên cầm tay, máy vi tính bảng, hoặc thiết bị để bàn: bất cứ điều gì ẩn bên dưới cùng người dùng sẽ chỉ mày mò nó trường hợp họ Cảm Xúc điều đấy xứng đáng vứt công.

Nó dễ dàng là vụ việc của ngân sách tương tác:

Hiển thị nhưng ko cần thêm bất kể hành vi làm sao (ví dụ, nghỉ ngơi bên trên screen đầu tiên) = chi phí tác động thấp nhằm xemĐang ẩn cùng thử khám phá hành vi để thấy (ví dụ, nằm bên dưới màn hình đầu tiên, hoặc ẩn) = chi phí tương tác cao, vấn đề đó bao gồm (a) cố gắng nỗ lực ý thức để đoán coi điều gì sẽ ẩn và tiến hành một đưa ra quyết định tích cực nhằm tò mò văn bản, và (b) tiến hành một nỗ lực thể hóa học quan trọng để xem văn bản (ví như cuộn chuột).

Chúng ta chưa tới một trang giúp thấy văn bản vô ích cùng không tương quan, chúng ta cũng không tồn tại hi vọng mù quáng rằng điều nào đấy hoàn toàn có thể vẫn có ích sau 5 lần cuộn con chuột. Những gì nhưng chúng ta tra cứu thấy ở vị trí đầu của trang giúp bọn họ ra quyết định gồm liên tục cuộn con chuột, chuyển thanh lịch trang không giống (thuộc web đó), giỏi demo cho tới tên miền không giống, hoặc từ bỏ quăng quật hoàn toàn nhiệm vụ đó. Vì nuốm các trang cùng với văn bản dài có thể đã có được tiện ích từ bỏ những signpost tại địa điểm đầu của trang, thông qua các link hoặc thông qua văn bản, cho người cần sử dụng thấy bọn họ chuẩn bị sửa được đọc/xem/nghe/… điều gì.

Khi màn hình bé dại hơn, chúng ta bị nghiền đề xuất cuộn chuột nhiều hơn nữa, một phương pháp không cần thiết. lúc chỉ bao gồm một không nhiều văn bản lộ diện sinh sống đầu màn hình di dộng nhỏ bé nhỏ, bọn họ ước ao nhận thấy nhiều hơn thế dưới. Nhưng bọn họ không làm nạm do chúng ta yêu thích cuộn con chuột. Chúng ta có tác dụng nắm bởi vì bọn họ mong chờ rằng bên dưới fold vẫn có rất nhiều thông báo có mức giá trị mang đến chúng ta.

Khuyến khích cuộn chuột

Các website đề xuất tạo một mẩu truyện vững vàng chắc. Người sử dụng hoàn toàn có thể Cảm Xúc được khuyến nghị cuộn loài chuột nếu khách hàng mang lại họ nguyên do hợp lí để triển khai điều ấy. Các thành phần bối cảnh rất có thể điều phối góc nhìn xuống phía bên dưới trang. Nội dung thu hút có thể đắm say người tiêu dùng ttê mê gia. Nếu đọc tin lôi kéo độc nhất được hiển thị ở đoạn đầu của trang, người tiêu dùng rất có thể cảm giác lôi kéo để gạnh thăm mang đến phần cuối của trang.

khi những trang cùng với bất kỳ size screen nào cung cấp ít ngôn từ ở phần đầu hơn, điều đấy có tác dụng nặng nề người tiêu dùng làm việc cẩn thận chúng ta không biết được liệu gồm nội dung gì không giống đang sẵn có bên trên trang không. Điều kia rất có thể có tác dụng trang thu hút hơn, tuy nhiên điều đó có thể bắt buộc chịu tổn định thất sinh hoạt kỹ càng ko khuyến khích (cost of discouraging) người dùng cuộn chuột. Cũng nlỗi những thiết kế rất có thể làm cho người tiêu dùng gọi nhầm là họ vẫn thấy toàn bộ văn bản của trang (nhưng thực tế còn những câu chữ ngơi nghỉ phía bên dưới – ghi chú thêm của fan dịch).

*

Trang website của Mod Notebook bắt đầu với hình hình họa toàn màn hình hiển thị cùng một liên kết cho tới Clip. Chỉ gồm một nguyên tố hình ảnh cho rằng vẫn còn đó câu chữ phía dưới sẽ là mũi bên trên chỉ xuống, nỗ lực nhằm không làm người coi hiểu nhầm rằng bọn họ đã thấy không còn ngôn từ rồi. Các xây cất lẽ ra yêu cầu ko nên mũi tên nhằm nói cho tất cả những người cần sử dụng biết là họ hoàn toàn có thể cuộn loài chuột.

*

Trái lại, một Khi người tiêu dùng bước đầu cuộn chuột, trang Mod Notebooks tiến hành tốt quá trình của nó là khuyến khích người dùng mày mò thêm. Trang cung cấp các tùy lựa chọn điều phối dựa trên văn uống bản neo để giúp người dùng nhảy vào các chủ thể mà họ ham mê. Trên các màn hình hiển thị bao gồm size đa dạng chủng loại, vnạp năng lượng bản cùng hình hình ảnh trải rộng bên trên các trang, dẫn người tiêu dùng mang đến những ban bố rộng. Nội dung được tổ chức xuất sắc cùng kiến thiết mẩu truyện về sản phẩm, khuyến khích fan gọi liên tiếp cuộn chuột.

Khi người dùng ko thấy được thông tin có mức giá trị, bọn họ xong cuộn con chuột. Trong bài kiểm soát về tính chất khả dụng, thi phảng phất người dùng vẫn cuộn con chuột để xem tất cả câu chữ gì độc đáo trên trang hay không trước khi chúng ta thấy lôi kéo, tuy vậy hành động này còn thọ mới thành tiêu chuẩn chỉnh. Người cần sử dụng chỉ cuộn chuột Khi chúng ta có nguyên nhân để gia công điều đó.

Xem thêm: Hướng Dẫn Cách Hấp Thịt Chó Ngon Đúng Chuẩn, Cách Làm Thịt Chó Hấp Ngon Ơi Là Ngon

Fold đang luôn luôn luôn luôn là vụ việc cũng chính vì cuộn loài chuột là hành vi bửa sung mà người dùng bắt buộc nhằm truy cập vào ngôn từ. Nó cũng như bài toán hóng trang mua hoàn thành, clichồng vào mũi thương hiệu next trong một chuỗi hình họa tiếp tục (carousel), tốt cliông xã để mtại một văn bản văn bạn dạng ẩn (accordion), cuộn chuột thêm 1 bước tiếp đến nhưng mà người dùng bắt buộc thực hiện để chấm dứt mục tiêu của họ.

Các kiến thiết thành công xuất sắc khuyến khích nỗ lực thêm – chúng ta cung ứng ánh nhìn thoáng qua về ngôn từ lôi kéo, một lời giới thiệu ttiết phục, hình hình họa cuốn hút. Những công ty xây cất này tạo những trang dài tngày tiết phục và thành công xuất sắc là những người dân bao gồm ý thức về fold – bọn họ biết phương pháp để tạo ra một trang khuyến nghị người tiêu dùng tò mò, cầm cố bởi vì chuyển làn quý phái nơi khác. Họ ưu tiên nội dung khiến cho cho những người cần sử dụng kéo xuống dưới để xem tiếp, phần đa câu chữ xứng đáng cùng với cố gắng nêm thêm của người dùng.

Bằng triệu chứng về tác động của đường biên giới Fold

Trong những tính huống khó xử về kiến thiết hình ảnh, thông thường gồm cả nhị đối số, bọn chúng tận hưởng nhóm phú trách về thử khám phá người tiêu dùng ước tính đối số nào là vượt trội nhất. Trong ngôi trường phù hợp này, trả tmáu là ví dụ một cách bất thường: chi phí shop là khác biệt đáng chú ý giữa những yếu tắc trên với bên dưới đường giáp ranh biên giới fold, vì thế bao gồm hai khoanh vùng sẽ được người dùng đối xử biệt lập.

Sẽ giỏi rộng Lúc có dữ liệu thực nghiệm cung ứng cho đưa thuyết. Và chúng ta bao gồm bằng chứng phong phú trong ngôi trường thích hợp về đường biên giới fold. Chúng ta đang quan tiền liền kề vô số người tiêu dùng trong số phân tích định tính về tính chất khả dụng trong những số đó hành động của mình bị ảnh hưởng bởi vì fold – thường là tác động xấu, cũng chính vì các trang web không ưu tiên câu chữ bên trên màn-hình-đầu-tiên một bí quyết tương thích. Người sử dụng dừng cuộn loài chuột trước khi tìm thấy báo cáo bọn họ phải, hoặc tệ không chỉ có vậy, ko phân biệt rằng có rất nhiều ban bố rộng vẫn nghỉ ngơi bên dưới đường giáp ranh biên giới fold.

Cũng bao hàm vật chứng định lượng: trong một so sánh tổng phù hợp từ 57 453 dữ liệu về eyetracking (theo dõi và quan sát đôi mắt người dùng trên website đang chú ý vào điểm nào – chú giải của người dịch), công ty chúng tôi phát chỉ ra rằng: sự chú ý của người dùng bên trên màn hình hiển thị trước tiên là không nhỏ. Các yếu tố trên đường biên fold được quan sát nhiều hơn thế so với những yếu tố bên dưới đường giáp ranh biên giới fold: 100 pixel trên tuyến đường biên fold được xem nhiều hơn 102% so với 100 pixel sinh sống ngay lập tức bên dưới đường biên giới trước tiên.

Heatbản đồ (phiên bản trang bị nhiệt) bên dưới tổng hòa hợp tất cả các trang trong nghiên cứu và phân tích của Cửa Hàng chúng tôi (quanh đó những trang tra cứu tìm cùng dụng cụ tìm kiếm). Nội dung bên dưới mặt đường fold bao gồm cảm nhận một trong những quan lại liền kề, tuy vậy hiếm hoi được nhỏng văn bản ở trê tuyến phố fold.

*

Một heatmap tổng vừa lòng cho biết thêm 57 452 tài liệu eyetracking trải ra trên các trang, không bao gồm những trang tìm tìm với trang kết quả tra cứu kiếm. Màu đỏ chỉ ra rằng nơi người dùng quan sát vào những nhất; màu sắc rubi cho biết thêm họ quan sát ít hơn. Khu vực màu trắng phần đông không được nhìn. Vạch color đen đậm trước tiên chỉ đi ra đường biên fold của trang vào nghiên cứu; các vén đen đậm tiếp theo thay mặt đại diện đến từng màn hình hiển thị tiếp sau khi cuộn con chuột.

Tập đúng theo tài liệu trang bị hai tới từ so sánh của Google về quảng cáo hiển thị (định dạng PDF) bên trên một vài lượng to con trang web. Nghiên cứu mong đưa ra coi có bao nhiêu quảng cáo “được nhìn”, cùng với kĩ năng được chú ý được quan niệm là 1/2 lượng pixel của quảng cáo nằm trên màn hình hiển thị trong thời gian một giây. Các truyền bá vị trí screen thứ nhất nhận được 73% năng lực được quan sát, trong lúc quảng bá ngay lập tức dưới đường biên giới fold chỉ gồm 44% khả năng được quan sát. Trong phân tích của Google, đường giáp ranh biên giới fold làm ra khác biệt 66% giữa trên cùng dưới, số lượng nói lên bao gồm bao nhiêu lăng xê sinh sống trên đường biên fold được xem như nhiều hơn thế nữa so với lăng xê sinh hoạt dưới đường biên fold.

Tại sao Google đo được ảnh hưởng của đườn biên fold là 66% trong những khi Cửa Hàng chúng tôi đo được nó là 102%? Như vậy được giải thích là do gồm nhì số liệu khác biệt được áp dụng. Google đo coi liệu gồm PR làm sao hiện trên màn hình hay là không, vì vậy người tiêu dùng hoàn toàn có thể bắt gặp nó, trường hợp họ tình cờ quan sát vào địa điểm kia. Chúng tôi lại đo xem liệu phần lớn người có đích thực nhìn vào screen hay là không và chúng ta dành từng nào thời hạn khi chú ý.

Hai nghiên cứu và phân tích định lượng này cho thấy các ước tính khác nhau tí đỉnh về tác động của đường giáp ranh biên giới fold so với thử khám phá người tiêu dùng. Nhưng cả nhì số lượng phần lớn lớn: họ đã không nói về việc khác hoàn toàn 5% hoặc 10% giữa thông tin nằm ở cùng ở bên dưới đường biên fold. Sự biệt lập là 66%-102%. Nếu bạn có nhu cầu một con số độc nhất đại diện nlỗi một dự tính rất tốt, hãy mang con số trung tâm khoảng chừng giữa: trung bình tất cả sự khác hoàn toàn 84% về kiểu cách người dùng đối xử với văn bản sống trên với dưới đường biên giới fold. Quá mập. Hãy tin vào đường giáp ranh biên giới fold. Trải nghiệm người tiêu dùng thay đổi đáng kể làm việc kia.

Xem thêm: Cách Nấu Canh Cá Với Khế Chua Nấu Khế Dịu Mát, Dễ Ăn Trong Ngày Hè

Người sử dụng ko cuộn con chuột làm cho vui. Họ cuộn loài chuột có mục đích. Vì cụ nếu như bàn về fold nhưng ko đặt sự triệu tập vào điều gì xuất hiện thứ nhất trên trang, thì cần thiết rỉ tai tiếp được.

(Dịch từ bài bác viết: The Fold Manifesto: Why the Page Fold Still Matters, tác giả: Amy Schade, trang web: Neilsen Norman Group)


Chuyên mục: KIẾN THỨC