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

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

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

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

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

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

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

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

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

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

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

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

四、完整详细的酒店信息

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

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

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

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

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

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

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

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

七、情感化预订日历

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

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

八、互动产生反馈

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

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

九、拆分复杂的流程

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

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

十、减少输入框和必填项

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

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

 

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


SEO和网页优化中间的差别360扬言:不做巨头只把安全深化到极致网页设计网页的采集如何选择合适的深圳网页建设公司企业网页建设应该包含哪些栏目企业形象网页制作的过程哪些因素影响网页建设时间长短 高大上网页界面设计需要什么条件如何设计一个优秀的网页外卖平台怎么做营销推广比较有效影响手机网页转化率的原因是什么科技-网页改版应注意与SEO人员配合将风险降到更低!建设网页对企业有什么好处企业网页建设为什么都选择建站公司建站公司的优势在哪里深圳品牌网页设计:如何制作设计一个好的网页如何创建属于你的网页设计风格谷歌今起开始自动将Flash广告转为HTML5版网页建设哪些特点能抓住读者的眼光Web分析服务的提示电子商务网页设计:6大在线客户性格类型及相应设计对策充满美感的网页设计如何搭配色彩 网页建设过程中的六大要点,你知道几条企业网页建设有哪些类型深圳网页建设可为企业带来诸多好处企业网页按钮设计指南深圳福田专业怎样才能建设一个高大尚的网页网页建设四大流程 企业网页设计制作公司哪家不错科技小编分享选择虚拟主机的注意事项深圳福田企业网页设计特点,网页设计如何让人眼前一亮网页运营如何留住老用户好的网页设计核心是什么互联网推广要先从了解用户开始网页首页要如何设计才能吸引用户网页开发的具体攻略是什么网页优化需要注意的几个细节怎样才能让QQ一天加上千个好友的方法合理使用数据库做好SEM竞价这些常识一定要了解B2B春天来了,国务院支持互联网与制造业整合教您Win7怎样来关闭UAC如何避免企业网页运营平庸化关于网页建设需要遵循的原则 品牌网页设计专业定制如何利用截屏方式为品牌制作话题-深圳网页设计公司分享科技品牌网页建设方案策划书只有域名没有空间能备案嘛怎么备案为初创企业建立网页需要考虑哪些方面什么样的网页设计才能吸引访客目光何为好设计网页必须依照企业要求量身定做房产网页建设应当挑选什么种类软件定制开发简介选择专业网页建设公司能给企业带来那些好处自己想要建网页,要怎么做网页建设的响应式是什么网页SEO优化中做好原创文章的写作是一个核心一个好的网页制作应该具备以下几点选择域名时,不同后缀的域名在访问上有什么区别创业公司如何利用社交媒体实现营销效果最大化
网站备案号:豫ICP备2024041165号