受欢迎的旅游网站,预订和结帐表格,旅行计划者和酒店时间表都是增加您在用户体验设计领域的知识的绝佳资源。
有没有想过在计划假期时仍然可以专业成长?
您的反应,喜悦和反感都是网站用户体验设计效率的重要标志 。
在选择最佳地点,酒店并计划行程时,最好注意哪些有效,哪些无效,什么激发您的灵感以及使您立即跳转到另一个站点的原因。
在本文中,您可以学习10堂关于用户体验的课程,您可以从流行的旅游网站上获得这些经验。
UI和UX之间的区别
用户界面是一组各种可视元素,例如访问者在与您的网站互动时使用(单击,悬停,点击)的菜单,按钮和图标。
当您了解网站的可用性时,您需要考虑其用户界面(UI)。
UX不是UI ,就像一条不成文的法律。
可用性表示UI的效率,例如使用网站的难易程度 (可学习性), 用户实现指定目标的速度有多快 (效率), 用户对网站工作方式的记忆难忘程度 (可存储性)以及使用的愉快程度 (用户满意度)。
可用性是描述用户界面(UI)的一种品质。
好的UX可以满足潜在客户的各种需求-好的可用性和许多其他方面。
用户体验涉及到影响用户体验的所有方面,无论是消极的还是积极的。
可用性是称为用户体验(UX)的更复杂概念的一方面。
根据用户体验研究公司Nielsen-Norman Group的说法:

1.给用户一个开始的地方
通常,它是获得最多点击的主页,不仅是因为它是网站的主要入口,而且当用户来自搜索引擎时,下一次单击很有可能就是主页。
首先,您需要给访问者一个可以开始的地方 。
因此,如果要使访问者留在网站上,则需要在首页上提供引人入胜的内容和布局 。
您要么知道要去哪里,要么想尽快查找各种可能性,或者不确定您的旅行地点,并需要一些启发。
您想在旅游网站上做什么?
考虑一下。
Booking.com的主页证明他们充分了解客户的需求。

这给他们带来了更大的决心和增强的自信心。
访客不必浪费时间浏览无关的内容。
Booking.com 在其主页的左侧放置了一个整体搜索表,供那些确定自己未来旅行的人使用。
屏幕上折叠起来的剩余空间给那些不确定的人带来了很多灵感 :热门地点的三张大照片(阿布扎比,纽约和迪拜)提供了建议,有关“刚预定”旅行的AJAX流显示其他用户目前正在做什么,甚至有一小部分可以确保潜在客户了解免费取消政策。
在Booking.com的主页上,每个人都获得了必要的动力和积极的感受,甚至可以在不触摸滚动条的情况下继续浏览网站。
2.使导航更清晰
如果您希望用户停留在您的网站上,则需要为他们提供明显且易于使用的导航。
如果您看下面的图片,您会发现导航系统具有四个不同的元素 :巨大的,易于识别的搜索栏,带有清晰定义项目的主菜单(城市指南;电影;音乐,艺术与文化;美食) &Drink; About Us; Time Out Shop),精心设计的面包屑栏和侧边栏,列出了最受欢迎的城市。
TimeOut.com的导航就像是一位聪明的女主人:它在访客需要时提供了宝贵的帮助,但不会使他们烦恼。

每个侧边栏项目旁边的小缩略图会显示一个可视键 ,“食品和饮料”标题下的简短说明可确保访问者处在正确的位置 ,面包屑使其移动起来非常容易,顶部的搜索栏有助于如果用户对当前位置感到厌烦,则跳到下一个位置。
TimeOut以一种直观的方式设计了其导航系统,从而使访问者有进一步的动机来探索该站点。
每个元素都支持其他元素-出色的UX设计的明显标志。
3.使用高影响力图像
我确信您已经读过,库存照片不能带来良好的用户体验:它们通常会吸引访问者,并且不会激励他们在转换渠道中前进。
以下屏幕截图是TripAdvisor的餐厅资料页面之一。

我们都知道, 增加的情绪会导致更高的客户忠诚度 。
股票照片的替代方案是高影响力的图像 ,在用户中引起强烈的情绪。
这样,TripAdvisor会使用用户生成的图像来丰富其内容,这些图像通常比一般专业人士拍摄的照片更受普通旅游站点访问者的关注 。
旅游网站通常都使用高质量的图片,但TripAdvisor 鼓励用户将自己的照片添加到每家餐厅, 从而将图片提升到一个新的水平。
TripAdvisor还通过添加用户拍摄的高影响力照片来使视觉内容保持新鲜 。
毕竟,同伴压力是最强烈的动机之一。
4.保持简单
这个世界充满了分心,如果您将他们从不必要的绒毛中解救出来,您的访客一定会很感激。
少即是多,所以保持简单并只关注相关信息始终是一个好主意。
吸引用户的最重要主题 以整洁的有吸引力的缩略图网格排列,并由一个或两个单词长的标题支持 。
“保持简单”是《 孤独星球》首页似乎遵循的UX原则。

从用户体验的角度来看,LonelyPlanet的主页特别聪明,因为缩略图还可以作为导航,同时它们为用户提供易于理解的可视键 。
在移动设备和平板电脑上,缩略图看起来像移动应用程序的图标,这是所有移动用户都熟悉的布局,而熟悉度也可以使访问者感到舒适,因此提高了他们对网站的参与度。
网格具有响应能力,因此可以在每个视口上使用 。
5.使用动作动词
动作动词不仅吸引招聘人员浏览简历,还吸引网站访问者浏览网络。
您最有可能熟悉职业网站上的动作动词 。
属于任何地方, 租用 , 列出您的空间, 发现地点, 探索世界, 查看人们在哪里旅行, 分享您的经验等。
受欢迎的住宿共享社交网络, AirBnB在网站上的任何地方都使用它们。

这就是为什么冒险公园如此受欢迎。
积极的体验总是需要代表用户的活动;
动作动词之所以有效,是因为它们将用户从被动状态转移到主动状态 。
因此,如果您想增加站点的用户体验,请不要在适当的地方使用动作动词。
互动也会吸引您 。
看到?
您是自己做的还是刚读过的书?
毕竟您还记得什么?
6.简化表格
我精简的意思是什么?
由于过于复杂的表格通常会导致立即放弃 ,您可以为用户体验做的最明智的事情就是尽可能简化网站上的表格。
Priceline的搜索表单隐藏在方便的水平选项卡式导航部分中 。
如果您在其主页上浏览Priceline.com的通用搜索表单,可以看到一个很好的例子。

选项卡包含与公司涉及的五个领域(酒店,机票,汽车,度假套餐,游轮)相关的五种不同的搜索表单。
因此,他们不会再负担额外的数据字段 ,将表单字段保持在绝对最低限度,这意味着更高的效率,减少的烦恼和快速的理解 - 前所未有的最佳用户体验。
这里真正很酷的事情是用户不必打扰他们不感兴趣的东西,他们可以直接跳到所需的搜索表单。
7.通过个人故事产生影响
您可以在GoBackpacking.com的主页上通过巧妙地使用个人故事来提高用户参与度,就像您实际体验的那样 。

您的访客不想阅读他们可以在竞争对手的网站上读到的那种累人的陈词滥调-毕竟,他们甚至可以自己产生同样的低冲击力消音器。
现实世界中的冒险总是比过度提炼的营销marketing语更有趣 。
评论,评分,定向和主持的评论,状态,博客文章,个人故事,推荐都为您的网站增添了个性,因此引入了访问者可以情感联系到的高质量信息 。
GoBackpacking用其用户的个人故事填充其主页,这使访问者立即沉浸在网站内容中,甚至根本不知道。
8.包括相关产品
相关的,推荐的和受欢迎的产品小部件已被所有大型电子商务参与者使用,因此旅行网站也可以利用它们并不奇怪。
相关的酒店也是推荐的酒店,这是二合一的解决方案,这总是一个好主意。
它的推荐引擎会显示访问者要寻找的位置 (在我们的例子中是香港),并显示其他用户推荐的更多酒店选择 。
HotelTravel.com非常小心有效地解决了这一任务。
HotelTravel.com的设计师又走了一步,他们将相关产品放到了方便的手风琴中 ,使用户可以根据四个不同的标准(最佳价值,最佳服务,最佳房间标准,最佳位置)对推荐进行分组 。

为了使小部件在视觉上变得有趣,还包括评级,价格,小缩略图和最新评论的简短报价,以最大程度地帮助访问者确定哪种住宿最适合他们的需求。
9.谈论好处
向访问者显示他们可以在您的网站上获得的收益,总是比使他们陷入沉睡的干燥事实更为用户友好。
部分包含六项好处 ,这些好处均与平均旅行者的价值相符(低价,选择的菜板范围,界面的易用性,填充的审核系统,优质的客户服务和24/7的可用性)。
在屏幕的右侧,您可以看到“为什么使用Booking.com?”
在Booking.com的主页上,我们可以看到这种UX设计原理的巧妙利用。
实际上, “为什么使用Booking.com”小部件是普通小型企业网站常规“功能”部分的增强版本,但其中包含许多支持元素。
当然,这些价值的起草方式更具吸引力,并带有潜在客户可以继续前进的链接 。

左侧显示了从悉尼到都柏林的热门地点的展示,以及第三方ReviewCentre的小部件都支持该体验并建立信任。
彩色图标,突出显示的链接和特定数据 (例如,“全球范围内的701,118家酒店”)都使用户相信自己在自己可以信赖的专业网站上。
10.提供社会证明
人们谈论社交证明时,通常指的是诸如Facebook Likebox之类的社交媒体小部件,这也是精心设计的UX的重要组成部分,但TripAdvisor的主页提供了其他形式的社交证明工作方式的绝佳示例。
外部验证对我们大多数人来说是一个很大的动力 ,因此,明智的设计人员会在他们的网站中建立社交证明,以鼓励访问者重复其同伴的行为。
社会证明的概念基于一种心理学原理,即人们看到周围的其他人也做同样的事情时, 他们更有可能做某事。
因此,它立即引起了游客的注意。
窗口小部件的标题是“旅行者在说什么”,它不如商业网站上的平均字幕那么费力 。
在TripAdvisor上,引人入胜的社交内容内置在方便的选项卡导航中,其中包括三个部分:酒店评论,用户制作的照片和论坛。

“酒店评论”部分的设计巧妙, 使内容易于理解:一张小头像和评论用户的排名,评论酒店的名称,评论本身的简短引用以及一个带有评级图标的非常适合网站的总体设计。