HOME/Articles/

collection

Article Outline

Product Design: 基础界面 - 瀑布流

在iOS中,瀑布流(Waterfall)有单列与多列两种主要的信息收集方式,两者很适合对信息进行浏览。

是采用单列瀑布流还是采用多列瀑布流取决于信息的特性:文字信息为主的,采用单列瀑布流;图片为主的,可以尝试瀑布流多列瀑布流。

单列瀑布流

单列瀑布流适合逐条浏览。同样是单列瀑布流,Twitter、知乎日报、TeeVee也展现了截然不同的设计。

Twitter 为了迎合用户的浅阅读习惯,近些年将更多内容直接放在了时间线上,基本上不需要任何交互,你就可以在时间线上观看视频,GIF,或者点赞,回复,转发。

知乎日报与 Twitter 截然相反,打开这个 App 后,基本一屏就可以浏览完今天的内容,通过简洁的标题,你可以快速定位到感兴趣的内容上。这种极轻的信息负担反而让你形成了每天查看这个 App 的习惯。而这种模式也发展出了内容营销(Content Marketing)的模式,通过标题精准的把特定用户吸引到文章里,再通过精心策划的文章内容来做营销。

TeeVee 作为一款美剧时间表工具,它的目标是用户只需要打开这个 App 而不做任何操作就可以获得想要的信息并离开这个 App。与上面两款产品都不同,TeeVee 消费的并不是用户的时间,而是用户付费后真的为用户服务的产品。

这 3 款产品可以很好地解释为什么“免费的才是最贵的”。

多列瀑布流

多列瀑布流采用多个列来展示信息,可以极大地降低筛选成本,用户通过一瞥的方式浏览,颇有种“弱水三千只取一瓢饮”的感觉。

Pinterest 的时间线汇集了大量今天产生的热门,或者你关注的内容,通过多列来提高筛选效率。

Flipbard 的个人界面通过多列的方式汇集了你自己的杂志,这种方式在这里不只是为了提高筛选效率,也是为了统一整个 App 的设计语言。

Dribbble 的这个客户端和 Pinterest 的场景时一致的,提高筛选效率。

为产品选择界面的时候,选择一个最容易上手、最容易被理解的界面是一件非常重要的事情。很多人会犯的错误是创造一个“与众不同”的界面,但很重要的一点是,这个产品是需要最终交付给用户使用的,与众不同的界面可能是最后一个需要考虑的因素。