前言

今天给大家分享的案例非常给力又有趣,很可能会改变你未来UI设计过程中的思考方式。

而且,如果你常常感觉被PM或者需求方牵着走,自己总是在做执行,那这篇文章会让你找到突破方法。

案例解析

分享案例之前,我们先了解一下PM角色的职业特征,接触的PM多了会发现,很多PM工作中会给人一种目的性很强的感觉。

比如他们在向交互传递需求或自己画原型图时,常常是A重要的就把A放到最明显的地方,看似合理,其实很多时候交互逻辑是缺失体验的。

当然他们形成的这种思维方式是可以理解的,PM常常被各方需求缠身,没有时间深入考虑体验层面。

所以PM非常需要与交互、UI配合,这样才能更好的完成产品设计。

但是,很多产品经理缺少与设计师建立配合的意识,而是习惯让设计师去执行自己的设计想法。

更可怕的是,还不能让设计师理解他设计的目的,这就导致设计师常常被带跑偏。

开始案例分享

下图是交互设计师按照产品经理的想法设计的原型图,此页面是会员成长值的得分统计。

页面的功能目的是引导用户做任务,从而得到更高的分值,升到更高的会员等级。

原型图分为三个部分,上面是五维图(蜘蛛图),中间是平台的推荐任务,下面是对应五维度的五个Tab任务。

身为UI设计师拿到原型图,你会从哪些方面着手进行设计呢?

按原型图来设计,最终的设计稿是下图的样子。

按原型图设计稿

页面中五维图与下面的五个Tab是联动关系,用户点击五维图可以控制Tab切换。

然而,现在中间插了一个“推荐任务”模块,这就会给人一种割裂感。

设计稿问题解析

从体验的角度来看,这样的设计无法过关,与产品经理商讨调整“推荐任务”位置,他完全不同意。

他的理由是,推荐任务是系统匹配给用户最适合当前完成的任务,必须放到首屏这个位置。

产品经理的表述 “必须放到首屏这个位置” 这就是让设计师执行他的目的方案,而不是与设计师配合来解决这个需求。

遇到产品经理这样“有理有据”的表述,相信很多UI设计师都会妥协,这时其实就被产品经理带坑里了。

产品经理落实需求的思考方式往往是直接了断的,这就很容易缺失体验,所以,交互设计师的价值就会体现于此。

但无论有没有交互设计师来梳理交互,UI设计师都需要带着交互思维进一步去验证设计。

回到案例,虽然产品经理很强势,但如果有问题,设计师还是应该去验证并改正问题,以下是几种改正方案。

方案一

方案一:虽然符合产品的布局逻辑,但是无法满足产品需求。

因为推荐是算法得出最适合用户的任务,不出现在首屏就不能及时曝光,也就会降低用户提升成长值的速度。

方案二

方案二:产品布局逻辑合理,但加标签提示,只能曝光当前Tab的推荐任务,所以同样会降低提升速度。

方案三(定稿)

方案三:把推荐任务放到Tab中,不仅符合产品逻辑,也能在首屏充分曝光,能够满足产品需求。

当时把第三个方案给产品经理看后,他微微一笑欣然接受,相信下次他会多听听设计师的想法。

总结:

优秀的产品经理善于让设计师明白他的需求目的,或是同设计师一起去探讨设计方案,而不是强势的让设计师去遵循他的目的方案。

而作为设计师,要善于挖掘需求目的,多思考并验证上游的产出,为他人把关就是提升自己的价值。

一个更有趣的案例

如果上一个案例,没能让你有所感悟,那让下面这个案例来直击你的灵魂。

先说一个事,曾经与产品经理开会过原型图,当有人质疑为什么这个页面不能调转到另一个页面时。

产品经理随口就说,“那在这个页面加个按钮入口就行了”,然后需求方都认同的说,“嗯,这样逻辑上就走通了”。

这样的思考方式,我称之为补窟窿思维,当产品中出现一个问题时,马上在问题的基础上找解决办法。

这样往往会因为没有做到全局思考,而影响到其他功能体验,久而久之产品还会变得臃肿难用。

接下来要分享的就是一个典型案例,产品经理和设计师都爱在这点上踩坑,领悟到这个案例的精髓,会让你的思维更开阔。

下图是线上版本的推荐医师页面,现在的需求是在此页面增加一个用户历史预约入口,方便用户找到曾经用过的医师。

线上页面

增加历史预约入口,按照产品经理的想法设计,是下图的样子。

产品经理的设计方案

UI设计师认为产品经理的设计方案,不够好看,视觉上过于突兀,还破坏了页面结构。

UI设计师的想法是,把历史预约入口换成图标形式,放到页面右上角,如下图所示。

UI设计师的设计方案

以上两种方案你会更倾向谁呢?

如果我选,我选择产品经理的设计方案,虽然有点突兀,但可以满足产品需求,因为满足产品需求才是最重要的。

UI设计师的想法也可以理解,确实使用图标不会破坏页面结构,美观度也不错,但用户的理解成本过高,会失去功能性。

敲黑板!重点来了~

产品经理的设计方案虽然好一些,但未必是最好的设计方案。

现在我们抛去在当前页面中加入口的思维方式,把此页面当成0-1重新思考设计。

通过整合梳理会发现,页面中其实是两大功能模块即“推荐医师”和“历史预约”。

推荐医师与历史预约

所以,其实把两个功能模块设计成Tab切换更为合适,这样既能突出功能满足需求,也不会突兀,如下图所示。

Tab切换体验更好(定稿)

问题来了!

Tab切换是非常常见的设计形式,为什么开始产品经理和UI设计师都没想到呢?

其原因就是他们把思维局限在了页面加入口上,没有从整合全局功能的思考方式出发。

所以,当页面上加功能时,一定要站在全局视角思考设计方案,而且是必须这样思考。

Powered by Froala Editor

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注