Các trang web được tối ưu hóa để sử dụng trên thiết bị di động khác với các trang web xuất hiện trên máy tính để bàn và máy tính xách tay. Loại thứ hai được thiết kế cho màn hình lớn và cách nhấp chuột chính xác, trong khi các trang web di động có kích thước cho màn hình nhỏ hơn và thao tác chạm ngón tay không chính xác.
- Được thiết kế cho màn hình nhỏ hơn và thao tác gõ ngón tay không chính xác.
- Được thiết kế cho màn hình lớn với cách nhấp chuột chính xác.
Do phần lớn lượt truy cập trang web đến từ thiết bị di động, các nhà thiết kế trang web được giao nhiệm vụ cung cấp các phiên bản hoạt động với cả thiết bị di động và máy tính để bàn. Phương pháp phổ biến nhất là sử dụng thiết kế web đáp ứng, tự động cung cấp phiên bản phù hợp dựa trên thiết bị và kích thước màn hình của người dùng, như được trình duyệt phát hiện.
Trong mọi trường hợp, các trang web thân thiện với thiết bị di động có một số điểm khác biệt với các phiên bản dành cho máy tính để bàn.
Thiết kế trang: Màn hình di động có ít dung lượng hơn
- Màn hình điện thoại thông minh và máy tính bảng có kích thước theo đường chéo từ 4 đến 10 inch.
-
Tiện ích menu có thể thu gọn hoặc mở rộng thường thay thế các thanh bên và menu tiêu đề cồng kềnh.
- Đồ họa toàn chiều rộng với việc sử dụng hợp pháp không gian giữa các văn bản.
- Hầu hết các màn hình máy tính để bàn có kích thước đường chéo từ 19 inch đến 24 inch.
- Liên kết được tài trợ và quảng cáo biểu ngữ lớn phổ biến hơn.
- Văn bản dày đặc hơn với nhiều thời gian hơn cho đồ họa.
Sự khác biệt rõ ràng nhất giữa trang web trên máy tính để bàn và trang web di động là màn hình hiển thị. Trong khi hầu hết các màn hình máy tính để bàn có kích thước đường chéo ít nhất từ 19 inch đến 24 inch, máy tính bảng thường có kích thước khoảng 10 inch. Điện thoại thông minh có đường chéo khoảng 4 inch. Chỉ đơn giản là thu nhỏ sẽ không chuyển đổi thành công một trang web sang phiên bản thân thiện với thiết bị di động vì nó làm cho văn bản không thể đọc được và yêu cầu thêm một bước từ khách truy cập trang web. Ngoài ra, việc khai thác chính xác các phần tử nhỏ bé trở nên không thể.
Để khắc phục sự cố, các nhà thiết kế có thể xóa các thanh bên và đồ họa không thực sự cần thiết. Thay vào đó, họ sử dụng đồ họa nhỏ hơn, tăng kích thước phông chữ và thu gọn nội dung thành các widget có thể mở rộng. Hạn chế về bất động sản này đã thúc đẩy một kiểu suy nghĩ hoàn toàn khác giữa các nhà thiết kế web.
Ngoài ra, các widget menu có thể thu gọn hoặc mở rộng thường thay thế các thanh bên và menu tiêu đề cồng kềnh. Trong nhiệm vụ làm cho từng milimet không gian màn hình được đếm, các nhà thiết kế đã loại bỏ khoảng trắng thừa, đồng thời chú ý đến khả năng đọc.
Một đám đông các liên kết được tài trợ và quảng cáo biểu ngữ lớn không hoạt động trên điện thoại hoặc máy tính bảng nhỏ. Thay vào đó, các quảng cáo bật lên nhỏ phổ biến hơn trên các trang web di động.
Các bố cục có văn bản bao quanh một hình ảnh không hoạt động tốt trên thiết bị di động. Thay vào đó, các nhà thiết kế thường cung cấp cho các đồ họa đó toàn bộ chiều rộng của màn hình và chạy văn bản bên dưới hoặc bên trên. Tương tự, thiết kế web tốt chia văn bản thành nhiều phần để dễ đọc; không ai muốn đọc những bức tường văn bản vững chắc. Điều này thậm chí còn trở nên quan trọng hơn trên màn hình nhỏ. Sử dụng khoảng trắng một cách thận trọng là rất quan trọng.
Điều khiển trang: Độ chính xác trên máy tính để bàn so với Blobs trên thiết bị di động
-
Các khu vực khai thác lớn hoặc điểm phát sóng để điều hướng chính xác hơn.
- URL khác nhau: thêm ký tự "m." Thường là một tùy chọn để xem phiên bản trên máy tính của một trang web.
- Thông tin đăng nhập thường có không gian dành riêng, đôi khi có khả năng truy cập bằng vân tay.
- Các liên kết và nút dựa trên con trỏ chính xác hơn.
Không giống như con trỏ chuột chính xác trên màn hình của bạn, ngón tay người là một đốm màu và việc chạm vào yêu cầu các mục tiêu lớn trên màn hình cho các siêu liên kết. Các trang web thân thiện với thiết bị di động cung cấp các khu vực khai thác lớn (hoặc điểm phát sóng) để tạo điều kiện điều hướng chính xác.
Các trang web thân thiện với thiết bị di động cũng thường bao gồm chữ m trong địa chỉ của chúng; ví dụ: địa chỉ di động của Facebook là m.facebook.com. URL di động thường được chọn tự động cho bạn khi bạn lướt web bằng máy tính bảng hoặc điện thoại thông minh di động. Trong một số trường hợp, bạn sẽ thấy một liên kết có thể nhấn cho phép bạn chuyển sang phiên bản máy tính để bàn thông thường của trang.
Các trường đăng nhập và mật khẩu dành cho máy tính để bàn và máy tính xách tay trở nên nhỏ bé và không thể sử dụng được trên điện thoại, vì vậy các nhà xuất bản web làm cho các trường này lớn hơn, đôi khi cung cấp cho họ các trang riêng để dễ sử dụng. Đăng nhập bằng vân tay hoặc tài khoản khác, chẳng hạn như Google hoặc Facebook, ngày càng trở nên phổ biến khi các khả năng của thiết bị và dịch vụ phát triển.
Tại sao nó lại quan trọng?
Trang web trên điện thoại di động được thiết kế cho các thiết bị cầm tay và hoàn toàn khác với các trang dành cho máy tính để bàn đọc. Mặc dù bạn thường có thể xem phiên bản máy tính để bàn của trang web trên thiết bị di động và ngược lại, chúng được thiết kế khác nhau để giúp nội dung dễ xem, đọc và điều hướng hơn.
