系统界面设计规范
- 格式:docx
- 大小:16.41 KB
- 文档页数:5
界面设计规范界面设计规范是指在进行软件、网页或移动应用界面设计时,需要遵循的一系列设计原则和标准。
其目的是为了提高用户的使用体验,使界面更加美观、易懂和易用。
下面就是关于界面设计规范的一些建议,一共有1000字。
1. 一致性:界面设计应该遵循一致的风格和布局,使用户在不同的界面中不会感到困惑。
按钮、图标、字体等元素的样式应该保持一致,界面的交互方式也应该符合用户的习惯。
2. 简洁明了:界面应该尽量简洁明了,不要过分注重细节和装饰。
多余的信息和功能会让用户感到困惑和不适。
去除不必要的元素,使界面更加清晰易懂。
3. 可感知性:界面设计应该能够让用户感知到自己的行为是否已经被接受或响应。
例如,在点击按钮后,按钮的样式变化或页面的加载提示可以给用户一个即时的反馈。
4. 易扩展性:界面应该具有良好的扩展性,以便将来添加新的功能和模块。
设计时应该考虑到系统的可扩展性和灵活性,避免在后期改动时产生大规模的修改。
5. 易学性:界面应该易于学习和使用,减少用户的学习成本。
功能和操作应该容易理解和掌握,用户不需要花费太多的时间和精力去学习如何使用系统。
6. 导航与结构:界面设计应该能够清晰地展示系统的结构和导航路径。
用户能够方便地找到需要的功能和信息,不会感到迷失或困惑。
7. 可访问性:界面设计应该考虑到不同用户的特殊需求,如视觉障碍、听觉障碍等。
使用合适的字体和颜色,提供辅助功能等,让界面能够被所有人所使用。
8. 安全性:界面设计应该保证用户的信息和隐私的安全。
合理设计用户注册和登录界面,防止恶意攻击和非法获取用户信息的行为。
9. 反馈与帮助:界面设计应该提供适当的反馈和帮助功能,帮助用户更好地理解系统的运行状态和使用方法。
例如,合理地设置错误提示和帮助文档,减少用户的困惑和错误操作。
10. 响应速度:界面设计应该保证系统能够快速响应用户的操作,减少用户的等待时间。
减少页面加载时间和响应时间,提高用户的使用效率。
UI设计基本规范UI设计是用户界面设计的缩写,是一种以用户为中心的设计方法,旨在为用户提供更好的体验。
以下是UI设计的基本规范。
一、界面布局规范1. 界面要简洁明了,重要的内容要突出。
2. 工具栏、菜单、搜索框等常用的功能要放置在易于找到的位置。
3. 页面元素之间的间距要适当,不能太紧凑也不能太空旷。
4. 要保持页面风格一致,不要使用过多的颜色和字体。
5. 要遵循网格布局原则,使页面更加整洁。
6. 要考虑到不同分辨率的屏幕大小,对页面进行适当的自适应调整。
二、颜色规范1. 要遵循品牌、主题颜色,使整个网站或应用程序更具品牌特色。
2. 主色调要少用,辅色可适当增加。
3. 颜色要搭配得当,不能过于花哨或太单调。
4. 颜色要考虑到字体读取的易读性,尽量不使用亮度相同的颜色组合。
三、字体规范1. 要选择易读、合适的字体,不要选择太小或太大的字体。
2. 字体颜色要与页面的背景颜色相协调。
3. 字体要统一,避免使用过多的字体。
4. 要选择合适的字体组合,以确保页面整洁且易读。
四、交互规范1. 要使用易于理解的图标和按钮,使用户不需要花费太多时间就能理解功能。
2. 对于输入框,要提供明确的输入格式和错误提示。
3. 所有功能要易于找到,避免用户迷失。
4. 要将UI设计的元素设计成符合用户直觉的方式,使其更易于使用。
五、响应规范1. UI设计要优化响应时间,使用户界面反应迅速。
2. 对于复杂的操作,要向用户解释操作的目的和执行时间。
3. 对于需要大量操作的页面或应用程序,要在操作完成后提供反馈信息。
UI设计规范范文
一、总体介绍
UI(User Interface,用户界面)设计规范是一系列倡导和指南,用以确保在应用设计中满足用户需求,提升用户体验,保持一致的设计风格和完善的系统文档。
经过实践,发现将之应用于产品中,有助于提升应用的可用性,确保交互的一致性,减少设计团队的整合工作量,优化产品,提高用户的体验。
二、UI设计规范要求
1、针对不同系统、设备和技术,需要构建平台特定的UI设计规范;
2、设计应该简洁,易于理解和使用;
3、UI设计中应该合理使用不同的视觉元素,如色彩、字体、图表和动画;
4、注重用户体验,提升UI系统的可用性;
5、加强UI系统的稳定性,降低软件的出错率;
6、UI设计应能够及时应对新技术、新设备的变化;
7、规范应该使得多个设计师可以实现良好的用户体验;
8、应使用和比较相似的图形、结构和其他UI组件;
9、涵盖各种通用和行业特定的交互规则和元素;
10、UI设计中应考虑到用户功能的多样性,并考虑哪些操作有利于用户。
三、UI设计流程
1、定义交互模型:根据用户的行为,分析用户的使用需求,设计友好的交互模型;
2、确定UI原则:确定交互模型后。
UI界面设计规范UI界面设计规范是指为了确保用户界面的一致性、可用性和美观性而制定的一系列设计指南和规则。
遵循UI界面设计规范可以帮助设计师和开发人员创建出易于使用和易于理解的界面,从而提供积极的用户体验。
下面是一些常见的UI界面设计规范:1.一致性:界面应该在整个应用程序中保持一致。
这包括字体、图标、色彩、布局和交互模式的一致性。
一致的设计可以使用户更容易理解和使用界面。
2.可用性:界面应该是易于使用的,用户可以轻松地完成任务。
设计师应该考虑到用户的需求和期望,确保设计简单直观,避免复杂的工作流程和冗长的操作。
3.导航和布局:界面的导航和布局应该清晰和直观。
导航应该简单明了,用户可以轻松地找到他们需要的功能和信息。
布局应该合理,避免过度拥挤或混乱的界面。
4.色彩和视觉效果:界面应该使用一致的色彩和视觉效果,以增加用户的视觉吸引力和理解能力。
适当的色彩和对比度可以帮助用户区分不同的元素,重要的信息应该有显眼的展示。
5.字体和文本:界面应该使用易于阅读的字体,并保持一致的字体大小和样式。
文本内容应该简洁明了,不应该出现过长或难以理解的文本。
6.响应式设计:界面应该能够适应不同设备和屏幕大小。
设计师应该考虑到不同的分辨率和屏幕比例,以确保界面在各种设备上都能够正确显示。
7.错误处理和反馈:界面应该提供清晰的错误处理和反馈机制。
当用户发生错误时,界面应该向用户提供明确的错误信息,并指导用户进行修复。
8.可访问性:界面应该为所有用户提供可访问性。
这包括对残障用户的支持,例如使用大字体、语音助手和键盘导航等功能。
9.动画和过渡效果:界面中的动画和过渡效果应该合理使用,增加用户体验和吸引力。
过度使用或不必要的动画效果可能会分散用户注意力或降低性能。
10.图标和按钮设计:界面中的图标和按钮应该易于识别和使用。
图标应该明确表示与之相关的功能,按钮应该具有合适的大小和样式,以便用户可以轻松点击。
总之,UI界面设计规范是一系列指导原则,旨在确保界面的一致性、可用性和美观性。
界面总体设计原则界面设计的中心是用户,我们要做的是提供给用户可操作性强的界面,而不是由界面来操作用户;界面是系统与用户交互的媒介,友好的界面设计,不但可以给用户以良好的视觉感官,而且可以提供给用户简易、规范的交互过程,从而引导用户逐渐形成良好的操作习惯,提高用户操作系统的效率;;•尽可能减少在动作间需记忆的信息数量;•合理的界面大小,高效利用显示器;3、界面交互人性化人性化的界面交互,让用户使用起来得心应手;我们做到的良好的人机交互,包括很多方面;我们经过长期的调研和努力,从适应性、有效性、易学习性、用户满意度几个方面出发来设计界面,做到更好更方便的人机交互;•窗口弹出位置明显;让用户轻松中转至新的界面;•出错信息及警告;出错信息是指出现问题时系统给出的提示,用来提醒用户应该做的正确操作;•执行动作提示;界面作为人机对话的工具,用户做了任何动作,我们会给您一个视觉或听觉提示,让您更加放心的使用我们提供的每一个功能;•联机帮助;安装系统的同时,系统自动为您提供帮助文档,方便您的前期使用和查阅;每个非全屏窗口都有一个关闭按钮,和功能按钮一样放在最下面一行,最后的位置;•表格表格内部无边框,外侧边框为浅蓝色6699CC,表头背景色739AE0,奇数行背景色F8F8FF,偶数行背景色E9F2FB;对于不带分页导航条的表格,要增加竖滚条,来使页面的布局稳定;•分页导航条和表格配合使用,放在表格下方,有当前页码、总页数、总记录数、首页、上一页、下一页、末页、跳转到指定页;•弹出框使用统一的样式,有标题,有边框,有背景色,居中显示弹出框;•日期选择使用统一的日期选择图片按钮,日期选择控件要求可以快速选择日期;•上移、下移、左移、右移按钮使用统一的按钮样式,操作的逻辑要统一;•文件选择按钮使用统一的文件选择图片按钮;•不能编辑的输入框背景色统一为灰色;。
UI设计规范范文1.一致性:用户界面应该保持一致性,使得用户可以轻松地学习和使用系统。
这包括在整个系统中使用相似的布局、颜色、字体和图标等元素。
2.可视化:用户界面应该具有良好的可视化效果,以提高用户的注意力和吸引力。
这包括适当的色彩搭配、清晰的图标和按钮设计。
3.响应式设计:用户界面应该能够适应不同的屏幕尺寸和设备,以提供一致的用户体验。
这包括使用响应式布局和设计元素,以确保用户界面在不同设备上的呈现和交互性。
4.易用性:用户界面应该易于学习和使用。
这包括简化操作步骤、提供明确的导航路径和反馈等。
5.可访问性:用户界面应该能够满足不同用户的需求,包括视力或听力障碍的用户。
这包括使用可访问的颜色和字体、提供音频描述和键盘操作支持等。
7.错误处理:用户界面应该能够及时捕捉和处理错误,以提供良好的用户体验。
这包括提供明确的错误信息、建议和解决方案等。
8.反馈机制:用户界面应该能够及时地提供反馈信息,以帮助用户理解其操作的结果。
这包括适当的动画和过渡效果、进度条和成功/失败提示等。
9.记忆性:用户界面应该帮助用户记住其行为和选择,以提供更流畅的使用体验。
这包括保存用户的偏好设置和历史记录等。
10.简洁性:用户界面应该简洁明了,避免过多的内容和复杂的操作。
这包括使用合适的字体和颜色、简化信息的展示和排版等。
以上是一些常见的UI设计规范,每个项目和产品都会有其特定的规范和需求。
UI设计师应该根据具体情况和用户需求来制定相应的设计规范,以提供最佳的用户体验。
UI设计规范UI(User Interface)设计规范是指在进行用户界面设计时,遵循一系列的准则和标准,以提高用户体验和界面的一致性。
本文将介绍一些常见的UI设计规范,帮助设计师在实践中更好地应用这些规范。
一、色彩规范1. 色彩搭配:在UI设计中,色彩的搭配是非常重要的。
设计师应该选择一种主色调,并在此基础上选择辅助色彩。
主色调应该与品牌形象相符,辅助色彩则可以用于突出重要信息或界面元素。
2. 色彩对比度:为了确保用户能够清晰地辨识界面上的文字和图标,设计师应该注意色彩对比度。
通常,文字和图标的颜色应与背景色形成明显的对比,以提高可读性和可识别性。
二、字体规范1. 字体选择:在UI设计中,字体的选择也是非常重要的。
设计师应该选择易读且符合品牌形象的字体。
通常,标题和重要信息可以选择较为醒目的字体,而正文内容则应选择易读的字体。
2. 字号和行高:为了提高可读性,设计师应该合理设置字号和行高。
通常,标题和重要信息可以选择较大的字号,而正文内容则应选择适中的字号,并设置合理的行高。
三、布局规范1. 网格系统:使用网格系统可以帮助设计师更好地组织界面元素,提高界面的一致性和可读性。
设计师应该在UI设计中使用合适的网格系统,并根据界面的需求进行调整。
2. 对齐和间距:在UI设计中,对齐和间距也是非常重要的。
设计师应该确保界面上的元素对齐整齐,并设置合理的间距,以提高界面的整洁度和可读性。
四、交互规范1. 导航和标签:在UI设计中,导航和标签的设计是非常重要的。
设计师应该合理设置导航和标签,以提高用户的导航体验和信息查找效率。
2. 按钮和表单:在UI设计中,按钮和表单的设计也是非常重要的。
设计师应该确保按钮的样式和位置一致,并设置合理的表单布局,以提高用户的操作便利性和界面的一致性。
五、图标规范1. 图标风格:在UI设计中,图标的风格也是非常重要的。
设计师应该选择符合品牌形象和界面风格的图标风格,并确保图标的一致性和可识别性。
系统界面设计规范界面是软件与用户交互最直接层, 界面好坏决定用户对软件第一印象。
而且设计良好界面能够引导用户自己完成对应操作, 起到向导作用。
同时界面如同人面孔, 含有吸引用户直接优势。
设计合理界面能给用户带来轻松愉悦感受和成功感觉, 相反因为界面设计失败, 让用户有挫败感, 再实用强大功效都可能在用户畏惧与放弃中付诸东流。
现在界面设计引发软件设计人员重视程度还远远不够, 直到最近网页制作兴起, 才受到教授青睐。
我们界面设计遵照以下基础标准:1、易用性按钮名称应该易懂, 用词正确, 屏弃没楞两可字眼, 要与同一界面上其她按钮易于区分, 能望文知意最好。
理想情况是用户不用查阅帮助就能知道该界面功效并进行相关正确操作。
易用性细则:1):完成相同或相近功效按钮用Frame框起来, 常见按钮要支持快捷方法。
2):完成同一功效或任务元素放在集中位置, 降低鼠标移动距离。
3):按功效将界面划分局域块, 用Frame框括起来,并要有功效说明或标题。
4):Tab键次序与控件排列次序要一致, 现在流行总体从上到下, 同时行间从左到右方法。
5):复选框和选项框按选择几率高底而前后排列。
6):界面空间较小时使用下拉框而不用选项框。
7):选项数较少时使用选项框, 相反使用下拉列表框。
8):专业性强软件要使用相关专业术语, 通用性界面则提倡使用通用性词眼。
2、规范性通常界面设计都按Windows界面规范来设计, 即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”标准格式, 能够说: 界面遵照规范化程度越高, 则易用性对应就越好。
规范性细则:1): 状态条要能显示用户切实需要信息, 常见有:现在操作、系统状态、用户位置、用户信息、提醒信息、错误信息等, 假如某一操作需要时间较长, 还应该显示进度条和进程提醒。
2): 状态条高度以放置五号字为宜, 滚动条宽度比状态条略窄。
3、帮助系统应该提供详尽而可靠帮助文档, 在用户使用产生迷惑时能够自己寻求处理方法。
ios 界面设计规范iOS界面设计规范是一套指导开发者在开发iOS应用时遵循的设计规范和原则。
这些规范和原则旨在提供一种一致且美观的用户界面体验,使用户能够轻松地使用和理解应用程序。
以下是iOS界面设计规范的一些重要原则和指导:1. 平面化设计:iOS界面设计倾向于平面化,注重简洁和清晰。
这意味着使用简单的几何形状、清晰的线条和明亮的颜色来创建界面元素,并避免过度复杂或过渡华丽的效果。
2. 一致性:iOS界面应该保持一致性,使用户能够轻松地通过熟悉的界面元素和操作感到舒适。
例如,导航栏和工具栏的位置应一致,按钮的样式和位置也应一致。
3. 响应式:iOS界面应该对用户的操作做出即时响应,以提供互动和良好的用户体验。
按钮应该在被点击时立即显示反馈,滚动和拖动操作应该流畅且实时。
4. 导航:iOS界面使用导航栏和标签栏来帮助用户浏览和导航应用。
导航栏位于屏幕顶部,并提供应用的标题、返回按钮和其他导航控件。
标签栏位于屏幕底部,并提供应用的主要功能入口。
5. 布局:iOS界面的布局应该简洁明了,避免过多的元素或信息。
使用间距、对齐和层次结构来提高可读性和可用性。
布局应该适应不同的屏幕尺寸和方向,以便在不同设备上提供一致的界面体验。
6. 字体和颜色:iOS界面应该使用清晰易读的字体,并避免使用过小或不易辨认的字体。
颜色应该搭配合理,避免使用过多的鲜艳颜色,以确保用户界面的易读性和可用性。
7. 图标和图片:iOS界面的图标和图片应该是清晰、易识别和易记忆的。
图标应该使用简化的几何形状和明确的线条来表达应用的功能或内容。
图片应该清晰且高质量,以保证在不同设备上的显示效果。
8. 用户输入:iOS界面应该提供直观且易于理解的用户输入方式。
文本输入框和按钮应该明确表达其功能,使用户了解他们需要输入什么或者点击什么。
键盘应该根据输入内容的类型和上下文进行切换,以提高用户输入的效率和准确性。
9. 无障碍性:iOS界面应该考虑到残障用户的需求,并提供合适的功能和可访问性选项。
B/S 系统界面设计规范1. 引言界面美观、操作易用性、维护成本低是评价B/S 系统的关键。
本规范参考了一些成熟产品科学的开发方法,将开发过程中的方式、规则等强行的约束。
希望藉此来提高用户操作感受,提升B/S 产品的质量。
1.1. 编写目的广义的界面概念包含了除页面布局设计之外,交互性的设计,及人体工程学方面的研究。
本规范制订的依据从广义概念出发,总结以往项目的成败经验,目的是从整体上提升公司B/S类产品的质量、开发效率。
从以技术为中心发展为以客户为中心,将类似项目成功的经验继承和积累下来,将B/S系统与C/S系统开发过程上的区别降低到仅显示控制的极小的层面。
新的开发方式强调分层,规范出界面设计人员做什么,服务器编程人员做什么,这样就把页面和控制代码两个层面清晰的分开。
1.2. 背景B/S模式系统以其易部署、易扩展、能够高度集成各种技术的特点,在公司产品线中占越来越大的比重,.Net、J2ee等技术的发展更是将B/S系统的开发和桌面应用程序开发的工程方法统一起来,突出服务器端技术,这些变革要求界面设计人员和服务器端编程人员可以应用更加科学的方法合作,团队的合作方式甚至决定了一个系统开发的成败。
目前公司较多的服务器端编程人员仍然处于“后ASP 时代”的开发方式,表现为前台页面仍然与服务器代码高度的关联,带来的后果是重复建设、高昂的维护成本或失去控制的项目,没有充分的发挥出集成开发工具的优势。
在以往的开发方式下界面设计侧重在静态页面的建设上,每个页面作为一个独立的模块来处理,在页面交互中则是程序员根据自己的习惯来控制,程序对个人的编程风格的依赖很强,这些在以往开发WEB站点的方式扩展到B/S系统有时是不正确的,甚至是背道而弛的,当然也不利于规模化的团队合作。
1.3. 定义术语定义:效果图:由界面设计人员设计的页面效果图,综合了概要设计的业务需要和整个站点的风格,它规定了页面布局上的每个细节。
容器:即HTML 标记的嵌套结构,如在表格->行->单元格内放置图片,那么可以认为单元格是放置图片的容器。
样式表:即级联式样式表CSS它是W3C机构在HTML标记语言上扩展的格式语言。
非标准交互控件:是通过标准控件组合、扩展等方法以提高特定业务执行效率而进行封装的控件,或概括为用户根据以往的操作经验不能够直接领会出操作方式的交互控件。
2. 界面设计规范细则总体目标以规范作为基本原则,在此框架内进行合理的扩展和变化,将站点内的每个模块服从于整个站点,模块页面与“高内聚”的控制代码紧密的结合在一起,同时对应于应用程序基于系统的架构分析。
2.1. 通用原则1 界面色彩要求:计算机屏幕的发光成像和普通视觉成像有很大的不同,应该注意这种差别作出恰当的色彩搭配。
对于需用户长时间使用的系统,应当使用户在较长时间使用后不至于过于感到视觉疲劳为宜。
例如轻松的淡彩为主配色,灰色系为主配色等等。
切忌色彩过多,花哨艳丽,严重妨碍用户视觉交互。
2 界面平面版式要求:系统样式排版整齐划一,尽可能划分不同的功能区域于固定位置,固定的格式,方便用户导航使用;排版不宜过于密集,保留一定的“留白”区域,减轻查看时的视觉疲劳。
3 数据显示集中原则:各种列表在页面中往往是传递信息的核心,尽量集中的表现出来,并提供必要的关联数据、表等恰当的组织起来,并且在视觉上使用户很容易察觉数据之间的关系,并方便查看、编辑等;冗长拖沓的数据组织形式可能给用户带来非常低的维护效率。
4 主次分明原则:页面中同时分布较多栏目的情况下,按照页面(Flow )的伸展方向,即由上到下,有左到右,根据浏览的方向,重要的内容应该在左边最易注意的位置,导航等置于页面头部固定位置。
使导航等重要内容始终处于用户的视野(Sight)之中.页面右边一般是一些当前页面主要操作的扩展、选项等内容。
5 变化(对比)原则:在页面主体内容部分往往有很多文本信息,它是需要用户认真阅读的部分,只在文本字体、色彩上增加格式的变化,如加粗、下划线、行前导符、链接文本的不同状态定义(link\hover\visited )等,就可以将冗长的文档、表格等组织的很有条理;冗长的内容"层次"就有了变化,更容易辩识(Readable);在美学角度增加了相临部分间的对比。
6页面留白:页面留白同时也是一种增加可读性(Readable)的方式。
在文字区域防止用户读完一行无法定位下一行的位置的麻烦,在整体布局上,它可以减轻用户的视觉疲劳。
7 即时响应原则:每一个交互动作应该能够马上看到操作的结果,并且用色彩、文字粗细、闪烁、弹出、页面布局的明显变化等突出方式告知用户。
8 鼠标最短距离移动原则:交互按钮控件等根据执行前后关系及表单中状态的控制等合理的组织起来。
2.2. 显示(版式)设计1. 页面布局基于表格Table建立完全符合设计效果图。
2.文字容易阅读。
行间距、字体大小等通过样式表统一控制。
3. 页面链接根据不同功能、不同状态用不同颜色、状态标志,增加页面层次。
4. 基于表格Talbe的布局(Layerout)控制,便于控制实现不同分辨率下的适应,和页面上下方向的自动扩展;表格作为控件“容器”规范外观和规格,不同页面中的行列分布基本一致。
5. 使用样式表修饰页面表格Table如表格单元格、背景,表格内字体等,方便今后对于整个站点的维护和扩展。
6. 页面分组页面查询区域、数据列表、详细信息、编辑区域等根据不同功能分组,所在区域主题(Title)标注该区域的名称,类似功能页面间布局保持一致。
7. 建立数据表格关系包含数据的表格使用户在视觉上理解相互间关系,如序列、父子8.页面留白页面有明显留白区域,且不同群组之间距离保持一致。
9.分辨率适应页面布局以保证在低分辨率[800*600] 下的正确显示为前提,适应高分辨率情况使用表格宽度等参数使用百分比方式自动适应;2.3. 对程序设计及编码的要求1 表格作为控件物理上包含的容器和内部包含的控件之间的属性定制互不影响,即实现其无关性,这样才能完整的保证页面的基本结构在局部修改时不发生变化。
2力求样式表实现页面格式全部控制,废弃如<font>、<backcolor>等内嵌标记,实例化坐标位置的<div>标记、页面中控制布局的标记修饰含style属性的内嵌样式修饰,便于使用第三方页面维护工具修改页面。
3 页面基本HTML 及服务器端控件扩展标记等均保持代码干净整洁,便于检查和控制;4 含有复杂嵌套结构的,<tr>,<td> 标记在行间留白及结构的缩进,便于今后的维护。
5 非数据操作使用客户端脚本实现,减少非必要的服务器[WEB 服务器、数据库服务器] 负载;2.4. 交互设计a) 控件控制1 第三方服务器端控件的使用要保证具有广泛兼容性和安全性,且具有完备的接口指定外观属性和交互方式。
2 复杂的应用程序中非标准交互控件给出详细的操作方法的提示。
3 页面中尽量使用统一的导航类型,如使用基于点击“图形”的链接、“文字”的链接或文字图形混合其中一种方式。
举例:4 页面按钮作为基本交互控件,提倡使用有鼠标响应状态变化和禁用状态的BUTTON 按钮,除特殊界面需要,不提倡使用图形按钮,而且保证同一应用程序内只使用一种外观的按钮。
5拖放的服务器端控件在页面表格Table里在执行过程中不能破坏页面原布局。
如.NET 中CANLENDAF控件建议在弹出的子窗体内独立使用。
6 包含数据的表格使用中没有数据的情况有文字标注[无**数据]] ,表头字段名用区别于数据行的格式显示。
7 分栏目的主题名称使用用户容易理解的,以用户第一人称角度的命名方式,减少生硬的称谓给用户带来的不友好感。
8 B/S应用程序允许含有类似拖放操作的非标准交互控件,但是需增加操作的说明。
b) 表单控制1 页面内部有必要的前后文帮助信息,将页面主要任务目标、注意事项等描述在表单前申明,便于用户及时获得导引。
2 页面在交互控制中添加完整的状态控制,操作中灰显特定组合的控件来实现用户的准确操作,及时的刷新表单中遗留的数据。
3 表单内任务无关的信息、较少使用的选项等可以通过DHTML 技术、服务器端控件的隐藏等减少用户操作中的干扰因素。
4 表单内在特定的字段域附近给出必填信息提示,并用醒目颜色标注,提醒用户注意,验证的错误提示要给出准确恰当的指导;为提高用户填写的效率,建议使用客户端验证;复杂逻辑的验证使用服务器端验证。
5 信息显示过滤可能出现的用户不能识别的HTML 特殊字符。
6 表单中用户在交互过程中保证用户方便的切换编辑、浏览状态,方便用户用最快的速度获取需要的信息,提高操作效率。
7 经常使用的工具按钮(如新增、编辑等功能按钮)保证在页面经单向拖曳浏览后,不需来回拖曳滑竿即可操作;长页面可以考虑页首、页尾均放置工具按钮。
8 主详细表及父子表关系的查看方式使用联动式导航到下级数据,即点选主项目或父项目记录时系统自动查询并显示出关联的详细信息、子表数据,无需点选任何按钮。
c)窗体控制1. 使用具有广泛兼容性的j***ascript 控制客户端交互和简单导航,,除服务器控件部分自动扩展到客户端的Jscript 外,程序员手动控制脚本不推荐使用Jscript 和VBscript 。
2. 操作过程中有清晰分界的子任务使用弹出窗体实现,保证完成后向主任务窗体返回必要的结果,及时刷新主任务窗体,使用户看到操作完成的结果,并且通过控件获取焦点等措施突出显示该结果。
3. 弹出窗体的页面主题、栏目标题(Title )等资料与关联的父窗体保持上下文一致,方便用户理解并做出处理策略。
4. 采用框架结构的应用程序,要充分考虑不同分辨率下的自动扩展,不同框架之间同步通讯及时,方便用户快速切换目标导航,观察数据之间的关系等。
5. 窗口主题显示标志用户当前所在模块或子系统名称,子任务窗体主题使用“动词+名词”的语法结构指明用户当前的任务;2.5. 输入设计1.高效率的输入方式,特定的字段内容的输入方式选用使用效率最高,不容易发生错误的方式。
如录入日期使用用户点选弹出的日历控件,并无须干预的自动返回正确的格式。
2.方便的获取到必要的信息,无须用户记忆中间结果。
3.表单格式尽量保持业务原始票据的格式或字段排列顺序,方便用户的集中录入过程。
4.表单字段左对齐。
5.输入控件的宽度基本符合数据库能够容纳的宽度,暗示系统能够接受的字符容量。
2.6. 提示信息1. 错误操作的提示信息使用非专业的、易理解的名词告知用户。
2. 以第二人称“你”或“您”称呼用户,强调用户的主导能力。
3. 对用户宽容的语气。
4. 严重的警告信息使用弹出信息框提示,不严重的在页面前后文处直接输出,弹出不宜太频繁的使用。