Hiểu đúng về Mobile First

Chắc hẳn Mobile First là một thuật ngữ không còn xa lạ gì với tất cả chúng ta. Hiện nay với khoảng 3 tỷ thiết bị di động đang hoạt động trên toàn cầu, tất cả hoạt động kinh doanh có liên quan đến di động đều đang trở nên nóng hổi hơn bao giờ hết, từ việc thiết kế website, thiết kế ứng dụng di động, các tựa game trên di động đến các hoạt động thanh toán qua di động,... đều là ưu tiên hàng đầu với những người đang làm việc trong lĩnh vực Digital Marketing, Digital Transformation, Mobile Payment,...

Thuật ngữ Mobile First, thực ra có thể tiếp cận với 2 khía cạnh, khía cạnh thứ nhất là khía cạnh lập trình, khía cạnh còn lại là khách hàng, mà trong bài viết này tôi sẽ chủ yếu phân tích khía cạnh thứ 2.

Hãy cùng MR. LV tìm hiểu sâu hơn nha... : )

Ở khía cạnh lập trình

Nói đến Mobile First tức là nói đến cách thức mà các nhà phát triển giao diện (Front-end Developer) thực hiện để thiết kế trang web cho khách hàng, theo cách này các nhà phát triển sẽ phát triển từ màn hình nhỏ nhất (thông thường là 280px hoặc 320px) rồi mới tới các màn hình lớn hơn.

Chiều ngược lại, hay còn gọi là Desktop First, họ sẽ phát triển từ màn hình lớn rồi mới đến màn hình nhỏ.

Vì hai tư duy thiết kế đối lập nhau nên cách viết code cũng sẽ trái ngược nhau, ở đây không hề có đúng hay sai, mà chỉ là sự khác biệt hiển nhiên bởi việc lựa chọn hướng thiết kế ngay từ đầu mà thôi.

Ưu điểm của Mobile First

Tuy nhiên theo thống kê, hiện nay đa số nhà thiết kế vẫn lựa chọn thiết kế trên màn hình lớn trước (Desktop First), có thể vì đó là thói quen và hình như ai cũng làm như vậy.

Ở khía cạnh khách hàng

Mobile First nghĩa là hoàn toàn tập trung vào những trải nghiệm của khách hàng trên thiết bị di động. Các nhà tiếp thị luôn cố gắng làm sao tối ưu trải nghiệm của khách hàng, giúp họ dễ dàng tìm kiếm thông tin, dễ dàng tương tác với doanh nghiệp, tạo cảm giác thích thú, tò mò, ấn tượng ngay từ cái nhìn đầu tiên.

Theo thống kê, hiện nay có đến 60-75% lưu lượng truy cập trang web đến từ thiết bị di động; khoảng 20-35% đến từ máy tính và khoảng 5% đến từ máy tính bảng. Thậm chí có đến 25% người dùng internet không có hoặc rất ít truy cập bằng máy tính, nên rõ ràng việc chú trọng vào những trải nghiệm trên di động là rất quan trọng. Trên máy tính, giao diện xấu một chút có thể không sao, nhưng trên di động phải nhanh, đẹp, sang, xịn, mịn,... mới là những yếu tố then chốt để đem lại hiệu quả cao.

Cụ thể:

Phiên bản di động của trang web (Responsive)

Rất nhiều khách hàng hiện nay của tôi đều hỏi về vấn đề "Liệu trang web xây dựng trên Eraweb có hiển thị tốt trên di động?" và tôi luôn trả lời rằng điều đó là đương nhiên. Có nghĩa là khách hàng vẫn chưa thực sự hiểu rằng Mobile First (Responsive) là tính năng bắt buộc phải có, nó không còn là điều xa xỉ hay có cũng được, không có cũng được khi thiết kế trang web.

Bất cứ một đơn vị thiết kế website nào không có tính năng Responsive hoặc không xây dựng phiên bản độc lập cho mobile đều đáng vứt đi. Bởi vì nó là yêu cầu tối thiểu nhất trong nền công nghiệp thiết kế website hiện nay.

Một số lưu ý khi xây dựng phiên bản di động có thể liệt kê như sau:

Luôn có biểu tượng điều hướng (hay còn gọi là Hamburger Menu, Mobile Navigation Menu,...) trên tất cả các trang và nên lựa chọn hiệu ứng đẹp mắt nhưng tối ưu nhất có thể.

Ứng dụng di động (Mobile App)