系统开发UE_UI规范.docxVIP

系统开发UE/UI规范UED规范背景3UED重要性3UED概述3UED要素5UED与软件应用5用户为中心5UI开发流程6遵循的基本原则6易用性7鼠标与键盘一致性8尽量遵循可不用鼠标的原则：应用中的功能只用键盘也应当可以完成。但是，许多鼠标的操作，如双击、拖动对象等，并不能简单地用键盘来模拟即可实现，此类操作可适当增加操作按钮。8系统响应时间原则8出错信息和警告原则9信息显示原则9数据输入原则9合理性原则9美观与协调性原则10界面设计规范11Web规范体系介绍26APP指导性规范26首页26颜色方案29基础色29文字规范30字体字号30文字表达31字体规范31基础色-标题字体31UI效果规范-控件-基础色32应用图标32按钮35列表35动态效果36弹出框36标注37UED规范背景??设计出来的界面风格一致化，会使开发编码人员相互之间开发更轻松。遵循统一的操作规范，以标准化的方式设计界面，会大大的提高工作效率，减少和改变责任不明，以及任务不清和由此产生的信息沟通不畅、反复修改、重复劳动、效率低下的现象。??? 产品设计通过规范的方式来达到以用户为中心的目的。备注：可以请参考原型范例https://modao.cc/app/7XCRsMqM7L5B51yQnLPzUED重要性UED概述用户体验（user experience）是以用户为中心的设计中最重要的一个部分，强调的是过程，是软件对用户行为产生的反应与用户期待值要尽可能的一致。糟糕的用户界面表现：? 表现一：过分使用各种奇形怪状、五颜六色的控件。? 表现二：界面元素比例失调。比如按钮巨大无比，其尺寸甚至超过显示重要内容的文本框的界面。?? 表现三：界面元素凌乱。比如说，按钮和文本框摆放地点随意，该对齐的控件对不齐。? 表现四：违背使用习惯。你按F1，它没有弹出帮助，却执行了一件绝对出乎你意料的动作。?? 表现五：消息框信息含糊、混乱。比如软件弹出一个消息框。把原本“确定”和“取消”写成为“是”和“否”，让用户不知道什么意思。? 表现六：还有一种糟糕的用户界面，乍一看很厉害，实际上完全是缺乏规划的结果。这种软件本身的确提供了比较复杂的功能，但对于哪些是常用功能，哪些是很少用到的高级功能，缺乏评估。什么功能都往界面上挤，占地方不说，用户会厌烦，弄不好还会被吓跑。?UED要素?UED与软件应用面对大量的选择，用户只能自己想办法，去决定哪一个软件系统功能会符合她的要求。企业开始意识到，提供优质的用户体验是一个重要的、可持续的竞争优势。用户体验形成了客户对企业的整体印象，界定了企业和竞争对手的差异，并且决定了客户什么时候还会再次光顾。用户为中心在开发产品的每一个步骤中，都要把用户列入考虑范围内，需要做到以下几点：?● 考虑用户体验?● 把它分为各个组成要素?● 从不同角度来了解它?通过这些才能确保你控制的决策所造成的全部结果，用户体验很重要，最大的理由：它对你的用户很重要。协调一致，直观明了，会让人有一次愉快的体验。UI开发流程遵循的基本原则UI设计需要遵循以下原则：显示信息一致性的原则以用户为主导原则易用性原则鼠标与键盘一致性原则系统响应时间原则出错信息和警告原则信息显示原则数据输入原则合理性原则美观与协调性原则显示信息一致性??无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用应用系统。这样得到的好处：??用户使用起来能够建立起精确的心里模型，使用熟练了一个系统界面后，切换到另外一个系统界面能够很轻松的推测出各种功能。??降低培训、支持成本，支持人员不用费力逐个指导。??给用户统一感觉，不觉得混乱，心情愉快，支持度增加。以用户为主导??明确用户是所有系统处理的核心，不应该有应用程序来决定处理过程，所以用户界面应当由用户来控制应如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。易用性用户不用查阅帮助就能知道该界面的功能并进行相关正确的操作。完成相同或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab默认按钮要支持Enter操作，即按Enter后自动执行默认按钮对应操作。可写控件检测到非法输入后应给出说明并能自动获得焦点。复选框