文件名 如何下载使用 文件大小 提取码 下载来源
设计说明书PDF6M2333 点此复制 登录下载

写在前面

现在不管大厂还是小厂,对于我们设计师的要求是越来越高…并且作品集造假/抄袭的情况时有发生,公司也是实属无奈,会选择在面试流程中增加“笔试题考核”这项来进一步了解大家的能力。接下来我会把做笔试题的思路以及经验分享给大噶~

PS.一定是符合自己预期的公司和业务才可以接受笔试邀请哦,不然没必要消耗时间。

我摊牌,笔试题这么做就完事儿了

以曾经做过的一个广告投放平台(to B) 笔试题为例:

我摊牌,笔试题这么做就完事儿了

没错,以上就是完整的题目,没有任何原型,判定这是一份既考察视觉又考察交互的一份试卷。当我们拿到一份笔试题,切忌理解大概意思就开始着手设计,一定反复读几遍题目不要漏掉任~~何信息,尤其是这种信息量比较多的题,把题审对并且有一个对的方向,这才是做笔试题的正确姿势~

从题目中可以get到:

这是一个广告投放类的数据展示平台,并且是拥有最高权限可以查看所有数据的总账号。对于这种类型的产品,要着重考虑筛选项、数据可视化图表、表格以及模块之间的优先级排布。

我摊牌,笔试题这么做就完事儿了

题目理解透彻之后,还是不要着急进行设计,请关掉你刚刚打开的sketch!下一步要做的是去体验面试公司的产品和其相关竞品,所谓知己知彼才能百战不殆。

目的1. 差异化设计

竞品分析的目的是为了可以做出差异化的设计,面试的公司肯定也很熟悉他们的竞品,造成灵感“撞车”的局面再怎么解释也很苍白无力啦!

目的2. 基于现有设计反思新的解决方案

也是为了基于现有设计反思新的解决方案,找出竞品的优点缺点,记录相同功能的不同解决方案。

我摊牌,笔试题这么做就完事儿了

我摊牌,笔试题这么做就完事儿了

当我们进入到设计框架这一步的时候,需要考虑信息的组织以及功能元素的排列,千万不要一下子陷入细节!

思考1. 用户层面

用户的认知成本和学习成本,尽量简化操作,不给用户造成操作阻碍。

思考2. 产品层面

这个产品的核心价值,分析产品定位中的核心服务,从中制定框架策略,考虑信息的优先级排布。

分析以上,针对于测试题中的产品剖析得到:

关于广告投放的dashboard,用大片视觉区域展示用户最关心的核心数据和数据动向,并且与筛选项紧密关联。视觉次重为“账户余额”和“推广预算”。大致调整框架如下图:

我摊牌,笔试题这么做就完事儿了

我摊牌,笔试题这么做就完事儿了

首先,我们来大胆揣测一下面试官想要一份什么样的答卷,风格前沿大胆 or 保守

我摊牌,笔试题这么做就完事儿了

关于这块可以留意在面试时面试官透露的信息,比如:希望胜任这个岗位的人有一定的交互能力blabla…契不契合我们产品的设计风格blabla…分析划重点的句子,确定他是想要一个有落地能力,风格契合他们产品的人选,那就可以充分的展示自己的设计落地能力,实施保守策略。总之,和面试官多聊一下他对于这个岗位的期望,总会有收获~

我摊牌,笔试题这么做就完事儿了

回到正题 根据我们前面进行的竞品分析,总结归纳行业竞品的视觉风格,提取情绪版关键词:聚焦 / 简洁 / 高效

我摊牌,笔试题这么做就完事儿了

品牌色 follow 行业心智,在常见B端产品选取蓝 / 青两个色相进行优化;选取暖色相橙色作为高亮辅助色引导操作。

我摊牌,笔试题这么做就完事儿了

最终主视觉

我摊牌,笔试题这么做就完事儿了

PS.这里我先简单的说下思路,之后会写一篇详细的视觉风格确定方法哒~

我摊牌,笔试题这么做就完事儿了

当我们完成主视觉之后,需要输出一个设计方案说明(PPT登场~),一个好的方案说明可以为答卷起到锦上添花的作用,需要有以下几个模块:

  • 设计目标
  • 竞品分析:一页就足够,表示一下你是有做足功课的
  • 风格定义:风格、颜色、字号等可以放到一起展示
  • 视觉展示:找到合适的样机,目的是展示作品,不要用一些角度清奇,歪得看不清主视觉的样机嗷

我摊牌,笔试题这么做就完事儿了

如果时间还很充裕,可以输出一个交互动效视频充分展示你的能力,让面试官眼前一亮直呼“有点东西!”(这部分一定要在视觉方案已经成熟的情况下再去做,不然地基没打好垒得再高也没用嗷~)

最终输出一份方案说明,pdf格式为佳。

我摊牌,笔试题这么做就完事儿了

这份设计说明可以共享给大家,文首/文末下载即可。

欢迎关注作者微信公众号:「柚子皮的设计笔记」

我摊牌,笔试题这么做就完事儿了

文件名 如何下载使用 文件大小 提取码 下载来源
设计说明书PDF6M2333 点此复制 登录下载
收藏 143
点赞 28

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。