Lựa chọn kiểu thiết kế trang web nào cho thiết bị di động ?

Thứ hai - 06/01/2014 10:25

Ngày nay hệ sinh thái điện thoại thông minh (Tiếng anh gọi là SmartPhone) hay máy tính bảng (Table) ngày càng rẻ, làm cho các nghĩ của người dùng khác đi, họ bắt đầu sử dụng điện thoại, máy tính bảng của mình để duyệt web, xem phim, chụp ảnh

Ngày nay hệ sinh thái điện thoại thông minh (Tiếng anh gọi là SmartPhone) hay máy tính bảng (Table) ngày càng rẻ, làm cho các nghĩ của người dùng khác đi, họ bắt đầu sử dụng điện thoại, máy tính bảng của mình để duyệt web, xem phim, chụp ảnh ... thay cho máy tính truyền thống. Dẫn đến việc người sử dụng ngày càng thích sử dụng thiết bị di động hơn, điều này dẫn đến việc tạo dựng ra một trang web có thể truy cập dễ dàng trên các thiết bị này là việc nên làm với các công ty thiết kế website.

Chúng ta có thể phân ra làm 3 cách để có được giao diện trang web trên thiết bị di động như ý:

  • Thiết kế web đáp ứng ( Responsive WebDesign ) (Viết tắt RWD) tức là vẫn sử dụng giao diện trên PC nhưng hệ thống tự biến đổi khi co trình duyệt lại nhỏ hơn. Bạn cứ hiểu nôm na là thu nhỏ trình duyệt trên PC lại thì các hình ảnh, nội dung, video ... tự co theo cho nó nhanh. Còn về kỹ thuật chúng ta không bàn trong bài viết này.
  • Trang giao diện web dành riêng cho Mobile: tức là sẽ phải thiết kế riêng một giao diện dành cho thiết bị di động.
  • Thiết kế một ứng dụng dành riêng Mobile (App Mobile). Viết riêng một ứng dụng không phải trên nền tảng web mà tùy thuộc vào thiết bị gì mà viết ứng dụng tương thích với thiết bị đó.

Đó là 3 cách tốt nhất mà các công ty thiết kế trang web hay sử dụng cho khách hàng của mình. Nhưng lợi thế và ưu điểm của nó là gì hãy cùng chúng tôi tìm hiểu nhé !

Thiết kế web đáp ứng (Responsive Web Design)

Chúng ta thường nghe thiết kế web Responsive rất nhiều nhưng chưa hiểu cặn kẽ về mặt bản chất của dạng thiết kế này như thế nào đúng không ? Bản chất của vấn đề nằm ở chỗ thiết kế web đáp ứng sẽ giúp cho các thiết bị tự tương thích, tức là kích thước nội dung sẽ tự co lại theo đúng kích thước trình duyệt của mình. Nó có thể đáp ứng cho tất cả các thiết bị, đó là lợi thế lớn nhất của dạng thiết kế này.
 


Một số trường hợp thiết kế đáp ứng sẽ không hiển thị tốt do các công ty sản xuất đều đưa ra những thiết bị của mình ở nhiều độ phân giải khác nhau, gây nên tình trạng hiển thị không hết các thông tin người dùng. Nhưng trong tương lai gần công nghệ thiết kế trang web đáp ứng sẽ tốt hơn và ngưòi dùng sẽ cảm thấy dễ dàng khi truy cập các trang web này hơn.

 

Vấn đề cuối cùng về thiết kế web đáp ứng nằm ở việc bể kích thước chuẩn và khó bố trí nội dung hơn. Và ở một tác vụ nào đó sẽ khó khăn hơn mà khi sử dụng ứng dụng di động hoặc web mobile sẽ tối ưu hơn về mặt này.

 

Giao diện riêng cho thiết bị  di động (Web mobile)

 

Chúng ta có thể hiểu nôm na như sau, khi người dùng truy cập bằng PC giao diện trang web hiển thị ra bình thường, còn khi xài Iphone sẽ hiển thị giao diện khác, xài thiết bị chạy Android sẽ hiển thị giao diện khác...
 


Điểm lợi thế của việc này là khi đó sẽ tương thích gần như 100% với bất kỳ thiết bị nào do một giao diện thiết kế riêng có sự chuẩn bị của nhà lập trình web để đảo bảo nó hiển thị tốt trên giao diện đó. Nhưng như vậy không có nghĩa là sẽ làm tốt tất cả, chúng ta có thể thấy số lượng thiết bị chạy nhiều hệ điều hành và nhiều kích thước màn hình khác nhau và chưa nói đến các thiết bị này thay đổi theo thời gian buộc lòng các nhà thiết kế trang web phải viết ra rất nhiều giao diện khác nhau trên nhiều nền tảng khác nhau và còn phải cập nhật thường xuyên để đảm bảo tính tương thích của các thiết bị này.

Có thể nói bản chất của website đáp ứng và web mobile là một, chỉ khác nhau về mặt công nghệ cho hiển thị ra giao diện người dùng khác nhau. Và công việc này sẽ đòi hỏi nhiều thời gian cho nhà phát triển web.

Ứng dụng riêng cho thiết bị di động (Mobile App)

Ứng dụng dành riêng cho thiết bị di động ngày nay đang bùng phát một cách khủng khiếp. Nó không khác gì một phần mềm trên PC, và thông thường để cài đặt nó ngưòi dùng phải vào một chợ ứng dụng và tải nó về cài đặt với hai dạng có phí (dính quảng cáo) hoặc miễn phí. Bằng việc thông qua chợ ứng dụng Google Play của Google, Amazon book, Apple store ...

Nó được viết từ mã hoặc framework của các hãng riêng cho các nền tảng khác nhau. Và để sử dụng nó bạn phụ thuộc rất nhiều vào thiết bị đang sử dụng, hệ điều hành và chính nền tảng phần cứng của thiết bị quyết định vào 2 yếu tố trên.
 


Với ứng dụng di động, sử dụng nó sẽ đem đến cho người dùng một trải nghiệm tốt hơn rất nhiều. Nhưng đổi lại để phát triển một ứng dụng di động sẽ tốn nhiều chi phí vì đa dạng môi trường cho nhiều nền nền tảng thiết bị khác nhau. Thông thường thì chỉ cần iOS và Android nhưng còn các nền tảng khác như Windows Phone, Firefox OS... và chưa nói đến chuyện cập nhật App cũng đòi hỏi thời gian nhiều hơn. Ta có thể thấy rõ nhất là khi Facebook cập nhật tính năng mới trên trang web của họ, thì ứng dụng của facebook phải đợi một thời gian có khi là rất dài.

Kết luận

Qua bài này chúng ta có thể thấy các lợi ích khác nhau của việc ứng dụng của trang web trên các thiết bị di động. Để chọn ra được một mô hình phù hợp điều quan trọng nó có phù hợp với mô hình kinh doanh của bạn hay không. Và chi phí ước tính để bạn đầu tư vào việc này cho thật hiệu quả.

Tác giả bài viết: TheWall