文档章节

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

半饱即好
 半饱即好
发布于 2014/06/24 11:07
字数 1184
阅读 1142
收藏 5
点赞 0
评论 1

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


最早使用瀑布流布局技术的是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
04/18
0
0
iOS 关于UICollectionView瀑布流布局

瀑布流有几种实现方式,这里只说我写的这一种 首先瀑布流直观可以看出是块分布,不难想到用 去实现。 其次就是需要我们自定义一个类继承 来计算瀑布流的显示方式。 在写代码以前,要想好瀑布...

TheShapeofVoice
2017/11/16
0
0
18 个详细的响应式 Web 设计教程

在这篇文章中,我想跟你分享 18 个很有用的响应式 Web 设计的教程,这些教程可以帮助你学习响应式设计,包括瀑布流表格、图片和 media queries。 创建移动优先的响应式设计 使用 Sass 和 Co...

小编辑
2013/06/18
10.4K
5
iOS流布局UICollectionView系列五——圆环布局的实现

iOS流布局UICollectionView系列五——圆环布局的实现 一、引言 前边的几篇博客,我们了解了UICollectionView的基本用法以及一些扩展,在不定高的瀑布流布局中,我们发现,可以通过设置具体的...

珲少
2015/10/28
0
5
RecyclerView的基础使用

RecyclerView的基本功能介绍: 1. 通过setLayoutManager方法可以设置布局,几个子类布局如下: -> LinearLayoutManager(ListView形式的布局) -> GridLayoutManager(GridView形式的布局) -> ...

丢掉过去重新再来
2015/12/08
181
0
iOS流布局UICollectionView系列四——自定义FlowLayout进行瀑布流布局

iOS流布局UICollectionView系列四——自定义FlowLayout进行瀑布流布局 一、引言 前几篇博客从UICollectionView的基础应用到设置UICollectionViewFlowLayout更加灵活的进行布局,但都限制在系...

珲少
2015/10/27
0
5

没有更多内容

加载失败,请刷新页面

加载更多

下一页

about git flow

  昨天元芳做了git分支管理规范的分享,为了拓展大家关于git分支的认知,这里我特意再分享这两个关于git flow的链接,大家可以看一下。 Git 工作流程 Git分支管理策略   git flow本质上是...

qwfys
今天
2
0
Linux系统日志文件

/var/log/messages linux系统总日志 /etc/logrotate.conf 日志切割配置文件 参考https://my.oschina.net/u/2000675/blog/908189 dmesg命令 dmesg’命令显示linux内核的环形缓冲区信息,我们可...

chencheng-linux
今天
1
0
MacOS下给树莓派安装Raspbian系统

下载镜像 前往 树莓派官网 下载镜像。 点击 最新版Raspbian 下载最新版镜像。 下载后请,通过 访达 双击解压,或通过 unzip 命令解压。 检查下载的文件 ls -lh -rw-r--r-- 1 dingdayu s...

dingdayu
今天
1
0
spring boot使用通用mapper(tk.mapper) ,id自增和回显等问题

最近项目使用到tk.mapper设置id自增,数据库是mysql。在使用通用mapper主键生成过程中有一些问题,在总结一下。 1、UUID生成方式-字符串主键 在主键上增加注解 @Id @GeneratedValue...

北岩
今天
2
0
告警系统邮件引擎、运行告警系统

告警系统邮件引擎 cd mail vim mail.py #!/usr/bin/env python#-*- coding: UTF-8 -*-import os,sysreload(sys)sys.setdefaultencoding('utf8')import getoptimport smtplibfr......

Zhouliang6
今天
1
0
Java工具类—随机数

Java中常用的生成随机数有Math.random()方法及java.util.Random类.但他们生成的随机数都是伪随机的. Math.radom()方法 在jdk1.8的Math类中可以看到,Math.random()方法实际上就是调用Random类...

PrivateO2
今天
3
0
关于java内存模型、并发编程的好文

Java并发编程:volatile关键字解析    volatile这个关键字可能很多朋友都听说过,或许也都用过。在Java 5之前,它是一个备受争议的关键字,因为在程序中使用它往往会导致出人意料的结果。在...

DannyCoder
昨天
1
0
dubbo @Reference retries 重试次数 一个坑

在代码一中设置 成retries=0,也就是调用超时不用重试,结果DEBUG的时候总是重试,不是0吗,0就不用重试啊。为什么还是调用了多次呢? 结果在网上看到 这篇文章才明白 https://www.cnblogs....

奋斗的小牛
昨天
2
0
数据结构与算法3

要抓紧喽~~~~~~~放羊的孩纸回来喽 LowArray类和LowArrayApp类 程序将一个普通的Java数组封装在LowArray类中。类中的数组隐藏了起来,它是私有的,所以只有类自己的方法才能访问他。 LowArray...

沉迷于编程的小菜菜
昨天
1
0
spring boot应用测试框架介绍

一、spring boot应用测试存在的问题 官方提供的测试框架spring-boot-test-starter,虽然提供了很多功能(junit、spring test、assertj、hamcrest、mockito、jsonassert、jsonpath),但是在数...

yangjianzhou
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部