CẬP NHẬT:
Trong khi hầu hết các văn bản dưới đây vẫn được áp dụng, bây giờ tôi sẽ nói rằng jQuery Mobile làm một công việc tuyệt vời cung cấp một bộ thiết kế tốt và có thể sử dụng các thành phần giao diện người dùng, trong khi cũng làm giảm bớt rất nhiều các vấn đề về kiểm tra và phát hiện thiết bị mà tôi đã sử dụng WURFL trong quá khứ. Nó vẫn đang trong giai đoạn thử nghiệm, nhưng có vẻ hoạt động khá tốt. Tôi khuyên nên kiểm tra nó toàn diện.
Hai vấn đề quan trọng nhất để xem xét khi bắt đầu là:
1) thiết bị thiết kế phát hiện
2) UI Mobile
Đối với vấn đề số 1, tôi khuyên các bạn nên nhìn vào bộ dữ liệu thiết bị WURFL:
http://wurfl.sourceforge.net/
Sử dụng tính năng này, bạn có thể truy xuất (một số) khả năng của các thiết bị đang truy cập trang web của bạn, sử dụng chuỗi Tác nhân Người dùng của họ. Thử nghiệm các ứng dụng web dành cho thiết bị di động giống như thử nghiệm trình duyệt từ địa ngục - có rất nhiều kết hợp thiết bị và trình duyệt khác nhau, đó là một nhiệm vụ khó khăn. Nếu bạn có thể tập trung phát triển một hoặc hai phiên bản cho điện thoại khá có khả năng, hãy nói:
1) chiều rộng tối thiểu 300px với xác nhận "web" và màn hình cảm ứng 2) Tương tự như trên, nhưng không có màn hình cảm ứng
bạn có thể tạo trang web rất hữu ích sẽ hoạt động với hầu hết "điện thoại thông minh" hoặc "điện thoại ứng dụng" dưới dạng David Pogue đã đặt tên chính xác hơn cho chúng. Đối với các thử nghiệm thực tế, bạn có thể thử:
1) Làm một danh sách của tất cả các bạn bè và những loại điện thoại họ có 2) Đi đến một cửa hàng điện thoại và sử dụng những điện thoại để kiểm tra trang web của bạn
và, bất kể bạn làm gì, bạn sẽ phải nhanh nhẹn khi bạn nhận được phản hồi của người dùng không thể tránh khỏi về nội dung bị hỏng/chậm trên thiết bị của họ.
Về thiết kế giao diện người dùng, có một số vấn đề. Cách đơn giản nhất là CSS đẹp. Ở đây, chỉ cần nhìn vào một số trang web di động bạn thích và ăn cắp CSS của họ. Một khi bạn đã làm điều này, về cơ bản bạn đang làm phát triển web cũ thường xuyên, chỉ trên một màn hình nhỏ. ul sẽ trở thành các bảng iPhone-y đẹp, v.v.
Vấn đề lớn hơn là khả năng sử dụng trên web di động. Theo nhiều cách, chúng tôi đang ở trong tình huống 90 giây với phát triển web di động. Ý tôi là chúng tôi làm việc mà không có các mẫu thiết kế được thiết kế tốt. Điều này làm cho việc phát triển web di động thực sự thú vị, nhưng điều đó cũng có nghĩa là bạn phải sẵn sàng điều chỉnh giao diện người dùng xấu xí/bị hỏng của mình khi các ý tưởng tốt hơn phát triển. Một ví dụ hiện tại là nav/breadcrumbs toàn cầu mà bạn thấy trên rất nhiều trang web dành cho thiết bị di động. Một số lượng đáng ngạc nhiên của folks ra có cố gắng để bắt chước hành vi của các ứng dụng iPhone bản địa bằng cách cung cấp một công cụ chuyển hướng liên tục (nút quay lại) trong ứng dụng di động. Trong khi điều này khá đẹp, nó có một vài vấn đề:
1) Nó là thừa, vì trình duyệt đi kèm với nút quay lại mà người dùng rất quen thuộc. Lý do các nav toàn cầu này tồn tại trong các ứng dụng gốc là chúng không đi kèm với một công cụ điều hướng miễn phí.
2) Trang web tuyệt vời. Bạn có thể nhập, thoát và nhập lại "ứng dụng" tại bất kỳ điểm nào trong cấu trúc của chúng. Bằng cách giả định rằng một người dùng có một con đường tuyến tính thông qua ứng dụng của bạn, bạn đang giảm tính webiness của nó, khiến nó trở nên thô sơ hơn so với phần còn lại của web.
3) Nó bị hỏng. Hoặc bạn có thể gặp tình huống trong đó ứng dụng điều hướng và điều hướng trình duyệt theo hướng ngược lại (nhấn nút quay lại trong các bước ứng dụng của bạn qua lịch sử ứng dụng) hoặc bạn giả mạo nút quay lại bằng javascript. Bắt đầu từ đầu của một ứng dụng (liên kết email, đánh dấu trang), hoặc bạn thiết lập các phiên, có thể là một nỗi đau lớn chỉ để nhân rộng những gì bạn nhận được từ trình duyệt miễn phí.Phiên làm việc cũng dễ bị hỏng (liên kết email, dấu trang) và bạn thực sự không đạt được nhiều.
Tôi đoán các điểm chính của tôi ở đây là:
1) Đừng quên bạn đang ở trên web. Trang web thật tuyệt, các trình duyệt rất tuyệt, hãy tận dụng điều đó.
2) Đừng ngại chơi xung quanh. Không có nhiều mẫu thiết kế tốt ở đây, vì vậy bạn có thể phải thử một số mẫu của riêng bạn.
Điện thoại nào bạn cần tương thích? –
Thats không spec cho tôi. Chúng tôi có một trang wap và thats không được thay thế thay vì chúng tôi muốn một cái gì đó ở giữa trang web trực tiếp của chúng tôi cho wap và web mà iphones, driods, palm pres vv có thể nhận được như tải từ trang web chính là cao và chức năng wap thấp. –