文档章节

新随笔(一) 从用户心理体验谈慎用瀑布流布局设计

半饱即好
 半饱即好
发布于 2014/06/24 11:07
字数 1184
阅读 1152
收藏 5

新随笔(一) 从用户心理体验谈慎用瀑布流布局设计


最早使用瀑布流布局技术的是Pinterest,瀑布流设计确实带给用户更新鲜的视觉体验,很容易引导用户不停滚动鼠标,感觉丰富的内容永远不会结束,瀑布流的设计有他很明显的优点,但同时也有他的缺点,并不是所有网站都适用。


社交网站和移动设备适用于瀑布流设计


移动界面由于手机屏幕狭窄,列表项垂直排列,需要单手频繁的滚动,当用户向下滚动内容,自动加载更多的内容,而无需等待页面预加载。这样,用户会感觉到响应很及时,现在微博、微信均采用此方式,


社交网站之所以采用瀑布流设计,是因为他们有频繁更新的实时内容,能够让用户时刻感受当下的变化。所以,瀑布流就像一条河,用户会不停地被引导去刷新内容,瀑布流非常适合移动开发APP布局设计,瀑布流似乎是专门为移动开发而生的。


目前,瀑布流布局设计使用很广,但,我感觉并不适用于所有的网站。


1。内容(图片)搜索类网站要慎用:


用户使用搜索,是为了找到他们需要的信息。用户并不希望看到一个永无休止的搜索结果,分析表明,当用户在搜索引擎上搜索信息时,只有6%的人会看第二页。94%的用户一般在第一页中就跳转了。


如果是切换到瀑布流设计,那用户会在什么时候选择停止呢? 信息量过载,用户会感觉找不到答案,瀑布流将把一个简单的浏览体验变得更加复杂。


寻找认为最好的搜索结果可能需要一分钟或一个小时,这取决于用户。但是当用户决定停止时,他往往需要知道他到底查看了多少页。知道搜索结果的数量可以帮助用户控制自己尽快做出决定。


还有,在Web页面时,分页会让信息清晰有序。比如,我们从一个分页的列表中点击一个内容,我们知道如果点击“返回”将返回刚才的页面,我们还可以继续从上次的位置继续选择。


但如果是瀑布流,用户将失去控制的感觉,因为是滚动列表,在概念上是无限的。 当列表无限滚动时,本质上没有了第一页。用户反而不敢轻易跳转,因为,他害怕找不到刚才的起点。并且,无限的结果诱惑着用户不断向下滚动鼠标,因此,在搜索应用中采用瀑布流的设计实际上效率是低于分页的。


2。电子商务网站不能用瀑布流布局设计


电子商务网站采用瀑布流设计,我认为会很大程度的影响到购买成交量,因为用户会一直被无限的产品诱惑这不断滚动鼠标,而不愿意轻易点击,浩如烟海的产品虽然会让用户感觉到产品很丰富,但很快用户将意识到他很难做出选择,他们会认为最好的还在下面,这实际上破坏了用户的自我控制和选择的感受,反而会导致成交率下降。


因此,电子商务网站应放弃瀑布流布局设计,并要做好页面长度的控制,太长反而会让用户感到疲惫,并且,请为用户留下页码。


瀑布流是一个很好的创新体验,可以极大地提高内容加载的效率,让内容看起来更丰富,但它需要被正确使用,千万不要分散用户的注意力,让用户感到无法控制自己的决定。


6座网--技能树形图的方式展示不同级别职位所需要的职业技能,以及学习资源 

© 著作权归作者所有

共有 人打赏支持
半饱即好
粉丝 21
博文 19
码字总数 31614
作品 0
东城
加载中

评论(1)

sdgsdg
sdgsdg
分析的好,我在手机上使用百度时就有这种感觉:已经向下滑动好几页了,这时一旦跳转却没找到目标内容,返回后又得得重新开始。
响应式布局页面之瀑布流布局浅析

瀑布流式布局(简称瀑布流)最先在网站上应用 Pinterest (貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网等页面都采用了这种布局。那么什么是瀑布流呢?瀑布流的好处在哪? 瀑布流...

H_J
2014/03/14
0
0
网页瀑布流效果实现的几种方式

前言 like a mountain that is in our path,wo cannot complain that it is there,we simply have to climb it 起由 最近,在搭建个人博客时,其中的Demo展示页面想用瀑布流形式展现,发现现有...

撒网要见鱼
2016/11/13
0
0
瀑布流布局(基于多栏列表流体布局实现)

转在前面:(淘宝UED) 3) 绝对定位。即 Pinterest ,Mark之,KISSY 采用的方式: 可谓是最优的一种方案,方便添加数据内容,窗口变化,列数/数据块都会自动调整; 线上例子。 缺点: 需要实现...

林文安
2012/05/31
0
0
iOS瀑布流视图控件"quilt"开源

我们很高兴地宣布,1000memories已经在MIT协议下开源了它的iOS瀑布流视图控件"quilt"。 瀑布流(quilt)-以不同的纵横比在多个列中显示图片和媒体,是1000memories网站、iPhone和Android版Sho...

tsl0922
2012/08/26
1K
0
Android端实现多人音视频聊天应用(二):实现多人通话

作者:声网用户,资深Android工程师吴东洋 本系列文章分享了基于Agora SDK 2.1实现多人视频通话的实践经验。 在上一篇《Android 多人视频聊天应用的开发(一)一对一聊天》中我们学习了如何使...

agora
08/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Future,Thread,Callable,Executors.newXXXThreadPool

package cunrent.future;import java.util.concurrent.*;public class FutureCook { public static void main(String[] args) throws InterruptedException, ExecutionExcept......

noteman
28分钟前
2
0
shing boot 做session共享 redis

因为多台服务器负载均衡,在获取客户端的sessionId的时候,会出现第一次和第二次不一样,因为负载均衡的缘故,你的服务器最少两台,那么客户端连接第一次请求和第二次请求如果不是同一台服务...

小马_wolf
32分钟前
1
0
【Springboot+mybatis】 解析Excel并批量导入到数据库

【Springboot+mybatis】 解析Excel并批量导入到数据库置顶 2018年01月16日 20:05:52 冉野丶 阅读数:4060 标签: excel导入数据库 文件上传 excel解析 更多个人分类: POI 工作问题归纳...

奥特曼之王
34分钟前
2
0
Mac OS下安装Axure RP 8.0.0.3312 中文破解版

Mac下一款快速原型设计工具——Axure RP,有了它可以大大提高你的工作效率。此次带来的是Axure RP 8.0.0.3312 版本。 介绍 Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的...

james_laughing
35分钟前
1
0
【Guava】使用Guava的RateLimiter做限流

一、常见的限流算法 目前常用的限流算法有两个:漏桶算法和令牌桶算法。 1.漏桶算法 漏桶算法的原理比较简单,请求进入到漏桶中,漏桶以一定的速率漏水。当请求过多时,水直接溢出。可以看出...

大海201506
37分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部