UX设计：教你做10个旅游网站

已否想过你的心中，你仍然可以增长专业，而你计划你的假期？热门旅游网站，预订和结算形式，行程策划和酒店的时间表都是优秀的来源，以提高你的用户体验ux设计领域的知识。

 

在选择的最佳地点，酒店和安排您的行程，这是一个好主意，要注意什么可行，什么不可行，什么激励你，是什么让你立刻跳转到另一个站点。你的反应，美食和厌恶是该网站的用户体验设计效率所有伟大的标志。

在这篇文章中，你可以了解用户体验，你可以从热门的旅游网站拿起10节课。

之间的UI和UX的区别

UX是不是UI，它就像一个不成文的定律。当你阅读网站的可用性，你需要考虑它的用户界面（UI）。用户界面是一组不同的视觉元素，如菜单，按钮和您的访问者使用（点击，悬停，请点击），当他们与你的网站互动图标。

可用性是一个质量描述用户界面（UI）。可用性显示UI的效率，比如它是多么容易使用的网站（易学性），快速用户如何能够实现特定的目标（效率），他们可以轻易如何回忆有关网站的工作方式（可记忆）他们的记忆，andhow可人是使用（用户满意度）。

可用性是一个比较复杂的概念，所谓的用户体验（UX）的一个方面。用户体验涉及到的一切，影响了用户的体验 - 无论是消极或积极。一个好的UX满足每一个需要的潜在客户 - 良好的可用性和许多其他的事情。

根据用户体验研究公司尼尔森 - 诺曼集团：

“为了实现高品质的用户体验......必须有多个学科，包括工程，市场营销，图形和工业设计，接口设计服务的无缝融合。”

 

 

Booking.com放置在其主页的左侧为那些谁是确定自己的未来之旅的整体搜索表单。参观者不必浪费他们的时间，通过不相关的内容浏览。这使得他们有更大决心和提升自信心。

在屏幕上对折的剩余空间给人很多启示，以较少确定：流行地点的三大图片（阿布扎比，纽约和迪拜）提供建议，一个AJAX流有关“只要预订”旅行节目看看其它用户目前为止，甚至还有一小部分，确保潜在客户对免费取消政策。

在Booking.com的主页上每个人都得到了必要的激励和积极的情感，甚至​​触摸滚动条之前在网站上继续前进。

 

2.让你的导航明显

 

如果你希望用户停留在你的网站，你需要为他们提供一个明显的和易于使用的导航。

TimeOut.com的导航就像一个聪明的女主人：它给游客宝贵的帮助，当他们需要它，但不惹恼他们。如果你看看下面的图片，你可以看到导航系统有四个不同的元素：一个巨大的，易于识别的搜索栏，有明确定义的项目的主菜单（城市指南，电影，音乐，艺术和文化;食品和饮料;关于我们;超时店），一个设计良好的面包吧，最流行的城市的侧边栏上市。

 

超时设计了导航系统，在这样一个直观的方式，让游客进一步鼓励探索的网站。小缩略图旁边的侧边栏的每个项目给人以视觉重点，在食品的简短描述和饮料的标题，确保游客，他们是在正确的位置，面包屑使用户能够无比轻松地前进，而顶部的搜索栏帮助用户跳转到下一个位置，如果他们厌倦了当前之一。

每个元素支持其他的 - 伟大的UX设计一个明显的迹象。

 

3.使用高影响影像

 

下面的截图是到到网的餐厅的个人资料页中的一个。我敢肯定，你已经读到的库存照片不会使一个良好的用户体验：他们通常孔游客和不激励他们继续前进的转化渠道。

 

股票照片的选择是高影响图像的挑衅，在用户强烈的情绪。我们都知道，情绪增加导致更高的客户忠诚度。

旅游网站一般都采用高品质的照片，但需要登录到一个新的水平，鼓励用户将他们自己的照片添加到每个餐厅。这样，到了香料的内容与用户生成的图像，通常是更有趣的平均旅行网站访问者比采取专业的照片。

同伴压力是最强的动机，毕竟。到到网alsokeeps视觉内容的新鲜通过添加用户拍摄的高影响力的照​​片。

 

4.保持简单

 

少即是平时多所以它总是一个好主意，让事情变得简单，并仅仅关注相关信息。世界是如此充满分心，你的访问者一定会很感激，如果你从不必要的绒毛拯救他们。

“保持简单”是UX原则，即孤独星球看似随后在其主页上。那勾心斗角他们的用户最重要的议题arearranged由一个或两个词长头条支持缩略图吸引力的整齐格子。

 

LonelyPl.Net的主页是从用户体验方面尤其是智能的缩略图也可以作为导航，而他们给用户提供一个容易理解的视觉重点。

网格是响应因此它适用于每一个视口。在移动和平板电脑尺寸的缩略图看起来这是一个熟悉的布局，所有移动用户的移动应用程序图标，和熟悉也未尝给予安慰旅客，因此提高其参与的网站。

 

5.使用行为动词

 

你最有可能熟悉的求职网站行为动词。动词不仅搞招聘人员通过扫描简历也访客的网站通过网页浏览。

流行的住宿分享的社交网络，使用的Airbnb他们无处不在其网站上。属于任何地方，租金，列出你的空间，DiscovERPlaces，探索世界，看到人们旅行，分享你的经验，等等。

 

动词是令人难以置信的高效率，因为它们将用户从被动状态到活跃的地区之一。正面经验总是需要代表用户的活动;这就是为什么冒险乐园是如此受欢迎。

毕竟你还记得更多？一些你自己什么你刚才读的一本书？看到了吗？互动从事你。所以，如果你想要增加你的网站的用户体验，不要犹豫，使用行为动词，他们是合适的。

 

6.简化您的形式

 

由于过于复杂，形式往往会导致瞬间放弃，你可以为你的用户体验做的最明智的事情就是简化您的网站一样，因为它是可能的形式。我怎么下精简的意思吗？

你可以看到一个很好的例子，如果你快来看看Priceline.com的通用搜索表单上他们的主页。 Priceline的搜索形式隐藏在方便的水平tab导航段内。

 

该选项卡包含相关的五个方面（酒店，航班，汽车，旅游度假，邮轮），产品涉及五个不同的搜索方式。

这里的很酷的事情是，用户不必用东西来打扰他们不感兴趣，他们可以直接跳到他们需要寻找的表格。因此，他们不背负着额外的数据字段，表单字段都保持在绝对最低，这意味着提高效率，减少烦恼，和快速的了解 - 最佳的用户体验永远。

 

7.请用个人的故事影响

 

你可以提高用户的参与与智能使用个人的故事，就像你实际体验它，GoBackpacking.com的主页上。

 

真正的人的冒险总是比过于精细营销潺潺更有趣。您的访客不想读同样的劳累陈词滥调，他们可以阅读你的竞争对手的网站 - 他们可以自己毕竟即使产生相同的低冲击胡说。

评论，评分，导演和主持的评论，状态，博客，个人的故事，建议，都增添个性到您的网站thereforeintroducing高质量的信息您的访问者可以在情感连接。

GoBackpacking填充其主页与用户，这使得游客立即在网站的内容沉浸甚至不知道它的个人故事。

 

8.包括相关产品

 

相关建议和受欢迎的产品部件所使用的所有大电子商务的球员，所以它不是旅游网站也利用他们的影响力很大的惊喜。

HotelTravel.Com解决任务中一个非常棘手的和有效的方式。其推荐引擎将访问者查找地点 - 在我们的情况下，它是香港 - 并展示推荐其他用户更多一些酒店的选择。相关酒店也推荐的人，一个2合1解决方案，这始终是一个好主意。

HotelTravel.Com的设计者们多了一个一步，他们把相关的产品进入一个方便的折叠，使根据四种不同的标准（最佳价值，最好的服务，最好的房间标准，最佳位置）用户组的建议。

 

为了使小部件在视觉上有趣的评级，价格，小的缩略图，并从最新的评论很短的报价也包括给予最大帮助的游客来决定哪些适合的住宿最好的自身需求。

 

9.浅谈优势

 

显示访问者，他们可以得到您的网站的好处总是更加人性化比干实事，使他们入睡缠着他们。

在Booking.com的主页上，我们可以看到这个UX设计原则智能利用率。在屏幕上，你可以看到“为什么使用Booking.com？”部分，它包括六个好处，都在按照一般的旅行者的价值（价格低的右侧，选择的范围董事会，易用性在接口方面，人口审查制度，优质的客户服务，以及全天候的可用性）。

当然，这些值在起草一个更吸引人的方式，并配备了联系，其中潜在的客户可以继续前进。在“为什么使用Booking.com”小部件实际上是一个平均的小型企业网站的正常“功能”部分的增强版本，但它包括许多支持的元素。

 

色彩鲜艳的图标，突出显示的链接，以及具体的数据（如“世界各地的701118物业”），使所有的用户认为他们是在一个专业网站，他们可以信任。从悉尼的左侧建议都柏林的展示和小插件的第三方ReviewCentre所有支持的经验和建立信任。

 

10.提供社会证明

 

当人们谈论社会证明，他们通常是指社会化媒体的部件，如Facebook Likebox这也是精心设计的UX的一大要素，butTripAdvisor的主页提供了一个很好的例子，怎么其他形式的社会认同的工作。

社会认同的概念是基于心理学原理，说的人更容易做一些事情，如果他们看到他们周围的人做同样的事情。外部验证是对我们大多数人的一个巨大的动力，所以聪明的设计师建立社会证明到他们的鼓励游客重复他们的同胞用户行为方式的网站。

在到到网的接合社会内容内置到一个方便的标签导航有三个部分：酒店评价，深受用户和论坛取得了照片。小部件的标题是“什么旅客都在谈论”这isless冲劲比商业网站的平均字幕;因此，抓住了游客的眼球一次。

 

UX设计指以用户体验为中心的设计，酒店点评部分的设计是一个聪明的方式，使内容易于消化：一个小的个人资料照片和审查用户的排名中，审查酒店的名字，从检讨本身一个短引文和等级图标好适合于现场的总体ux设计。了解更多设计视频教程欢迎进入课课家教育官网查询观看！