Thứ Năm, 9 tháng 7, 2015
Thiết kế website adaptive và reponsite
Một trong những vấn đề nóng bỏng nhất của thiết
kế website du lịch hiện nay là khả năng thích ứng của các
trang web đối với các thiết bị khác nhau.
Người dùng không quan tâm bạn sử dụng
phương pháp gì để phát triển website, họ chỉ quan tâm là trang web được hiển thị
tối ưu trên các thiết bị di động, máy tính bảng của họ, một cách dễ điều hướng
và theo dõi. Hai phương pháp tốt để giải quyết vấn đề này là RWD(responsive web
design) và AWD(adaptive web design). Chúng có những điểm khác nhau tùy từng thiết kế website doanh nghiệp lựa
chọn phương pháp phù hợp nhất
Qua rồi những ngày mà website được giới hạn cho máy tính
để bàn. Chúng ta đang sống trong một thế giới mà các trang web lớn nhỏ đều có
thể xem được trên thiết bị có độ phân giải thấp, một chiếc máy tính bảng với độ
phân giải trung bình, hoặc một máy tính để bàn có độ phân giải cao, máy tính
xách tay hay thậm chí là TV thông minh mới xuất hiện gần đây.
RWD là một phương pháp làm cho một trang thiết kế website khách sạn có
thể hiển thị đầy đủ chức năng trên màn hình nhỏ hay lớn, ở bất kì độ phân giải
nào thông qua việc sử dụng những đoạn code CSS phù hợp trên thiết bị hiển thị.
Thiết kế Adaptive được tạo ra bởi Aaron Gustafson, nó sử
dụng các bố cục đã được xác định trước để cung cấp cho các thiết bị với màn
hình có kích thước khác nhau. Không giống như Responsive, quá trình này được thực
hiện chủ yếu từ máy chủ. Máy chủ xác định những điều kiện hiển thị bởi thiết bị
di động và gửi cho nó mẫu thiết
kế website nhà hàng tương ứng đã được thiết kế từ trước.
Điểm tương đồng rõ ràng và hiển nhiên nhất là làm cho các
website thân thiện hơn với thiết bị di động. Và cuối cùng là cung cấp cho người
dùng một trải nghiệm website trên thiết bị di động tốt hơn.Tuy nhiên bên cạnh
những điểm giống nhau thì còn các các điểm khác nhau:
RWD phù hợp với việc thay đổi sự hiển thị trên những thiết
bị khác nhau trong khi AWD thay đổi thiết kế và đáp ứng cho một tập hợp các thiết
bị và kích thước màn hình.
AWD có thể xây dựng trên một trang web đã có từ trước. Đối
với RWD thì bạn phải thiết kế website lại từ đầu.
AWD hỗ trợ hiển thị trang web riêng bằng URL riêng biệt
hoặc theo mã HTML / CSS riêng biệt. RWS chỉ dựa vào HTML/CSS3 và Javascript.
RWD liên quan nhiều hơn tới code và chiến lược thực hiện
trong khi AWD tiếp cận dựa vào kích thước màn hình đã được xác định trước.
RWD cung cấp hình ảnh gốc sau đó chỉnh lại kích thước cho
phù hợp với màn hình mà nó hiển thị trong khi AWD đã có sẵn hình ảnh được điều
chỉnh cho độ phân giải cụ thể.
