Cách thiết kế web đáp ứng sẽ cải thiện trải nghiệm người dùng cho tất cả khách truy cập
Hãy dành một chút thời gian và suy nghĩ về tất cả các thiết bị mà bạn sở hữu có thể được sử dụng để xem các trang web. Nếu bạn giống như hầu hết mọi người, danh sách này đã phát triển trong vài năm qua. Nó có thể bao gồm các thiết bị truyền thống như máy tính để bàn và / hoặc máy tính xách tay cùng với các thiết bị đã nổi bật trong vài năm qua, bao gồm điện thoại thông minh, máy tính bảng, thiết bị đeo được, hệ thống trò chơi và hơn thế nữa. Bạn thậm chí có thể có các thiết bị trong nhà hoặc màn hình trong ô tô cho phép bạn kết nối với Internet! Điểm mấu chốt là bối cảnh thiết bị ngày càng lớn và đa dạng, có nghĩa là để phát triển trên Web ngày nay (và trong tương lai), các trang web phải được xây dựng với phương pháp tiếp cận đáp ứng và truy vấn phương tiện CSS và phải xem xét cách thức mọi người có thể sẽ kết hợp các thiết bị khác nhau này thành một trải nghiệm duyệt web.
Nhập người dùng nhiều thiết bị
Một sự thật mà chúng tôi đã thấy diễn ra là nếu mọi người được cung cấp nhiều cách để truy cập Web, họ sẽ sử dụng chúng. Không chỉ những người sử dụng nhiều thiết bị khác nhau để truy cập nội dung trang web, nhưng cùng một người đang truy cập cùng một trang web bằng cách sử dụng các thiết bị đa dạng đó. Đây là nơi mà khái niệm về người dùng “đa thiết bị” đến từ đó.
Một kịch bản nhiều thiết bị điển hình
Hãy xem xét một tương tác web phổ biến mà nhiều người trải nghiệm mỗi ngày - duyệt các trang web bất động sản trong một tìm kiếm cho một ngôi nhà mới. Trải nghiệm này có thể bắt đầu trên máy tính để bàn nơi người nào đó nhập tiêu chí của những gì họ đang tìm kiếm và đánh giá các danh sách sản phẩm khác nhau phù hợp với truy vấn đó. Trong ngày, người này có thể xem lại các thuộc tính cụ thể trên thiết bị di động của họ hoặc họ có thể nhận được thông báo cho email của họ (họ sẽ kiểm tra trên thiết bị di động của họ) cho danh sách mới khớp với thông số tìm kiếm của họ. Họ thậm chí có thể nhận được những cảnh báo đó cho thiết bị có thể đeo, như đồng hồ thông minh và xem lại thông tin cơ bản trên màn hình nhỏ xíu đó.
Quá trình này có thể tiếp tục trong ngày với nhiều lượt truy cập vào trang web trên máy tính để bàn khác, có lẽ từ văn phòng của họ tại nơi làm việc. Tối hôm đó, họ có thể sử dụng thiết bị máy tính bảng để hiển thị bất kỳ danh sách nào đặc biệt thú vị với gia đình của họ để nhận phản hồi về những thuộc tính đó.
Trong trường hợp này, khách hàng trang web của chúng tôi có thể đã sử dụng bốn hoặc năm thiết bị khác nhau, mỗi thiết bị có kích thước màn hình rất khác nhau, truy cập vào cùng một trang web và xem cùng một nội dung. Đây là một người dùng đa thiết bị và nếu trang web họ đang truy cập không chứa chúng trên tất cả các màn hình khác nhau này, họ sẽ chỉ đơn giản là rời khỏi và tìm một trang web hoạt động.
Các tình huống khác
Tìm kiếm bất động sản chỉ là một ví dụ trong đó người dùng sẽ chuyển từ thiết bị này sang thiết bị khác trong trải nghiệm chung của họ với một trang web. Các ví dụ khác bao gồm:
- Tìm kiếm ô tô để mua
- Lập kế hoạch cho một kỳ nghỉ
- Đọc tin bài
- Nghiên cứu ý tưởng cải thiện nhà
- Tìm nhà thầu / dịch vụ địa phương
- Lập kế hoạch cho một đám cưới hay sự kiện lớn khác
- Theo dõi một đội thể thao hoặc sự kiện thể thao
Trong mỗi trường hợp này, trải nghiệm web có thể kéo dài đến nhiều phiên, điều này có nghĩa là có khả năng người dùng sẽ sử dụng các thiết bị khác nhau dựa trên thiết bị nào thuận tiện cho họ tại bất kỳ thời điểm nào.
Thực tiễn tốt nhất để theo dõi
Nếu các trang web ngày nay cần phải phục vụ cho một đối tượng sử dụng ngày càng nhiều thiết bị, thì có một số nguyên tắc cơ bản và thực tiễn tốt nhất cần tuân theo để đảm bảo các trang web đó sẵn sàng xử lý đúng các khách truy cập này và xếp hạng tốt trong công cụ tìm kiếm .
- Trang web đáp ứng - bố cục đáp ứng có thể thích ứng và thay đổi cho các kích thước màn hình khác nhau là rất quan trọng để hỗ trợ nhiều loại thiết bị được kết nối web hiện có.
- Tất cả nội dung sẽ khả dụng - nếu ai đó có thể truy cập một số nội dung hoặc tính năng nhất định khi họ truy cập trang web trên một thiết bị, họ mong đợi những nội dung đó cũng khả dụng khi họ quay lại trên các thiết bị khác. Nội dung phải được trình bày theo cách phù hợp với từng thiết bị, nhưng không có nội dung nào bị "ẩn" hoặc "tắt" đối với một số thiết bị nhất định.
- Khả năng đọc là Khóa - bất kể loại thiết bị hoặc màn hình kích thước nào đang được sử dụng để truy cập một trang web, việc đọc trang web đó rất quan trọng. Điều này có nghĩa rằng typography là một yếu tố thiết kế quan trọng để tập trung vào. Nếu ai đó gặp khó khăn khi đọc nội dung của trang web, họ có khả năng rời khỏi trang web hoàn toàn.
- Tính nhất quán giữa tính đa dạng - trong khi bố cục được trình bày cho mỗi kích thước màn hình khác nhau sẽ khác nhau, cần có sự nhất quán từ thiết bị này đến thiết bị khác. Trải nghiệm tổng thể phải được kết nối để người dùng không phải tìm hiểu lại trang web mỗi khi họ truy cập trang đó trên màn hình mới.
- Làm cho hiệu suất trở thành ưu tiên - các trang web phải tải nhanh và hoạt động tốt trên tất cả các thiết bị, bao gồm thiết bị di động có tốc độ tải xuống thấp hơn hoàn hảo. Hiệu suất trang web tổng thể phải là một ưu tiên trong tất cả các khía cạnh của thiết kế và phát triển của trang web - sau khi tất cả, không ai sẽ nói rằng một trang web tải quá nhanh hoặc làm việc quá tốt !
Biên tập bởi Jeremy Girard vào ngày 1/26/17