瀑布流设计这么好用你知道嘛?

为什么越来越多的网站开始采用瀑布流的方案(plan)

  1、因为瀑布流有吸引力,瀑布流会在它的页面底部给你不断地加载新的暗示信息,滑动的时候会不停的出现新的东西,通过给出不完整的视觉图片去吸引你的好奇心,让你停不下来想要不断的向下探索。移动端UI设计设计从工作内容上来说分为3大类别,即研究工具,研究人与界面的关系,研究人。 与之相应, UI设计师的职能大体包括三方面:一是图形设计,即传统意义上的“美工”。UI设计教程UI表面上看是用户与界面两个组成部分,但实际上还包括用户与界面之间的交互关系。UI设计教程具体还包括:可用性分析、GUI(Graphic User Interface即图形用户界面)设计、用户测试等。好的UI设计不只是让软件变得有个性有品味而已,更重要的是让软件的操作变得舒适、简单、易用,并且充分体现软件的定位和特点。采用这种方案(plan)的产品(Product),往往可以通过瀑布流加强用户的停留时间,提高用户的使用(use)粘度。

2、用户一扫而过的快速阅读模式(pattern),短时间内可以看到大量的信息,瀑布流的懒加载模式(pattern),又避免点击的的翻页操作(operate),在最小的操作成本(Cost)下能够获得最多的网站内容体验,瀑布流的视觉方式,让人比较容易沉浸其中,不容易被打断。

3、另外瀑布流的主要特质就是:定宽而不定高,这样的页面设计(Design)区别于传统(chuán tǒng)的矩阵式图片布局模式(pattern),巧妙的利用视觉层级,视线的任意流动来缓解视觉的疲劳。

瀑布流可以引用到哪些场景?

瀑布流更适合那些随意浏览,不带目的性的使用(use)场景,就像是在逛街一样,边走边看,同时被街边琳琅满目的商品吸引着,所以比较适合的图片、小说、资讯类的场景,以现有的成功案例来说,以 UGC 为主的相关网站很多在使用瀑布流进行承载。

例如小红书、花瓣(a petal)

小红书:

小红书中利用瀑布流,滑动的过程(process)中,一直向你提供新的信息,不停的吸引你的好奇心,在不知不觉中在网站停留了很长时间,提高了用户粘度,文章网站内容看的久了自然也就想要购买了,正好可以达到转化的目的。

花瓣(a petal):

花瓣(a petal)是长期的聚焦于图片信息,目的就是做图片社交,利用瀑布流让用户被美好图片所感动,最大限度的节约了版面,减轻了构架。

如果你想要加入到产品(Product)中,我们已经给你准备好了组件~

如何将一个好的瀑布流方案(plan)一键引入到你的产品(Product)原型设计(Design)中呢?

首先,准备个原型工具:比如~原型图设计(Design)工具:xiaopiu.com

1、然后进入 xiaopiu 精选广场的组件库搜索「瀑布流 」,在搜索出的组件库右下角点击「引用为我的公用库」。

2、或直接进入「瀑布流」组件库,然后点击右上角的引用按钮~

3、引用成功后,在您的项目编辑(Editor)页左侧【组件库】就可以看到我们的资源啦!拖拽组件到自己的页面上改一改就是你的了哟!

嘿嘿,是不是超级简单,呐,产品(Product)的页面布局,已经成为影响用户访问体验的一个关键(解释:比喻事物的重要组成部分)点,现在是一个体验为王的时代,今天关于瀑布流的产品心得分享,就是希望大家都能尝试着去用一些小的细节,好的设计(Design)体验去打动用户,留住用户,有更好的使用(use)体验,才能让用户更加热(heating )爱产品,才能让产品更加茁壮成长。

0
分享到:

评论0

请先

社交账号快速登录

 
QQ在线咨询