产品案例分析.The Guardian

卡片设计

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


产品案例分析.The Guardian_第1张图片
图+文字 & 文字

产品案例分析.The Guardian_第2张图片
文字

产品案例分析.The Guardian_第3张图片
图+文字 & 文字

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

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


产品案例分析.The Guardian_第4张图片
卡片上的图片、视频标识

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

文章中的扩展阅读

产品案例分析.The Guardian_第5张图片
文章中的扩展阅读

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

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

手势导航设计

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


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

产品案例分析.The Guardian_第6张图片

你可能感兴趣的:(产品案例分析.The Guardian)