ux设计_UX设计:旅行网站可以教您的10件事

有没有想过在计划假期时仍然可以专业成长? 受欢迎的旅游网站,预订和结帐表格,旅行计划者和酒店时间表都是增加您在用户体验设计领域的知识的绝佳资源。

在选择最佳地点,酒店并计划行程时,最好注意哪些有效,什么无效,什么启发您以及什么使您立即跳转到另一个站点。 您的React,喜悦和反感都是网站用户体验设计效率的重要标志

在本文中,您可以学习10堂关于用户体验的课程,您可以从流行的旅游网站上获得这些经验。

UI和UX之间的区别

UX不是UI ,就像一条不成文的法律。 当您了解网站的可用性时,您需要考虑其用户界面(UI)。 用户界面是一组各种可视元素,例如访问者在与您的网站进行交互时使用(单击,悬停,点击)的菜单,按钮和图标。

可用性是描述用户界面(UI)的一种品质。 可用性表示UI的效率,例如使用网站的难易程度 (可学习性), 用户实现指定目标的速度有多快 (效率), 他们如何容易地回忆起有关网站工作方式的回忆 (可记忆性)以及使用的感觉如何 (用户满意度)。

可用性是称为用户体验(UX)的更复杂概念的一方面。 用户体验涉及影响用户体验的所有方面,无论是消极的还是积极的。 好的UX可以满足潜在客户的各种需求-好的可用性和许多其他方面。

根据用户体验研究公司Nielsen-Norman Group的说法:

UX不是UI
图片:马里兰大学

1.给用户一个开始的地方

首先,您需要给访问者一个可以开始的地方 。 通常,它是获得最多点击次数的主页,不仅仅是因为它是网站的主要入口,而且当用户来自搜索引擎时,下一次单击很有可能就是主页。

因此,如果要使访问者留在网站上,则需要在首页上提供引人入胜的内容和布局

Booking.com的主页证明他们充分了解客户的需求。 考虑一下。 您想在旅游网站上做什么? 您要么知道要去哪里,要么想尽快查找各种可能性,或者不确定旅行的地点,需要一些启发。

开始的地方

Booking.com 其主页的左侧放置了一个整体搜索表,供那些确定自己未来旅行的人使用。 访客不必浪费时间浏览无关的内容。 这给他们带来了更大的决心和增强的自信心。

屏幕上折叠起来的剩余空间给那些不确定的人带来了很多灵感 :热门地点的三张大照片(阿布扎比,纽约和迪拜)提供了建议,有关“刚预定”旅行的AJAX流显示其他用户目前正在做什么,甚至有一小部分可以确保潜在客户了解免费取消政策。

在Booking.com的主页上,每个人甚至在触摸滚动条之前,都可以获得在网站上继续前进所需的必要动力和积极感受。

2.使导航更清晰

如果您希望用户留在您的网站上,则需要为他们提供明显且易于使用的导航。

TimeOut.com的导航就像一个聪明的女主人:它在访客需要时提供了宝贵的帮助,但不会使他们烦恼。 如果您看下面的图片,您会发现导航系统具有四个不同的元素 :巨大的,易于识别的搜索栏,带有清晰定义项目的主菜单(城市指南;电影;音乐,艺术与文化;美食) &Drink; About Us; Time Out Shop),精心设计的面包屑栏和侧边栏,列出了最受欢迎的城市。

明显的导航

TimeOut以一种直观的方式设计了其导航系统,从而使访问者有进一步的动机来探索该站点。 每个侧边栏项目旁边的小缩略图会显示一个可视键 ,“食品和饮料”标题下的简短说明可确保访问者处在正确的位置 ,面包屑使其移动起来非常容易,顶部的搜索栏有助于如果用户对当前位置感到厌烦,则会跳到下一个位置。

每个元素都支持其他元素-出色的UX设计的明显标志。

3.使用高影响力图像

以下屏幕截图是TripAdvisor的餐厅资料页面之一。 我确信您已经阅读过库存照片并不能带来良好的用户体验:它们通常会吸引访问者,并且不会激励他们在转换渠道中前进。

高影响力图像

股票照片的替代方案是高影响力的图像 ,在用户中引起强烈的情绪。 我们都知道, 情绪的提高会导致更高的客户忠诚度

旅游网站通常都使用高质量的图片,但TripAdvisor 鼓励用户在每家餐厅添加自己的照片从而将图片提升到一个新的水平。 这样,TripAdvisor会使用用户生成的图像来丰富其内容,这些图像通常比一般专业人士拍摄的照片受普通旅游站点访问者的关注

毕竟,同伴压力是最强烈的动机之一。 TripAdvisor还通过添加用户拍摄的高影响力照片来使视觉内容保持新鲜

4.保持简单

少即是多,所以保持简单并只关注相关信息始终是一个好主意。 这个世界充满了分心,如果您将访客从不必要的绒毛中解救出来,您一定会很感激。

“保持简单”是《 孤独星球》首页似乎遵循的UX原则。 吸引用户的最重要主题 以整洁的网格排列,并由一两个标题长的标题所支持的精美缩略图

把事情简单化

从用户体验的角度来看,LonelyPlanet的主页特别聪明,因为缩略图还可以作为导航,同时它们为用户提供易于理解的可视键

网格具有响应能力,因此可以在每个视口上使用在移动设备和平板电脑上,缩略图看起来像移动应用程序的图标,这是所有移动用户都熟悉的布局,而熟悉度也可以使访问者感到舒适,因此提高了他们对网站的参与度。

5.使用动作动词

您最有可能熟悉职业网站上的动作动词 。 动作动词不仅会吸引招聘人员浏览简历,还会吸引网站访问者浏览网络。

受欢迎的住宿共享社交网络, AirBnB在网站上的任何地方都使用它们。 属于任何地方, 租用列出您的空间, 发现地点, 探索世界, 查看人们在哪里旅行, 分享您的经验等。

使用动作动词

动作动词非常有效,因为它们将用户从被动状态转移到主动状态 。 积极的体验总是需要代表用户的活动; 这就是为什么冒险公园如此受欢迎。

毕竟您还记得什么? 您是自己做的事还是刚读过的书? 看到? 互动也会吸引您 。 因此,如果您想增加站点的用户体验,请在适当的地方使用动作动词。

6.简化表格

由于过于复杂的表格通常会导致立即放弃 ,您可以为用户体验做的最明智的事情就是尽可能简化网站上的表格。 我精简的意思是什么?

如果您在其主页上浏览Priceline.com的通用搜索表单,可以看到一个很好的例子。 Priceline的搜索表单隐藏在方便的水平选项卡式导航部分中

简化表格

这些选项卡包含与公司涉及的五个领域(酒店,航班,汽车,度假套餐,游轮)相关的五种不同的搜索表单。

这里真正很酷的事情是,用户不必打扰他们不感兴趣的东西,他们可以直接跳到所需的搜索表单。 因此,他们不会再负担额外的数据字段 ,表单字段被保持为绝对最小,这意味着更高的效率,更少的烦恼和快速的理解 - 前所未有的最佳用户体验。

7.通过个人故事产生影响

您可以在GoBackpacking.com的主页上通过巧妙地使用个人故事来提高用户参与度,就像您实际体验的那样

个人影响

现实世界中的冒险总是比精打细算的行销更加有趣 。 您的访客不想阅读他们可以在竞争对手的网站上读到的那种累人的陈词滥调-毕竟,他们甚至可以自己产生相同的低冲击力消音器。

评论,评分,定向和主持的评论,状态,博客文章,个人故事,推荐都为您的网站增添了个性,因此引入了访问者可以情感联系到的高质量信息

GoBackpacking用其用户的个人故事填充其主页,这使访问者立即沉浸在该网站的内容中,甚至根本不知道它。

8.包括相关产品

相关的,推荐的和受欢迎的产品小部件已被所有大型电子商务参与者使用,因此旅行网站也利用它们并不奇怪。

HotelTravel.com非常轻松有效地解决了这一问题。 它的推荐引擎会显示访问者要寻找的位置 (在我们的例子中是香港),并显示其他用户推荐的更多酒店选择 。 相关的酒店也是推荐的酒店,采用二合一解决方案总是一个好主意。

HotelTravel.com的设计师又走了一步,他们将相关产品放入了方便的手风琴中 ,使用户能够根据四个不同的标准(最佳价值,最佳服务,最佳客房标准,最佳位置)对推荐进行分组

包括相关产品

为了使小部件在视觉上变得有趣,还包括评级,价格,小缩略图和最新评论的简短报价,以最大程度地帮助访问者确定最适合其需求的住宿。

9.谈论好处

向访问者显示他们可以在您的网站上获得的收益,总是比使他们陷入沉睡的干燥事实更为用户友好。

Booking.com的主页上,我们可以看到这种UX设计原理的巧妙利用。 在屏幕的右侧,您可以看到“为什么使用Booking.com?” 部分包含六项好处 ,所有这些好处均与平均旅行者的价值相符(低价格,选择的木板范围,界面的易用性,填充的审核系统,优质的客户服务和24/7的可用性)。

当然,这些价值的起草方式更具吸引力,带有潜在客户可以继续前进的链接 。 实际上 “为什么使用Booking.com”小部件是普通小型企业网站的常规“功能”部分的增强版本,但其中包含许多支持元素。

谈论好处

彩色图标,突出显示的链接以及特定数据 (例如“全球范围内的701,118家酒店”)都使用户相信自己在自己可以信赖的专业网站上。 左侧显示了从悉尼到都柏林的热门地点展柜,以及第三方ReviewCentre的小部件都支持该体验并建立信任。

10.提供社会证明

人们谈论社交证明时,通常指的是社交媒体小部件,例如Facebook Likebox,这也是精心设计的UX的重要元素,但TripAdvisor的主页提供了其他形式的社交证明工作方式的一个很好的例子。

社会证明的概念基于一种心理学原理,即人们看到周围的其他人也做同样的事情, 他们更有可能做某事。 外部验证对我们大多数人来说是一个很大的动力 ,因此明智的设计人员会在他们的网站中建立社交证明,以鼓励访问者重复其同级用户的行为。

在TripAdvisor上,引人入胜的社交内容内置在方便的选项卡导航中 ,分为三个部分:酒店评论,用户制作的照片和论坛。 窗口小部件的标题是“旅行者在说什么”,它不如商业站点上的平均字幕那么费力 。 因此,它立即引起了游客的注意。

提供社会证明

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


翻译自: https://www.hongkiat.com/blog/ux-lessons-travel-sites/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值