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