关于伟创 伟创新闻 伟创案例 网站套餐 联系方式
只做吸引客户的精品站!

细节思考交互设计之浮动条

洛阳伟创科技 / 2013/11/14 8:01:22
[核心提示] 不再固定在某一指定位置,而是随鼠标拖动而动,巧妙的设计会使得在不妨碍网友浏览的同时,满足其增加曝光率的需求。
细节思考交互设计之浮动条

-顾名思义,浮动条是在页面沿一定轨迹浮动的表现形式。

不再固定在某一指定位置,而是随鼠标拖动而动,巧妙的设计会使得在不妨碍网友浏览的同时,满足其增加曝光率的需求。其特殊的表现形式与传统的形式相比更能聚集网络访客的眼球,使得其影响力更深三尺。但是过度的曝光不加思考的一味所有页面都用浮动条或者叠加大量功能入口,有可能造成用户使用上的视觉干扰和产生厌烦的心理。

可用于浮动条上的功能主要有:回到顶部、在线客服、用户反馈/调查问卷、分享

  1. 回到顶部可以帮助访客在浏览页面时,尤其是页面底部没有导航的网页,重新找到导航,或者重温一遍网页。主要用于页面比较长,需要回到顶部进行一些操作。
  2. 在线客服是基于网页的即时通讯工具,它不需要安装任何软件,只需要在浏览器窗口就可以进行实时交谈。常出现在用户在流程中比较容易产生疑问的页面。
  3. 用户反馈/调查问卷是想倾听用户对网站或业务的想法和期望,使用这些信息来改善最常使用的产品和服务,解决用户在使用中的问题,更优化的实现用户期望。用于新业务上线,改版,AB testing…
  4. 分享功能使浏览者可以方便的将网页分享到一系列SNS站点。通过分享按钮,网页将更容易被百度搜索引擎所发现,从而有机会带回更多的流量。同时也可以增加互动,拉近网民与网站的距离。常出现在活动页面,产品详情页,特色版块等。

综合携程网站现状,我的建议是:

全站首页和机票、酒店、高铁频道首页都比较短,内容较密集。用户还在建立网站印象阶段。不建议放任何浮层。

度假的首页及二级页面都比较长,且底部也无导航。建议增加“回到顶部”,可以帮助用户浏览。

惠选、团购等携程的活动版块及特色产品。建议增加“分享按钮”,吸引用户,增加网站流量。

预订流程中各个功能的使用大致如下图:

我个人比较赞同的浮层设计是全站统一,局部变化。不要各个页面都杂乱无章,也不要完全一味的追求所有页面功能设计一模一样。

综合研究发现,我定义的浮层规则是:

  • 回到顶部

业务相关页面:当业务相关的版块页面长度超过两屏,则显示浮层。

流程相关页面:需要用户回到页首进行操作功能的,页面长度超过两屏的,显示浮层。

  • 在线客服

业务相关页面:当特色业务相关的版块上线时,用户需要培养习惯时,则显示。

流程相关页面:用户在操作过程中容易产生疑惑,错误的页面,显示。

  • 用户反馈/调查问卷

业务相关页面:当特色业务相关的版块上线、改版时,则显示。

流程相关页面:需要用户进行复杂操作过程的页面,显示。

  • 分享

业务相关页面:特色业务版块、具体的产品、网站促销活动时,则显示。

流程相关页面:不需要。

  •     补充规则(也是我认为最重要的一点):

整个浮层功能不能影响用户的正常浏览习惯。

尊重作者原创 除非特别声明,伟创科技所有均为伟创原创报道,转载请注明原文链接。
原文地址:http://www.lywhy.com/News/View.asp?id=609  所属类别:行业风暴
相关内容
互联网推广竞争越来越激烈,企业怎样推广产品才能有效果? 2020/6/29
如何在互联网领域上分一杯羹 2020/6/4
面对疫情,哪些行业受影响最大? 2020/4/16
企业如何互联网化转型? 2020/2/25
常见的几种网络营销推广方式 2019/12/20
猜你喜欢
如何做好网站优化必须掌握的几个SEO知识点 2012/10/11
大型网站上的广告位设计准则 2013/3/22
伟创设计告诉大家如何设计才令网站更耐看 2014/6/26
企业网站如何进步网站内容的质量度 2018/1/24
长垣网络公司哪家好 2012/9/27
祝晋城诚信服务就业中心网站正式开通!制作单位伟创科技 2013/3/8
不要让网站给用户一种反感 2014/3/17
互联网让我们从很多孤独中解脱,它本身却是另一种孤独的源头。 2017/4/21
2012新兴网站的创意设计 2012/9/19
伟创科技新的一年建站促销开始啦!活动内容点击查看 2013/2/18
伟创热点
关于我们
公司简介
我们的优势
企业文化
公司愿景
加入伟创
伟创官方博客
金牌项目
网站建设
网站优化
软件开发
整合设计
网站运营
网站套餐
基础型网站
展示型网站
商务型网站
购物、商店型网站
FLASH动画型网站
行业、门户型网站
帮助中心
客户中心
公司SEO培训
seo顾问服务
支付方式
联系我们
我们的位置
关注我们
新浪微博
腾讯微博
人人小站
QQ空间推荐
花瓣网
建站百科全书
Copyright 2007-2012 LYWHY.Inc Sitemap 豫ICP备12012069号-1
Links
洛阳百科
建站百科