以人人都是产品经理为例——如何升级交互/UI?

8 评论 5973 浏览 63 收藏 10 分钟

编辑导读:一个成熟的产品,即使已经形成了自己的风格,也会在日后不断进行优化迭代,适应用户行为的变化,提高用户体验。本文作者以人人都是产品经理为例,对其交互设计展开分析,希望对你有帮助。

人人都是产品经理属于我常年存在手机但是却很少打开,但也不会卸载的一款应用。

虽然集结了众多头部大佬的文思泉涌,但这么多年来APP端的UI风格和交互体验始终“停留初心”。

(可能由于大家工作or摸鱼浏览的场景都是在PC端,所以把APP端放养了哈哈(乱猜))

选择这个APP做改版练习,一方面是考虑到有比较大的优化空间,第二也是很久没出作品了锻炼一下动手能力。有不同的观点欢迎在评论区留言。

一、前期调研

1. 产品是什么?

人人都是产品经理是一个专注于产品、运营、设计的多方位交流学习平台,以高质量行业文章为主要载体吸引用户,以工作问答为交流媒介留存用户。同时附带课程、职场招聘等功能。

2. 什么样的用户在使用?

各类PM、运营、交互设计等对产品设计感兴趣的群体,用户年龄集中在20-35岁区间,男性用户远多于女性。

3. 用户想要达到什么目的?

通过浏览文章和相关行业资讯来拓宽视野,与同行们相互交流探讨答疑解惑,提升自己。

二、分析现有功能

首先第一步先去全方位的体验和了解这款产品,分析现有的页面框架、功能流程、视觉UI方面存在的问题,以便于为后续的改版方向提供切实依据。

1. 首页

框架结构问题:

顶部总切换title是【文章】,可下面却包含问答、课程和圈子等范畴,框架结构划分不够恰当。

流量分发效率低:

首页的主要目的是为各个功能模块进行流量分发,目前的页面布局(以文章纵向流为主,中间穿插各种其他功能)图片占比过大,导致首屏只能展示4篇文章,用户触达信息十分受限,屏效比低下。且大量的图片占据视觉重心,对比之下文字标题过于弱化,不利于用户抓住信息点。

Icon表意不当:

右上角更多icon常用于分类的全部展开,这里放在和大title同级别,但内容包含的却不是同一类型,而是专题、作者和早报等不同的功能集合。

2. 问答页

【提问】按钮引导弱:

问答本身是一个带有社区属性的功能,利用用户好奇、学习、答疑解惑的心理、通过用户之间自发的互动产生活跃和留存。这种场景下【提问】是一个非常重要的交互按钮,现在放在右上角不明显且不易触达,影响了用户提问的主动性。

浏览顺序受阻:

【回答亮了】板块是对于问答下的优秀回答单独拎出来一个tab,但这里的浏览行为就有点反人类。正常应该是有问才有答,但这里的浏览顺序目前是:先瞄到回答,然后看看问题,再回头来看回答。这是比较不太合理的。

3. 个人中心

生产者 or 消费者?

用户可以大致分类两类:内容生产者和内容消费者。当前个人中心将发表的文章、参与的问答、点赞粉丝优先展示,可以看出来是侧重于内容生产者,对于绝大多数内容消费者而言并不友好。

关注 or 订阅

【我的关注】和【订阅作者】从字义上理解很容易混淆,这里的产品逻辑是:通过文章可以对作者进行【订阅】,点进作者个人主页则显示为关注。订阅了不代表关注,但是关注了这个人你的订阅则会出现(这里的两种叫法和特意区分个人看来实无必要,没搞懂)。

功能划分混乱:

下方的功能列表划分混乱,粉丝区和上方数据重复。

三、交互细节思考

1. 个人中心用什么布局

个人中心承载的功能比较杂,既包含了各种用户数据、设置,还有付费内容。如何去排布功能的优先级、划分结构层级是重点。

  1. 方案一:将收藏和课程收到二级页面中,让个人中心有更多其他内容的展示空间,优势在于内容的分发效率比较高,但是对于收藏的内容展示空间受限,不够直观
  2. 方案二:收藏的内容作为吸引用户二次进入和留存的关键,具有较大的长尾价值,相比于发表的内容来说,普通用户对于收藏的查看需求更大,方案二的优势在于直接铺开了收藏,但缺点在于功能的拓展型较差。
  3. 最后的方案:保留了收藏内容的铺开形式,增加金刚区图标对重要板块进行灵活放置,满足核心收藏、课程足够突出的同时也兼顾了内容的可拓展性

2. 是否需要【最新】板块 ?

什么时候需要放【最新】呢?我的想法是:这关系到内容本身。

比如知乎就没有【最新】板块,因为知乎更注重内容是否专业权威有说服力,时间这个纬度对内容偏好的影响不大,有价值的内容过个几年再去看仍然有价值。而豆瓣小组就相反,甚至【最新】的优先级还要高于【推荐】,因为时间影响到了小组成员对内容的判断和采纳,最新的内容更能满足成员对于信息的需求。

对于人人问答这个场景来说,用户期望关注的是热议问题和有价值的答案,那最新的吸引力显然要弱于参与度高的问答,所以单独给一个tab去让用户切换查看的成本是比较高的。所以将顶部切换中的最新拿掉,最新的问答将以权重占比在推荐中展示。

3. 【赏金】按钮跟随键盘还是页面

在原版提问的页面中有一个悬赏红包的按钮,原版是跟随键盘出现,点击开启后页面中会弹起选择框,选择红包类型后才会出现金额选择模块。

原版:

改版后:

四、视觉风格

 

本文由 @晚一 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Pexels,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 不太清楚你大面积使用绿色的依据是什么呢

    来自上海 回复
  2. 说实话,绿色和蓝色来回跳根本没办法静,还是用单色好些

    来自上海 回复
  3. 大佬,真的帅!

    来自北京 回复
  4. 真好看,不知道其他设计在哪里看呀

    来自贵州 回复
  5. 挺好看的

    来自四川 回复
  6. 真不错,又看到你了

    回复
  7. 优秀,我也下载了人人很久,第一次了解的这么详细哈哈

    回复
  8. 大佬们有UI的坑请联系我😀

    回复