Trang chủ » UI / UX » Nhìn vào việc xây dựng trang web cho người dùng máy tính bảng

    Nhìn vào việc xây dựng trang web cho người dùng máy tính bảng

    Đấu trường máy tính bảng, vốn từng bị thống trị bởi iPad của Apple, giờ đang bùng nổ với một người mới tham gia mỗi ngày. Google Nexus 7, Amazon Kindle, Microsoft Surface và một loạt các thiết bị máy tính bảng khác đã tham gia vào thị trường đang thúc đẩy các nhà tiếp thị nghĩ xa hơn trang web PC và phát triển một chiến lược máy tính bảng độc lập - hoặc, ở mức tối thiểu, một trang web thân thiện với máy tính bảng.

    Là máy tính bảng thay thế cho điện thoại thông minh? Câu trả lời ngắn gọn là không. Trên thực tế, một báo cáo gần đây của comScore cho thấy rõ ràng rằng một trong bốn chủ sở hữu điện thoại thông minh cũng sử dụng máy tính bảng. Hơn nữa, có một số khác biệt rõ ràng trong cách mọi người sử dụng hai thiết bị này. Mặc dù một số chiến lược web trên thiết bị di động của bạn có thể hoạt động cho người dùng máy tính bảng, nhưng trình đọc máy tính bảng của bạn có những nhu cầu đặc biệt cần được xem xét đặc biệt.

    Xây dựng cho máy tính bảng

    Truy cập nội dung và thông tin dường như là hoạt động hàng đầu của các chủ sở hữu máy tính bảng trên toàn thế giới, theo một nghiên cứu của Hiệp hội các nhà xuất bản trực tuyến. Bao gồm nội dung tiêu thụ xem video, tiếp theo là đọc tin tức. Vì vậy, bạn nên làm gì, với tư cách là nhà tiếp thị nội dung hoặc nhà xuất bản, sẽ làm gì để thu hút người đọc máy tính bảng của bạn?

    Trình đọc máy tính bảng được sử dụng để tham gia với vô số ứng dụng, được xây dựng với đồ họa phong phú và hình ảnh rất chi tiết. Do đó, người đọc máy tính bảng mong đợi trải nghiệm đọc giống như ứng dụng, giống như ứng dụng mà họ thường thấy trên trình duyệt máy tính để bàn của họ.

    Cuộn là passé; vuốt là trong

    Cách duy nhất để thu hút khách truy cập máy tính bảng ngày càng tăng của bạn là suy nghĩ vượt ra ngoài các tiêu chuẩn của trang web PC, tức là các định dạng và bố cục cuộn dọc và bắt đầu xây dựng một trang web tương tác cá nhân hơn. Trình đọc máy tính bảng được sử dụng cho các cử chỉ như vuốt và vuốt và thích những thao tác này hơn so với cách điều hướng các trang web "cuộn và nhấp" cũ hơn.

    Tận dụng HTML5 và CSS3 để hiển thị nội dung theo bố cục được phân trang, được định dạng tốt mô phỏng tạp chí in và cung cấp cho người đọc trải nghiệm lật các trang của tạp chí yêu thích của họ.

    Trang web thân thiện với cảm ứng

    Mọi máy tính bảng trên thị trường hiện nay đều hoạt động với giao diện cảm ứng, đã xác định lại chính ý tưởng về cách chúng ta tương tác với máy tính cá nhân. Để có trải nghiệm đọc tối ưu trên máy tính bảng, đơn giản như đặt kích thước văn bản tối thiểu ở mức 14 pixel. Nhưng những gì về giao diện người dùng đặc biệt là khi nói đến đầu vào của con người?

    Nó ở trong ngón tay

    Trong khi các trang web PC tải trên màn hình được đặt ở một khoảng cách nhất định từ mắt có thể truy cập bằng chuột thông qua một con trỏ, máy tính bảng được thiết kế để cầm trên tay và chấp nhận đầu vào từ ngón tay của người dùng.

    Tăng phần đệm văn bản do đó có khá nhiều khu vực xung quanh văn bản siêu liên kết có thể được nhấp ngay cả bằng ngón tay lớn. Cũng thế tăng khoảng cách dòng giữa các câu để không có xung đột giữa văn bản siêu liên kết, trường biểu mẫu hoặc menu thả xuống. Xóa các sự kiện di chuột nhưng giữ cho các hành vi và kiểm soát trực quan hoặc ít nhất là đủ dự đoán để người dùng không cần phải học cách điều hướng trang web của bạn.

    Chúng tôi khuyên bạn nên tuân thủ Nguyên tắc giao diện con người iOS của Apple khi xây dựng trang web thân thiện với máy tính bảng.

    Tránh các yếu tố hào nhoáng

    Với iPad vẫn là công ty hàng đầu trong thị trường máy tính bảng, vẫn không an toàn khi không xây dựng cho Flash. Tuy nhiên, bạn có thể tạo trải nghiệm giống như ứng dụng tốt hơn cho người đọc trên trình duyệt máy tính bảng của họ bằng HTML5. Sử dụng ít hình ảnh động dựa trên JavaScript để giữ cho trang web máy tính bảng của bạn nhanh và có thể truy cập trên tất cả các thiết bị máy tính bảng.

    Vấn đề định hướng

    Khách truy cập máy tính bảng của bạn có thể xem trang web của bạn theo hướng ngang hoặc dọc; vì vậy hãy đảm bảo nội dung trang web máy tính bảng của bạn tự động sắp xếp lại để phù hợp với cả hai định hướng này. Xem 30 Danh mục đầu tư đáp ứng cho cảm hứng của bạn để biết ý tưởng về cách nội dung của bạn cần sắp xếp lại để phù hợp với kích thước và hướng màn hình khác nhau.

    Và để đọc thêm, hãy xem:

    • Thiết kế web di động: 10 mẹo để sử dụng tốt hơn
    • 30 hướng dẫn thiết kế web đáp ứng hữu ích
    • 50 công cụ thiết kế web đáp ứng hữu ích cho các nhà thiết kế

    Cuối cùng, luôn luôn sử dụng hình ảnh có độ phân giải rất cao hoặc đảm bảo hình ảnh của bạn thay đổi kích thước cho các hướng khác nhau, để người dùng có được hình ảnh đầy đủ. Tỷ lệ khung hình 16: 9 hoạt động tốt với hầu hết các máy tính bảng.

    Gói lại

    Khi xây dựng một trang web thân thiện với máy tính bảng, hãy nghĩ xa hơn các trang web PC và đưa tương tác cá nhân tiến thêm một bước. Suy nghĩ lại và xây dựng lại trang web của bạn cho một thế giới nơi máy tính bảng là lần đầu tiên.

    Ghi chú của biên tập viên: Bài này được viết bởi Lakshmi Harikumar cho Hongkiat.com.