美文网首页
产品案例分析.The Guardian

产品案例分析.The Guardian

作者: 沈正方 | 来源:发表于2018-12-06 13:36 被阅读15次

卡片设计

下图是卫报App界面的截图,卫报首页的新闻是通过如下三种内容形式展现出来的,分别为:标题+部分正文+大图、标题+图片、标题。


图+文字 & 文字
文字
图+文字 & 文字
标题 + 部分正文 + 图片 & 标题 + 图片

如上图这样采用多种形式的卡片设计的好处是,即使内容有大量的文字,整体版面看起来也不死板。


卡片上的图片、视频标识
如上图卡片中通过照片、视频符号标识卡片的内容,可以很清晰让读者知道是什么形式的内容。

文章中的扩展阅读

文章中的扩展阅读

在文章中嵌入一些延伸阅读,可以是类似于上图中的更多内容块,也可以直接嵌入第三方平台的新闻报道链接,点击可以直接跳转过去获取更多详细的信息,这样可以帮助用户理解。

这样的设计,可以让用户沉浸阅读,并能够找到更多感兴趣的相关文章。

手势导航设计

在卫报客户端中打开一片文章,左滑、右滑会自动切换不同的文章详情,如果手指从最左侧边缘滑动,会返回到上一级页面。
这样从屏幕中间滑动和边缘滑动效果不同的设计的好处是对老用户,熟悉产品的用户来说更便于使用,操作衔接简单、流畅。对新用户有一定的学习成本。


如果喜欢我的文章,可以关注我的公众号:bryanshen

相关文章

网友评论

      本文标题:产品案例分析.The Guardian

      本文链接:https://www.haomeiwen.com/subject/ipancqtx.html