旅游网页设计分析!教你10个小技巧

来源:设计经验分享网
添加时间:2024年02月

一、用户需要一目了然的重点

进入酒店预订网站或是板块的用户一般来说目的性很强,他们心里其实已经有了很完整的设想,而来到网站只是为了完成计划。因此,让用户在首页就直观的看到他们需要的内容,并且尽可能的减少其他不重要内容的出现,这是一个提升用户体验的好方法。

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

二、用合适的大图作为背景

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

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

三、切换图片时减少误点可能

在酒店详情页中zui受关注且zui先出现的是关于酒店的一些图片,而这些图片内容对用户来说可能又爱又恨。当用户正在浏览的时候会觉得图片表现完整但有些杂乱,而当用户没需求的时候又会因为一些正常的操作造成误点。如果网站能先展示一部分图片,让需要查看更多图片的用户点击进入一个专门的图片板块,并且对这些图片进行分类,便于用户有针对性的快速找到自己需要的内容,这样的设计才更符合用户体验。

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

点击“全部图片”出现弹窗,左侧显示关于图片内容类型的分类,供用户自行选择;右侧显示图片和缩略图。这种形式让图片部分的条理十分清晰。

四、完整详细的酒店信息

酒店信息详情页中的信息内容都大同小异,但一些细微的差别却能令网站的用户体验大相径庭。大多数网站的介绍以“酒店简介”之类的官方信息作为首要内容,其实,用户实际需要的并不是这些官方资料,与其息息相关的实用型内容才是他们zui关注的。

住哪儿网酒店详情页的内容排序与大多数网站不同,文字介绍部分以“酒店设施”、“酒店政策”、“酒店介绍”…的顺序排列,真正按照用户的实际需求来做设计。

五、特别信息应该特别标注

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

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

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

其他用户的点评是很多正在选择的用户都会关注的板块之一,这些点评意见可能会对他们的zui终选择起到很大的引导作用,因此这部分的设计更应该被重视。常规化的划分会让用户觉得沉闷单调,尝试着设计一个活泼生动的点评板块,让用户更容易接受和认可。

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

七、情感化预订日历

预订日历虽然只是一个很细小的环节,但是用户很容易在这里产生混乱,所以给予用户及时的交互反应变得格外重要,色差显示或小批注都不会显得多余。但在这部分的设计中也要注意,区域始终应该保持整洁,不能因为内容多而疏忽视觉感受。

去哪儿网的预订日历设计表现的十分体贴。在选择日期的时候显示浅蓝色底纹,并且用小标识告诉用户总计天数,很大程度的减少了用户的思考时间。

八、互动产生反馈

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

艺龙的首页交互效果做的很充分,几乎每一处悬停都会有反馈。但虽然案例网站的交互反应比较多,却也不会令人感到多余和复杂。这也给了我们一些启发:当一个页面中交互动作多的时候,需要注意产生的反应zui好在一个指定的范围内,一旦超出范围影响到其他版块,就会令人觉得过于繁琐。

九、拆分复杂的流程

酒店预订的流程大多不会很复杂,和一般网上购物的流程大致类似,但首次预订的用户可能会少了一些安全感,而拆分并且显示整个过程就是消除用户不安的zui好方法。

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

十、减少输入框和必填项

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

比如途牛网的做法,“登录或注册可以获得更多优惠”,这样的引导也许更容易让用户心甘情愿的接受。

 

平面设计相关资讯推荐阅读:


建设企业网页不能再应用Catalog网页建设时怎样选择网页主机该怎样选择合适的网页设计公司用什么来衡量深圳网页建设公司实力网页价值评估需要更具哪些因素由网页流量问题引发的思考科技-营销网页建设完成后不优化还有那些负面效果服务好的企业网页设计定做一个有吸引力的网页设计低廉营销型网页建设有哪些缺陷费用低不一定好!一个好的网页要具备哪些要素浅谈大、中、小企业网页运营的差距有哪些深圳网页建设公司需要新的创意怎么才能提升企业网页制作竞争力深圳网页建设中如何衡量一个网页的价值公司网页建设有哪些不同类型的网页危害网页创建品质的因素有什么搜索引擎优化的几个方法2015年电商趋势是微商和地方商城O2O的崛起一个哪些的网页才算“有情怀的网页”网页备案的手续科技分析2014网络营销7大趋势深圳福田网页建设一般多少钱,SEO网页优化包括的内容有哪些网页开发的核心要素是什么怎样的网页开发更加安全网页建设之网页地图重要性分享如何提高公司网页的访问量高端网页建设成本高不高需要注意哪些方面的问题软文的推广效果网页建设公司如何得到宠爱网页设计需要考虑哪些客户因素关于网页使用版权图片的重要通知网页建设和浏览器的兼容性科技教您如何防止域名注册时被骗网页制作流程详解一步一步轻松做网页深圳网页设计制作最有价值性的建议秘籍!6个方法助你设计出先进网页企业提高网页制作的技巧有哪些好的网页建设公司的标准深圳市建网页是有多么的的关键怎么做个人网页,有哪些方法和技巧 高端网页设计哪家有实力一等一的网页title从哪里来网页设计分类型,看看哪个更适合你深圳企业网页建设的基本要素有哪些微信营销被约束,未经用户同意不可推送广告广州网页建设需要注意的五个点在深圳做网页,做网页的流程是怎样企业网页的新作用:数字资产管理平台企业虚拟主机的适用范围是什么谈php和Java的区别英文版网页建设时的相关技巧网页制作具体流程网络营销如何让自己品牌推文刷屏-深圳网页设计分享企业网页建设流程步骤让设计师与SEO配合,使企业建站更加完美如何避免百度推广恶意点击现象科技-开源网页建设系统如何保障系统安全建设集团网页有哪些需要注意的细节优秀的网页建设需要注意什么
网站备案号:豫ICP备2024041165号