Trải nghiệm người dùng di động Thiết kế thân thiện cho Mobile và tốc độ trang là những thành phần cơ bản của một website di động được tối ưu hóa. Tuy nhiên, hai yếu tố này sẽ không luôn luôn tự động thêm vào một website tối ưu hóa hoàn hảo. Ban đầu, tôi viết về website có độ phản hồi cao (RWD) trong năm 2012, tuy nhiên, cho dù đã cận kề ngày đáo hạn, nhiều website thực hiện phản hồi vẫn chưa thực sự tối ưu hóa theo những mong muốn và nhu cầu của người dùng di động. Việc thực hiện kỹ thuật gốc của một bố cục phản hồi (layout) là không đủ để giải quyết được vấn đề này. Thay vào đó, các nhà thiết kế phải đặt bản thân mình vào vị trí của người dùng và đưa vào tài khoản những gì mọi người sẽ làm và muốn đạt được trên một chiếc điện thoại di động. May mắn thay, những người tốt bụng tại Google và AnswerLab đã tiến hành một nghiên cứu để xác định cách người dùng tương tác với một loạt các website điện thoại di động. Mục tiêu của báo cáo này là để thiết lập một tập các sách lược tốt nhất cho thiết kế website điện thoại di động. Tôi chưa thấy nhiều ồn ào liên quan đến báo cáo này, một điều không may, vì nó cung cấp cái nhìn tổng quan tốt nhất mà tôi đã từng biết về việc làm thế nào để vượt qua mức độ thân thiện cơ bản trên mobile và tối ưu hóa tốc độ website. Các kết quả của nghiên cứu được đúc kết thành 25 nguyên tắc thiết kế website điện thoại di động trên năm danh mục chính: · Trang chủ & Menu · Tìm kiếm website · Thương mại & Chuyển đổi · Mẫu biểu · Tính khả dụng & Kích thước Chiếc chìa khóa mà bản báo cáo chỉ ra ở đây chính là người dùng di động là mục tiêu. Họ hy vọng có thể đạt được mục tiêu một cách nhanh chóng và dễ dàng và hạn chế tối đa những phiền phức. Không để các điều hướng không rõ ràng hoặc các yếu tố cảm ứng quá gần nhau. Thành công đến từ việc chú trọng vào các trải nghiệm di động. Hãy cho người dùng những gì họ cần trong quyền hạn của họ. Khiến cho việc đạt được mục tiêu của họ trở nên dễ dàng hơn. Đáng chú ý là, trong khi những công cụ này vẫn còn hữu ích, bạn không được đánh bại các thử nghiệm người dùng cũ còn tốt. Xác định mục tiêu của người dùng đã từng sử dụng website của bạn, và sau đó có nhiều người dùng hơn bằng tính năng kiểm tra nhân khẩu học trên một loạt các thiết bị của bạn. Các nội dung chi tiết mà bạn có thể đạt được ở đây đều có giá trị và cho phép bạn hiểu được ý nghĩa thực tế về cách người dùng tương tác với website của bạn. Tôi cũng là một fan hâm mộ lớn của các công cụ ghi lại cách người dùng tương tác với website. Tại Bowler Hat, chúng tôi sử dụng phần mềm Inspectlet ghi lại lưu lượng truy cập vào website và quản lý những gì họ đang làm trên website. Điều này cung cấp cho chúng tôi các video của các phiên truy cập, cùng với bản đồ nhiệt, bản đồ di chuyển và một loạt các tính năng khác. Với một công cụ ghi lại các phiên truy cập như thế này, bạn sẽ luôn có thể tiến hành các thử nghiệm tính khả dụng (miễn là bạn xem video). Công cụ này cung cấp một tập hợp mạnh các tùy chọn quá trình lọc, do đó bạn có thể dễ dàng xác định các mẫu và xét duyệt người dùng khi họ sử dụng website của bạn. Thật sáng suốt khi kết hợp công cụ này với thông tin từ Google Analytics. Bây giờ bạn có thể thấy chính xác những gì người dùng đang làm và lý do họ đang gặp rắc rối. Dù sao đi nữa, các yếu tố cần thiết để thực hiện tối ưu hóa điện thoại di động vẫn là sự kết hợp giữa các công cụ và các thử nghiệm người dùng thực tế. Các nguồn Mobile Usability: 1. Thiết kế và giao diện người dùng (UI) 2. Kiểm tra tính khả dụng trên điện thoại di động 3. Google và AnswerLab tối ưu hóa cho tương tác đa màn hình 4. Phần mềm Inspectlet.com Danh sách kiểm tra tối ưu hóa thiết bị di động -Mobile optimization checklist Như vậy, chúng tôi có ba thành phần cơ bản trong việc xây dựng các website di động mà người dùng của bạn sẽ yêu thích (hoặc sẽ làm hài lòng người dùng của bạn và chuyển đổi ổ cứng sang ngôn ngữ bản địa của Google). 1. Thiết kế Web có độ phản hồi cao (RWD) 2. Tốc độ trang - Page Speed 3. Thiết kế trên Mobile và tính khả dụng Trên đây là một danh sách kiểm tra dựa trên ba khu vực chính được xét đến trong bài viết này. Chúng tôi sử dụng phương pháp này để xem xét các website để xác định các khu vực có thể được cải thiện cho người dùng di động. Chúng tôi đã xem xét nhiều website và vẫn chưa tìm thấy trang nào mang đến một trải nghiệm di động hoàn hảo. Trong hầu hết các trường hợp, các website này sẽ có một loạt các cơ hội tối ưu hóa tiềm năng. Xem lại danh sách này theo từng điểm một và xem lại các thiết kế cho tương tác đa màn hình về bất kỳ giải thích cần thiết nào. Tối ưu hóa thiết bị di động cơ bản 1. Thiết kế Web có độ phản hồi cao (RWD) 2. Tốc độ trang - Page Speed 3. Tốc độ lưu trữ - Hosting speed 4. Trang chủ và trang điều hướng Thu hút sự chú ý của người dùng – Call to action 5. Giữ menu ngắn gọn và bắt mắt. 6. Dễ dàng quay trở lại trang chủ. 7. Đừng để chương trình khuyến mãi lấn át chương trình của bạn. Tìm kiếm website 8. Tạo ra các website dễ dàng tìm kiếm. 9. Đảm bảo kết quả tìm kiếm của website là hợp lý. 10.Thực hiện bộ lọc để cải thiện khả năng tìm kiếm của website. 11.Đưa người dùng đến kết quả tìm kiếm tốt hơn. 12.Thương mại hóa và chuyển đổi Hãy để người dùng khám phá trước khi họ gắn bó. 13.Hãy để người dùng mua sắm như một vị khách. 14.Sử dụng thông tin hiện có để tối đa hóa tiện ích. 15.Sử dụng các nút “bấm để gọi” (Click-to-call) cho các nhiệm vụ phức tạp. 16.Dễ dàng để kết thúc chuyển đổi trên một thiết bị khác. Nhập theo mẫu (Form) 17.Đơn giảm hóa các Form. 18.Chọn phương thức nhập liệu đơn giản nhất cho mỗi công việc. 19.Cung cấp một lịch trực quan khi chọn ngày tháng. 20.Giảm thiểu các lỗi Form với nhãn mác và xác nhận thời gian thực. 21.Thiết kế các Form hiệu quả. Yếu tố về hình thức và tính khả dụng 22.Tối ưu hóa toàn bộ website của bạn cho điện thoại di động. 23.Đừng khiến cho người dùng phải phóng to giao diện. 24.Tạo ra các sản phẩm hình ảnh có thể co giãn. 25.Báo cho người dùng góc màn hình nào hoạt động tốt nhất. 26.Giữ cho người dùng của bạn ở lại trong một cửa sổ trình duyệt duy nhất. 27.Tránh để các nhãn hiệu phủ đầy màn hình 28.Đưa ra lý do rõ ràng tại sao bạn cần biết vị trí của người dùng. Tối ưu hóa thiết bị di động được xem như một lợi thế cạnh tranh Bằng cách thực hiện hết danh sách trên, chúng tôi sẽ vượt ra ngoài những điều cơ bản và rõ ràng. Chúng tôi tạo ra một giao diện người dùng mobile nhằm giúp cho trải nghiệm của người dùng di động trở nên thực sự thú vị. Chắc chắn, trong kinh nghiệm tích lũy từng ngày của tôi về các website, tôi hiếm khi thấy được điều này. Nếu tôi đặt SEO và UX (trải nghiệm người dùng) của tôi lên hàng đầu, thì thậm chí một số các website của những tên khổng lồ trong thế giới trực tuyến cũng chẳng thể làm được gì nhiều để cải thiện. Vì vậy, chúng tôi tập trung vào từng lĩnh vực để tạo ra một website lên hạng nhanh chóng và là một niềm vui khi sử dụng trên một thiết bị di động. Chúng tôi giúp người dùng của mình đạt được mục tiêu của họ và, ngược lại, chúng tôi có được kết quả tốt hơn từ công cuộc tiếp thị của chúng tôi. Từ việc cải thiện mức độ hiểm thị trong tìm kiếm đến tỷ lệ chuyển đổi được nâng cao trên tất cả các kênh chất lượng khác - tập trung vào người dùng di động giúp cho chúng tôi phát triển một lợi thế cạnh tranh chiến lược so với các đối thủ cạnh tranh của mình. Lợi thế cạnh tranh không dễ dàng có được. Có một cơ hội rõ ràng sẽ dành cho những ai nhanh nhạy và can đảm. Trong năm 2017, hãy chú trọng vào người dùng di động và để lại các đối thủ cạnh tranh chìm trong màn bụi kỹ thuật số của bạn. Ghi nguồn Mã: www.thegioiseo.com