美文网首页产品交互设计产品拆解
简书app交互体验-导航设计

简书app交互体验-导航设计

作者: 镹壹 | 来源:发表于2015-09-08 15:12 被阅读486次

    前几天刚准备写一篇《简书交互体验设计》包括首页列表展示,导航设计,还有文字详情页面,但是因为这几天比较忙所以没时间写,今天总算有点时间了,刚打开app准备写,没想到它就更新了,本来想先不跟新把自己的想法写完再更新,但是那又有什么意义呢?果断决定还是先看下更新的结果,虽然也有点小失望因为把我看到的首页列表排版等问题都给改好了,所幸对是和我的想法是一样的。所以我现在只能赶紧的把导航设计的想法先写写,不然...

    简书在pc端我觉得非常的不错,好喜欢,但是移动端还是有点不那么理想,当然产品做成怎么样都是有综合原因的(不是说这个产品不好,别误会),毕竟移动端开始才一年多的时间,他们也在努力的改进中,我才忙了这几天他们就改了这么多足以看出他们的努力,同志们辛苦了。

    我第一次用简书app整体感觉就是——重

    这个重体现在;

    左首页,右文章详情页

    1.导航设计基本上和pc端没有变化,展示的方式也基本相识似乎没有做好沉浸式体验,用户的选择太多页面感觉很复杂

    2.导航栏下面的写作按钮特别突出,与整体不协调,虽然可能是想突出这个功能,但是不是可以有其他的突出方式

    3.文章详情页面下面的评论等操作栏一直显示着,总是会打断我的阅读

    4.整体感觉层级之深一致操作太多,选择之多一致思考太多,功能复杂导致经常迷茫

    这次主要说说我对导航设计的想法,当然我不是说简书的导航设计不好,只是想提出自己的设计想法。

    首先看看他们pc端和移动端结构对比

    pc vs app

    基本上是相似的,包括排版的样式也是差不多的感觉,对于移动端来说可能比较暴露。用户首次进到首页后面对的选择有:

    首页

    这样的设计给我个人的感觉是比较的复杂和拥挤,给我的选择太多,重点不够突出,有些迷茫。

    其实用户真的需要这么多选择吗,他们什么时候才需要选择,能不能我们先帮助他们先选择?

    其实这个问题我也回答不上,我知道我在以下的这几个应用中用的还是很爽,平时我很少有去操作导航切换选择,基本上都是处于默认浏览的状态,因为我想要的不是有意去发现,而是简单的跟着app设定的路去走。

    左幕课 中片刻 右知乎

    所以如果是导航修改,我会借鉴以上三个应用的思想,将沉浸式做的更深。

    下图是我修改后的简书首页

    首页进来默认的样式

    导航部分我把“发现”给去除了,直接上的发现中的文章和专题,其他没变化。为连尽量保持原来的样式所以图标尽量都没有改变,只是在更多那里加上了一些自己找的图标,由于时间问题就没有仔细修改样式凑合着看。那个夜间模式目前是摆放在头像旁边,因为一是:这下面一下没注意行间距太高摆不下了,二是因为这个功能也不是那么重要,当然我更不能随便去除别人的功能了。最后,原谅我的粗暴放在这里也许也不是很合适,也没有仔细思考,要是有建议的留评论或私信我,感激不尽。

    不多说了,要是有时间我还会继续写简书的文章详情页面和其他功能体验。能看到这的才是我的朋友,能给我评论或喜欢的我才会给你们发钱,评论的时候记得留下微信账号,给你们发钱。

    相关文章

      网友评论

      • 镹壹:嗯 好的,我会继续努力
      • BuckyRR:你没有站在一个客观的角度去分析一个产品,这种分析的方式连普通人都说服不了,就别指望说服你的老板了,还有提高文字的表达很重要。
      • 石英作曲家:首先我是个刚入门的产品汪,斗胆在这里评论前辈的文章。
        我并无法认同前辈的一些想法,底部菜单这样的设计我认为是减少了用户的认知和操作成本的。
        就发现页来看,采取的话题更换方式,至少我是认可的,因为更换话题的需求是低频的,热门不知道是不是根据数据推的,但是对我来说,内容质量种类足够了。
        我更多的行为轨迹是去看关注的大牛们所喜欢的文章,即简友圈。具体就不细说了。
        对于前辈的改进,给我的感觉
        1.两侧划栏,内容过多,过于繁重。
        2.没有自己产品品牌的形象了。简书:鼓励用户原创,希望同类人聚集到一起,形成圈子,共同进步。(直觉感受,分析的很浅,自己水平还差hhh)
        3.左侧侧栏功能太多,视觉上太累赘,还是认知成本的问题。
        镹壹:@石英作曲家 每种设计都有弊端。他的设计在认知上可能更好一些,是对于初始使用者来说。但是对于一个比较熟悉简书的用户来说认知障碍就不是那么明显,相反用户可能更需要的是清晰的展示更多他感兴趣的文章列表。

        底部栏的使用我的意思不是低频的,只是我觉得我在使用app的时候时间是碎片化的,主要是浏览为主,所以简书应该更多为我们做出选择,而不是让我们频繁的去选择。在这里我更想突出阅读的体验,所以我会去弱化其他的功能。
        石英作曲家:@镹壹 不不不,你还是前辈。
        发展页面的切换话题才是低频的。这个我没有数据但是就我的行为轨迹和已有的页面所以这样估计。还有你说的繁重和我的繁重不是一样的。你说的繁重是内容多,我的繁重是认知障碍。现在的页面,话题的选择和最上面的选项卡是有层次区分的。
        其次,更换话题的方式是通过点击或者滑动。而你的那种方式是滑动并且点击。操作步骤上更复杂这就是操作成本,同理左侧你设计的功能划栏也有同样的问题,尤其对于那些高频功能(底栏怎么可能是低频呢)。
        镹壹:@石英作曲家 首先简书这样的设计我不认为他是不对的,因为今年简书的口号是“交流故事,沟通想法”可以看出他们在侧重社交,会突出这一块,从这个导航设计包括文章详情页面的功能排版设计都可以看出来,所以从产品角度这样设计我也认为更为合适。

        对于你说的两侧栏的内容过多,过于繁重,有认知成本这个也是的。不过你不觉得目前的‘发现’这样设计不会很繁重吗,而且这个繁重是只要你在发现浏览文章列表,他就一直会存在,而我那种只会出现在你需要切换功能的时候,我认为相对来说整体体验更轻一些吧。
        最后我不是前辈,我是菜鸟。谢谢你评论我还没留微信号。 :smile:
      • 乐乐汪: 简书的简友圈是突出你这里提到的另外三款APP,也是简书的一个亮点,我个人觉得也是简书希望志同道合的人能够走到一起交流,创作出更加精彩的文章和感悟的一种引导,所以再新的设计里是否可以再突出这个简友圈属性呢?这样的用户粘性会不会更好? 就像我现在评论了你,简书会向你绑定的邮箱发信息告诉你我评论了,此刻你也会好奇我是谁,我们是否可以进一步成为朋友,是否会是同一个圈子的人…… 这样差异化的设计和发展,会让简书更加的突出吧!
        微信 fdsaasdfjkl
        镹壹:@乐乐汪 首先我不知道你说的新的设计是我这种还是简书将来的其他导航设计,如果就我这种设计来说,目前简友圈的优先级还是挺重的,毕竟突出与不突出都是相对的。这个的优先级也基本是按照目前简书app导航设计的优先级排序的,简友圈还是在一级导航中。我的设计想法出发点主要不是站在产品层考虑,就像我回复4楼的那样。思考的也比较浅,希望指教。马上给你发钱。
      • b16ccc089ea3:赞一个

      本文标题:简书app交互体验-导航设计

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