Thiết kế UX 10 điều trang web du lịch có thể dạy bạn
Đã bao giờ bạn nghĩ rằng bạn vẫn có thể phát triển chuyên nghiệp trong khi bạn đang lên kế hoạch cho kỳ nghỉ của mình? Các trang web du lịch nổi tiếng, các hình thức đặt phòng và thanh toán, lập kế hoạch chuyến đi và thời gian biểu của khách sạn là những nguồn tuyệt vời để nâng cao kiến thức của bạn trong lĩnh vực thiết kế trải nghiệm người dùng.
Trong khi lựa chọn những địa điểm, khách sạn tốt nhất và lên lịch cho chuyến đi của bạn, bạn nên chú ý đến những gì hoạt động và những gì không, những gì truyền cảm hứng cho bạn và những gì khiến bạn ngay lập tức nhảy sang một trang web khác. Phản ứng, sự thích thú và ác cảm của bạn đều là những dấu hiệu tuyệt vời về hiệu quả của thiết kế trải nghiệm người dùng của trang web.
Trong bài viết này, bạn có thể tìm hiểu 10 bài học về trải nghiệm người dùng mà bạn có thể chọn từ các trang web du lịch nổi tiếng.
Sự khác biệt giữa UI và UX
UX không phải là UI, nó giống như một bất thành văn pháp luật. Khi bạn đọc về khả năng sử dụng của trang web, bạn cần suy nghĩ về giao diện người dùng (UI) của trang web. Giao diện người dùng là một tập hợp các yếu tố hình ảnh khác nhau chẳng hạn như menu, nút và biểu tượng mà khách truy cập của bạn sử dụng (nhấp vào, di chuột lên, nhấn vào) khi họ tương tác với trang web của bạn.
Khả năng sử dụng là chất lượng mô tả Giao diện người dùng (UI). Tính khả dụng cho thấy hiệu quả của giao diện người dùng như thật dễ dàng để sử dụng một trang web (khả năng học hỏi), người dùng có thể đạt được mục tiêu nhanh như thế nào (hiệu quả), họ có thể dễ dàng nhớ lại ký ức của mình như thế nào về cách thức hoạt động của trang web (khả năng ghi nhớ) và thật dễ chịu khi sử dụng (Sự hài lòng của người dùng).
Tính khả dụng là một khía cạnh của một khái niệm phức tạp hơn gọi là trải nghiệm người dùng (UX). Kinh nghiệm người dùng liên quan đến mọi thứ ảnh hưởng đến trải nghiệm của người dùng - hoặc tiêu cực hoặc tích cực. Một UX tốt đáp ứng mọi nhu cầu của khách hàng tiềm năng - khả năng sử dụng tốt và nhiều thứ khác.
Theo công ty nghiên cứu trải nghiệm người dùng Nielsen-Norman Group:
1. Cung cấp cho người dùng một nơi để bắt đầu
Đầu tiên và quan trọng nhất, bạn cần phải cung cấp cho khách truy cập của bạn một nơi mà từ đó họ có thể bắt đầu. Đây thường là trang chủ nhận được nhiều nhấp chuột nhất, không chỉ vì đó là lối vào chính của trang web mà khi người dùng đến từ công cụ tìm kiếm, lần nhấp tiếp theo rất có thể sẽ là trang chủ.
Vì vậy, bạn cần phải cung cấp một nội dung hấp dẫn và bố cục trên trang chủ nếu bạn muốn giữ khách truy cập của bạn trên trang web của bạn.
Trang chủ của Booking.com chứng minh rằng họ hiểu rõ nhu cầu của khách hàng. Hãy nghĩ về nó. Bạn muốn làm gì trên một trang web du lịch? Bạn có thể biết nơi bạn muốn đến và muốn tìm kiếm các khả năng nhanh nhất có thể, hoặc bạn không chắc chắn về địa điểm của chuyến đi của bạn và cần một chút cảm hứng.
Booking.com đã đặt một hình thức tìm kiếm tổng thể ở phía bên trái trang chủ của nó cho những người chắc chắn về chuyến đi trong tương lai của họ. Khách truy cập không phải lãng phí thời gian để duyệt qua nội dung không liên quan. Điều này khiến họ có một quyết tâm cao hơn và sự tự tin tăng cường.
Không gian còn lại trên màn hình trong màn hình đầu tiên mang lại nhiều cảm hứng cho những người ít quyết tâm: ba hình ảnh lớn về các địa điểm nổi tiếng (Abu Dhabi, Thành phố New York và Dubai) cung cấp các đề xuất, một luồng AJAX về “Chỉ cần đặt trước” các chuyến đi cho thấy những gì người dùng khác hiện đang làm và thậm chí có một phần nhỏ đảm bảo khách hàng tiềm năng về chính sách hủy miễn phí.
Trên trang chủ của Booking.com, mọi người đều nhận được sự khích lệ và cảm xúc tích cực cần thiết để tiếp tục trên trang web trước khi chạm vào thanh cuộn.
2. Làm cho điều hướng của bạn rõ ràng
Nếu bạn muốn người dùng ở lại trang web của mình, bạn cần cung cấp cho họ một điều hướng rõ ràng và dễ sử dụng.
Điều hướng của TimeOut.com giống như một nữ tiếp viên thông minh: nó mang lại cho khách truy cập sự giúp đỡ quý giá khi họ cần nhưng không làm phiền họ. Nếu bạn nhìn vào bức tranh dưới đây, bạn có thể thấy rằng hệ thống điều hướng có bốn yếu tố khác nhau: một thanh tìm kiếm khổng lồ, dễ nhận biết, một menu chính với các mục được xác định rõ ràng (Hướng dẫn thành phố; Phim, Âm nhạc, Nghệ thuật & Văn hóa; Thực phẩm & Đồ uống; Giới thiệu; Cửa hàng Time Out), thanh bánh mì được thiết kế tốt và thanh bên danh sách các thành phố phổ biến nhất.
TimeOut đã thiết kế hệ thống điều hướng của nó theo cách trực quan như vậy mang lại cho khách truy cập những ưu đãi hơn nữa để khám phá trang web. Hình thu nhỏ nhỏ ngay bên cạnh mỗi mục bên đưa ra một khóa trực quan, mô tả ngắn dưới tiêu đề Thực phẩm và Đồ uống đảm bảo khách truy cập rằng họ đang ở đúng vị trí, các mẩu bánh mì làm cho nó rất dễ di chuyển và thanh tìm kiếm hàng đầu giúp người dùng nhảy đến vị trí tiếp theo nếu họ cảm thấy nhàm chán với vị trí hiện tại.
Mỗi yếu tố hỗ trợ các yếu tố khác - một dấu hiệu rõ ràng về thiết kế UX tuyệt vời.
3. Sử dụng hình ảnh tác động cao
Ảnh chụp màn hình bên dưới là một trong những trang hồ sơ nhà hàng của TripAdvisor. Tôi chắc chắn rằng bạn đã đọc rằng ảnh stock không mang lại trải nghiệm tốt cho người dùng: họ thường làm chán khách và không thúc đẩy họ tiến lên trong kênh chuyển đổi.
Sự thay thế của hình ảnh chứng khoán là hình ảnh có tác động cao, kích thích cảm xúc mạnh mẽ trong người dùng. Và chúng ta đều biết rằng tăng cảm xúc dẫn đến lòng trung thành của khách hàng cao hơn.
Các trang web du lịch thường sử dụng hình ảnh chất lượng cao, nhưng TripAdvisor đưa nó lên cấp độ tiếp theo khuyến khích người dùng thêm ảnh của riêng họ đến từng nhà hàng. Bằng cách này, TripAdvisor làm tăng nội dung của nó với hình ảnh do người dùng tạo thường thú vị hơn đối với khách truy cập trang web du lịch trung bình hơn so với hình ảnh được chụp bởi các chuyên gia.
Áp lực ngang hàng là một trong những động lực mạnh mẽ nhất sau tất cả. TripAdvisor cũng giữ cho nội dung hình ảnh của nó tươi bằng cách thêm ảnh có sức ảnh hưởng cao từ người dùng.
4. Giữ cho nó đơn giản
Ít thường là nhiều hơn vì vậy luôn luôn là một ý tưởng tốt để giữ mọi thứ đơn giản và chỉ tập trung vào thông tin có liên quan. Thế giới đầy phiền nhiễu đến nỗi khách truy cập của bạn chắc chắn sẽ biết ơn nếu bạn cứu họ khỏi đống lông tơ không cần thiết.
“Giữ cho nó đơn giản” là nguyên tắc UX mà Lonely Planet dường như tuân theo trên trang chủ của nó. Các chủ đề quan trọng nhất gây tò mò cho người dùng của họ sắp xếp trong một lưới gọn gàng của hình thu nhỏ hấp dẫn được hỗ trợ bởi tiêu đề dài một hoặc hai từ.
Trang chủ của LonelyPlanet đặc biệt thông minh từ khía cạnh trải nghiệm người dùng vì hình thu nhỏ cũng đóng vai trò điều hướng trong khi họ cung cấp cho người dùng một khóa hình ảnh dễ hiểu.
Lưới rất nhạy, do đó nó hoạt động trên mọi khung nhìn. Trên kích thước điện thoại di động và máy tính bảng, hình thu nhỏ trông giống như biểu tượng của ứng dụng di động đó là một bố cục quen thuộc với tất cả người dùng di động và sự quen thuộc cũng là thứ mang lại sự thoải mái cho khách truy cập do đó tăng sự gắn kết của họ với trang web.
5. Sử dụng động từ hành động
Bạn rất có thể quen thuộc với các động từ hành động từ các trang web nghề nghiệp. Động từ hành động không chỉ thu hút các nhà tuyển dụng quét qua sơ yếu lý lịch mà cả các trang web mà khách truy cập duyệt qua web.
Mạng xã hội chia sẻ chỗ ở phổ biến, AirBnB sử dụng chúng ở mọi nơi trên trang web của mình. Thuộc về bất cứ nơi nào, Thuê, Danh sách không gian của bạn, Khám phá nơi, Khám phá thế giới, Xem nơi mọi người đang đi du lịch, Chia sẻ kinh nghiệm của bạn, vv.
Động từ hành động cực kỳ hiệu quả bởi vì chúng chuyển người dùng từ trạng thái thụ động sang trạng thái hoạt động. Trải nghiệm tích cực luôn yêu cầu hoạt động thay mặt người dùng; đó là lý do tại sao các công viên phiêu lưu rất phổ biến.
Sau tất cả những gì bạn nhớ nhiều hơn? Một cái gì đó bạn đã làm một mình hoặc một cái gì đó bạn vừa đọc trong một cuốn sách? Xem? Tương tác cũng thu hút bạn. Vì vậy, nếu bạn muốn tăng trải nghiệm người dùng trang web của mình, đừng ngần ngại sử dụng các động từ hành động khi chúng phù hợp.
6. Hợp lý hóa biểu mẫu của bạn
Như các hình thức quá phức tạp thường dẫn đến sự từ bỏ ngay lập tức điều thông minh nhất bạn có thể làm cho trải nghiệm của người dùng là hợp lý hóa các biểu mẫu trên trang web của bạn càng nhiều càng tốt. Ý tôi là gì khi tinh giản?
Bạn có thể thấy một ví dụ tuyệt vời nếu bạn xem qua mẫu tìm kiếm phổ biến của Wikimedia trên trang chủ của họ. Các hình thức tìm kiếm của Priceline là ẩn bên trong một phần điều hướng theo thẻ ngang tiện dụng.
Các tab chứa năm hình thức tìm kiếm khác nhau liên quan đến năm lĩnh vực (Khách sạn, Chuyến bay, Ô tô, Gói kỳ nghỉ, Du lịch trên biển) mà công ty có liên quan.
Điều thực sự thú vị ở đây là người dùng không phải bận tâm đến những thứ họ không quan tâm, họ có thể chuyển ngay đến hình thức tìm kiếm họ cần. Vì vậy, họ là không bị gánh nặng với các trường dữ liệu bổ sung, các trường mẫu được giữ ở mức tối thiểu, có nghĩa là tăng hiệu quả, giảm sự khó chịu và hiểu nhanh - trải nghiệm người dùng tốt nhất.
7. Tạo ảnh hưởng với những câu chuyện cá nhân
Bạn có thể tăng mức độ tương tác của người dùng với việc sử dụng thông minh các câu chuyện cá nhân, như bạn đang thực sự trải nghiệm nó, trên trang chủ của GoBackpacking.com.
Cuộc phiêu lưu của những người thực sự luôn thú vị hơn so với lảm nhảm tiếp thị quá tinh tế. Khách truy cập của bạn không muốn đọc những câu sáo rỗng mệt mỏi mà họ có thể đọc trên trang web của đối thủ cạnh tranh - thậm chí họ có thể tự tạo ra cùng một tác động thấp..
Đánh giá, xếp hạng, nhận xét được chỉ đạo và kiểm duyệt, trạng thái, bài đăng trên blog, câu chuyện cá nhân, đề xuất, tất cả đều thêm cá tính vào trang web của bạn do đó giới thiệu thông tin chất lượng cao mà khách truy cập của bạn có thể kết nối một cách tình cảm.
GoBackpacking điền vào trang chủ của nó những câu chuyện cá nhân của người dùng, khiến khách truy cập ngay lập tức đắm chìm vào nội dung của trang web mà không hề biết.
8. Bao gồm các sản phẩm liên quan
Các tiện ích sản phẩm phổ biến, được đề xuất và phổ biến được sử dụng bởi tất cả những người chơi Thương mại điện tử lớn, do đó, không có gì ngạc nhiên khi các trang web du lịch cũng tận dụng chúng.
HotelTravel.Com giải quyết công việc một cách rất khó khăn và hiệu quả. Động cơ khuyến nghị của nó lấy vị trí mà khách truy cập tìm kiếm - trong trường hợp của chúng tôi, đó là Hồng Kông - và hiển thị thêm lựa chọn khách sạn được đề xuất bởi người dùng khác. Các khách sạn liên quan cũng là những khách sạn được đề xuất, giải pháp 2 trong 1 luôn là một ý tưởng hay.
Các nhà thiết kế của HotelTravel.Com đã tiến thêm một bước nữa và họ đã đặt sản phẩm liên quan thành một accordion tiện dụng cho phép người dùng khuyến nghị nhóm theo bốn tiêu chí khác nhau (Giá trị tốt nhất, Dịch vụ tốt nhất, Tiêu chuẩn phòng tốt nhất, Vị trí tốt nhất).
Để làm cho tiện ích trực quan thú vị đánh giá, giá, hình thu nhỏ và trích dẫn ngắn từ đánh giá mới nhất cũng được bao gồm để cung cấp sự giúp đỡ tối đa cho du khách để quyết định chỗ ở phù hợp nhất với nhu cầu của họ.
9. Nói về lợi ích
Hiển thị cho khách truy cập những lợi ích họ có thể đạt được trên trang web của bạn luôn thân thiện với người dùng hơn là làm phiền họ bằng những sự thật khô khan khiến họ chìm vào giấc ngủ.
Trên trang chủ của Booking.com, chúng ta có thể thấy việc sử dụng thông minh nguyên tắc thiết kế UX này. Ở phía bên phải màn hình, bạn có thể thấy “Tại sao nên sử dụng Booking.com?” phần bao gồm sáu lợi ích tất cả đều phù hợp với các giá trị của khách du lịch trung bình (giá thấp, phạm vi lựa chọn, dễ sử dụng giao diện, hệ thống đánh giá dân cư, dịch vụ khách hàng chất lượng và tính sẵn sàng 24/7).
Tất nhiên những giá trị này được soạn thảo trong một cách hấp dẫn và đến với các liên kết nơi khách hàng tiềm năng có thể di chuyển trên. Các “Tại sao nên sử dụng Booking.com” trong thực tế phụ tùng phiên bản nâng cao của thường xuyên “Tính năng, đặc điểm” phần của một trang web doanh nghiệp nhỏ trung bình nhưng nó bao gồm nhiều yếu tố hỗ trợ.
Các biểu tượng đầy màu sắc, các liên kết được tô sáng và dữ liệu cụ thể (nhu la “701.118 khách sạn trên toàn thế giới”) tất cả làm cho người dùng tin rằng họ đang ở trên một trang web chuyên nghiệp mà họ có thể tin tưởng. Các trưng bày các địa điểm nổi tiếng từ Sydney đến Dublin ở phía bên trái và tiện ích nhỏ của ReviewCentre của bên thứ ba đều hỗ trợ trải nghiệm và tạo niềm tin.
10. Cung cấp bằng chứng xã hội
Khi mọi người nói về bằng chứng xã hội, họ thường có nghĩa là các tiện ích truyền thông xã hội như Facebook .. Đây cũng là một yếu tố tuyệt vời của UX được thiết kế tốt, nhưng trang chủ của TripAdvisor cung cấp một ví dụ tuyệt vời Các hình thức chứng minh xã hội khác hoạt động như thế nào.
Khái niệm bằng chứng xã hội dựa trên một nguyên tắc tâm lý nói rằng mọi người có nhiều khả năng làm điều gì đó nếu họ nhìn thấy những người khác xung quanh họ Làm điều tương tự. Xác nhận bên ngoài là một động lực lớn đối với hầu hết chúng ta, vì vậy các nhà thiết kế khôn ngoan xây dựng bằng chứng xã hội vào trang web của họ theo cách khuyến khích khách truy cập lặp lại hành vi của những người dùng đồng nghiệp của họ.
Trên TripAdvisor hấp dẫn nội dung xã hội được tích hợp vào một điều hướng tab tiện dụng với ba phần: Đánh giá về khách sạn, Ảnh do người dùng và Diễn đàn thực hiện. Tiêu đề của widget là “Những gì du khách đang nói về” đó là ít đẩy hơn phụ đề trung bình trên các trang web thương mại; do đó nó thu hút sự chú ý của khách truy cập cùng một lúc.
Phần Nhận xét khách sạn được thiết kế theo cách thông minh làm cho nội dung dễ tiêu hóa: ảnh tiểu sử và xếp hạng của người dùng đánh giá, tên của khách sạn được đánh giá, trích dẫn ngắn từ chính bài đánh giá và biểu tượng xếp hạng phù hợp với thiết kế chung của trang web.
