编者按：酒店预订网站大多基本功能繁多，在视觉美观上有天生劣势，想平衡二者特别考验设计师的功力，借鉴相应的先进网站是捷径，今天新概念科技（上海网站制作）从众多旅游网站中提炼了10条设计的诀窍 >>>

上海网站制作：一、顾客必须要一目了然的重点

进入酒店预订网站或是模块的顾客一般来说目的性很强，他们心里其实已经有了很完整的设想，而来到网站只是为了完成计划。因此，让顾客在*页就直观的看到他们必须要的信息，并且尽可能的减少其他不重要信息的出现，这是一个提高顾客体验的好方法。

Agoda

正如Agoda的设计，网站*屏以令人浮想联翩的风景图作为背景，酒店预订的快捷入口较为抢眼，就连公司口号标语也只是简短的出现在页面上方。*页设计以热门信息为主，依据大多数顾客的喜好和点击查询量列出推荐，这样子的想法确实很好，不过底部显示的“热门国家地区”和“热门城市”是不是有点太多了…

上海网站开发：二、用合适的大图作为背景

用美观的高清大图作为网站背景似乎已经成了一种全能的设计方法，一张大图搭配简单的文字，就能轻轻松松让网站变得莫名的高大上。在图片的选择上，“能否足够美观？”可能是咋们一味的关注点，而“能否合适”也许对咋们的整体设计更重要。这里所说的“合适”包含好多方面，色彩、布局、大小，乃至图片中表达的含义。

Airbnb

Airbnb的网站的图片使用方面很值得借鉴。*屏主要以大图片为主，在熙熙攘攘的人群中有一男一女快乐的行走，有一种回家的感觉。下半部分分别使用了具有各地特色的照片作为背景，让顾客能更直观了对当地风俗有初步清楚。

上海网站制作：三、切换图片时减少误点可能

在酒店详情页中较受关注且较先出现的是关于酒店的一部分图片，而这些图片信息对顾客来说可能又爱又恨。当顾客正在浏览的时候会觉得图片表现完整但有一些杂乱，而当顾客没需求的时候又会由于一部分正常的操作造成误点。假如网站能先呈现一部分图片，让必须要查看越来越多图片的顾客点击进入一个专门的图片模块，并且对这些图片开展分类，便于顾客有针对性的迅速找到自个必须要的信息，这样子的设计才更契合顾客体验。

游多多

游多多的详情页图片使用了鼠标悬停后放大图片的成效，另外设有“全部图片”按钮。

点击“全部图片”出现弹窗，左侧显示关于图片信息类型的分类，供顾客自行选择；右侧显示图片和缩略图。这种形式让图片部分的条理十分清晰。

上海网站制作：四、完整详细的酒店信息

酒店信息详情页中的信息信息都大同小异，但一部分细微的差异却能令网站的顾客体验大相径庭。大多数网站的介绍以“酒店简介”之类的官方信息作为*要信息，其实，顾客具体必须要的并不是这些官方资料，与其息息相应的实用型信息才是他们较关注的。

住哪儿网酒店详情页的信息排序与大多数网站不同，文字介绍部分以“酒店设施”、“酒店政策”、“酒店介绍”…的顺序排列，真正依照顾客的具体需求来做设计。

上海网站制作：五、特别信息应该特别标注

这里所说的特别信息并不全部特指重要信息，也可以是一部分网站方认为必须要引起顾客注意的优惠信息、赠送项目，或者数量提醒等。

Booking

Booking是一个专业的全球酒店预订网站，网站中的设计都比较人性化。正如案例中显示的酒店预订环节，使用的文字及其色彩都以使用者角度出发，对顾客可能会感兴趣的信息作了不同颜色的显示，这种做法很利于促成销售。

六、图文并茂的生动点评页

其他顾客的点评是好多正在选择的顾客都会关注的模块之一，这些点评意见可能会对他们的较终选择起到非常大的引导作用，因此这部分的设计更应该被重视。惯例化的划分会让顾客觉得沉闷单调，尝试着设计一个活泼生动的点评模块，让顾客更简单接受和承认。

到到网的点评部分设计成了对话框的形式，并且支持图文并茂，增加顾客的信任感，也让顾客在浏览的时候更有参与感。

上海网站制作：七、情感化预订日历

预订日历虽然只是一个很细小的环节，不过顾客很简单在这里产生混乱，故此给予顾客及时的交互反应变得格外重要，色差显示或小批注都不可能显得多余。但在这部分的设计中也需要注意，区域始终应该保持整洁，不能由于信息多而疏忽视觉感受。

去哪儿网的预订日历设计表现的十分体贴。在选择日期的时候显示浅蓝色底纹，并且用小标识告知顾客总计天数，非常大水平的减少了顾客的思考時间。

上海网站制作：八、互动产生反馈

顾客在浏览任何网站时都喜欢有一种“我不是一个人在浏览”的感觉，故此每次鼠标悬停产生的一个小动作都会让顾客觉得很温暖。

艺龙的*页交互成效做的很充分，差不多每一处悬停都会有反馈。但虽然案例网站的交互反应比较多，却也不可能令人感到多余和复杂。这也给了咋们一部分启发：当一个页面中交互动作多的时候，必须要注意产生的反应较好在一个指定的范围内，一旦超出范围决定到其他版块，就会令人觉得过于繁琐。

上海网站制作：九、拆分复杂的流程

酒店预订的流程大多不可能很复杂，和一般网上购物的流程大致类似，但*次预订的顾客可能会少了一部分保险感，而拆分并且显示整个过程便是消除顾客不安的较好方法。

同程网站很仔细的对整个过程做了拆分。将每个比较重要的环节用口语化的文字表现出来，让顾客不仅可以对之后要做什么有了清楚的清楚，同时增加了网站的亲和力。

上海网站制作：十、减少输入框和必填项

满屏的输入框和标记着红色星号的必填项与生俱来着一种令人反感的视觉体验，而好多网站恰巧便是这么做的！为什么一定要让顾客必须先注册才能预订或者购买？这种强制性的行为需求会让顾客觉得自个处于很被动的位置。假如网站能以柔和的态度解决登录注册问题会不可能更好？

以上信息由新概念科技（上海网站制作,上海网站制作）为您提供，越来越多精彩信息：http://www.jianzhan0.com/

关注“新概念科技”微信公众号，迅速获取互联网较新资讯