Các trang Web di động khác với các trang web thông thường như thế nào?

Trang web trên điện thoại di động là một động vật độc đáo. Không giống như các trang web thân thiện với máy tính để bàn, được thiết kế cho màn hình lớn và nhấp chuột chính xác, các trang web trên điện thoại di động có kích thước cho màn hình nhỏ hơn và không chạm ngón tay không chính xác. Ngoài ra, các trang web hiện đại có nghĩa vụ xuất bản ở cả định dạng trên máy tính để bàn và thiết bị di động, yêu cầu mỗi trang web phải được tạo hai lần.

01/08

Kích thước màn hình và 'Bất động sản' khác nhau

Đây là sự khác biệt rõ ràng nhất giữa các trang web trên máy tính để bàn và thiết bị di động . 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 19 inch đến 24 inch, máy tính bảng thường có đường chéo 10 inch. Điện thoại thông minh có đường chéo 4 inch. Thu phóng đơn giản không chuyển đổi thành công một trang web thành thân thiện với thiết bị di động, vì điều này chỉ làm cho văn bản không thể đọc được. Tương tự, việc chạm ngón tay sẽ không thể thực hiện chính xác trên trang web thu nhỏ. Thiết kế web di động thực sự cần phải thay đổi toàn bộ cách tiếp cận của họ để bố trí trang. Thông thường, các nhà thiết kế cần phải loại bỏ các thanh bên và các hình ảnh không cần thiết, chọn hình ảnh nhỏ hơn, tăng kích thước phông chữ và thu gọn nội dung vào các tiện ích có thể mở rộng. Giới hạn bất động sản này đã thúc đẩy một loại suy nghĩ hoàn toàn khác nhau giữa các nhà thiết kế web.

02/08

Tiện ích và 'Thanh trượt' có trong; Sidebars và Whitespace là Out

Bạn có thể mong đợi rằng hầu hết các trang thân thiện với thiết bị di động sẽ xóa một số hoặc tất cả các liên kết điều hướng thanh bên của chúng và thay thế chúng bằng các tiện ích con có thể thu / mở. Tương tự như vậy, mong đợi không có không gian trống ở bên trái và bên phải của nội dung, và ít khoảng trắng hơn khi các nhà thiết kế cố gắng tối đa hóa việc sử dụng máy tính bảng và điện thoại thông minh.

03/08

Khai thác bằng ngón tay kém chính xác hơn khi nhấp chuột

Khai thác bằng ngón tay khác với cách nhấp chuột:.

Không giống như một con trỏ chuột chính xác trên màn hình của bạn, ngón tay của con người là một đốm màu và chạm ngón tay yêu cầu các mục tiêu lớn trên màn hình cho siêu liên kết. Mong đợi để xem các mục tiêu nhấn hình chữ nhật lớn hơn ('lát gạch') trên các trang web di động và ít liên kết dựa trên văn bản hơn. Ngoài ra, các menu thường sẽ được thay thế bằng các nút lớn và các tab lớn để thích ứng với sự thiếu chính xác của các ngón tay.

04/08

URL trang di động là khác nhau

URL trang trên thiết bị di động khác nhau.

Các trang web thân thiện với thiết bị di động thường bao gồm chữ cái 'm' như một phần quan trọng trong địa chỉ của nó. (nhấp vào đây để xem ví dụ) URL di động thường được chọn cho bạn tự động 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 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.

05/08

Quảng cáo được giảm hoặc xóa

Quảng cáo thường được giảm trên các trang di động.

Có, điều này là tuyệt vời cho người đọc nhưng một điểm đau thực sự với các nhà quảng cáo web. Bởi vì có giảm phòng trên máy tính bảng hoặc điện thoại thông minh, việc đặt 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. Thay vào đó, bạn sẽ thấy quảng cáo loại cửa sổ bật lên đặc biệt nhỏ hơn trên các trang web dành cho thiết bị di động, thường ở cuối trung tâm của màn hình. Các loại quảng cáo có kích thước nhỏ hơn thông minh khác đang được phát minh khi thiết bị di động phát triển.

06/08

Hộp kiểm và các Liên kết Nhỏ sẽ Bực bội

Khi các nhà xuất bản web không hoàn thành việc thiết kế lại nội dung của họ cho màn hình nhỏ, họ thường sẽ buộc bạn và tôi sử dụng các ngón tay kiểu blob của chúng tôi để nhấp vào các hộp kiểm nhỏ. Điều này buộc người dùng phải sử dụng tính năng thử và lỗi hoặc thu nhỏ để thu thập chính xác các hộp kiểm.

07/08

Mật khẩu đăng nhập có thể trở thành bị che khuất hoặc quá nhỏ

Thông tin đăng nhập mật khẩu thường sẽ khó chịu khi nhập trên các trang web di động.

Vâng, đây là một sự khó chịu hiện đại với nhiều trang web di động. Bởi vì nhiều nhà xuất bản web vẫn nghĩ về màn hình 22 inch, họ sẽ thiết lập cho bạn hai trải nghiệm di động khó chịu: các trường đăng nhập và mật khẩu của bạn sẽ rất nhỏ và khó nhấn và bàn phím di động trượt của bạn sẽ bao gồm các trường đăng nhập và mật khẩu của bạn . Bạn sẽ cần phải thích nghi bằng cách sử dụng pinch-phóng to để hiển thị các trường đăng nhập, và bạn sẽ cần phải cuộn màn hình và tắt bàn phím để khám phá các nút đăng nhập ẩn. Hy vọng rằng, các nhà xuất bản web hiện đại sẽ sớm tìm thấy một cách thông minh xung quanh sự khó chịu này.

08/08

Hình ảnh trở nên nổi bật hơn

Hình ảnh có kích thước khác nhau trên các trang dành cho thiết bị di động.

Thông thường, ảnh được thu nhỏ để chúng vừa với màn hình nhỏ hơn. Trong một số trường hợp hiếm hoi, ảnh thực sự được mở rộng để lấp đầy chiều rộng của màn hình máy tính bảng hoặc điện thoại thông minh.