So sánh giữa thiết kế web cho máy tính và thiết kế web cho các thiết bị di động, chúng ta nhận thấy rằng có rất nhiều điểm khác biệt cần phải quan tâm.Dưới đây là những nguyên tắc khi thiết kế web cho các thiết bị di động.
1. Giao diện nhỏ:Ưu tiên các đặc trưng và nội dung chính: các thiết kế website hiện tại chủ yếu tập trung vào loại màn hình 1024x768. Tuy nhiên đối với các smartphone, màn hình phổ biến nhất lại là 320x480. Do đó, cần phải loại bỏ bớt một số đặc trưng và nội dung không cần thiết để làm cho người sử dụng dễ dàng có thể tìm thấy thông tin mà họ cần tìm.Dưới đây là một số ví dụ:
Homepage của Google.com chỉ thể hiện việc tìm kiếm vi trí và list danh sách các quán coffe, bar, thức ăn, shop, các mục khác.
Homepage của Youtube trên di động chỉ hiển thị duy nhất 4 videos nổi bật nhất, không nhiều như nó trên máy tính.Giảm sự phân cấp nội dung: do không linh hoạt được như trên máy tính, thiết kế website cho các thiết bị di động cần phải đơn giản cấu trúc nội dung. Có nghĩa là người sử dụng chỉ phải mất vài cú click là có thể truy cập nội dung sâu nhất của website. Ví dụ: một website kinh doanh bình thường sẽ có homepage / products / product category / product description. Tuy nhiên khi đưa vào thiết bị di động, nó sẽ trở nên đơn giản hơn, các sản phẩm nổi bật sẽ được hiển thị ngay trên trang chủ.
2. Nhập thông tin:
So sánh với việc nhập dữ liệu trên máy tính, việc này dường như khó khăn hơn đối với trên các thiết bị di động.
Đánh chữ trên các thiết bị di động
Một số loại smartphone thiết kế bàn phím QWERTY, trong khi đó một số loại chỉ được thiết kế với một số phím hiển thị ít hơn, chính vì thế việc nhập chữ trở nên hơi khó khăn, đặc biệt là khi người sử dụng lại đang di chuyển, vận động.
Do đó, cần phải thiết kế nhiều sự lựa chọn( click để vào) hơn là bắt người sử dụng phải đánh chữ. Thậm chí dù danh sách tùy chọn có dài đi chăng nữa, nó vẫn dễ dàng cho người truy cập lựa chọn.
Ví dụ về việc tìm kiếm chuyến bay, thay vì phải nhập địa điểm vào trong mục nhập, khách hàng chỉ phải lựa chọn những địa điểm có sẵn.
Mẫu nhập thông tin
Những mẫu nhập thông tin quá nhiều trên các website truyền thống khiến người sử dụng cảm thấy ngại khi phải điền thông tin cá nhân vào. Vì thế, các mẫu này trên các thiết bị di động cần tối giản hóa. Có thể chia mẫu này thành nhiều trang để khách hàng dễ dàng làm theo từng bước, hoặc có thể sử dụng các lựa chọn mặc định để khách hàng lựa chọn nhanh.
3. Tối ưu tốc độ
Mặc dù công nghệ đã làm thay đổi tốc độ truy cập mạng cho các thiết bị di động, tuy nhiên nó vẫn chưa đáp ứng đủ mong muốn của người sử dụng. Họ sẽ mất kiên nhẫn nếu phải chờ đợi lâu khi load một trang web.
Để có thể làm tăng tốc độ tải của nó, điều bạn phải làm là tối giản hóa nội dung, giảm sử dụng ảnh hoặc kích cỡ ảnh, sử dụng ít javascript và css…
.png)
