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

产品案例分析.The Guardian

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

    卡片设计

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


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

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


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

    文章中的扩展阅读

    文章中的扩展阅读

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

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

    手势导航设计

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


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

    相关文章

      网友评论

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

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