快捷有效的设计原则对照表
设计原则对应表11个原则,教你轻松提升设计质量,还能帮助团队统一话语体系与判断标准,提升设计判断力。

在互联网产品设计中,我们都提倡简洁高效的设计原则,对应到C端产品,就是要求信息的传递要简洁高效,对应到B端产品的要求就是操作流程要简洁高效;
界面架构简单明了,导航设计清晰易理解,通过界面元素的综合表达就能让用户清晰地知道操作方式,不让用户在学习使用过程中有负担,这样更容易准确的表达产品目标和价值,帮助用户实现目标。
在产品设计中,产品界面、使用情景、用户操作等都会影响用户对产品的体验。
那么,如何从整体角度去评价一个产品设计的好坏,或者是在工作中如何快捷有效的衡量自己的设计质量,有没有一个合适的客观标准?
通常我们都是站在自身的角度去看待去评价,缺乏全局性,因此我们在设计的过程中应遵循一定的原则,避免设计者片面的根据自己主观认识对产品做出抉择。设计原则对应表基于心智模型应用的准则,让设计师可以进行设计方案依据的判断,从而提升设计输出质量。
下面是一套比较客观可验证的方法👇,UI和交互都可以适用哦,有用记得收藏❤️

1、简洁高效
1.1吸引注意——重点信息清晰明确,可快速被获取
举例:支付宝——支付结果页,关于支付信息的新旧版对比,旧版的支付信息层级多,区分不清晰,重点不突出,信息获取效率低,新版的支付信息通过背景区分,字体颜色字号大小调整,简化了信息层级,在有其他业务导流的情况下,重点信息依然突出且明确。

1.2简洁易懂——信息表述准确避免歧义,如无必要勿增实体
举例:
京东金融-持仓页-持有列表,应该是指用户已购买的产品,但是还展示了未购买的产品,实际是产品为了给其他业务进行引流而展示的,但信息表述上标题与内容不符,有歧义;
度小满-我的页-总资产,也包含了已购买和未购买的产品,但将未购买的产品按照零金额处理,统称为总资产,表意准确无歧义;
招商银行-账户页-账户总览,资产类别的总金额信息重复,违背了如无必要勿增实体的原则,并且信息的重复性展示,使重点信息不突出,分散用户焦点;

1.3简洁易懂——信息表达能映射物理世界,符合现实世界的认知习惯
举例:
美团单车-故障提交页,单车零部件展示与车体结构关联性强,帮助用户准确聚焦损坏位置;
美团单车-单车定位页,地图中禁停区域样式,容易与在建道路,施工路段产生混淆;

1.4简洁易懂——信息呈现样式精简,可降低干扰
举例:
马蜂窝-首页,信息类型虽然较多,但设计样式简洁,降低信息干扰;
携程-首页,信息类型较多,设计样式复杂不够精简,视觉元素较多,增加了信息干扰;

1.5简洁易懂——信息逻辑一致,表达准确,遵循亲密,对比等版式原则
举例:
高德地图-路线规划,选择交通方式之后的路线规划方案展示样式保持一致;
美团-火车列表,在抢票页和订单页当中,列表样式不一致;

2.易用
2.1操作流程——完成目标的操作步骤越少越好(减少键盘输入/缩短操作路径/制定快捷方式/提供内容推荐/给予批量操作等)
举例:
微信-群接龙,微信新增了群接龙功能,进行接龙的成员只要点击“参与接龙”就可以自动将前面接龙的信息带入,包含顺序号,人员姓名,还可以编辑接龙信息,不用将信息进行复制,粘贴,换行,输入,不但提供了快捷方式,还减少大量信息输入的操作,缩短操作步骤;

2.2操作流程——完成目标的相关操作间的轨迹越短越好
举例:
美团买菜-新增收货地址页,填写地址时的操作轨迹,新版比旧版操作轨迹短;

2.3操作流程——操作热区的设置合理,避免误操作
举例:
微信-钱包-零钱热区,整行列表都是热区,容易点击,且不会发生误操作;
脉脉-首页-搜索热区,搜索icon为热区,右侧是编辑热区,其它是下层帖子的详情热区,容易误操作;

2.4反馈合理——反馈及时明确,有容错机制
举例:
美团外卖-支付失败提示,告知用户支付结果及原因,并且给予相应的解决办法,协助用户完成支付流程;
美团金融-支取失败提示,虽然有告知结果,但是并没有说明原因及解决方案,且文案信息难以理解,给用户造成困扰,没有帮助用户完成支取任务流程;

3.友好
3.1减少打扰——不做过度提示,挽留,推荐
举例:
拼多多-支付完成提示,用户支付完成回到拼多多,有拼单成功的提示,其它只做了两种路径的引导,没有过度的引导用户完成其他任务,提示看清来清晰明确;
考拉海购-支付完成页,把支付完成提示做的很重,希望在一个购买任务流程结束后,对用户进行分流,但是页面推荐信息和可点击区域过多,分散用户焦点,打扰用户;

3.2视觉美观——视觉设计有品质感,能体现产品特质
举例:
度小满-资质背书介绍页,信息设计分类清晰,利用图形做辅助,增加科技与设计感,传达出产品特质;
拼多多-资质背书介绍页,信息设计和展现样式简单,没有图形或配色设计,缺乏品质感;

除此以外,在设计过程中还应对照产品目标,当产品需求侧重点不同时,我们的设计侧重点也是不同的,比如说,
业务目标高优——不损害用户体验,保证用户目标可实现的情况下,设计原则以实现业务目标优先,
用户目标高优——用户目标是设计原则侧重点,以实现用户目标为主,业务目标为辅;
设计师通过产出的项目,自身与设计原则对齐,发现问题,优化问题,达到设计原则熟记于心,并在设计过程中逐渐学会应用;通过原则的理解应用,提升大家设计过程中质量把控,统一话语体系与判断标准,提升设计同学的判断力。
产品的多元性使每一个产品在设计中需要考虑的点是不同的,因此需要采取的方式方法也不一样,所以切勿在实际的工作过程中生搬硬套一些原则,而是要学会在遵循设计原则的基础上灵活的选择和处理,慢慢沉淀出适合自身产品的设计原则。
感谢阅览至此的小伙伴,希望大家有所收获,为自己的努力点个赞👍吧!
关注我👀 不定期更新!



















































































