Alice

今天依旧是篇实战小分享,就是简单和大家分享下我最近和组内小朋友们的过稿日常。每次过稿子前我都深深在心中铭记3条准则:别刷存在感、别装13、别下手太重。这里和大家分享下我的心路历程,希望能对大家过稿有亿点点帮助。

 

1.不想看需求文档

通常拿到设计师投喂的需求设计稿后,第一时间非常抵触去看需求文档。不用找其他借口,不看需求文档纯粹就是因为懒。不过很神奇的发现,站在陌生的第三视角反而比沉浸在需求文档里更容易发现一些问题。(绝不是为我的懒找借口)

 

举个例子:

之前做海外版的需求,看到设计师有一个列表页面设计成这样的,我反复看了几遍都没明白这个“5 times(5次)”放在爱心按钮下是啥意思。

图片

直到对稿子的时候,设计师拿出了原型,上面对这个“5次”的解释赫然写着“访问次数”:

图片

图片

可能现在大家和我一样站在第三视角都会觉得这样的布局不合理,也不清楚“5次”的意思,但是在完整的需求文档面前很多时候疑问后面直接有解释的时候,我们就容易沉浸到产品给的信息设计中,忘记以一个陌生用户的视角来重新审视信息的设计了,也就是通常意义上的信息理解免疫

如果我们按照新的思路重新捋一下:这个访问次数应该和什么信息群放在一起更合理?

于是我们决定把字段信息都放在左侧,做一个三分段的信息布局:依次是名字、性别、访问次数、最后是访问时间。同时在访问时间字段上增加信息的补充辅助用户理解含义。整体对比如下图:

图片

 

2.交互细节好像不够合理

其实很多团队是没有专门来做界面细节交互的设计师的,就算有title是交互的设计师承载的任务大部分也都是原型绘制和无止尽的PPT产出。所以界面里涉及的一些权责模糊的交互细节大任就落到ui的头上,但这往往也是设计师们容易考虑不周全的地方。

 

举个例子:

我们这期的设计改版中涉及到一个礼物面板,设计师已经做了很多的基础优化(转线为面、空间排布及信息降噪)

图片

但这位积极的童鞋不止于此仍然还想做点创新的东西出来,ta参考了下之前look的交互,又做了一个直接竖滑动的交互设计:

图片

(左图为look直播的礼物面板交互)

 

这个交互方式比原始的轮播点横滑看上去要高大上与创新很多,but市面上不太有直播类的产品用到这种看上去very good的交互方式(除了look),那么这到底是为什么呢?

图片

仔细观察我们就可以发现使用了直接竖滑的look对礼物的种类进行了详细的分类(常用、热门、玩法、特权、星座等),且每个分类下的礼物滑动基本不会超过2行(大部分控制在一屏内)。

而对于我们现在要设计的礼物面板tab分类的方式并不是以礼物种类为维度的,所以所有礼物都被放到了一个tab下(数量很多),竖滑动没有轮播点的情况下用户很难定位到某个具体的礼物,而轮播点横滑就可以很好的对用户带来操作记忆,比如哪个礼物放在第几页大哥滑动几次就可以找到了。

而当设计改动极有可能影响到大哥送礼物的时候,以营收kpi当头的项目组是万万不敢轻举妄动的。

 

3.用户理解成本好像还可以降低

很多设计师设计的图标、布局都已经非常nice了,在设计质量上是没有任何问题的,但老实说设计这东西没有最好只有更好,除了好看我们需要更关注设计本身传达给用户的理解成本,成本越低体验的障碍就越小,这样带来的点击与转化也越多,这是一个即使不量化数据也相对合理的一个体验假设。

 

举个例子:

很多铁汁可能都做过会员、贵族之类的权益中心,通常这个聚合页的常规排布中段就是一大坨展示权益的图标和文案说明。

因为是权益等级大家的配色估计都会用的比较炫丽,这里我们展示的是一个贵族中心的权益图标,按照产品大大的指示,ta想要那种尊贵的黑金质感,所以我们的设计师就做了如下的设计:

图片

整体黑金质感已经符合产品的预期,也符合基本的设计质量要求,但如果要很严格的细究的话仍然有可以变得更好的方式,所以看到这个设计方案的时候我在想2个事情:

  1. 整体的亮点视重应该放在权益展示部分还是操作区呢?
  2. 图标氛围亮和暗2种代表着解锁与未解锁的概念用户能否一眼就get到?
  3. 现在一屏完整展示9个权益图标,但是实际上所有的权益图标超过了9个,这样的设计是否会影响信息的曝光(因为用户不知道底下还有更多了)?

于是,我们又做了下设计优化,如下:

图片

按钮增加了动效和光带,大家可以自行脑补。

以上就是我们过稿的设计日常,很符合猪厂“专业偏执”的特点。

 

原文地址:Nana的设计锦囊(公众号)

作者:柒爷

转载请注明:学UI网 » 当负责人和组内设计师过稿子的时候,都在想些什么?

登录收藏
 
你可能喜欢的:
业务想大多全,用户要精准简,首页设计该如何破局?业务想大多全,用户要精准简,首页设计该如何破局?
设计的「七宗罪」设计的「七宗罪」
最近访谈了海外用户,总结几点意外收获最近访谈了海外用户,总结几点意外收获
案例锦囊|交互设计中「情感化」设计优秀案例(二)案例锦囊|交互设计中「情感化」设计优秀案例(二)
这个练习虽然已经不错了,但我觉得还可以有以下几点能优化!这个练习虽然已经不错了,但我觉得还可以有以下几点能优化!
如何高效地进行网页设计?重点关注这些要素如何高效地进行网页设计?重点关注这些要素
工作经验| B 端产品组件设计细节及经验分享(三)工作经验| B 端产品组件设计细节及经验分享(三)
作品集别用这几个设计目标了,太老套作品集别用这几个设计目标了,太老套
iOS 规范与 Material Design 哪里不同?官网总结了这几点iOS 规范与 Material Design 哪里不同?官网总结了这几点
项目总结|红包设计测试,驱动裂变数翻三倍项目总结|红包设计测试,驱动裂变数翻三倍