浮动条的细节体验

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

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

  回到顶部

  可以帮助访客在浏览页面时,尤其是页面底部没有导航的网页,重新找到导航,或者重温一遍网页。主要用于页面比较长,需要回到顶部进行一些操作。

  在线客服

  基于网页的即时通讯工具,它不需要安装任何软件,只需要在浏览器窗口就可以进行实时交谈。常出现在用户在流程中比较容易产生疑问的页面。

  用户反馈/调查问卷

  想倾听用户对网站或业务的想法和期望,使用这些信息来改善最常使用的产品和服务,解决用户在使用中的问题,更优化的实现用户期望。用于新业务上线,改版,AB testing…

  分享

  使浏览者可以方便的将网页分享到一系列SNS站点。通过分享按钮,网页将更容易被百度搜索引擎所发现,从而有机会带回更多的流量。同时也可以增加互动,拉近网民与网站的距离。常出现在活动页面,产品详情页,特色版块等。

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

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

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

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

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


  目前网上的浮动视觉样式、位置并不统一,也没有任何的逻辑。看了一下其他的网站,也大多如此。


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

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

  回到顶部

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

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

  在线客服

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

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

  用户反馈/调查问卷

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

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

  分享

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

  流程相关页面:不需要。

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

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

时间: 2025-01-21 10:37:30

浮动条的细节体验的相关文章

用户体验设计:13条有关用户体验设计价值的信条

文章简介:要是我只能记住一件事我希望是用户体验的本质,设计师们和企业需要把了解甚至理解用户体验的本质当做一种专业精神,一个目标甚至说是理想. 这些我花了13年的时间去践行. 身为一名用户体验专业人士,我有职责将它发扬光大.我尝试各种能够推广它的方法--我写书,写文章,世界各地演讲, 甚至为一些公司提供内部培训或者和一些客户合作项目. 要是我只能记住一件事我希望是用户体验的本质,设计师们和企业需要把了解甚至理解用户体验的本质当做一种专业精神,一个目标甚至说是理想. 这些我花了13年的时间去践行.

唱吧被指存在注册壁垒细节体验差难破局

体验要点:界面布局;基本功能;细节体验.小编发现,唱吧符合读图时代用户对图片表现力的需求,整体以人物为主体的图片为主,文字为辅的展现形式,而通过对首页的观察,小编发现,唱吧除了为草根们提供一个表现舞台,有现实生活中的明星入驻似乎也成了其快速凝聚人气的原因之一.另一方面,相对非主流的"腐"文化也成了其受追捧的另一原因,可以说,其社交文化正在逐步形成.唱吧的注册机制对新浪.QQ.人人等社交网络依赖较强,并没有提供单独的注册入口,而是通过以上途径登录后再注册.在使用的过程中,的确出现用户找不

22条改善用户体验的原则

  火鱼注:皮克斯动画工作室(Pixar Animation Studios),简称皮克斯.1986年,在史蒂夫·乔布斯以1000万入主以后,创作了<玩具总动员>.<海底总动员>.<头脑特工队>等经典3D动画电影.2006年,皮克斯被迪士尼以74亿美元收购,成为华特迪士尼公司的一部分. 几年前,Emma Coats在Twitter分享了她作为皮克斯(Pixar)分镜艺术家期间所学习到的,关于讲述故事的22条规则. 这些规则是"由在皮克斯(Pixar)的导演们和

几条网站用户体验的误区

摘要: 百度绿萝算法的上线,百度又一次强调了链接买卖是属于作弊SEO行为,并且对于这些出售以及购买链接的网站直接给予处分,并且也声明了SEO超链作弊优化,所以从百度又一次的更新中 百度绿萝算法的上线,百度又一次强调了链接买卖是属于作弊SEO行为,并且对于这些出售以及购买链接的网站直接给予处分,并且也声明了"SEO超链作弊"优化,所以从百度又一次的更新中我们是可以看出百度整治"垃圾网站.纯为优化而优化网站"的决心,所以在2013年中我们与其去盲目的做一些优化工作,还不

交互设计案例:网页进度条提升等待体验的设计方法

文章描述:从排队等待谈进度条设计. 排队等待是一种日常中常见的现象,例如新年领开工利是.去排队购买首发的苹果产品.每天中午去食堂排队购买午餐.排队等待在我们的生活中无处不在且看似是一个简单的现象.即使是种简单的存在,但也有其复杂的一面,当存在着很多条队列时,确定每条队列是做什么的就变得困难了:在加入队列后,人们会产生:大概要等多久?为什么队伍很久没有往前移动?等诸多疑问.无法解释的等待是令人烦躁的,不公平的等待则可能引发人们的怒火. 经历过领开工利是的同学应该对于当天排队等待的回忆不会很糟,甚至

设计的细节体验的细节:返回顶部按钮意义何在

文章描述:产品设计师,"返回顶部"还要么? 国内的产品设计师/UI设计师们在设计稍长的网页时,经常会加个「返回顶部」的按钮,形式有固定在Bottom底部的,有飘浮的小图片(居多). 来看两个示例图: 图1:新浪微博的返回顶部 图2:腾讯微博的返回顶部 有多少人会去用"「返回顶部」的按钮"呢? 这是一个设计的细节.体验的细节,但表现出的意义却是这个功能真的是用户需求吗?是不是某个产品设计师YY出来的,继而各个平台互相抄袭,形成了一股"「返回顶部」的按钮&qu

LOL42条致命细节 成败只在一瞬间

[科技讯]9月1日消息,http://www.aliyun.com/zixun/aggregation/7217.html">细节决定成败,知识改变命运.LOL是一款多人即时对战游戏,实质上就是双方意识.操作.配合的考验.稍不留神,刚刚消失在小地图上的敌人很可能突然出现在你的身后,给你致命一击.小心驶得万年船,只有将细节做到极致,才能真正成为一名顶级的LOLer. 下面小编为大家整理了42条LOL致命细节,注意到这些,将大大提升你的LOL水平. 1.带个坚韧药剂(力量磨菇)在你身上,因為他

链接说明浮动条

[本站宗旨] [本站论坛] [本站栏目] [关于本站]

用户体验的13条金科玉律

  身为一名用户体验专业人士,我有职责将它发扬光大.我尝试各种能够推广它的方法--我写书,写文章,世界各地演讲, 甚至为一些公司提供内部培训或者和一些客户合作项目. 要是我只能记住一件事我希望是用户体验的本质,设计师们和企业需要把了解甚至理解用户体验的本质当做一种专业精神,一个目标甚至说是理想. 这些我花了13年的时间去践行. 当时写这个的时候是2012年,我得承认这些影响了我投身互联网行业的每一年,下面我就列出这13条有关用户体验.设计及设计者的价值的信条和大家分享. 信条1 企业与个人的每一