为什么产品经理还需要ui(以人人都是产品经理为例)

为什么产品经理还需要ui(以人人都是产品经理为例)(1)

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

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

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

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

为什么产品经理还需要ui(以人人都是产品经理为例)(2)

一、前期调研

1. 产品是什么?

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

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

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

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

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

二、分析现有功能

为什么产品经理还需要ui(以人人都是产品经理为例)(3)

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

1. 首页

为什么产品经理还需要ui(以人人都是产品经理为例)(4)

框架结构问题:

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

流量分发效率低:

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

Icon表意不当:

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

2. 问答页

为什么产品经理还需要ui(以人人都是产品经理为例)(5)

【提问】按钮引导弱:

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

浏览顺序受阻:

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

3. 个人中心

为什么产品经理还需要ui(以人人都是产品经理为例)(6)

生产者 or 消费者?

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

关注 or 订阅

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

功能划分混乱:

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

为什么产品经理还需要ui(以人人都是产品经理为例)(7)

三、交互细节思考

为什么产品经理还需要ui(以人人都是产品经理为例)(8)

1. 个人中心用什么布局

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

为什么产品经理还需要ui(以人人都是产品经理为例)(9)

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

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

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

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

为什么产品经理还需要ui(以人人都是产品经理为例)(10)

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

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

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

原版:

为什么产品经理还需要ui(以人人都是产品经理为例)(11)

改版后:

为什么产品经理还需要ui(以人人都是产品经理为例)(12)

四、视觉风格

为什么产品经理还需要ui(以人人都是产品经理为例)(13)

为什么产品经理还需要ui(以人人都是产品经理为例)(14)

为什么产品经理还需要ui(以人人都是产品经理为例)(15)

为什么产品经理还需要ui(以人人都是产品经理为例)(16)

为什么产品经理还需要ui(以人人都是产品经理为例)(17)

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

题图来自 Pexels,基于 CC0 协议

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页