Bạn đã từng nghe đến khái niệm “Mobile first” chưa? Chắc hẳn bạn đã từng nghe đến cụm từ này. Nó mang ý nghĩa rằng thiết bị di động đã trở thành phương tiện sử dụng để truy cập internet nhiều nhất, và điều quan trọng là các doanh nghiệp phảitối ưu trải nghiệm di động trước khi ra mắt sản phẩm dịch vụ hoặc nội dung muốn truyền tải đến khách hàng.
Thông điệp truyền tải đến người dùng trên di động có 2 cách chủ yếu là thông qua mobile web và mobile app. Vậy chúng là gì, điểm mạnh điểm yếu cũng như những giải pháp để giải quyết vấn đề.
Mobile web là gì?
Là các trang web được tối ưu hóa để hiển thị tốt hơn cho người dùng khi họ dùng điện thoại. Có 3 loại web thông dụng
1. Responsive site
Là trang web tự động thay đổi kích thước và hình thức hiển thị dựa theo kích cỡ màn hình thiết bị của người dùng sử dụng để truy cập. Toàn bộ quá trình của responsive website thường được dựa trên CSS, không liên quan gì đến HTML và URL của trang web cũng được giữ nguyên
2. Dynamic serving site
Trang web tự động cung cấp 2 phiên bản khác nhau về mặt dựa theo thiết bị mà người dùng truy cập vào trang web. Điểm khác biệt của dynamic serving với responsive là HTML của từng thiết bị nhận được sẽ không giống nhau. Tuy nhiên URL của trang web vẫn giữ nguyên.
Những ví dụ nổi bật về website dynamic serving là Google.com, Amazon.com
3. Separated mobile site
Đây là hình thức xây dựng 2 trang web riêng biệt cho desktop và mobile. Các website này sẽ không phụ thuộc nhau về nội dung, URL cũng khác nhau. Điểm nổi bật là các trang này sẽ phát hiện người dùng sử dụng thiết bị gì để redirect vào phiên bản website phù hợp.
Ví dụ cho loại hình này là Facebook, với trang desktop là facebook.com và mobile là m.facebook.com là 2 trang riêng lẻ hoàn toàn.
Mỗi loại đều có những nét đặc trưng riêng cũng như điểm mạnh và điểm yếu, cùng tìm hiểu để so sánh sự khác biệt của mỗi loại website:
| Responsive | Dynamic Serving | Separate Mobile Site |
Mô tả | Thay đổi để phù hợp với kích màn hình thiết bị của người dùng | Phiên bản web khác nhau tùy vào thiết bị sử dụng của người dùng | Website khác nhau phục vụ cho từng thiết bị |
Thiết bị | Thay đổi về CSS, không thay đổi HTML | Phục vụ phiên bản HTML khác nhau tùy theo thiết bị | 1 website cho desktop và 1 website cho mobile |
URL | Không thay đổi | Không thay đổi | Khác nhau cho desktop và mobile |
Bảo trì | Ít tốn kém | Cần nhiều nhân lực về kỹ thuật | 2 trang web riêng biệt, có thể giống nhau hoặc riêng cho từng trang tùy theo định hướng phát triển |
Nội dung | Chỉ một nội dung cho cả desktop và mobile | Chỉ một nội dung cho cả desktop và mobile, có thể khác nhau tùy theo định hướng phát triển | 2 website riêng biệt, có thể giống nhau hoặc riêng cho từng trang tùy theo định hướng phát triển |
Chi phí | Ít | Trung bình | Nhiều |
Trải nghiệm người dùng | - Tuyệt vời cho những trang đơn giản - Không tốt nếu website có nhiều tính năng, phức tạp | Phù hợp với tất cả website kể cả phức tạp và nhiều tính năng | Mang lại trải nghiệm tốt cho người dùng trên di động |
Tốc độ web | Phiên bản mobile có thể load chậm hơn | Tùy thuộc vào lập trình | Tùy thuộc vào lập trình |
Tác động đến SEO | Không ảnh hưởng | Không ảnh hưởng | Chuẩn bị kỹ thuật để đảm bảo không bị trùng lặp nội dung |
Khi xảy ra lỗi | Nếu trang web bị down, người dùng desktop và mobile đều không truy cập được | Nếu trang web bị down, người dùng desktop và mobile đều không truy cập được | Nếu trang web desktop bị down nhưng website mobile không bị thì người dùng di động vẫn truy cập được và ngược lại. |
Tổng kết:
Đối với responsive thì rất thuận lợi và phù hợp cho với các website tin tức, thông tin người dùng chỉ cần đọc là chính. Chi phí ít, bảo trì dễ dàng, thực hiện nhanh chóng và quản lý nội dung dễ dàng, URL và SEO. Đây là lựa chọn tối ưu cho các website vừa và nhỏ khônga có các tính năng phức tạp. Đối với các website có nhiều tính năng hơn và có tính tương tác với người dùng thì responsive sẽ không đủ để mang lại trải nghiệm người dùng tốt nhất.
Dynamic serving tương đối phức tạp và tốn kém hơn trong việc thiết lập và mặt kỹ thuật nhưng không khó về phần bảo trì, quản lý nội dung, URL và SEO. Nhưng loại hình này mang lại trải nghiệm người dùng tốt hơn cho các website có nhiều tính năng như e-commerce.
Với Separate mobile site mang đến trải nghiệm tốt nhất cho người dùng trên di động vì website được thiết kế và lập trình để đạt được mục tiêu đó. Tuy nhiên bạn sẽ mất khá nhiều thời gian cũng như chi phí để thực hiện và quá trình bảo trì về kỹ thuật cũng như quản lý nội dung, URL và SEO cũng trở nên phức tạp hơn. Nếu bạn có đủ kinh phí, thời gian với suy nghĩ mang lại trải nghiệm tốt nhất cho người dùng thì đây là sự lựa chọn tối ưu.
Phần tiếp theo của bài viết, chúng tôi sẽ giới thiệu đến bạn thế nào là mobile app cùng tìm hiểu thêm nhiều điểm giống và khác nhau giữa các loại hình nhé.
| © Copyright 2011-2013 iSoftco®, All rights reserved Văn phòng công ty: P.16/706, Tòa nhà Thành Công, 57 Láng Hạ, phường Thành Công, quận Ba Đình, Hà Nội Tel: (84-4) 37 875018;(84-4) 3555 8604 | Fax: (84-4) 37 875017 | E-Mail: cho24h@isoftco.com |