Thanh trượt và băng chuyền là xu hướng thiết kế vài năm trước. Bạn sẽ ngày càng khó tìm thấy một blog không cung cấp chúng ngày hôm nay.

Nhưng một cái gì đó đã thay đổi. Các nhà thiết kế và nhà phát triển đã bắt đầu rời xa thanh trượt để chụp ảnh tĩnh. Khi sự quan tâm đến các thiết kế tối giản và các trang web có cuộn dài ngày càng tăng, các biểu ngữ trượt đã trở thành một mối đe dọa cho thiết kế siêu đơn giản.

Và nếu các nhà thiết kế đã chọn áp dụng chuyển động cho một trang web, nó sẽ ở dạng cuộn thị sai, biểu tượng động hoặc trên trình phát video.

Tuy nhiên, có một số nhà thiết kế tranh luận rằng thanh trượt và băng chuyền là những yếu tố thiết kế hiệu quả giúp cải thiện mức độ tương tác của người dùng khi được sử dụng đúng cách. Hôm nay chúng ta sẽ khám phá giá trị của lập luận đó và cung cấp cho bạn các mẹo và công cụ mà bạn có thể sử dụng để đảm bảo mức độ tương tác của người dùng trên trang web của mình. blog WordPress.

Chúng ta có nên sử dụng chúng đúng không?

Đối với nhiều nhà thiết kế đang tìm kiếm sự đơn giản ngay bây giờ, họ có thể khó hiểu làm thế nào nội dung xoay có thể được chèn vào một cách lý tưởng.

nhược điểm

Dưới đây là một số lý lẽ phổ biến nhất về caroussels:

• Chậm tải: Việc thêm thanh trượt và băng chuyền sẽ làm chậm thời gian tải trang web, điều này có thể làm tắt khách truy cập.
• Xấu cho SEO : Vì quá nhiều nội dung được nhồi nhét vào một thanh trượt nên rất khó để tối ưu hóa trang và SEO cho tất cả nội dung đó.
• Phân tâm không cần thiết: Xoay vòng con trỏ giúp khách truy cập phân tâm từ nội dung xung quanh nó.
• Khó sử dụng: Nhiều trang trình bày cung cấp cho khách truy cập quá nhiều tùy chọn để theo dõi và thường đòi hỏi quá nhiều nỗ lực, gây khó khăn cho việc truy cập dữ liệu họ đang tìm kiếm.
• Ngắt UX: Đối với khách truy cập thích cuộn nhanh nội dung, các thanh trượt có thể ảnh hưởng đến sự kiên nhẫn của họ, vì họ phải ngồi và chờ đợi từng nội dung trượt "Cuộn.
• Tỷ lệ Nhấp chuột Tồi: Theo một số nghiên cứu, thanh trượt không hiệu quả trong tương tác mà nó tìm kiếm (nhấp chuột). Mặc dù khách truy cập có thể quan tâm đến việc đọc một hoặc thậm chí có thể một vài trang trình bày, nhưng hầu hết không có hành động nào.
• khó coi : Nhiều nhà thiết kế nghĩ rằng " thanh trượt » và băng chuyền rất xấu, đặc biệt là khi đã quen khuyến khích hình ảnh và thông điệp quảng cáo hướng tới tương lai.

lợi ích

Bây giờ, chúng ta hãy xem xét các lập luận của những người ủng hộ thanh trượt:

• Tiết kiệm không gian : Carousels có thể hiển thị rất nhiều thông tin trong một không gian nhỏ.
• Giảm sự lộn xộn : Đối với một số trang web, điều quan trọng là phải giới thiệu các sản phẩm, mẫu, thành viên nhóm khác nhau, v.v. Thanh trượt có thể giảm bớt sự lộn xộn mà người dùng di động mắc phải.
• Thu hút sự chú ý Thêm chuyển động vào thanh trượt có thể giúp thu hút sự chú ý của khách truy cập.
• Cung cấp với các quan điểm : Một số trang web có sản phẩm hoặc dịch vụ cần được làm nổi bật từ các góc độ khác nhau. Một ví dụ điển hình của trường hợp này là một nhà bán lẻ điện thoại muốn hiển thị một số hình ảnh về thiết bị di động của họ từ nhiều góc độ.

Các phương thức 6 sẽ giúp bạn thêm thanh trượt / băng chuyền vào blog của bạn

Trang web của bạn được thiết kế để hoạt động bình thường. Đây là lý do tại sao nhiều mối quan tâm của những người chống lại con trỏ là có cơ sở. Nếu bạn đang sử dụng thanh trượt với mục đích xoa dịu khách hàng chỉ vì họ thực sự muốn có một thanh trượt hoặc vì bạn không dành thời gian nghiên cứu các mẹo và công cụ để sử dụng nó tốt, bạn cuối cùng có thể khiến hiệu suất trang web của bạn gặp rủi ro.

Nếu sự tương tác của người dùng là thứ bạn đang tìm kiếm, thì trải nghiệm người dùng phải luôn được bạn quan tâm trong quá trình phát triển. Vì vậy, khi thêm thanh trượt vào trang web của bạn, hãy ghi nhớ các mẹo sau:

# 1: Tối ưu hóa vị trí của bạn

Khi "thanh trượt" được đánh dấu, chúng nằm ở đầu trang chủ, nơi hầu hết các nhà thiết kế hiện đang đặt các hình ảnh quan trọng. Là một nhà phát triển WordPress, bạn biết rằng có những khu vực khác của trang web có tiềm năng sử dụng tốt nội dung trượt.

# 2: Hãy nghĩ về kích thước

Bạn có cần bao gồm một thanh trượt chiều rộng đầy đủ hay nó sẽ chiếm không gian không cần thiết? Luôn xem xét mục đích của thanh trượt, kích thước của hình ảnh bên trong và sự cân bằng mà nó có thể tạo ra với phần còn lại của các phần tử trên trang để xác định đâu sẽ là kích thước tối ưu của nó.

# 3: Sử dụng nội dung quan trọng trong thanh trượt của bạn

Khách truy cập của bạn muốn xem nội dung có giá trị đối với họ. Đảm bảo rằng hình ảnh và nội dung được sử dụng trong thanh trượt của bạn củng cố sứ mệnh của trang web và thúc đẩy khách truy cập xem toàn bộ.

# 4: Chọn hình ảnh độ phân giải cao

Nói chung, việc sử dụng hình ảnh có độ phân giải thấp hoặc chất lượng kém trên trang web của bạn là một hành vi xấu. Điều tương tự cũng sẽ áp dụng cho “thanh trượt” hoặc băng chuyền, đặc biệt là vì tác động của các yếu tố này phụ thuộc vào các bức ảnh có trong đó.

# 5: Giữ văn bản ở mức tối thiểu

Thanh trượt và băng chuyền là tuyệt vời để hiển thị hình ảnh, nhưng văn bản có thể làm suy yếu trải nghiệm này. Hình ảnh quá tải thường có thể gây khó khăn cho việc đọc các văn bản được đặt chồng lên chúng. Ngoài ra, nếu con trỏ quay quá nhanh, khách truy cập sẽ không có đủ thời gian để đọc nó. Nhưng ngoài ra, bạn cũng nên xem xét rằng văn bản được nhúng trong một hình ảnh có thể sẽ không hiển thị đúng trên thiết bị di động. Nếu có thể, đừng xem xét sử dụng văn bản, đặc biệt nếu chúng sẽ ảnh hưởng đến chất lượng.

# 6: Hãy chú ý đến việc cuộn

Có một số phương pháp bạn có thể sử dụng để kiểm soát việc cuộn. Quyết định chọn cái này hay cái kia thường phụ thuộc vào nội dung trong phần " thanh trượt ". Tự động cuộn hoạt động hiệu quả đối với thanh trượt khung hình đơn, miễn là quá trình cuộn không diễn ra nhanh chóng. Đặt cược tốt nhất của bạn có thể là buộc trang trình bày dừng lại ngay sau khi ai đó nhấp hoặc di chuột qua " thanh trượt ". Sau đó, sẽ tùy thuộc vào họ để xác định khi nào họ sẽ muốn tiếp tục cuộn.

Sau đó chúng ta nên làm gì?

Công việc của chúng tôi giới hạn trong việc trình bày mọi thứ cho bạn để bạn có thể đưa ra quyết định và chọn những gì phù hợp với blog của bạn. Cá nhân tôi sử dụng Thanh trượt, nhưng tôi đảm bảo tối ưu hóa cả hình ảnh và nội dung, để tận dụng tối đa chúng.

Bạn dùng gì ở nhà? Bạn có một sở thích ? Đừng ngần ngại chia sẻ với chúng tôi.