精选干货

精选干货

首页 > 精选干货 > UI设计师如何助力PM的原型图?有助于你

UI设计师如何助力PM的原型图?有助于你

1个月前 热度:4511 ℃

前段时间准备跟朋友开发一个垂直领域新闻类的产品,在产品的设计过程当中有很多值得思考的地方,尤其是站在UI设计师的角度,如何去助力产品的设计,所以总结了一下跟帮友们分享。

案例分析

首先,简单介绍一下这款产品:

一个垂直新闻类的分发平台,主要分享国企、政界的新闻,面向的主要目标用户是国企政界管理层人员。

  • 产品功能:分享国企政界新闻资讯

  • 目标人群:国企政界管理层人员

  • 产品目标:为目标用户提供精准的相关资讯(用我们产品发起人的话讲:这样产品首先是政治正确,牛X!)

下面看两张产品经理给我的产品原型图:

UI设计师如何助力PM的原型图?有助于你  精选干货  第1张

产品的驱动力

首先,要讲一下新闻类产品的驱动力,上图产品框架层的设计中有个“播报”功能,我认为加的是不够好的。

因为新闻类的产品是新闻内容驱动的模式,“播报”只是产品一个魅力功能的体现,新闻内容驱动着用户去找新闻,在找新闻的过程当中有个“播报”功能,而不是播报驱动着用户去看新闻。所以,在产品的框架层“播报”放到底部tab切换是不够合理的。

产品设计方法论

开篇讲了产品的驱动力,下面用具体的产品设计方法论深入分析:

UI设计师如何助力PM的原型图?有助于你  精选干货  第2张

辛向阳教授提出的产品设计五要素:用户、行为、目标、场景、媒介。这个方法被称为设计一个产品的万能方法论,下面我们就依次套用这五项来分析这个产品。

1. 用户

在产品设计中,有一个清晰的用户画像,会对产品设计起到至关重要的作用,尤其是那些我们不够了解的用户群体,有了用户画像就能够结合用户的生活特征、年龄段特征、行为习惯、社会特征、对相关事物的态度等信息,精准的设计产品。

我们准备做的这款新闻类产品也做了用户画像,因为是政界人士的画像不太方便分享出来了,大概的一个特征就是他们不愿意在公共互联网平台展示自己,所以看下图:

UI设计师如何助力PM的原型图?有助于你  精选干货  第3张

产品设计中有社交属性,这个就直接可以否掉了,因为一看就是意淫出来的功能,通过用户画像分析,一个对外开放的产品没有政界的领导人愿意在公开的互联网平台发表见解和互相关注好友,这类人群在这个平台是没有社交需求的。

所以对我们不了解的用户人群,一定要有个清晰的了解认识,这样就可以通过对用户的行为喜好等一系列特征,整理我们的需求优先级,功能优先级。

2. 行为

用户在产品使用上的行为,大概分为三类:随机式行为、往复式行为、渐进式行为。

为了让大家充分了解这三种行为,举个买手机的行为例子:

1)渐进式:

购买iPhoneX就是渐进式行为,打开APP,搜索iPhoneX——选择参数——购买,有明确的目的,从A到B到C称为渐进式。

2)往复式:

我想买个手机,具体买什么品牌我不清楚,打开APP,搜索手机——查看A品牌——退出详情——查看B品牌——退出详情——此处省略N个品牌——购买,这种从A到B,B回到A,A再到C,往复循环行为称为往复式。

3)随机式:

打开APP不知道买什么,随机浏览,没有规律,看到感兴趣的就点进去看,这种称为随机式。

相信通过上面的分析,大家对三个行为特征有了一个清晰的认识。现在思考一下,用户在使用新闻类的产品是哪种行为?

必定是往复式的行为,用户看新闻一般都是没有明确目的刷新闻,刷到哪个感兴趣的新闻就会打开看,看后关闭,继续刷感兴趣的新闻。

看下图红框标注的按钮“播放全部”其实是不符合用户行为设定的,因为播放全部可能会播放出用户并不感兴趣的新闻。

这个功能其实更符合右图“专题”板块,因为每一个专题包含的内容是类似的新闻,用户的切入点是专题标题,所以专题下的新闻都是类似的,也就是用户感兴趣的。

UI设计师如何助力PM的原型图?有助于你  精选干货  第4张

虽然每一个专题都有个“播放全部”按钮是较合理的设计,但是也避免会听到不感兴趣新闻,所以我们在上图红框里播放的悬浮框,要有下一个切换新闻的功能。

3. 目标

目的其实对应行为,随机式就是无目的,往复式就是目的模糊,渐进式就是目的清晰。拿这个产品来说用户在打开产品时,目的是找到感兴趣的新闻,点击新闻里面有播报功能可以听报,而不是去播报板块里面找新闻。

所以,通过用户使用产品的行为目的分析,在产品架构上,核心的新闻应该是第一层级,作为播报的辅助功能,应该在第二层级,依附在每条新闻上(如上右图),而不是现在这样作为第一层级放到底部导航tab切换。


UI设计师如何助力PM的原型图?有助于你  精选干货  第5张

4. 场景

通过这款产品的用户使用场景调查分析,有部分用户会经常开车或坐车(有司机)上下班,参加出席各种活动,自己不开车的用户群体通常会看一些新闻,车中阅读新闻其实并不舒服,很容易视觉疲劳。再加上目标用户年龄层,部分用户视力可能会不太好,所以“播报”这个功能尤为重要。

UI设计师如何助力PM的原型图?有助于你  精选干货  第6张

另外一个,看新闻的场景是睡前床上看新闻,一般产品有这种使用场景都会加个夜间模式。

但是,据我了解,现在很多app已经不在看中夜间模式这个功能,因为这个功能真的是个鸡肋,当用户转换的夜间模式会对产品有认知差异、陌生感。其次,它真的不能更好的保护用户的眼睛,当屏幕暗了后,用户会更专注去看屏幕,反而会更加伤害视力。今日头条把这个功能放在了二级页面,就说明并不看重这个功能。

5. 媒介

媒介就是我们开发产品时,需要做成app还是小程序或是H5网页。我们这款产品,为了节约成本初期定位是个小程序,但根据功能的体量就越来越不可能开发成小程序,小程序还是适合轻量级,功能较为单一的产品。

还有,因为新闻的时效性,新闻类的产品非常需要推送功能。App可以实现完整功能,灵活性强,所以我们这款产品还在进一步考虑中。

总结

当UI设计师拿到原型图后,通过这样类似的产品分析得出结论,再去跟PM去沟通讨论,这样就能够助力产品的设计。同时这也是UI设计前,对产品了解的一个过程,这个环节真的很重要,很重要,很重要!

当我们对产品充分了解后,UI设计师就可以更好的结合视觉主导产品的设计,更得心应手,顺心意。

但是,我们作为UI设计师前提一定要有良好的视觉产出能力,然后再去跟产品(si)探(bi)讨产品,不然很容易会被人贴上只会得瑟设计差的标签。

文章看到这里的你一定要收获这个产品分析方法论:用户、行为、目标、场景、媒介,产品分析五要素的线性产品分析法。


发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

相关文章

滴滴KPI流程,能做到用心服务?

滴滴KPI流程,能做到用心服务?

华哥淡在每个节点和真实场景下,考虑用户最真切的需求和最希望得到的服务,是用户服务流程设计的要点。一、从滴滴打车说起昨天打车,遇到这样一件事:晚上7点多钟的时候我通过滴滴打到一辆车,司机接单后15分钟内...

如何获客?旧瓶装新酒,争夺用户的注意力!

如何获客?旧瓶装新酒,争夺用户的注意力!

前段时间我回了一趟老家,在小摩托抵达镇上的时候,我看到几个小孩在玩跳房子。回到家已是傍晚,小外甥哼唱着童谣“黑黑的天空低垂,亮亮的繁星相随”……有一瞬间我还以为自己回到了童年。过去了这么多年,为什么有...

一个合格的面试官,要掌握这个要点

一个合格的面试官,要掌握这个要点

华哥科技(huage.com)讲解面试,往往是一门技术活。通过面试,我们能够快速捕捉人才的特点以及优劣势,并选择出适合公司发展的人才。那么你知道如何做一个合格的面试官吗?让我们来看看笔者是如何说的吧。...

私域流量的三个问题! 你了解吗?

私域流量的三个问题! 你了解吗?

华哥科技谈私域流量的三个问题,但不一定适合你,具体要看你所处行业的获客成本,和你对未来获客成本变化的判断。             &n...

什么是商业的本质?客户积极用掉的商品才是好商品

什么是商业的本质?客户积极用掉的商品才是好商品

商业的本质是消费,客户积极用掉的商品才是好商品,而金融增值的属性,天然的是消费主义的敌人。T老师的问题前一阵子去理发店理发,T老师跟我聊起了他最近的困惑。他正在参加一个总价3800的培训班,课间老师讲...

从内容到电商APP,未来移动端的下半场

从内容到电商APP,未来移动端的下半场

华哥科技干货,种草社区正远离蛮荒年代,从内容到电商又有了新的势力新的解法,下半场开始了。               &nbs...

SaaS创业路线图,渠道价值探讨

SaaS创业路线图,渠道价值探讨

有朋友问我,你的“SaaS创业路线图”系列已经写了五十多篇了,为何没有讲到“渠道”?是的,对于toB销售,渠道应该与直销并重。但我对常规SaaS产品代理体系的价值一直有个很大的疑问,这是我以往不写渠道...

“菜市场”互联网巨巨头为何扎堆进场?才1%盈利

“菜市场”互联网巨巨头为何扎堆进场?才1%盈利

众所周知,传统菜市场在大家印象里,不过是“脏乱差”且毛利低的行业,不仅要起早贪黑,而且还要和大妈为了几毛钱争执不下。那么,资本为何还要盯上菜市场呢?❖互联网巨头争相入局菜市场2017年,新零售成为各互...