Trang web 49 MB
The 49MB web page
Nếu việc chủ động gây xao nhãng cho độc giả trên trang web của bạn là một môn Thể thao Olympic, thì các ấn phẩm tin tức sẽ đứng đầu bảng xếp hạng mỗi ...
Nếu việc chủ động làm người đọc mất tập trung vào trang web của bạn là một Olympic Sport, các ấn phẩm tin tức sẽ đứng đầu bảng xếp hạng mỗi thời gian.
Tôi đến tờ New York Times để xem qua bốn tiêu đề và được chào đón với 422 yêu cầu mạng và 49 megabyte của dữ liệu. Phải mất hai phút trang này mới ổn định. Và thì bạn sẽ thắc mắc tại sao mọi dân công nghệ lành mạnh đều có một trình chặn quảng cáo được cài đặt trên hệ thống của tất cả những người thân yêu của họ.
Đó là câu chuyện tương tự ở các nhà xuất bản hàng đầu hiện nay.
Để thực sự hiểu được hiện tượng của một trang web 49 MB trang, hãy nhanh chóng quay trở lại vài thập kỷ trước. Với tải trang này, bạn sẽ vượt lên trước kích thước của Windows 95 (28 đĩa mềm). Hệ điều hành vận hành thế giới hoàn toàn phù hợp bên trong một lần tải trang hiện đại. Năm 2006, iPod thống trị âm nhạc tối cao và kỹ thuật số là quý giá. Một tiêu chuẩn bài hát MP3 chất lượng cao ở tốc độ bit 192 kbps chiếm khoảng 4 tới 5 MB. Trang số ít này đại diện cho khoảng 10 đến 12 những bài hát đầy đủ. Về cơ bản tôi đã tải xuống toàn bộ giá trị dữ liệu của album chỉ để đọc một vài đoạn văn bản. Theo Liên minh Viễn thông Quốc tế, tốc độ internet băng thông rộng trung bình toàn cầu hồi đó là khoảng 1,5 Mb/giây. Trình duyệt của bạn sẽ tiếp tục tải cái này sự quái dị trong vài phút, đủ thời gian để bạn đi bộ đi và pha một tách cà phê.
Nếu phần cứng đã được cải thiện rất nhiều trong 20 năm qua, khung hiện đại/ngăn xếp công nghệ quảng cáo bị phủ nhận hoàn toàn sự tiến bộ đó với sự trừu tượng và sự phình to có kiến trúc kém?
Điều tiết CPU, cơn ác mộng theo dõi và quyền riêng tư
Các trang web tin tức thực sự rất thích theo dõi.
Đối với ví dụ trên, hãy xem nhanh thác nước mạng để tìm một tải bài viết cho thấy một chương trình ngổn ngang, không được kiểm soát đấu giá quảng cáo diễn ra hoàn toàn trong trình duyệt của khách hàng. Trước khi người dùng đọc xong dòng tiêu đề, trình duyệt buộc phải xử lý hàng chục yêu cầu đấu thầu đồng thời để trao đổi như Dự án Rubicon (fastlane.json) và Amazon Hệ thống quảng cáo. Mặc dù các yêu cầu này không đồng bộ trên mạng, tải trọng của chúng cực kỳ thù địch với chủ đề chính của trình duyệt. Để tạo điều kiện thuận lợi cho việc này, trình duyệt phải tải xuống, phân tích và biên dịch megabyte JS. Với tư cách là nhà xuất bản, bạn không nên chạy chu trình tính toán để tính lợi nhuận quảng cáo trước khi đưa ra báo chí thực tế.
- Người dùng yêu cầu văn bản.
- Trình duyệt tải xuống 5 MB JS theo dõi.
- Một cuộc đấu giá im lặng diễn ra trong nền, đánh thuế CPU di động.
- Người trúng thầu tiêm một loại thuốc đã được lựa chọn cẩn thận quảng cáo xen kẽ mà bạn không yêu cầu.
Câu chuyện chung của nhiều kẻ phạm tội Nhịp tim giám sát không ngừng nghỉ.
Ngoài sức nặng tuyệt đối của phiên đấu giá có lập trình, tần suất giám sát hành vi thật đáng ngạc nhiên. có giám sát người dùng chạy song song không ngừng hàng loạt đèn hiệu POST bắn vào tính năng theo dõi của bên thứ nhất điểm cuối (a.et.nytimes.com/track). Pixel vô hình nền giảm xuống và chuyển hướng đến doubleclick.net và casalemedia giúp gắn kết danh tính trên nhiều trang web của người dùng lại với nhau mạng quảng cáo khác nhau.
Khi bạn mở một trang web trên điện thoại, nó giống như tham gia vào thị trường giao dịch tài chính tần số cao. Sức nóng mà bạn cảm thấy ở mặt sau của điện thoại? Sự đột ngột tiếng quạt quay trên máy tính xách tay của bạn? Đóng góp vào điều đó cộng thêm mức sử dụng pin là sự kết hợp của những tập lệnh nhỏ này.
Trớ trêu thay, bộ máy giám sát này lại khởi động
bên cạnh việc tìm nạp yêu cầu
Vì vậy, nghịch lý của UX tin tức hiện đại nằm ở đó. Sự bắt buộc biểu ngữ cookie bạn buộc phải nhấp vào chỉ hợp pháp những lá chắn được triển khai để bảo vệ nhà xuất bản trong khi họ vui vẻ khai thác dữ liệu của bạn trong nền. Nhưng thế là đủ về NYT.
Tính kinh tế của kiến trúc thù địch
Các nhà xuất bản không xấu xa nhưng họ đang tuyệt vọng. Bị bắt trong vòng xoáy chết chóc của công nghệ quảng cáo có lập trình này, họ đang giao dịch khả năng giữ chân người đọc lâu dài với mức giá CPM ngắn hạn. các ngành quảng cáo hiện đại đang dần tách rời người sáng tạo khỏi nhà quảng cáo. Họ vũ khí hóa giao diện người dùng vì họ nghĩ họ phải làm vậy.
Khả năng xem và thời gian trên trang là những số liệu rất quan trọng những ngày này. Mọi quyết định UX thù địch đều bắt nguồn từ điều này sự thật duy nhất. Bạn bị mắc kẹt trên trang này càng lâu thì CPM cao hơn mà nhà xuất bản có thể tính phí. Sự thất vọng của bạn là sản phẩm. Không có gì ngạc nhiên khi các kỹ sư và nhà thiết kế tạo ra mọi UX quyết định tối ưu hóa cho điều đó. Và bạn, người đọc, là buộc phải tương tác, chờ đợi, nhấp chuột, cuộn nhiều lần vì sự tối ưu hóa này. Đây không chỉ là một bước trong sai hướng, nó mang tính chất đối nghịch về mặt thiết kế.
Người đọc không được phần mềm tôn trọng đủ. các nhà xuất bản bị bắt làm con tin bởi sự khuyến khích từ một cuộc đấu giá hệ thống không chỉ khuyến khích mà còn khen thưởng bóng tối các mẫu.
Và hầu như tất cả các trang web tin tức hiện đại đều mắc phải một số lỗi sự biến đổi của các mô hình chống người dùng. Xin nhắc lại, NNgroup định nghĩa chi phí tương tác là tổng chi phí về tinh thần và thể chất những nỗ lực mà người dùng phải nỗ lực để đạt được mục tiêu của họ. trong thế giới vật chất, kiến trúc thù địch ám chỉ một băng ghế công viên với những chiếc gai khiến người ta không thể ngủ được. trong thế giới kỹ thuật số, chúng ta có thể gọi nó là một hệ thống được thiết kế cẩn thận để trích xuất các số liệu mà phải trả giá bằng tải nhận thức của con người. Chúng ta cũng hãy đề cập đến một số lựa chọn thiết kế phổ biến gây khó chịu cho người dùng đã trở thành xu hướng chủ đạo.
Cuộc phục kích đọc trước
Các ví dụ về GDPR đã chọn Ưu điểm và nhược điểm của những điều này đã được được thảo luận trong giới công nghệ kể từ khi chúng ra mắt.
Người dùng phải thực hiện phân loại trực quan, xác định điểm đóng các biểu tượng (được cố tình tạo độ tương phản thấp) và thực hiện các nhiệm vụ phụ chỉ để truy cập 5KB văn bản mà họ đã đến cho. Chúng ta hãy xem làm thế nào tất cả các mô hình phản đối này kết hợp thành một trải nghiệm duy nhất, thù địch với người dùng. Đây là một bản tóm tắt của một tải trang tiêu chuẩn của Thời báo Kinh tế.
Phân tích UX
Thời báo kinh tế: Hãy tưởng tượng triển khai điều này vào sản xuất. Có ai thậm chí quan tâm đến cách sản phẩm cuối cùng của họ xuất hiện với người dùng nữa không?
Lao động không làm việc
3 Chi phí tương tác không được chấp nhận
Trước khi đọc một câu, người dùng phải xác định vị trí và nhấp vào "X" trên phương thức trung tâm, thực hiện tương tự cho phương thức trên cùng bên phải và cuộn qua biểu ngữ hàng đầu lớn. Bằng cách buộc họ phải thực hiện quản lý kỹ thuật số chỉ để truy cập nội dung, nhà xuất bản tạo ra những rào cản không cần thiết cho người đọc.
Nguồn & Chẩn đoán UX bị vi phạm
-
Thiết kế thẩm mỹ và tối giản - Giao diện không được chứa thông tin không liên quan hoặc hiếm khi cần thiết
[NN/g Khả năng sử dụng Heuristic #8] -
Chi phí tương tác- Phương thức kép buộc vật chất cao chi phí tương tác trước khi giá trị được phân phối
[NN/g Chi phí tương tác] -
Các chỉ số quan trọng về trang web cốt lõi (Xâm nhập Quảng cáo chuyển tiếp) - Nguyên tắc tìm kiếm riêng của Google phạt các trang nơi nội dung không thể truy cập dễ dàng do cửa sổ bật lên xâm nhập bao gồm nội dung chính ngay sau khi điều hướng
[Trung tâm Google Tìm kiếm]
Thảm họa CLS
Một người dùng đang ở đoạn số 2. Đột nhiên, văn bản nhảy xuống 250 pixel và chúng mất vị trí. Tại sao? Một mạng quảng cáo cuối cùng đã giải quyết quy trình đặt giá thầu của mình và chèn iframe ở trên khung nhìn. Trong Core Web Vitals của Google, điều này được đo lường dưới dạng Thay đổi bố cục tích lũy. CLS cao thường tương quan trực tiếp với tỷ lệ bỏ qua cao.
Đưa vào bối cảnh các thảm họa CLS, sự xâm nhập các phương thức hoặc thậm chí các tập lệnh chặn hiển thị đều được cho là hạ thấp điểm số trang của bạn. Và Google chính thức xử phạt về mặt lý thuyết thì tất cả những điều này đều dành cho SEO. Điều kỳ lạ là Các sản phẩm quảng cáo của chính Google cũng là thứ giúp kích hoạt tính năng này.
Cơ quan tên miền và danh tiếng của nhà truyền thông đảm bảo những điều này các trang web tiếp tục xuất hiện ở đầu kết quả của bạn. của Google cánh tay tìm kiếm trừng phạt tội phạm trong khi cánh tay quảng cáo của Google bán vũ khí.
Trình phát video cố định
Ngày nay, các nhà xuất bản thích nhúng video tự động phát, điều đó không thực sự phổ biến. Bạn sẽ tìm thấy nhiều diễn đàn, Các chủ đề Reddit, HN hoặc Twitter về nó.
Để làm cho nó tệ hơn bằng cách nào đó...khi bạn cuộn xuống, bạn nghĩ nó sẽ rời khỏi bạn khi nó rời khỏi khung nhìn. Không. Nó tách ra, co lại và ghim vào phía dưới bên phải của màn hình của bạn và tiếp tục chơi. Nó duy trì sự phân tâm và như thể đang trêu chọc bạn, có nút 'X' cực nhỏ với một vùng va chạm nhỏ (vi phạm định luật Fitts).
Trang chủ của NDTV Việc tự động phát video ngày nay đã trở nên phổ biến.
Bạn có thể cá rằng những người đo lường số liệu sẽ khoe khoang về video quảng cáo đầu video có CPM cao nhất hoặc bất cứ thứ gì.
Trở ngại đổi mới
Trên thiết bị di động, không gian theo chiều dọc là mặt hàng quý giá nhất của bạn. Khung nhìn trung bình trên thiết bị di động cao khoảng 800px. Và nhiều các trang tin tức sử dụng tiêu đề cố định (có logo và menu hamburger) tiêu thụ 80-100px. Thêm một chia sẻ hấp dẫn thanh cùng với thanh URL riêng của trình duyệt di động và các nút điều hướng và bạn đã giảm được không gian cho nội dung thậm chí xa hơn.
[Quảng cáo và phương thức: 89%] so với [Nội dung: 11%] Nội dung thực tế trên trang web Guardian này bị hạn chế tới 11% khung nhìn. Và điều này không tính đến thanh điều hướng trình duyệt trên điện thoại thực tế.
Nhận xét của chuyên gia "Khi các nhà thiết kế được khuyến khích tối ưu hóa cho đăng ký bản tin, đăng ký văn bản hoặc đăng ký tại mọi chi phí, đôi khi họ đưa ra những quyết định ưu tiên những số liệu đó hơn tất cả những thứ khác. Tuy nhiên, về lâu dài, những chiến thuật này làm xói mòn lòng tin của người dùng và mối quan hệ của họ cho thương hiệu." - NNgroup [Nguồn]
Cửa sổ đọc thực tế của người dùng giờ đây là một khe kín trong trung tâm của điện thoại của họ. Nó tạo ra cảm giác trực quan nghẹt thở. Do đó, họ buộc phải cuộn gấp 3 lần thường xuyên hơn tăng chi phí tương tác.
Sau đó có ngón tay béo thuế. Các nút 'X' ngay cạnh hộp nhấn quảng cáo là một rủi ro toán học được tính toán bởi các nhóm quảng cáo để tạo ra những cú nhấp chuột tình cờ. Các nút đóng này có thể dễ dàng lớn hơn, đặc biệt là trên màn hình di động nhưng không phải vậy. Tính năng, không khủng bố lỗi.
Đại sảnh danh vọng: Jagran
Tôi lớn lên với đọc Dainik Jagran, nó từng là một trong những cuốn sách của Ấn Độ
tiếng Hindi phổ biến nhất được in hàng ngày. Và đây là trang web của họ
hôm nay. Phần nội dung nhỏ bé được che giấu đằng sau không một phần nào
nhưng có hai mô-đun chiến tranh chỉ số z. Rất nhiều trang web tích cực
cản trở người đọc truy cập chúng bằng cách làm phiền họ
với "ứng dụng" của họ ngày nay.
Một đặc điểm gần đây khác của các trang web tin tức hiện đại là việc cắt bớt các bài viết đang ở giữa chừng bằng dòng chữ "Đọc Nút Thêm" hoặc "Tiếp tục đọc". Một sự kiện nhấp chuột cho biết nhà xuất bản bài viết nào đang thúc đẩy sự tương tác và mang lại chúng là cơ hội để tải thêm nhiều quảng cáo hơn nữa xuống phía dưới trang.
Tốt hơn là có thể
Là nhà xuất bản, bạn không thể ép buộc người dùng qua 3-4 hành động bác bỏ trước khi nội dung được hiển thị chính xác và mong đợi trải nghiệm sẽ được đánh giá cao. Làm như vậy là tương đương với việc đốt cháy ngân sách nhận thức của người dùng trước đây giá trị được chuyển giao. Lý do kinh doanh là "Chúng tôi cần tuân thủ và tạo khách hàng tiềm năng" không mang lại lợi ích người dùng. Nếu họ chưa đọc một từ nào của bạn báo chí, tại sao họ lại đăng ký theo dõi bạn?
Khắc phục bằng cách không hiển thị cửa sổ bật lên trước 60 giây dừng thời gian hoặc độ sâu cuộn 50%. Thay vì cho phép độc lập tập lệnh của bên thứ ba để chèn các lớp phủ không phối hợp, các kỹ sư phải thực thi một hàng đợi giới thiệu nối tiếp lớp phủ tại một thời điểm, được kích hoạt bởi hành vi chứ không phải theo trang tải. Tạo các phương thức có thể truy cập không gây khó chịu. Nếu bạn có để kết hợp sự đồng ý với cookie và yêu cầu bản tin thành một phần đáy đơn, không chặn. Nếu người dùng loại bỏ nó, lưu trạng thái vào localStorage và không bao giờ hiển thị nó trên cùng một phiên.
Hoặc tốt hơn nữa, thêm thông tin đăng ký bản tin theo kiểu, div không xâm phạm giữa đoạn 4 và 5. Nếu người dùng đã cuộn đến mức đó, họ đã đính hôn. Không chỉ làm chi phí tương tác của người dùng giảm thì tỷ lệ chuyển đổi có thể thực sự tăng lên vì ý định phù hợp với hành động.
Quay lại với CLS, khi chúng ta đọc, bộ não của chúng ta lập bản đồ không gian vị trí của văn bản. Khi bố cục thay đổi bất ngờ, nó phá hủy bộ nhớ không gian của người dùng. Tải trọng nhận thức bắt buộc phải tìm lại địa điểm của bạn phá vỡ trạng thái dòng chảy.
Là nhà xuất bản, bạn phải dành chỗ cho không đồng bộ nội dung. Bao bọc các vùng quảng cáo và hình ảnh trong một vùng chứa bằng tỷ lệ khung hình được xác định hoặc chiều cao tối thiểu cố định. Nếu khe cắm là được chỉ định cho hình chữ nhật trung bình 300x250, vùng chứa có thể được mã hóa cứng thành:
chiều cao tối thiểu: 250px; nền: var(--skeleton-loader);
hoặc một cái gì đó. Khi tải quảng cáo, DOM không di chuyển. Nếu quảng cáo không lấp đầy được, hãy thu gọn vùng chứa bằng cách sử dụng thứ gì đó thích Thay đổi kích thướcObserver nếu nó nằm ngoài khung nhìn hiện tại. Nhưng tránh đẩy văn bản xuống sau khi người dùng đã bắt đầu đọc.
Sự tỉnh táo vẫn tồn tại
text.npr.org Một phiên bản NPR chỉ có văn bản nhẹ và không cồng kềnh, theo dõi và phương thức.
Các phiên bản đơn giản hóa như text.npr.org, lite.cnn.com và www.cbc.ca/lite vẫn tồn tại ngoài kia. Và nguồn cấp dữ liệu RSS cũng vậy. Một sự sôi động cộng đồng người đọc nguồn cấp dữ liệu phục vụ hàng triệu người mỗi ngày. Đăng ký theo lựa chọn của bạn về nhà xuất bản tin tức mà không cần tấn công phương thức hống hách hoặc theo dõi liên tục.
Sự tồn tại của những điều này chứng tỏ rằng khán giả mong chờ những loại trang web nặng về nội dung, không rườm rà thường lãng mạn hóa những ngày này. Trong một thời đại có quá nhiều thứ xảy ra trên khắp đất nước của bạn và trên thế giới, và internet quá xâm lấn vào cuộc sống của chúng ta, chúng ta nên có tốt hơn các cửa hàng đáp ứng nhu cầu của cả doanh nghiệp và người dùng tại một thời điểm trung gian.
Vào cuối ngày
UX tốt là điều rất được mong đợi và một khi bạn làm đúng, nó sẽ cảm giác gần như tự nhiên, trực quan. Tình trạng hiện tại của tin tức UI giả định rằng người đọc là kẻ thù bị mắc kẹt và được kiếm tiền. Lựa chọn giữa một ấn phẩm có lợi nhuận và một trải nghiệm người dùng nhanh, dễ tiếp cận không phải là một trong hai quyết định. Tôi đảm bảo với bạn rằng các kỹ sư ở đây các ấn phẩm cũng ghét điều này nhiều như chúng tôi, nhưng họ bị mắc kẹt bởi các mô hình kinh doanh ưu tiên CPM ngắn hạn qua lượng độc giả lâu năm. Chúng ta chỉ cần ngừng cho phép các tập lệnh tiếp thị của bên thứ ba chỉ đạo trang web kiến trúc.
Không có kỹ sư cá nhân nào tại Times quyết định thực hiện việc đọc khốn khổ. Kiến trúc này nổi lên từ một ngàn nhỏ các quyết định khuyến khích, mỗi quyết định hợp lý ở địa phương nhưng mang tính tập thể thảm họa.
Họ đã xây dựng một hệ thống coi sự chú ý của bạn như một tài nguyên có thể khai thác được. Điều triệt để nhất bạn có thể làm là từ chối khai thác. Đóng tab. Sử dụng RSS. Hãy để tỷ lệ thoát nói lên điều đó. Đây là những số liệu phù phiếm cho đến khi đủ người ngừng biến mất vào họ và rồi đột nhiên chúng trở thành một cuộc khủng hoảng.
Giới thiệu về tác giả tôi là Shubham, một kỹ sư sản phẩm toàn diện đam mê sửa giao diện người dùng thù địch, xây dựng các công cụ ưu tiên quyền riêng tư (như Tiện ích mở rộng YouTube với 51k+ DAU) và giúp trang web có thể sử dụng được một lần nữa. Hiện tại tôi đang tìm kiếm vai diễn tiếp theo của mình. Nếu đội của bạn cần một kỹ sư quan tâm nhiều đến Tab Mạng như họ làm về sự đồng cảm của người dùng, chúng ta hãy nói chuyện.
Tác giả: kermatt