Nguyên tắc thiết kế cho màn hình nhỏ

Một phần của tài liệu Tìm hiểu Wap và công cụ tìm kiếm hỗ trợ thiết bị di động (Trang 168 - 170)

Các dự báo cho rằng số lượng thiết bị di động sẽ nhanh chóng vượt qua số lượng máy tính để bàn trên toàn thế giới, tạo nên một cơ hội kinh doanh khổng lồ cho các ứng dụng thân thiện người dùng được thiết kế cho những thiết bị có màn hình nhỏ này. Một điều chắc chắn rằng sẽ có nhiều thách thức cho việc hiển thị trên thiết bị nhỏ nhưng khó có thể tạo nên các ứng dụng lôi cuốn trên các thiết bị di động như trên máy tính để bàn. Ta nên tuân theo các yêu cầu sau khi thiết kế các nội dung dành để hiển thị trên các thiết bị có kích thước màn hinh nhỏ:

ƒ Cần đảm bảo là có thông tin được hiển thị khi người dùng truy cập vào trang wap

ƒ Sử dụng mục <title> trong phần <head> để cung cấp một tiêu đề ngắn cho mỗi trang wap. Thông thường tiêu đề không nên dài quá 14 ký tự trừ khi ta có ý định hiển thị trang wap trên một thiết bị di động xác định. ƒ Sử dụng địng dạng thống nhất cho tất cả các trang XHTML trong một

dịch vụ. Tính thống nhất đó sẽ giúp nâng cao khả năng nắm bắt, đặc biệt là những người dùng sử dụng dịch vụ thường xuyên.

ƒ Hạn chế việc cuộn trang theo chiều ngang. Thêm vào đó người dùng có thể trở nên mất định hướng về vị trí của họ trên toàn thể trang. Nếu có thể thì nên thiết kế nội dung không rộng hơn hoặc dài hơn màn hình hiển thị của thiết bị.

ƒ Sử dụng thuộc tính canh lề (left, right, center) cho các thành phần để tăng tính rõ ràng, nhưng tránh sử dụng nhiều hơn hai hoặc ba kiểu trên cùng một trang đơn bởi vì khi đó sẽ làm cản trở khả năng nắm bắt cấu trúc tổ chức của trang.

ƒ Sử dụng khoảng trắng đặc biệt là dọc theo các hình ảnh cao, hẹp. Ta có thể làm như thế bằng cách sử dụng thuộc tính align trong phần tử

<img>. Ví dụ: <img align="left" src="sky.gif" alt="Sky Picture"/>. Thêm vào đó trong file CSS ta có thể làm như thế (thậm chí tốt hơn nữa) một trong các cách đó là đặt thuộc tính float cho phần tử

<img>. Khi đó các hình ảnh với thuộc tính này cho phép hiển thị văn bản dọc theo nó do đó sẽ sử dụng hết phần hiển thị của thiết bị.

ƒ Tránh lạm dụng các thuộc tính làm nổi bật văn bản như in đậm (bold), in nghiêng (italic) và gạch dưới (underline) vì khi đó chúng sẽ làm giảm sự rõ ràng của trang wap.

ƒ Tránh sử dụng các từ dài, phức tạp trong khi có thể dùng các từ ngắn gọn, và súc tích hơn.

ƒ Tránh sử dụng quá nhiều màu khác nhau trên cùng một trang. Mặc dù màu sắc làm cho dịch vụ trở nên lôi cuốn hơn nhưng quá nhiều màu có thể gây phản tác dụng. Cố gắng sử dụng màu sắc thống nhất, ví dụ có thể sử dụng cùng một màu cho một phần tử XHTML trên toàn bộ hệ thống. ƒ Tránh đề cập đến tên màu sắc, ví dụ như: “nhấn vào liên kết màu đỏ

để…” bởi vì trên những thiết bị di động không có màn hình màu thì các nội dung có màu sẽ trở thành trắng đen.

Một phần của tài liệu Tìm hiểu Wap và công cụ tìm kiếm hỗ trợ thiết bị di động (Trang 168 - 170)