系统界面标准及规范---优化版

《系统界面标准及规范---优化版》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、系统界面标准及规范V1.02017.05目录1.规范说明31.1目的31.2原则32•界面设计理念32.1易用性32.2安全性42.3美观与协调性52.4一致性102.5效率132.6容错性143.控件通用规范143.1默认值143.2必填项163.3提示语183.4界面传递203.5输入框213.6新增233.7编辑233.8删除241•规范说明1.1目的以用户为中心，将用户体验细化到具体的可执行的耍求，建立界面设计理念及界面布局的通用规则及要求，提升系统公用组件复用度及用户体验，从而提高用户工作效率。1.2原则平衡原则：保证上下左右平

2、衡，不要堆积数据；保证字体的选择和大小保持一致；预期原则：屏幕上所有对象，如窗口、按钮、菜单等处理应一致化，保持清晰一致的页面设计，所有界面的风格以及具有相同含义的术语保持一致；顺序原则：对彖显示的顺序应依需要排列，最小化用户记忆和寻找的成本；规则化：显示命令、对话及提示行在系统的设计中尽量统一规范；易用原则：界面应该简单、易于学习、且易于使用；保持界面能很快对用户操作做出反应；美观原则：美观是系统界面的重要部分，可视属性提供了非常好的印象，是传达特定对象的交互行为的重要线索；2.界面设计理念2.1易用性•可写控件检测到非法输入后程序应给

3、出说明，自动获得焦点；•复选框和选项框按选择几率的高低而先后排列，如图2.1-1；平台・・・▲1QAmazonNeweggEBayAliexpressWishACMVAPETHZYLazada图2.1-1•界面空间较小时使用下拉框而不用选项框；•按钮名称用词准确、易懂；•系统给予的提示、警告或错误说明应该清楚、明了、恰当；•如程序处理一些需要较长时间才能完成的操作时，系统应给予诸如“读取中…”的提示信息（避免用户怀疑程序是否己经“挂了”，或者验证鼠标是否正常而疯狂点击）；•当对列表进行数据操作，系统运行读取结果后，界面应停留在被操作的数据

4、所在页。2.2安全性•对可能引起致命错误或系统出错的输入字符（如：数量、金额）或动作（如：审核、删除）要加限制或者屏蔽，如图2.2-1；除）要加限制或者屏蔽，如图2.2-1；图2.2-1•对可能发生严重后果的操作要有补救措施，通过补救措施用户可以冋到原來的正确状态；（如：财务管理的撤审功能）2.3美观与协调性•列宽的设计要合理，如图2.3-1/2；□•；AMR>8-a■CBKWCKKVCaKWS±3an5^320H>061320M061；20U-06-162014^61)»20U^6B120140616052014^162014^1620

5、18^16■fYSttAK«HN•■审■人BZ«H人SMMi<2)OMMW材二2014*16ShBQ20Mgl66*420U-O6-I6图2.3-1[«■■■B«JI0■■■■-nor•上=W-w^IRFOMMMB■■MMQ101$-05re2096132S6M253649S27t2559O20B-0A224SO67.I0X]14«$29»M5»777O7«Sn42*266}O2O1S-O7re3775986S19%527OOJ674®%94226US75763%24»SQZ01SXJS二。2U198101021-42m6016219S7

6、3615%2t)SQ2015-09re190575266317•11.51%S71883S6494%3001D201M0ce216073133»29S00IH•«647S4SS11673X3089□201M1re240i291146S32U3B10.1$«713601924690X2963S20IM2ce20S588•146K29SCS4•10.11*430374943•11M%)0MO201Mlce2JS191IStMJ4WS9itei«7O2SO1554114W29SI5101c«22051$aaoo«$aMt<47071•

7、1图2.3・2（反例■列宽欠合理）•布局要合理，不宜过于密集，也不能留白过多，合理地利用空间，如图23-3/4；添加关闭图2.3-3图2.3-4（反例■留白过多）•界面各输入框长度切忌参差不齐；如图2.3-5/6；查询栏各输入框应保持在同一水平线上；如图2.3-7；图2.3-5图2.3-6（反例）图2.3-7（反例-输入框不在同一水平线）尽可能简洁用户界面：突出重要的功能，隐藏复杂的，不常用的功能，如图2.3-S/9；图2.3-8图2.3-92.4一致性•新增页而、搜索栏、打印、导入导出模板与列表各字段名称应保持一致；•同系统从头至尾的外

8、观、行为、操作应该是一致的。（添加功能对应“添加”和“关闭”按键、编辑功能对应“保存”和“关闭”按键、删除功能对应“确定”和“取消”按键），如图2.4-1/2/3；图2.4-1图2.4-2nm