恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
推动力_设计师的核心竞争力
0.0°
2018-02-02 原创文章 经验/观点 举报 4122 121 318 22

随着产品功能的愈发复杂,行业对设计师的要求也越来越高,当我们谈起设计师,重点在哪里?如今的设计师需要具备什么能力?


Image title


不知道你有没有发现,我们的称呼随着能力要求的变化不停改变:

互联网行业刚兴起时

当你画出优秀的icon,就能使人眼前一亮,那时我们被称为美工;

随着用户量爆炸式的增长,美工需要做出优美的设计图;

随着产品功能的愈发复杂,动效设计需求随之出现,我们的名字也渐渐变为“设计师”

到了今天,当我们谈起设计师,重点在哪里?如今的设计师需要具备什么能力?



前些日子和朋友聊天,就设计师的价值这个问题展开了激烈谈论,

今天和大家分享两个真实的工作案例,通过设计师在其中扮演的角色,聊聊我对设计师价值的看法。




Image title



Image title

整个项目的核心流程是:

用户购买完课程后,词霸客户端推荐使用智能排课功能,安排学习计划,用户确认后,生成计划列表以及设置页面。



大致交互流程如下


Image title

根据上图所示,从左至右:

图1:购买完课程后推荐学习计划,出现“生成计划”btn,点击进入图2

图2:出现生成动画

图3:动画结束,出现计划详情,点击确认计划btn进入图4

图4:计划生成


从产品功能的完整性上来说,PM给出的流程没有任何问题,所有的操作路线都是顺畅的。但是在我着手设计的过程中总会觉得这个流程有些冗余。

我们可以简单把这个功能归纳为:


Image title


需要说明的几个背景:

1.图1推荐的学习计划中有修改计划的入口,用户可以根据需要手动调整学习时间的周长。

2.此功能和微信关联,若用户未绑定词霸公众号,则需要手动跳转至微信进行相关操作。

综上所述,在此操作流程中出现的页面可能会很多,从交互设计的角度上来看,将确认页面放在生成计划动画之后这点,使用连续性不强,不符合用户预期。


在图1环节,用户就可以手动修改计划,同时PM也表示本次功能强调的是整体学习时长,故而我删除了确认计划页面,流程变为:


Image title


优化流程后,不用再确认复杂的计划详情,因为用户购买课程后并不知道具体的课程内容,某种程度上来讲,确认计划详情意义不大。

然而,可惜的是,我是在做完所有界面后才发现的这个问题,时间被白白浪费了

接下来,我们继续看另一个界面:


Image title

上图是生成完毕的计划列表页,头部区域位置,状态基本固定,但产品认为左图列表中蓝色卡片不够醒目,希望改为右图样式,更改完毕后认为蓝色面积过大,影响阅读,建议使用图片,并提供了以 下样式的图片..


Image title


这样的图片无疑是令人崩溃的,于是经过沟通,我将图片更换为颜色纯度较低,没有明确指向性的无版权图片,如下图:


Image title


看起来是个简单的优化,对吧?

项目之初,关于使用图片的问题就和PM聊过了,得到的也是非常肯定的反馈,但是如果我默认了产品的建议,使用了他提供的图片,总监大人就该在小黑屋里等我了,严格意义上来讲,运营位使用什么图片不属于视觉设计师干涉的范围,前提是你只把自己定位为视觉设计师。




Image title




在这个项目里,我原本是临时支持同事帮忙改视觉的,但在设计过程中我发现了一些有趣的问题,功能则是将购买完的书本分享给朋友

为节省大家宝贵的时间,直接上设计图:


Image title


当用户购买完书籍,只花一小部分钱就可以将本书给朋友


Image title


用户可以把书籍分享给死党,闺蜜,情侣,分别对应上面三张卡片,分享分支情况如下:

朋友已有该书籍时,对方领取失败

超过领取期限时,对方领取失败

产品要求出现上述情况时做以下处理:


Image title


流程上没有问题,但我认为,如果流程走到这三张卡片就被截断,并没有发挥本次活动的最大功效,精致的卡片应该可以能够不停地分享出去,起到更大的作用,于是我建议PM添加一个页面,解释异常状态的同时露出产品的二维码,鼓励用户继续分享,并添加了几种异常状态处理方案:


Image title



这当然不是一个精彩绝伦的设计案例,但我却认为这是设计师价值的重要体现,我并不指望增加这样一个分享渠道就能获得多少用户,而是通过一个小成本的改善,保证了用户体验,发挥了视觉设计图的最大功效,使整个流程成为一个闭环。


所以说,“推动力”才是衡量设计师的核心标准,记得还在上学的时候和我的学长(现在已成为国内打车巨头的设计总监)交流时,他说了一句话:“我招设计师,主要看的是他对项目的推动能力”。现在想想,很多设计师驱动力匮乏的原因往往是因为被工作性质的边界所束缚。


从我入行那天起,对于视觉和交互的界限就很模糊,尤其在互联网行业,设计师作为展示产品形态的最下游,其实扮演的是看门人的角色,所有人都是“体验设计师”。只要从这个角度出发,所做的一切都是有意义的

好啦,这是我近一年写的最严肃也是最坦诚的文章啦~蟹蟹大家,下次见!



Image title


更新:2018-02-02

收藏

121人已收藏

  • 22

    作品

  • 4238

    粉丝

  • 3

    关注

  • 运营设计策略-借鉴方法论
  • 2019上半年作品回顾2_插画篇
  • 2019上半年作品回顾(1)_金山词霸插画篇
  • 所有设计师都应该懂的动效设计

    猜你喜欢

      2018-02-02 原创文章 经验/观点 举报 4122 121 318 22

      推动力_设计师的核心竞争力

      0.0°

      你确定要举报推动力_设计师的核心竞争力

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年01月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      318
      121
      22

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录