Thiết kế website cho điện thoại và các thiết bị di động

Chỉ cách đây khoảng 2 năm, nói tới thiết kế website sẽ được hiểu là thiết kế website cho máy tính cá nhân, cả laptop và desktop. Khi đó, các hãng viễn thông đã cho phép người dùng truy cập Internet ngay trên điện thoại của mình. Tuy nhiên thực tế là chẳng mấy ai hứng thú với mức phí data đắt đỏ và màn hình cũng như hệ điều hành của các điện thoại khi đó rất tệ.

Nhưng năm 2011 đánh dấu bước ngoặt khi hàng loạt các thiệt bị di động với hệ điều hành thông minh và chất lượng phần cứng, màn hình cảm ứng và tuyệt đẹp giúp cải thiện cảm nhận của người dùng. Và chúng ta bắt đầu phải thích nghi với xu hướng mới: thiết kế các website có thể hoạt động trên các thiết bị di động khác nhau.

Cuộc cách mạng của các thiết bị di động

Và bây giờ, chúng ta đang chứng kiến 1 cuộc cách mạng thực sự với điện thoại và các thiết bị di động. Hãy dành khoảng 10 phút quan sát những thiết bị di động đang được sử dụng quanh bạn. Những chiếc điện thoại thông minh với cấu hình phần cứng còn cao hơn cấu hình của một chiếc máy tính desktop cách đây 10 năm. Phần lớn người dùng Việt Nam đang ưa thích những chiếc điện thoại với màn hình khá lớn, trang bị màn hình cảm ứng mà giá của chúng còn đắt hơn 1 chiếc máy tính xách tay.

Năm 2011 cũng đánh dấu sự ra đời hàng loạt và cạnh tranh gay gắt của các máy tính bảng - được gọi là Tablet chạy hệ điều hành thông minh Android, hay iOS... Chắc hẳn những Kindle Fire, Ipad, Blackberry Playbook... là những cái tên quen thuộc bởi không ít lần bạn đã tiếp xúc với chúng, ít nhất là qua Tivi hay trên các tờ báo. Các mẫu điện thoại và các mẫu máy tính bảng mới liên tục được giới thiệu, thu hút người tiêu dùng bởi các tính năng ngày càng được cải tiến. Với công nghệ 3G đã được phát triển ở Việt Nam từ rất sớm, ngày nay ngay kể cả 1 cậu sinh viên cũng có thể sử dụng điện thoại hay máy tính bảng của mình để cập nhật Facebook khi đang ngồi trên xe buýt.

Chúng tôi đang muốn nói đến những bước phát triển nổi bật mà không ít người đã coi là 1 cuộc cách mạng trên các thiết bị di động. Xã hội càng phát triển, con người càng có xu hướng kết nối và cập nhật thông tin mọi lúc, mọi nơi. Việc truy cập website từ điện thoại thông minh hay máy tính bảng ngày nay đã là việc làm thường xuyên của không ít người. Điều đơn giản là điện thoại hay máy tính bảng đều rất nhỏ gọn, theo mọi người đi mọi nơi, giúp họ cập nhật thông tin từ Internet một cách nhanh nhất. Thậm chí, khi bạn khởi động xong laptop hay desktop của bạn, thì người bạn của bạn sử dụng điện thoại đã cập nhật xong những bức ảnh mới nhất của cậu ấy lên Facebook. Cách mà chúng ta tiếp cận với các website đã thay đổi, và các việc thiết kế các website cũng cần phải thay đổi để bắt kịp với những xu hướng mới.

Công việc thiết kế website cũng đã thay đổi

Trước đây, việc thiết kế website sử dụng cho điện thoại cũng đã được biết tới. Giải pháp khi đó là viết 1 phần mềm cho điện thoại, với mục đích tự động cập nhật thông tin từ website. Cũng có thể là xây dựng 1 phiên bản web dành riêng cho điện thoại di động và sử dụng như 1 sub-domain (Ví dụ mobile.tenmien.com hay m.tenmien.com...). Các giải pháp này đòi hỏi ngoài chi phí cho thiết kế website thông thường, bạn phải bỏ thêm chi phí để thiết kế thêm 1 website nữa hay 1 phần mềm di động nữa. Thực tế là chỉ có một vài công ty lớn, có tên tuổi và có tiềm lực tài chính mới có thể thực hiện điều này.

Tin mừng cho chúng ta là trong 1 vài năm trở lại đây, các kỹ thuật thiết kế website cũng có những bước tiến vượt bậc, và đã có những giải pháp khác cho chúng ta. Các ngôn ngữ lập trình ngày một được hoàn thiện, các kỹ thuật mới ngày càng sáng tạo. HTML5, CSS3, PHP6... mang đến cho người thiết kế web nhiều giải pháp mới để lập trình website. Và những người thiết kế website hàng đầu cũng đã đón đầu xu hướng thiết kế web trên các thiết bị di động với kỹ thuật Responsive website.

Hãy thiết kế web đa nền tảng - Responsive web design

Cho tới thời điểm bạn đọc bài viết này của Nắng Xanh, website của chúng tôi cũng đã được nâng cấp theo các kỹ thuật Responsive website. Bạn hãy thu nhỏ cửa sổ trình duyệt, bạn sẽ thấy giao diện trang web cũng sẽ được thu nhỏ theo đúng tỷ lệ. Khi bạn xem website của chúng tôi trên Tablet, Ipad, điện thoại với những kích cỡ màn hình khác nhau, bạn cũng không phải kéo thanh cuộn ngang để xem hết trang web như trước kia.

Hiện nay, Responsive website không còn là khái niệm xa lạ trên thế giới. Với tốc độ phát triển đáng ngạc nhiên của các thiết bị di động, chắc chắn rằng chỉ trong thời gian ngắn nữa, bạn sẽ thấy các website Việt Nam cũng dần thay đổi theo xu thế này. Đơn giản bởi vì website của chúng ta phải thay đổi phù hợp với xu hướng của người dùng. Và càng ngày, chúng ta càng có thói quen sử dụng các thiết bị di động nhiều hơn. Dịch vụ thiết kế web