界面设计规范
北京/UI设计师/4年前/244浏览
版权
界面设计规范
作为设计师的你,
是否会在一些设计细节上疏漏犯错,踩坑被吐槽?
是否总遇见相似需求,一遍又一遍地重复设计浪费精力?
是否发现每个产品对于相同的场景也各执一套方案,难以培养用户的习惯?
其实这些问题是每个设计师都在面临的,而今天我们就要解决这个问题。苹果首席设计师Jonathan Ive说过:“意味深长与历久弥新之美,蕴涵于简约之中,于清晰之中,于高效之中。真正的简约远不止是删繁就简,而是在纷繁里建立秩序。” 因此,解决这些问题的方案就是为网易的设计“建立秩序”。

设计规范目标
统一产品体验,降低用户学习和认知成本
用户接触产品的第一印象。公司产品注册入口、快捷登录入口、找回密码等入口的位置和表现样式都不一样。无形地增加了用户的学习成本。通过交互规范将通用的场景和元素统一起来后,短期效益是能够降低用户的学习和认知成本,提升使用体验;长远来看,还能够塑造更加深刻公司品牌形象。
帮助新人快速上手,避免犯错,保障产品质量:对于一个新人设计师来说,很难把所有的错误情况考虑完整,通过设计规范,新人在初期通过参照规范进行设计,既可以快速学习、避免疏漏,以最小的试错成本和时间成本抹平和资深设计师之间的鸿沟;又可以保障公司产品质量。
减少重复工作,提高设计师及整个团队工作效率:公司产品线未来发展,每个产品除了独有的业务功能外,还会衍生风多需求模块:在没有统一规范的情况下,每个产品的设计师都需要分析需求、列举使用场景、梳理交互设计流程、设计表现样式、撰写细节以设计出一套完整的解决方案。
统一产品体验,降低用户学习和认知成本
用户接触产品的第一印象。公司产品注册入口、快捷登录入口、找回密码等入口的位置和表现样式都不一样。无形地增加了用户的学习成本。通过交互规范将通用的场景和元素统一起来后,短期效益是能够降低用户的学习和认知成本,提升使用体验;长远来看,还能够塑造更加深刻公司品牌形象。
帮助新人快速上手,避免犯错,保障产品质量:对于一个新人设计师来说,很难把所有的错误情况考虑完整,通过设计规范,新人在初期通过参照规范进行设计,既可以快速学习、避免疏漏,以最小的试错成本和时间成本抹平和资深设计师之间的鸿沟;又可以保障公司产品质量。
减少重复工作,提高设计师及整个团队工作效率:公司产品线未来发展,每个产品除了独有的业务功能外,还会衍生风多需求模块:在没有统一规范的情况下,每个产品的设计师都需要分析需求、列举使用场景、梳理交互设计流程、设计表现样式、撰写细节以设计出一套完整的解决方案。

设计规范原则
一切操作都给予明确的反馈——即:状态可见原则:
1、避免逻辑没有闭环(一切页面都需要有特殊情况下的处理,也就是我们设计的空状态、加载状态、Toast提示弹框等)
2、操作反馈和处理反馈在一些比较重要或者敏感性操作时,除了操作后的反馈之外,处理之后的反馈同样重要
交互方式的一致性——即:一致性原则:一致性容易让用户在使用产品的过程养成一些固有的习惯,减轻用户的认知负担。所以我们在做设计时,需要多去思考产品本身所能产生的价值,而尽量少地去更改设计习惯,只追求设计上的差异化,只会适得其反)
让用户知道当前所处的位置——人性化帮助原则:
1、复杂交互流程给予明确,提在一些比较复杂的多流程交互页面,要让用户了解剩余还有几步
2、区分“操作中”和“已完成操作”的反馈(例如我们用App订餐时,一般选餐中都是可以返回的,因为没有做什么决定性的操作,而如果我们订完餐付完款之后的那个页面就应该是“完成”页面,而不是“返回”页面,“返回”页面会让用户感觉这个流程还没有走完,尤其提交完订单付完款之后返回,会让用户以为还可以返回到付款页面再付一次款,这种交互会让户感觉没有闭环)
一切操作都给予明确的反馈——即:状态可见原则:
1、避免逻辑没有闭环(一切页面都需要有特殊情况下的处理,也就是我们设计的空状态、加载状态、Toast提示弹框等)
2、操作反馈和处理反馈在一些比较重要或者敏感性操作时,除了操作后的反馈之外,处理之后的反馈同样重要
交互方式的一致性——即:一致性原则:一致性容易让用户在使用产品的过程养成一些固有的习惯,减轻用户的认知负担。所以我们在做设计时,需要多去思考产品本身所能产生的价值,而尽量少地去更改设计习惯,只追求设计上的差异化,只会适得其反)
让用户知道当前所处的位置——人性化帮助原则:
1、复杂交互流程给予明确,提在一些比较复杂的多流程交互页面,要让用户了解剩余还有几步
2、区分“操作中”和“已完成操作”的反馈(例如我们用App订餐时,一般选餐中都是可以返回的,因为没有做什么决定性的操作,而如果我们订完餐付完款之后的那个页面就应该是“完成”页面,而不是“返回”页面,“返回”页面会让用户感觉这个流程还没有走完,尤其提交完订单付完款之后返回,会让用户以为还可以返回到付款页面再付一次款,这种交互会让户感觉没有闭环)
0
举报
声明
1
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
推荐登录即可同步推荐记录哦
1登录即可加入我的收藏
评论登录即可评论想法
分享分享

















































































