大家应该都注意到了年后的两个月各行各业的人才都在骚动着,很多公司开始扩大扩大团队招收人才,所谓金三银四的招聘季到了。所以无论是刚要找工作的或者是准备跳槽的同学可要抓紧住机会了。好了,我们该说正题了——测试题。
没错,对于设计师来说,不仅要面试,还有笔试,而笔试题中最多的要属改版设计(APP、PC端或WEB端)。通常公司会选择界面的主页进行改版设计,发到面试者的邮箱,届时很多拿到测试题的同学都会立刻埋头苦干一番,忽略了改版的真正目的,而只专注于视觉上呈现。未能真正get到测试题的考点而错失良机。我们到底该如何面对改版测试题呢?怎样才能达到考官的预期呢,接下来我会分六个关键步骤告诉大家拿到测试题后改如何思考和改版。
一、改版的前期准备(竞品分析)
人们常说:知己知彼,才能百战不殆。当我们拿到改版测试题时,如果是线上产品改版,请务必下载该APP和同类型APP中的佼佼者进行简易的竞品分析(考虑到竞品分析时间过长,所以可以选出几点来做对比分析)。通过线上优秀应用来对比测试界面中存在哪些不足,例如:按钮可点击范围是否合理,图片比例是否统一,字体的用法是否恰当等。此外我们还要了解同类APP设计趋势,这样才能明确改版的方向和目的。
重点:竞品分析可以说是改版思路的前期准备,同时也是我们改版行动上的前期准备,因为竞品分析的素材就是很好的参考素材。
二、整体页面模块的主次关系(功能性)
上面我们提到的是对同类型的界面进行分析,接下来我们要对测试界面的布局模块进行主次排序,对于设计师来说这一步很重要,同样的模块摆放到不同的位置设计差别的是很大的,所以我们要通过进行模块的重新搭建(如果测试界面的主次关系明确则不需要强行变动),把每个模块的主次关系确定下来,说到这里可能有的同学会问如果是极其不重要的模块该怎么办呢?遇到这样的问题我们可以将附功能区进行弱化,对于不主要的功能可以选择隐藏到下拉或弹窗中,但不可以随意去掉。确保改版后的界面不造成过大的学习成本。例如测试界面中的分类为6个,就用户点击体验和界面效果而言摆放5个才是最好的,那么我们该怎么解决呢?(如下图)那不要直接去掉原有分类,我们可以增加一个更多选项,把其他的分类隐藏掉。
三、规范界面内容(字体,风格,颜色)(细节)
把测试界面进行规范化,其实一个界面需要规范的东西有很多,这里不一一说明了,以后有机会我会单独码一篇讲规范的文章。下面我选出了最重要的三点来分别和大家说说。他们分别为:字体,风格,颜色。
1.字体的规范性
我们需要对测试界面中的字体字号和颜色进行统一归类
1)测试界面的字号大小就有24、26、28、32等这么多种,用户在阅读会显得很乱,同时也不存在明显的主次差异。(如下图)
此处题外话,对于APP字体字号的运用我通过临摹线上作品找到了些规律,就是字号与字号之间的变化都是4px的倍数关系(仅供参考)。
2)文字的层级问题(如下图):标题、内容、不重要文字、特殊文字等进行规范化,该强调的要进行强调,该弱化的也绝不含糊(不清楚这里的同学可以去看看关于格式塔原理解读),合理的优化用户对阅读文字时的体验。
2.风格的一致性
风格统一可以说可大可小,大到涉及整个页面的统一性,如页面整体风格为圆角弥漫效果或者是直接扁平化,不要有一个页面有多种风格的元素出现。(如下图)
小到一个图标或一个控件样式的统一,例如页面中图标用的是线性图标(线性图标需要注意每个图标用线的粗细是否一致)还是实心图标(实心图标需要主要都是纯色图标还是渐变图标)等,额外提到一点就是图标的认知性,一定要设计简单易懂的图标,可以减少用户对图标的学习成本。
3.颜色的统一
明确APP的主色,如淘宝LOGO为橙色,界面的主色则为橙色;京东LOGO为红色则界面主色为红色。所以我们在对测试界面进行改版时,需要先了解品牌颜色,再根据品牌色去选择对应的APP主色,颜色最好不要变化过大,影响用户对APP的品牌认知。
四、去留(选择部分进行修改)
对于改版测试可能很多同学认为改的面目全非才好,其实不然,真正的改版设计是要有真实的依据,如果是更改线上稿的设计,我们最好要慎重的更改,有些模块的用户体验本身就是极佳的,我们不需要做太多的改动,只要把其按自己的风格进行规范即可,不易大动干戈,画蛇添足。
五、进行改版说明
通常我们改版后会以邮箱的形式发送回去,如果我们没有明确的改版说明,可能会觉得我们仅仅是为了视觉和个人偏好的更改,降低了改版后的可用性。所以在我们改版后,一定要对每一处的更改进行说明标注,描述出自己的设计理念和思路。这样可以更加有效的说服看稿人。总之改版设计不可以只是凭感觉,要做到有理有据才可以。
六、发给身边的朋友进行评价
如果自己不能确定最终的改版是否成功,我们可以把改版后的方案和原图发给你身边的小伙伴,这里我们可以分为两部分群体,专业人士:可以很好的提供对界面设计上的建议,提高页面质量。非专业人士:他们更像是你的用户群体,没有对专业知识的偏见,仅仅凭借自己的体验作出判断,帮助你检查更改后的部分是否和我们更改初衷相吻合。
总结
互联网产品的节奏特点就是小步快跑,不断迭代优化,因此产品改版是很常见的情况。所以也就有了改版测试题的出现。这里我们一定要知道改版不是追逐设计风格,也不是所有app都适用于最流行的设计风格,更不是只要把页面改的好看就算成功的改版。其实改版很简单,只需要做好两件事:发现问题,解决问题。如果你的改版可以解决目前app存在的问题,那么你的改版就是成功的。所以明确测试页面存在的问题才是大前提,切勿急于求成,同时也希望在金三银四的浪潮中都可以找到自己满意的工作。