童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

内容展示页,是选择瀑布流还是分页呈现?

8月4日 艮山观投稿
  每个设计师在工作中都会纠结于是使用瀑布流还是分页列表去展示内容。到底如何选择,让我们先分析下两种交互方式的优缺点。
  瀑布流
  瀑布流是一种允许用户不断往下滚动,页面自动刷新呈现内容的交互形式,且这样的滚动是没有终点的。这种方式在很多网站和应用中有所应用,但并不适合所有的网站和应用。对着生活中实例来映射,下图中的艺考打分画面,老师在大量的画海中一张一张浏览打分,有几分瀑布流的味道。
  优点分析
  使用瀑布流作为浏览内容的交互方式能够延长用户在页面的停留时长,增加用户的参与度。
  它是伴随信息高速增长应运而生,允许用户在信息海洋自由徜徉,有种无拘无束的直观感,比较适合用户去在大量的内容中随意逛游发现自己中意的内容。当用户在海量内容里去挑选自己喜欢的东西,而不是去挑选特定内容的时候,瀑布流成了一个标配,它非常符合逛的特质。再从操作本身来比较,比起单击和双击等动作,无论是PC端还是移动端,滚动或滑动来得更简单,效率更高。比如将一篇冗长的文章分散在不同页面去呈现,还不如让用户滚动去看完全篇,这样的体验比分页更好。
  缺点分析
  首先预加载对于用户的浏览是一个极佳的体验,这个技术出现的背景是因为内容加载速度慢而导致的用户的高流失率,应用的被卸载。使用瀑布流的页面和应用会不断预加载内容,但是当加载了大量内容后,页面反应速度会越来越慢,影响使用体验。其次因为瀑布流都会配备大量图片,所以对于硬件的容量要求特别高,很多16G、32G的PAD在使用了一段时间后,需要我们清除缓存才能再次使用。
  其次就是当我们滚动过程中发现了几个好的内容,但是也没有可以标记的动作,回头再想找中意的内容时就很痛苦,你得重复刚刚的滚动过程,运气好你能找到印象中的那几个内容,回马枪很难耍起来,降低了这方面的用户体验。
  再次我们无法直观看到内容的数量,瀑布流不会像分页统计一样有一个总数据的统计。用户也无法通过浏览器的滚动条的长度去预估什么时候能到底。因为当页面滚动到底部的时候,更多内容会加载进来,滚动条的长度又开始发生变化,同时footer会被推开视野,然后footer中包含的信息也就看不到了,对于想看得用户来说是个难点。所以设计的时候可以尝试把底部做固定或者设计一个“更多”的按钮,这样内容的加载控制点在用户手中,体验更佳。
  分页显示
  顾名思义就是把内容分别拆分到不同的页面显示。比如200行内容,每一分页显示20行,分10页显示,你能直观看到内容的总分页数,分页内容数,分页呈现内容数的控制。看下实际生活中的例子,去超市购物,货架与货物的关系与内容和分页的关系有异曲同工之妙。
  优点分析
  分页显示可以方便用户去寻找特定的内容,用户再次打开页面,还是能快速找到对应的内容。精确的定位能帮助你快速找到那些你中意的内容,整个阅读的进度,加载多少内容都会是在精确的控制范围内。
  对比瀑布流的无穷无尽,用户在分页显示中知道内容数量是多少,总数量是多少,什么时候可以浏览完毕。分页操作的界面:上一页,01,02,03,04,0519,20下一页,让用户做到胸有成竹,让用户感受到控制感。上述特点可以看到,分页显示比较适用一些购物类的网站,当用户在网上购物,他们经常会来回比较查看感兴趣的产品。比对下淘宝和京东的APP,京东在网下滑动的时候是有分页显示的“970”,明确告诉你数量,淘宝这点暂时还没发现。
  缺点分析
  当然对比瀑布流的操作方式,分页的方式在操作次数所需更多,比如用户要看下一个分页内容,得找到”下一页”的按钮,鼠标移动到按钮上,“点击”然后等待下页的加载,每页显示的内容也是有限的。
  那如何决定是使用瀑布流还是分页显示?
  从现网成功案例来讲,UGC为主的相关网站和应用都在使用瀑布流去承载内容,比如微博、脸书、人人都是产品经理等,然后还有一些以图片为主的网站和应用,比如花瓣、pinterest、instagram等也在使用。分页显示相对来说是一种安全模式,比较适用那些带有明确内容偏向的用户去使用的场景。
  举个直观的例子:谷歌的文字搜索是使用分页显示,而图片搜索采用的是瀑布流的方式,纠其原因是:
  文字搜索对于用户来说是有明确目的倾向的而图片搜索对于用户来说他也不知道该找哪张图片,所以需要从海量图片中找寻;
  用户浏览和处理图片的速度远大于处理文字的速度,瀑布流的大量内容的推送对于用户处理来说不在话下。
  所以设计师在选择使用瀑布流或分页显示前得想清楚各自的优缺点。具体使用哪种交互方式,得基于实际的场景和内容的传递方式来分析。总的来说,瀑布流更适合那些随意浏览,逛逛看看不带特定目的的场景使用。而分页显示比较适合带有特定目的,想查找具体项在哪个位置,浏览过的内容还能回头一一快速而方便找回的场景。
投诉 评论 转载

UI设计师:教你以问答形式“来“把玩”APP作为APP狂热分子,定期去AppStore或者其他渠道找新鲜的产品来玩儿,已经持续了很多年。但是光浮于表面的玩儿,还不够。因为只有了解产品背后的逻辑才能更全面的解读为何会那么设……浅析栅格系统的基础六要素这是一篇非常非常基础的关于栅格的文章,如果你已经对栅格系统有了深入的理解,就不用浪费时间看这篇文章了!以前有很长一段时间,我一直搞不明白到底什么是栅格,听过很多解释之后还……界面交互动效核心知识的分类与总结这篇文章是基于我自己的理解对界面交互动进行了分类整理和总结。什么是界面交互动效?界面交互动效是展现界面间的转换和界面内元素变化的交互反馈。而效果就表现在触发与结束的……内容展示页,是选择瀑布流还是分页呈现?每个设计师在工作中都会纠结于是使用瀑布流还是分页列表去展示内容。到底如何选择,让我们先分析下两种交互方式的优缺点。瀑布流瀑布流是一种允许用户不断往下滚动,页面自动刷……阿里设计师分享:UX设计心理套路在阿里巴巴国际站,我们对心理学理论进行了客观的数据验证,把科学理论应用至前线设计,提升设计效益。我们沉淀及过滤出一些行之有效的方法及案例与同业共享,希望普惠更多设计师能活化科学……如何运用预置的内容和默认设置,创造更好的用户体验首先出现的数值和设置内容就是默认项。它们的作用似乎微乎其微,但默认项(和它们的设计者)掌握着强大的力量替用户做决策。本文中,我们会讨论如何运用预置的内容和默认设置,创造更好的用……别被数据骗了视频搜索页面设计研究总结如今的互联网PM都会对产品数据进行追踪,作为自己的KPI指标。但是在实际的设计结果中,令人满意的数据有时却并不一定会说明产品的实际使用效果,数据呈现的结果和用户的实际使用体验有……来自腾讯交互设计师的分享:交互微动效设计指南本设计指南适用于UI界面中交互微动效,涵盖入场、出场动效,过渡动效和加载动效,在时间和缓动曲线的选择上提供了一些通用的设计建议,帮助设计师理清动效设计思路,提高设计效率。……制作在线UX作品集的四个步骤本文作者将帮你系统梳理一下创建一份作品集的全部步骤,让你明白UX作品集的常规创建流程。对于UX设计师而言,作品集非常重要。一方面,它是证明你的天赋、经验的证据,另一方面,……微交互的设计案例与思考(中篇)设计师和初级产品经理在面试中不能很好回答APP设计好在哪里,并非是由于平时使用太少,而往往因为缺乏一种视角,即产品是为人而设计的。当我们意识到使用产品的是人,人具有感性层面,就……浅析手机交互设计中的“拇指法则”你有没有遇到过一款APP让你用的很不舒服?你的拇指必须要伸得老远才能够得到菜单,或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受,或者更……交互进阶:一套较完整的轻量竞品调研法本文作者将介绍自己常用的一套较完整的轻量竞品调研法,一共分为五个步骤。如果你是一名设计师,且经常参加方案评审的话,肯定听过这些话:“这个地方怎么不借鉴X产品?”……
全球比较有名的搜索引擎搜索引擎需要注意些什么不常见的搜索引擎入口如何找到方法你知道多少图片搜索引擎需要注意什么外国有名的搜索引擎网络推广要注意什么方面如何成功进行网络宣传文章内链布局策略如何提高搜索引擎排名网站该如何推广搜索引擎的发展不愿教穷人家孩子,是有原因的,老师道出心声,家长不淡定了我想对自己说古诗词欣赏黄瓜的功效车船税计入什么科目车船税计入哪个会计科目中国男足新规矩想要上场必须满足这个条件国际著名广告公司奥美创意培训资料令我敬佩的一个人作文范本学校管理中心内控工作的经验做法及取得的成效网速不好?这几款神器APP让你对家里网络了如指入室抢劫杀人未遂判几年?快乐的愚人节五年级叙事作文

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界