Ưu và nhược điểm của thiết kế Responsive Web Design

Standard

Responsive Web Design (RWD) (tạm dịch: thiết kế web có tính đáp ứng) là một cách tiếp cận trong thiết kế web để tạo ra những trang web thể xem và duyệt dễ dàng trên xuyên suốt thiết bị hiển thị khác nhau (từ màn hình máy tính cho  đến các thiết bị di động như tablet, fablet hay điện thoại). Nói cách khác, cùng một thiết kế, một source html được viết một lần duy nhất nhưng sẽ hiện thị khác nhau (tối ưu) trên các trình duyệt và thiết bị khác nhau. Thay vì phải có các phiên bản khác nhau cho từng loại thiết bị hiển thị khác nhau như truyền thống (vấn đề không chỉ ở kích thước hay độ phân giải màn hình). Vậy ưu điểm của Responsive web là gì?

Ưu điểm của Responsive Web Design

1.  Nội dung đồng nhất: bạn sẽ không cần đến một website bằng mobile để hiển thị các thông tin trên website nữa.

2. Website sẽ hoạt động thân thiện hơn, gần đây Google cũng rất chú ý tới vấn đề này để tăng thứ hạng cho website

3. Nâng cao khả năng chia sẻ

4. Không phải lo về đổi hướng người dùng

5. Ít phải bảo dưỡng hơn (cái này thì khỏi nói rồi)

6. Thống kê: Nếu bạn đang chuyển hướng người dùng đến một phiên bản di động thân thiện của trang web của bạn, số liệu thống kê của bạn sẽ được chia cho hai, mà có thể làm cho việc phân tích khó khăn và báo cáo. Để có được những hiểu biết về điện thoại di động truy cập, tạo ra một “điện thoại di động chỉ” phân khúc (lưu ý rằng theo mặc định, Google Analytics đặt tất cả các máy tính bảng dưới “di động” phân khúc).

Nhược điểm của Responsive Web Design

1. Mất thời gian để tải trang:  người sử dụng điện thoại di động sẽ phải tải về không cần thiết trong HTML / CSS (có thể là rất lớn) và hầu hết thời gian, hình ảnh chỉ đơn giản là thu nhỏ lại, không thay đổi kích cỡ – ảnh hưởng tới thời gian nạp trang.

2. Sự xếp hạng của Google (việc này có lẽ chỉ tương đối thôi)

3. Tốn thời gian phát triển trang web thiết kế đáp ứng, lời khuyên là hãy làm ngay từ đầu.

4. Bạn phải thiết kế nhiều hơn, tất nhiên là All in one thì phải bỏ công thiết kế rồi

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s