HomeHOTAbove the fold là gì

Above the fold là gì

14:54, 30/03/2021

Tóm tắt: Những gì xuất hiện thêm ở chỗ đầu của trang cùng hồ hết gì ẩn sinh sống dưới đang luôn luôn luôn tác động mang lại hưởng thụ người tiêu dùng – bất cứ kích thước màn hình hiển thị thế nào. Tính vừa đủ, sự khác hoàn toàn thân phương pháp người tiêu dùng đối xử với thông báo sống bên trên với sinh sống dưới đường biên giới fold là 84%.

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

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

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

Có. Fold vẫn lâu dài và vẫn được áp dụng. Ngay cả khi địa chỉ đúng mực của Fold sẽ khác biệt giữa các thiết bị, nó vẫn mãi mãi với đa số người dùng bên trên từng lắp thêm screen ví dụ. Xét tự quan điểm nghệ thuật, fold mang đến hầu hết các kích cỡ đồ vật thịnh hành hoàn toàn có thể được xác định bằng cách để mắt tới các thống kê lại về lưu lượt truy cập với về trang bị và trình chăm nom. Một xây đắp thỏa mãn nhu cầu có thể gồm 2, 3, 4 hoặc nhiều fold khác nhau, tương xứng với từng máy với kích cỡ màn hình hiển thị mà lại nó được thiết kế theo phong cách nhằm về tối ưu. Mỗi sản phẩm hướng đến gồm fold của riêng rẽ nó nhằm chu đáo.

Nhưng fold không chỉ là chỉ số cân nặng đong tổng hợp, fold còn là 1 ý tưởng. Fold biến chuyển vụ việc cũng chính vì đầy đủ gì lộ diện ngơi nghỉ đầu trang là vấn đề. Người cần sử dụng sẽ cuộn chuột, mà lại mang định kia chỉ đúng lúc phần đông gì xuất hiện bên trên fold (Có nghĩa là screen đầu tiên) đem về sự có tương lai đầy đủ khoảng (promising enough). Cái hiện trên trang mà lại không thử dùng ngẫu nhiên hành động làm sao là cái đang khuyến nghị họ cuộn chuột. Điều này đúng trên bất kể size screen như thế nào, bên trên di động, máy vi tính bảng, hoặc sản phẩm để bàn: bất kể điều gì ẩn dưới với người dùng đã chỉ khám phá nó nếu như bọn họ Cảm Xúc điều đấy đáng bỏ công.

Nó dễ dàng và đơn giản là vụ việc của chi phí tương tác:

Hiển thị mà lại ko bắt buộc thêm bất cứ hành động như thế nào (ví dụ, sinh hoạt bên trên màn hình đầu tiên) = chi phí liên hệ thấp để xemĐang ẩn với đề nghị hành vi giúp thấy (ví dụ, ở dưới screen thứ nhất, hoặc ẩn) = ngân sách địa chỉ cao, vấn đề đó bao hàm (a) nỗ lực cố gắng niềm tin để đân oán coi điều gì vẫn ẩn cùng triển khai một đưa ra quyết định tích cực để tìm hiểu câu chữ, với (b) thực hiện một cố gắng nỗ lực thể chất cần thiết để xem văn bản (ví dụ như cuộn chuột).

Chúng ta chưa tới một trang để xem văn bản bất lợi cùng không liên quan, họ cũng không có mong muốn mù quáng rằng điều nào đó hoàn toàn có thể đang có ích sau 5 lần cuộn con chuột. Những gì mà chúng ta tìm kiếm thấy ở phần đầu của trang góp họ đưa ra quyết định tất cả liên tục cuộn loài chuột, đưa sang trọng trang không giống (thuộc website đó), tuyệt test tới thương hiệu miền không giống, hoặc từ bỏ bỏ hoàn toàn trọng trách đó. Vì vậy những trang với văn bản dài rất có thể đã đạt được lợi ích tự những signpost trên vị trí đầu của trang, thông qua những links hoặc trải qua câu chữ, cho tất cả những người sử dụng thấy chúng ta sắp tới sửa được đọc/xem/nghe/… điều gì.

Lúc màn hình nhỏ dại rộng, bọn họ bị nghiền bắt buộc cuộn loài chuột nhiều hơn thế nữa, một biện pháp không cần thiết. Lúc chỉ gồm một ít văn bản xuất hiện thêm sinh sống đầu màn hình hiển thị di dộng nhỏ bé xíu, họ hy vọng nhận thấy nhiều hơn thế bên dưới. Nhưng bọn họ không làm cho nạm do họ đam mê cuộn con chuột. Chúng ta có tác dụng núm chính vì bọn họ mong chờ rằng bên dưới fold đang có tương đối nhiều thông tin có giá trị cho chúng ta.

khích lệ cuộn chuột

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

lúc những trang với ngẫu nhiên kích thước màn hình như thế nào cung ứng ít ngôn từ tại vị trí đầu rộng, điều đấy làm cho khó khăn người tiêu dùng sinh hoạt kỹ lưỡng bọn họ chần chừ đượ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ể làm trang lôi cuốn hơn, tuy nhiên điều đó có thể bắt buộc Chịu tổn thất sinh hoạt chi tiết không khuyến nghị (cost of discouraging) người tiêu dùng cuộn loài chuột. Cũng nlỗi các xây dựng rất có thể có tác dụng người dùng phát âm nhầm là chúng ta đang thấy cục bộ văn bản của trang (cơ mà thực ra còn nhiều ngôn từ nghỉ ngơi phía dưới – ghi chú thêm của fan dịch).

*

Trang web của Mod Notebook ban đầu cùng với hình hình họa toàn màn hình hiển thị và một liên kết cho tới video. Chỉ bao gồm một nguyên tố bối cảnh cho rằng vẫn còn đấy văn bản bên dưới đó là mũi bên trên chỉ xuống, cố gắng nhằm ko làm bạn coi gọi nhầm rằng họ vẫn thấy không còn nội dung rồi. Các thi công đáng ra cần không phải mũi thương hiệu nhằm nói cho tất cả những người cần sử dụng biết là chúng ta có thể cuộn chuột.

*

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

khi người dùng không thấy được đọc tin có mức giá trị, bọn họ hoàn thành cuộn chuột. Trong bài bình chọn về tính chất khả dụng, thi thoảng người tiêu dùng sẽ cuộn chuột giúp xem gồm ngôn từ gì thú vị trên trang hay là không trước khi họ thấy cuốn hút, tuy vậy hành vi này còn thọ mới thành tiêu chuẩn. Người sử dụng chỉ cuộn chuột lúc bọn họ có nguyên nhân để làm điều đó.

Xem thêm: Giftcode Mộng Bá Vương 3D - Playpark Tặng 200 Giftcode Game Mộng Bá Vương 3D

Fold sẽ luôn luôn luôn là sự việc chính vì cuộn chuột là hành động bổ sung cơ mà người tiêu dùng bắt buộc nhằm truy cập vào nội dung. Nó tương tự như việc ngóng trang tải dứt, cliông xã vào mũi tên next trong một chuỗi hình họa liên tục (carousel), giỏi cliông xã nhằm mtại một văn bản văn uống bạn dạng ẩn (accordion), cuộn chuột thêm 1 bước tiếp nối nhưng người dùng cần tiến hành nhằm ngừng mục tiêu của họ.

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

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

Trong những tính huống cạnh tranh xử về thiết kế bối cảnh, thường thì gồm cả nhì đối số, chúng thử dùng team prúc trách rưới về những hiểu biết người dùng dự tính đối số như thế nào là mạnh mẽ nhất. Trong ngôi trường phù hợp này, mang thuyết là ví dụ một giải pháp bất thường: ngân sách shop là khác hoàn toàn đáng kể thân các thành phần bên trên cùng bên dưới đường biên giới fold, chính vì thế có hai Khu Vực sẽ được người dùng đối xử biệt lập.

Sẽ xuất sắc hơn Khi gồm tài liệu thực nghiệm cung cấp mang đến đưa thuyết. Và chúng ta gồm minh chứng đa dạng trong trường vừa lòng về đường biên fold. Chúng ta vẫn quan lại cạnh bên vô số người dùng trong những nghiên cứu và phân tích định tính về tính khả dụng trong số đó hành động của họ bị ảnh hưởng vị fold – thường xuyên là ảnh hưởng xấu, bởi vì những website không ưu tiên câu chữ trên màn-hình-đầu-tiên một giải pháp phù hợp. Người sử dụng dừng cuộn con chuột trước lúc search thấy thông báo họ yêu cầu, hoặc tệ không dừng lại ở đó, không nhận biết rằng có nhiều lên tiếng hơn sẽ nghỉ ngơi bên dưới đường biên fold.

Cũng gồm có dẫn chứng định lượng: vào một đối chiếu tổng phù hợp từ 57 453 dữ liệu về eyetracking (quan sát và theo dõi mắt người dùng bên trên website đang quan sát vào điểm làm sao – chú thích của tín đồ dịch), Cửa Hàng chúng tôi vạc chỉ ra rằng: sự để ý của người tiêu dùng bên trên screen đầu tiên là rất cao. Các yếu tắc trên tuyến đường biên fold được quan sát nhiều hơn nữa so với những thành phần bên dưới đường giáp ranh biên giới fold: 100 px trê tuyến phố biên fold được coi nhiều hơn thế nữa 102% so với 100 px nghỉ ngơi tức thì bên dưới đường biên giới thứ nhất.

Heatmaps (bạn dạng thiết bị nhiệt) dưới tổng thích hợp tất cả các trang vào phân tích của công ty chúng tôi (xung quanh các trang kiếm tìm tìm với hiện tượng search kiếm). Nội dung dưới con đường fold bao gồm nhận ra một số quan lại liền kề, nhưng rất hiếm được nhỏng nội dung nghỉ ngơi trên tuyến đường fold.

*

Một heatmap tổng hợp cho biết 57 452 dữ liệu eyetracking trải ra bên trên những trang, không bao hàm các trang tìm kiếm kiếm và trang công dụng search tìm. Màu đỏ đã cho thấy địa điểm người dùng quan sát vào các nhất; màu xoàn cho thấy chúng ta chú ý ít hơn. Khu vực white color hầu như không được quan sát. Vạch color Black đậm trước tiên chỉ đi ra đường biên fold của trang vào nghiên cứu; các vun Black đậm tiếp theo sau thay mặt cho từng màn hình tiếp sau khi cuộn con chuột.

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

Tại sao Google đo được tác động của đườn biên fold là 66% trong những lúc công ty chúng tôi đo được nó là 102%? Điều này được lý giải là do gồm hai số liệu khác nhau được sử dụng. Google đo coi liệu gồm quảng cáo làm sao hiển thị trên screen hay không, cho nên vì thế người dùng rất có thể nhận thấy nó, giả dụ chúng ta tình cờ quan sát vào khu vực đó. Chúng tôi lại đo xem liệu hầu hết người dân có thực sự nhìn vào màn hình hiển thị hay là không và chúng ta dành riêng từng nào thời hạn khi quan sát.

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

Xem thêm: Siêu Sự Kiện Lmht: Siêu Sao Đại Chiến Việt Nam 2018, Vietnam All

Người cần sử dụng ko cuộn chuột để cho vui. Họ cuộn loài chuột có mục đích. Vì vắt trường hợp bàn về fold nhưng mà không đặt sự triệu tập vào điều gì mở ra đầu tiên bên trên trang, thì quan trọng thì thầm tiếp được.

(Dịch tự bài xích 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: HOT