Giải pháp di động dành cho mọi người

06-06-2018 1979 Lượt xem

ĐIỂM KHÁC BIỆT GIỮA MOBILE APP VÀ MOBILE WEB P1

Bạn đã từng nghe đến khái niệm “Mobile first” chưa? Chắc hẳn bạn đã từng nghe qua 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ải tố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ọ xem đ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 không thay đổi



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 website. Đ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ác nhau. Tuy nhiên URL của trang web sẽ không thay đổi.

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 tiện lợi và phù hợp cho với các website tin tức, nội dung người dùng chỉ cần đọc là chính. Chi phí thấp, 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ông 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 khá 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ó đủ chi phí, thời gian với mong muốn 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.

Liên hệ với chúng tôi:

·        TeraApp.Net – Nền Tảng Tạo Ứng Dụng Di Động Miễn Phí Trong 10 Phút

·        Website : https://teraapp.net/

·        Hotline: 0903 327 780 - 0903 786 808

·        Email: Contact@TeraApp.net

·        Fanpage TeraApp: https://www.facebook.com/TeraApp.vn/

·        Youtube TeraApp: https://www.youtube.com/watch?v=7keDnzQRKG4 

Share: