来源:优设 作者:尤原庆
最近很多设计师小伙伴问我关于设计标准的问题,例如产品设计的一致性、容错、简洁、重视内容等。在这些问题中,我发现大家思考设计标准的维度都有一些偏差或者不完整,所以今天想把一些自己如何思考设计标准的粗浅想法记录一下,希望对大家有一些帮助。
1,设计标准的重要性
首先讲一下设计标准的重要性。我们在产品设计过程中,经常会遇见这样的问题,“如何评估现在产品的用户体验设计质量”,“如何证明这次改版后用户体验设计质量提升”,“如何证明设计团队在这个产品关键数据提升中体现的设计价值”,等等。当然,商业价值体现、产品成功、用户反馈、数据验证等,都可以成为我们评判产品用户体验设计质量的关键参考点,但是我觉得设计团队应该有一个统一有效有公信力的设计标准,并以这个标准为主导带动团队进行设计工作。这个设计标准应该是根据团队对应业务进行定制,且同时符合用户体验设计主流标准和趋势的。这个设计标准可以帮助设计团队拉通设计目标,提升设计团队整体专业能力;可以帮助业务团队更充分理解用户体验设计,有专业化的用户体验设计思考维度,提升业务团队与设计团队的合作效率;可以帮助客户更了解产品设计的过程与用户体验设计价值点,提升客户对产品的理解度和欣赏度。
设计标准好处很多,可以用于指导、自测、专家测试、现状分析、改版验证、趋势分析等产品设计关键任务中,所以设计标准大家团队应该都有一套。设计标准建立并不难,但是在真实项目中落地、迭代、升级需要设计师们用心去做,推动起来需要设计团队的设计信用和设计地位足够高。一套设计标准的建立、丰富、推广,需要设计团队花不少心思。
我们团队的设计标准是公司内部材料,不能对外分享。不过有了基本思路,我相信大家都能建立一个初步版本的可以帮助自己设计产品或者支撑业务的设计标准。:)
2,设计标准的思考方式
虽然不能分享我们团队的设计标准,但是我可以分享一下自己对设计标准的思考方式。工作这么久,思考维度已经开始多样丰富化,我尝试简单从3个维度来分析理解一个设计标准,之前知乎有一个问题邀请我回答什么是用户体验设计的一致性,今天我就以一致性这个设计标准来举例子。
a. 宏观维度
首先,思考一个设计标准的第一步,应该从宏观维度来思考。什么是宏观维度呢?我理解是在界面和基本流程之上的信息架构维度、产品形态维度、业界生态维度、商业维度等方面。
思考一致性,我们可以尝试思考以下问题:
整个产品的信息框架是否完整有效一致?产品整体信息框架下的各个小模块框架是否具有框架维度的一致性?例如一致传递高效率操作的思路,例如打薄层级的做法,例如内容第一的设计态度等。
产品形态维度是否具有一致性?例如产品整体视觉风格,例如交互设计关注的用户聚焦掌控性,例如动效设计体现的用户操作指导性等。产品形态的一致性,应该是从信息架构层一直贯穿到元素层,保证整个产品的每个使用场景都是一致有效的。
产品是否能与业界生态一致?例如产品的核心功能哪些是突破式创新应该不一样,哪些是需要符合大众用户心理模型的场景设计需要一样;例如每一款手机都可以拍照,如果我们要做一部不能拍照的手机是不是要思考好再行动?这些点都需要考虑清楚,因为用户在真实世界中使用大量产品,他们的心理模型和行为模式是大众式的,我们的产品形态需要在很多领域符合业界趋势,保证产品对用户的亲和力。
产品的商业与设计结合性是否足够一致?例如一个免费的游戏,通过游戏内消费来盈利,那么整个产品在设计如何引导用户消费、如何运营等方面,都要在商业思考维度有一致性,这样才能帮助产品商业结果最优。
这是以一致性为例子的宏观维度思考。宏观维度的一致性,帮助产品把控大方向,帮助业务团队和设计团队建立对一个产品的全局把控能力和质量约束能力,帮助设计师控制产品整体信息框架、视觉风格、品牌传达能力等,帮助商业模式在产品中得到一致性推动。
b. 界面与流程维度
其次,需要思考界面与流程维度的一致性,这个思考模式很容易理解。
界面维度,交互设计的界面布局、聚焦方式、轻重缓急、讲故事方式等是否一致;视觉设计的风格设定、视觉效果、感染力、品牌传达能力是否一致;动效设计的一举一动、意义表达是否一致。
流程维度,产品在各线操作流中,是否提供给用户一致的流程体验。产品流程设计应该让用户在整个产品使用过程中感受到自然、容易理解、复用经验效率高等好的感受,而不是别扭、效率低、同样操作带来不同结果等不好的感受。
这是以一致性为例子的界面与流程维度思考。界面与流程维度的一致性,帮助产品整体成型、一致有效,帮助产品实现界面风格统一,帮助用户在使用产品过程中轻松愉悦。
c. 元素维度
最后不能忘记元素维度的一致性,这个思考模式也不难理解。
例如交互的控件,需要统一穿透整个产品,一个筛选器、一个拖动条、一个树形结构打开方式等等,都要有产品全局的一致性,这样的一致性在越大型产品中体现的意义越大。
例如图标的一致性,一个视觉风格,一个表达逻辑,贯穿产品,一目了然。
例如一个下拉动效的一致性,一个转场动画的一致性。
例如用词方式的一致性,“确认”还是“确定”,“您”还是“尊敬的用户”,第一人称还是第三人称,一个产品要拉通。
这是以一致性为例子的元素维度思考。元素维度的一致性,帮助产品的每个局部细节都清晰一致,多维度多细节的一致性极大提升产品的精致性,提升产品质量,提升用户使用产品的愉悦度。
一致性的分析只是开始,,设计师小伙伴们可以用这个思考方式去分析其它设计标准。过程不同,结论不同,但是思路是通的。
这个思考方式也只是开始。从宏观、界面流程、元素开始思考(这3个思考维度相互会有重叠,请设计师小伙伴们自己把握归类方式),只能代表设计师开始从一个产品的整体、局部、单点开始分解思考产品设计,后续还需要根据产品商业形态、业务功能、用户需求等去调整思考方式,边设计边验证边反思,这样才能用较为深入的思考方式来做一个漂亮的产品、舒服的产品、让用户能开心的产品。