简书•重设计

作者: 陈加新 | 来源:发表于2015-04-24 19:20 被阅读43619次

    注一:本文本着「写完一篇文章再砍掉一半」的原则,不必要的解释和说明都没有详细展开。

    看不清请点开大图~


    简书 for iOS 大版本升级后,多了很多新功能的同时更多的是痛点。在 App Store 中介绍自己的定位是「内容分享社区」,但我在使用过程中,感觉它却并没有做到一个「内容社区」该有的样子。

    每每翻看时,只感觉到处都是文章,毫无头绪不知该点哪里。简书 for iOS 把所有文章都揉在一个纸篓里,然后砸到了我脸上。

    作为内容先行的 App,用户在使用时应该被满足四点:

    1. 快速找到自己感兴趣的内容
    1. 快速进入阅读
    2. 查看动态
    3. 接收通知

    App 已知缺陷:

    1. 逻辑紊乱
    1. 结构冗余
    2. 操作繁琐
    3. 内容展示低效
    1. 逻辑紊乱

    打开 App 首页,可以轻扫屏幕来切换内容分类,但进入其他页面时,该手势又用于在一个类 Scroll bar 里切换,在「简友圈」中也是在类 Scroll bar 中切换。如图:

    手势冲突

    那么,在首页的类 Scroll bar 中,只能去点击它们切换,这完全破坏了操作的「一致性」,使我频繁误操作。

    再者,首页中「我的关注」这一栏我看了半天才反应过来那是我订阅的专题的动态:

    结构逻辑混乱

    难道这些更新的文章不该在「简友圈」(相当于动态)中吗?


    2. 结构冗余 & 操作繁琐

    把这两个放在一起,因为它们之间是相互作用的。

    第一次点开「消息」,被惊到了:

    结构冗余

    查看消息首先得停顿一下选一个种类,然后再分别点进去,然后再返回,然后再看下一个种类...

    第一次点开「我的」,也被惊到了:

    多余的入口

    「我的」页面中,下方自然是自己的动态,并不需要再有一个「动态」。

    不知所措

    同样,这些信息不管主次直接全部塞到一个 bar 里面,也和「消息」一样让人不知所措,甚至,还有一个「更多」。

    入口太多

    以及,tab bar 上有五个入口,这实在太多了。


    3. 内容展示低效

    「主页」中的文章归属专题并不会为读者带来更多地有效信息,也无法让用户快速进入阅读。

    多余展示

    内容展示低效是前面所有已述缺陷带来的共同后果,结构冗余、逻辑混乱、操作繁琐必然带来低效。

    同时,简书为用户们带来了共 30 种细分分类,看似扁平的结构其实非常低效,一股脑塞给用户,让人无法快速找到自己感兴趣的内容,如图:

    扁平却低效一

    同时做了一张思维导图展示简书的扁平结构:

    扁平却低效二

    我画了一个总图去展示以上提到的缺陷(看不清点击大图):

    缺陷概览

    App 重设计

    考虑到简书作为一个「内容为王」的 App,

    重设计的最大目标和目的就是:高效展示内容,一切为内容服务。

    1. 精简结构

    首先看一张重设计的结构图:

    精简结构

    改进动作:

    1. 减少入口,减为四个,将「我」提至 Navigation bar。
    1. 「主页」以 Timeline 的形式展示排名,「今日」、「一周」、「一月」整合。将「搜索」纳入主页。
    1. 「发现」页面减少种类,将「今日看点」纳入「发现」。「发现页面」专注于「快速获得感兴趣的内容」。
    减少入口 Timeline

    同时,取消首页的类 Scroll bar,以 Timeline 的形式展现内容。引导、暗示用户只需要看文章,不需要分散注意力。

    减少分散注意力

    「发现」页面最重要的目的是「快速找到兴趣点」,减少专题的注入,如有需要可点击「更多」;同样减少「今日看点」分类的注入,如有需要可点击「分类」:

    专注「兴趣」
    2. 改善逻辑

    将「简友圈」更名为「动态」,把原本在「主页」的「我的关注」纳入「动态」;原本混乱的「轻扫」手势只保留在「动态」页面,用以在「动作」和「文章」间切换:

    改善逻辑
    3. 内容高效展示

    「消息」结构精简,使用 hub 的形式展示各种种类的消息,用图表和排版来区分。

    不同种类的信息给出明确不同的展示形式,高效展示高效吸收,让用户轻松区分:

    不同的展示形式

    「我」的页面也是一样,「轻扫」来展示更多信息:

    高效展示 全貌

    至此,重设计结束。考虑到「内容优先」,没有过多更改已有的风格,保持简单朴素的风格,将内容更好的呈现出来才是最重要的目的。

    注二:本文所有图文(除了截图)皆为原创,版权完全归我本人所有。如有未经允许的「任何部分或全部」的转载、抄袭、盗用,全部默认为:您已同意并接受给我本人 3 万元。本文「发布」时间:2015 年 04 月 24 号 19:19。

    完。

    相关文章

      网友评论

      • 奋斗的阿福:点个赞 但有一部分不赞同
      • 7f7c61a7d25e:有个功能问题,详情的导航栏隐藏功能特蛋疼,往下滑隐藏,有时发现某句话想细读一番,往上一动,刚看的内容,也被遮住了,难道就我一人发现
      • 1349b43a03aa:想微信分享,还要赔你3万吗,帅哥:relaxed:
      • 龙隐:消息栏的分类没有问题吧。很明显,消息栏中的绝大多说设置是针对写作者的,那么一个对简书有价值的写作者,或者说一个好的写作者,必然会收到大量的赞、评论、投稿通过等等,混在一起显然没有归类更易于查看。
      • 盐葱葱:编辑文章和发布也是一个挺重要的环节,如何能够更低成本的产出易于阅读的前台图文展示。instagram在后台已经优化了照片质量的事儿,文本的优化还需努力啊
      • 孙圳pm:问题有很多,逻辑上,交互,呈现上。有几个解决的不错,但就你设计的我提一些建议:
        1、【我的】比较重要,里面有许多功能点,使用场景很多,不应该放左上角
        2、热门和今日看点,这两者属于同一类的业务逻辑,应该放一起
        3、【发现】【动态】这样改,用户第一眼会思考,命名不严谨
        4、这是以内容为主的产品,里面有大量的红色图标来区分专题,影响了用户阅读
      • 格沫:问个低级点的问题,精简结构和缺陷概览的图很好看,是用思维导图画的?
      • 李三科:同为产品人 如何给你发私信啊
      • 陈加新:@纯银V 谢谢前辈肯定,被您评论有些激动哈哈
      • acechao:快点改版吧!Android用户表示这个版本的设计真的有问题!
      • PeterZhang:喜欢化繁为简的思路,做产品不要试图一应俱全,大道至简。
      • 3b6be1862208:经理能搞个wp版的吗?
      • 陈加新:@Stove3 这个之前我看过原版,但与我这个重设计并不太相似,所以不太适用于这次的场景。谢谢你的推荐^_^
      • 酱爆小咸鱼:同意大部分的观点!
      • Stove3:@Acmenyz
        我之前翻译的一篇文章中有过类似的案例,可以参考下:http://www.jianshu.com/p/5322287e79e9
      • 陈加新:@Stove3 的确会带来一些额外的用户成本,谢谢建议 : )
      • 陈加新:@艾莈 是为了共同成长。
      • MJGA: @纯银V 在你的带动下~简书上产品内容真不少哈哈哈
      • 纯银V:@简叔 偶然看到产品话题嘛
      • MJGA:@纯银V 萌叔难得发评论
      • 纯银V:你发现的问题,我都赞同,解决方案太长就没看了 : )
      • ee6c75107d3f:牛逼,真是热心用户,真爱➕工作积累
      • 小1437:你写这些是为了什么?增加成就感?
      • 简书专用帐号:增加一个收藏功能
      • 陈加新:@Zander 仅对第一点和第二点讨论一下:

        1. 类 Scroll bar 是可以像你说的那样,我没有提到😁

        2. Timeline 是垂直的,每一块只显示部分文章,一块结束后显示「更多」按钮,进入下一块,没有水平,这是我没有说清,谢谢建议。: )
      • Frank_1ee:@Acmenyz 原来是sketch做的,我以为有专门的工具。我对 app 的设计和开发也很感兴趣,向你学习:)
      • Frank_1ee:请问一下概览图是用什么工具画的?
      • Zander:关于用户那几个痛点总结的特别到位,以下内容仅作为交流。
        1、简书首页今日看点下的Scroll bar其实是可以滑动的(单独滑动Scroll bar ),不是“只能点击”,不过这个貌似已经属于专家用户的功能了, 普通用户很难发现,而且对于切换的效率也不高。
        2、首屏你改进后的Timeline应该是以水平滑动显示各个时间点的,看到每个页面只显示一个时间点,这个会增加用户的认知负荷(用户怎么知道是时间轴呢,没有任何暗示或者引导)
        3、“发现”这个页面上下两个板块是两个内容,建议一个页面只专注一件事情,这样设计的结果就是用户要面对多个入口做出选择,增加用户的操作负荷与记忆负荷。
        4、“我”页面的个人信息以轮播的形式展示,这快对于用户来说是一个次要需求,就是扫一眼,通过滑动这样的操作来获取一个相对不重要的内容,这会降低用户体验的。
        以上内容仅是我认真阅读后的一点体会,其他的改进很棒,佩服。
        887156385bce:赞同2,4
      • 燈塔先生:好牛逼的产品经理...稀饭
      • Stove3:把「我」通过头像的方式放到左上角,用户会找不到的,这个改变太设计师思维了
      • 宁静的夜海:批判得好。
      • aeb8c27be21c:手机图片不能放大 @简书
      • 林星垂:终于有一人出来吐槽了,本来准备下个月有时间就写“一个普通简书用户的使用体验”这篇文的。
        用简书许多时候都觉得不方便。
        要长篇大论的节奏,果断先睡了,晚安,看到的简友*^_^*
      • 芃来:若简书能采纳你的建议再给重酬,简书才能走的更远
      • yanmin1004:这就是真爱
      • 酒满:❤️
      • 陈加新:@简叔 at 你了哈哈哈
      • MJGA:好用心!很赞呢!

      本文标题:简书•重设计

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