B端UI界面交互设计规范概述(上)
B端UI界面交互设计规范是什么?今天小编就给大家简单总结一下,仅是个人观点,也是个人工作复盘,欢迎各位补充意见。
概述
1. 前言
最近负责参与编写了公司的《B端UI界面交互设计规范》,主要对用户与产品交互的各个方面做了相关的描述,为B端产品的用户界面提供了规范与指导。
2. 目标
《B端UI界面交互设计规范》为通用性质,用于指导与约束B端UI开发。
在UI界面开发过程中,给各产品相关开发人员提供统一的规范与指导,提升了沟通效率,保证了产品界面的最终规范化的实现效果。
通过规范保证了较好的体验方式并可在公司内部进行复用:提升了开发效率,降低了UI开发成本,提高了产品UI品质。
保持了B端各模块UI界面外观与操作行为的一致性,加强了产品品牌化特征。
3. 适用范围
本规范适用于B端所有产品,用于约束产品UI界面信息、操作交互、通用组件等相关内容,适用于产品经理、产品交互人员、产品UI设计人员、产品开发、测试人员。
4. 基本原则
本规范相关行为交互约束基于UCD相关方法论,参考尼尔森(Jakbob Nielsen)提出的十大可用性原则进行设计:
1)状态可见性原则
用户在页面上的任何操作,无论是单击、滚动还是按下键盘,页面应及时给出反馈。其中”及时“是指,页面响应事件小于用户能够忍受的等待时间。
2)环境贴切原则
页面一切表现和描述,应该尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),而不要使用世界第二的语言。
3)撤销重做的原则
为了避免用户的误用和误击,网页应提供撤销与重做的功能。
4)一致性原则
使用同一用语、功能、操作保持一致,同样的语言、同样的情景、操作应该出现同样的结果。
5)防错原则
通过页面的设计、重组或特别安排、防止用户出错,比出现错误信息提示更好的是更用心的设计防止这类问题发生。
还有另外的5大原则,由于篇幅原因,下篇文章继续给大家介绍,同时还会给大家整理UI交互通用规范,感兴趣的话继续去看看吧!
以上就是“B端UI界面交互设计规范概述(上)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
概述
1. 前言
最近负责参与编写了公司的《B端UI界面交互设计规范》,主要对用户与产品交互的各个方面做了相关的描述,为B端产品的用户界面提供了规范与指导。
2. 目标
《B端UI界面交互设计规范》为通用性质,用于指导与约束B端UI开发。
在UI界面开发过程中,给各产品相关开发人员提供统一的规范与指导,提升了沟通效率,保证了产品界面的最终规范化的实现效果。
通过规范保证了较好的体验方式并可在公司内部进行复用:提升了开发效率,降低了UI开发成本,提高了产品UI品质。
保持了B端各模块UI界面外观与操作行为的一致性,加强了产品品牌化特征。
3. 适用范围
本规范适用于B端所有产品,用于约束产品UI界面信息、操作交互、通用组件等相关内容,适用于产品经理、产品交互人员、产品UI设计人员、产品开发、测试人员。
4. 基本原则
本规范相关行为交互约束基于UCD相关方法论,参考尼尔森(Jakbob Nielsen)提出的十大可用性原则进行设计:
1)状态可见性原则
用户在页面上的任何操作,无论是单击、滚动还是按下键盘,页面应及时给出反馈。其中”及时“是指,页面响应事件小于用户能够忍受的等待时间。
2)环境贴切原则
页面一切表现和描述,应该尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),而不要使用世界第二的语言。
3)撤销重做的原则
为了避免用户的误用和误击,网页应提供撤销与重做的功能。
4)一致性原则
使用同一用语、功能、操作保持一致,同样的语言、同样的情景、操作应该出现同样的结果。
5)防错原则
通过页面的设计、重组或特别安排、防止用户出错,比出现错误信息提示更好的是更用心的设计防止这类问题发生。
还有另外的5大原则,由于篇幅原因,下篇文章继续给大家介绍,同时还会给大家整理UI交互通用规范,感兴趣的话继续去看看吧!
以上就是“B端UI界面交互设计规范概述(上)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。