Tài liệu này mô tả nhiều mẫu thiết kế và ý tưởng để giúp bạn bắt đầu hành trình sử dụng Chế độ xem hàng không. Bạn phải xem xét cẩn thận cách bạn trình bày Chế độ xem hàng không cho khách hàng để đảm bảo bạn thấy được mức độ tương tác tốt với sản phẩm và khách hàng của bạn thấy được giá trị của sản phẩm.
Chế độ xem từ trên không thêm một thành phần bắt mắt vào trang web của bạn, hiển thị chế độ xem toàn cảnh về một cơ sở lưu trú và môi trường xung quanh.
Khi người dùng xem một thuộc tính ở dạng 3D, họ có thể hiểu rõ hơn về vị trí và kích thước của thuộc tính đó. Hình ảnh này cũng giúp làm nổi bật các đặc điểm của cơ sở lưu trú, chẳng hạn như bể bơi, nhà phụ hoặc sân rộng, ngoài các đối tượng lân cận như đường sá, sông ngòi, núi hoặc công viên.
Tăng mức độ tương tác
Chế độ xem từ trên không sẽ là một yếu tố gây ấn tượng mạnh cho khách hàng của bạn và để thấy được lợi ích đầy đủ, nội dung phải dễ tìm thấy nhất có thể. Trong phần này, chúng ta sẽ thảo luận về một số mẫu thiết kế triển khai cho Chế độ xem từ trên không để đạt được mục tiêu này.
Hướng video
Bạn cần xem xét hướng màn hình của thiết bị đang tải video Chế độ xem từ trên không. Việc hiển thị video hướng ngang trên thiết bị di động có thể gây ra trải nghiệm không tốt cho người dùng, đặc biệt là ở chế độ toàn màn hình. Việc hiển thị video bằng tỷ lệ khung hình không chính xác cho thiết bị sẽ làm lãng phí một lượng không gian màn hình đáng kể.
Video Chế độ xem từ trên không được cung cấp theo hướng ngang và dọc.
Dưới đây, bạn có thể xem ví dụ về sự khác biệt khi chạy Chế độ xem từ trên không trên thiết bị di động, theo hướng được đề xuất và hướng không được đề xuất:
Thẻ di chuột được nhúng
Khi hiển thị nhiều cơ sở lưu trú trên chế độ xem tìm kiếm của cơ sở lưu trú, bạn nên thêm thẻ di chuột được nhúng để hiển thị video Chế độ xem từ trên không, với thông tin bổ sung về cơ sở lưu trú, chẳng hạn như địa chỉ và giá được phủ lên trên cùng. Nhờ đó, người dùng có thể nhanh chóng và dễ dàng tìm hiểu về tài sản mà không cần phải nhấp vào trang chi tiết về tài sản.
Ví dụ dưới đây cho thấy một điểm đánh dấu đại diện cho khu phức hợp Googleplex tại Mountain View. Khi bạn di chuột qua điểm đánh dấu này, thẻ di chuột sẽ xuất hiện, hiển thị video Chế độ xem từ trên không của cơ sở lưu trú.
Bạn có thể thêm sự kiện onClick vào cả điểm đánh dấu và thẻ di chuột được nhúng để đưa người dùng đến trang chi tiết về tài sản. Điều này giúp người dùng dễ dàng tìm hiểu thêm về tài sản này và quyết định xem tài sản đó có phù hợp với họ hay không.
Tạo trải nghiệm như một câu chuyện cho cơ sở lưu trú của bạn
Nếu muốn tạo trải nghiệm thực sự sống động cho người mua tiềm năng, bạn có thể giới thiệu tài sản của mình với trải nghiệm giống như câu chuyện, kết hợp giữa ảnh và video Chế độ xem hàng không.Bạn có thể tạo video này theo cách tương tự như băng chuyền hình ảnh, sử dụng kết hợp HTML, CSS và JavaScript.
Trong ví dụ trên, chúng tôi đã đưa video Chế độ xem từ trên không vào một trong các trang trình bày, kèm theo một đường liên kết ở dưới cùng để xem thêm thông tin chi tiết về cơ sở lưu trú. Nút này sẽ đưa người dùng đến trang chi tiết về cơ sở lưu trú.
Cách hoạt động như sau:
- Chọn ảnh. Chọn nhiều ảnh nêu bật những đặc điểm tốt nhất của cơ sở lưu trú.
- Tạo video Chế độ xem từ trên không.
- Kết hợp ảnh và video thành một câu chuyện.
- Chia sẻ câu chuyện của bạn. Chia sẻ câu chuyện của bạn với người mua tiềm năng trên trang web hoặc các chiến dịch tiếp thị qua email.
Bằng cách tạo ra một trải nghiệm giống như câu chuyện cho tài sản trưng bày, bạn sẽ có thể thu hút sự chú ý của những người mua tiềm năng.
Bắt đầu Chế độ xem từ trên không khi tải trang
Trong các nghiên cứu về trải nghiệm người dùng của Google, chúng tôi thấy rằng mức độ tương tác của người dùng cao nhất xảy ra khi chế độ xem 3D tải theo mặc định. Vì đây là một hệ số hình dạng mới và thú vị, nên chúng tôi muốn tải hệ số này ngay khi khách hàng muốn xem thông tin chi tiết về tài sản. Khi suy nghĩ về chi phí, nếu tìm nạp video Chế độ xem từ trên không từ API, bạn sẽ bị tính phí. Sau khi video được yêu cầu, hãy cân nhắc việc tự động phát để đảm bảo người dùng thấy được lợi ích.
Chống mẫu: Việc ẩn Chế độ xem từ trên không sau một nút được xem là phản mẫu vì nó buộc người dùng phải thực hiện thêm một bước để xem khung hiển thị 3D. Điều này có thể gây khó chịu và cũng có thể dẫn đến việc họ bỏ lỡ các lợi ích của chế độ xem 3D hoặc nhầm lẫn Chế độ xem từ trên không là nội dung tĩnh.
Bạn nên tải Chế độ xem từ trên không theo mặc định khi khách hàng muốn xem chi tiết về cơ sở lưu trú. Điều này sẽ mang lại trải nghiệm người dùng tuyệt vời và giúp họ đưa ra quyết định sáng suốt về thuộc tính. Khi thiết kế trải nghiệm tự động phát, xin lưu ý rằng video Chế độ xem từ trên không có kích thước từ 30 MB trở lên và có thể tải chậm đối với một số người dùng.
Nếu trang của bạn có băng chuyền hình ảnh, bạn có thể đưa video Chế độ xem từ trên không vào làm mục khách hàng tiềm năng. Điều này cho phép bạn dễ dàng tích hợp trải nghiệm 3D vào thiết kế trang web hiện tại của mình.
Việc đặt các nút để tải khung hiển thị 3D sẽ dễ triển khai nhưng có thể làm giảm mức độ tương tác. Theo mặc định, Google Maps tải chế độ xem 3D. Ví dụ: khi bạn tìm kiếm Toà nhà Empire State, chế độ xem 3D sẽ tự động tải và bạn có thể thấy một phần hình ảnh khi vẫn ở chế độ xem 3D. Đây là một cách tuyệt vời để mang lại cho người dùng trải nghiệm sống động và hấp dẫn hơn.
Thiết kế nút
Nếu chọn sử dụng một nút để truy cập vào Chế độ xem từ trên không, bạn cần cân nhắc những điều sau:
- Vị trí: Nút này phải được nhóm với các nút khác liên quan đến việc liên kết để người dùng biết nút này liên quan đến vị trí của cơ sở lưu trú.
- Chuyển đổi: Quá trình chuyển đổi sang video phải suôn sẻ và liền mạch. Nếu đã có một mục trên trang hiển thị hình ảnh, bản đồ và Chế độ xem đường phố, thì video Chế độ xem từ trên không sẽ được hiển thị trong chính mục đó.
- Làm nổi bật: Vì đây là phần bổ sung mới cho trang, nên sẽ rất hữu ích nếu bạn làm nổi bật nút này bằng thẻ "tính năng mới" hoặc hình thu nhỏ hình ảnh tĩnh của video.
- Nhấn mạnh: Nút phải được thiết kế với điểm nhấn trung bình hoặc cao, vì thao tác nhấn sẽ thực hiện một hành động nổi bật. Google Material Design có một số hướng dẫn về cách thiết kế các nút có nhiều mức độ nhấn mạnh.
Dưới đây là một số mẹo bổ sung để thiết kế nút Chế độ xem từ trên không hiệu quả:
- Sử dụng ngôn từ rõ ràng và súc tích. Nút này phải được gắn nhãn rõ ràng để người dùng biết chức năng của nút.
- Sử dụng phông chữ lớn và dễ đọc. Nút này phải đủ lớn để người dùng dễ dàng thấy và nhấp vào.
- Sử dụng màu tương phản. Để nổi bật, nút này phải có màu khác với văn bản và nền xung quanh.
- Sử dụng lời kêu gọi hành động. Nút này phải có một lời kêu gọi hành động rõ ràng, chẳng hạn như "Xem chế độ xem từ trên không" hoặc "Xem video".
Các yếu tố cần cân nhắc từ chiến dịch Hiển thị
Đang tải video
Bạn nên xem xét các kết nối chậm hơn bằng cách hiển thị bản xem trước dạng hình ảnh tĩnh của video và tải toàn bộ trải nghiệm khi người dùng tương tác, chẳng hạn như onClick. Cùng với video về Chế độ xem từ trên không, bạn cũng sẽ có quyền truy cập vào hình thu nhỏ có thể dùng để thực hiện việc này.
Bạn cũng sẽ có quyền truy cập video ở nhiều độ phân giải. Vì vậy, bạn có thể sử dụng những video này một cách có chiến lược để giảm thiểu thời gian người dùng phải đợi trải nghiệm tải, với nhiều tốc độ kết nối.
Thuộc tính biểu trưng
Khi triển khai Chế độ xem từ trên không, bạn phải đảm bảo tuân thủ tất cả các điều khoản, bao gồm cả thông tin về biểu trưng. Xem trang này để biết thông tin chi tiết.
Kết luận
Chúng tôi hy vọng bài viết này đã mang đến cho bạn nguồn cảm hứng để suy nghĩ về cách bạn muốn triển khai Chế độ xem từ trên không trên trang web của mình và với mức độ tương tác cao của người dùng.
Bạn cần suy nghĩ về cách người dùng khám phá nội dung và định dạng nào phù hợp nhất để hiển thị nội dung. Bạn cũng nên cân nhắc loại thiết bị sẽ phát video, đặc biệt là hướng màn hình và tốc độ kết nối của người dùng.
Các bước tiếp theo
Bạn nên đọc thêm:
- Nâng cao độ chính xác của phương thức nhập Địa chỉ trong Chế độ xem từ trên không
- Tài liệu về sản phẩm Chế độ xem hàng không
Người đóng góp
Google duy trì bài viết này. Những cộng tác viên sau đây ban đầu đã viết bài đăng này.
Tác giả chính:
Henrik Valve | Kỹ sư giải pháp nền tảng Google Maps