系统界面设计规范
网站及APP界面设计规范(精选)
网站及APP界面设计规范(精选)一、概述在当今数字化时代，互联网已经成为人们获取信息、进行交流和娱乐的重要平台。
而网站和APP作为互联网的主要入口，其界面设计对于用户体验起着至关重要的作用。
良好的界面设计不仅能提升用户的使用体验，还能增加网站和APP的吸引力，促使用户产生持续的使用欲望。
本文旨在探讨网站及APP界面设计的规范，为设计师和开发者提供一些实用的指导原则和技巧。
二、布局设计1. 明确的导航条导航条是用户在网站和APP中进行导航和浏览的重要工具，因此应该保持明确、简洁和易于使用。
导航条的位置应该放置在用户视线范围内，通常位于页面的顶部或左侧。
导航条上的链接命名应该准确描述对应的页面或功能，避免使用过于晦涩的词语。
2. 统一的页面风格为了让用户在使用网站和APP时感受到一致的风格和氛围，设计师应该保持页面的统一性。
统一的页面风格包括颜色、字体、图标等方面的设计。
使用一种主题颜色来塑造品牌形象，并确保页面内容与之协调一致。
选择一种易读的字体，并在整个平台上保持一致。
图标的风格应简洁明了，便于用户理解。
3. 响应式设计随着移动设备的普及，响应式设计已经成为网站和APP设计的标准要求。
响应式设计能够使网站和APP能够自动适应不同设备的屏幕大小和分辨率，保证用户在不同终端上都能够获得良好的使用体验。
三、交互设计1. 简洁明了的操作流程用户访问网站和APP主要是为了获取信息或完成特定的任务，因此操作流程的简洁明了对于用户体验非常重要。
保持页面内容的简洁性，避免复杂的设计元素和干扰用户的功能。
同时，通过明确的提示和指引，引导用户进行下一步操作，减少用户的操作迷茫感。
2. 易于理解的反馈机制用户在使用网站和APP时，需要清楚了解自己操作的结果。
设计师应该给予明确的反馈，告知用户他们的操作是否成功，并及时提醒用户状态的变化。
比如，通过颜色变化、提示信息或动画效果等方式，让用户直观地感知到他们的操作。
3. 合理的交互元素排列交互元素的排列应该符合用户的使用习惯和心理预期，减少用户操作的负担。
用户界面设计规范范本
用户界面设计规范范本用户界面设计规范是指在软件开发过程中，为了提供更好的用户体验和用户界面的一致性，制定的一套设计规范和指导原则。
以下是一个用户界面设计规范范本的示例。
1. 介绍用户界面设计规范是为了确保软件的用户界面能够满足用户的需求，并具备一致性和易用性。
本文档旨在为设计师提供一个规范范本，以便他们在设计过程中参考和遵循。
2. 规范概述2.1 通用原则- 界面设计应简洁明了，避免过度装饰和冗余信息。
- 使用直观的图标和标识来表示功能和操作。
- 遵循用户习惯和期望，减少学习成本。
- 提供明确的导航和反馈，以帮助用户理解系统状态和操作结果。
2.2 布局和导航- 使用一致的布局和导航模式，让用户能够轻松找到功能和信息。
- 使用合适的字体、颜色和图标，以提升界面的可读性和可理解性。
- 避免过多的层级和复杂的操作流程，以简化用户的操作路径。
2.3 输入和交互- 提供明确的输入框和交互元素，以指导用户完成数据输入和操作。
- 验证用户输入，并及时给出准确和友好的错误提示信息。
- 避免弹出窗口和迷惑性的操作，以减少用户的操作困惑和错误。
2.4 可访问性和可用性- 遵循无障碍设计原则，确保用户群体的包容性和可访问性。
- 使用明确的语言和措辞，以避免歧义和误解。
- 提供帮助和文档，以帮助用户理解和使用系统。
3. 设计模板在进行界面设计时，可以使用下面的设计模板作为参考，根据具体的项目需求进行调整和修改。
3.1 首页- 页面布局：顶部导航栏、侧边栏、主内容区。
- 重点功能入口：放置在页面的显著位置，提供易于点击和识别的按钮或链接。
- 信息展示：从系统中提取信息或功能高亮显示，在主页上展示。
3.2 列表页- 列表布局：清晰的表头，列表项按照一致的格式显示。
- 过滤和排序：提供便捷的过滤和排序功能，以帮助用户快速找到需要的信息。
- 操作按钮：每一行都提供必要的操作按钮，如编辑、删除、查看等。
3.3 详情页- 信息展示：以易读的格式展示详细信息，使用合适的标题和格式。
软件界面设计规范范本
软件界面设计规范范本一、概述当今世界，软件应用已经成为人们日常生活不可或缺的一部分。
良好的界面设计可以提高用户体验和使用效率，因此界面设计规范变得尤为重要。
本文将介绍软件界面设计的一些基本规范，以提供一个范本供设计师参考。
二、布局规范1. 界面整洁美观：避免过多冗余的内容和视觉干扰，创造简洁大方的界面设计。
使用合适的配色方案和字体，确保内容清晰可读。
2. 模块分组：将相关功能模块进行分组，便于用户快速找到所需功能。
可以采用标签、边框或者颜色等元素进行模块划分。
3. 首屏展示：合理安排首屏展示内容，提供重要功能入口和常用操作按钮，减少用户的搜索时间和操作步骤。
三、导航规范1. 明确导航路径：提供清晰明确的导航路径，使用户可以快速找到所需功能或者页面。
可以采用面包屑导航、菜单栏或者标签等形式。
2. 突出当前位置：突出显示用户当前所处的位置，以增强用户的导航意识，可以通过高亮、底纹或者文字样式等方式实现。
3. 常用功能快捷入口：将常用功能提供快捷入口，以便用户可以更方便地进行操作。
可以将这些入口放在导航栏或者工具栏中。
四、交互规范1. 控件使用一致性：在同一软件或同一功能中，相同类型的控件具有一致的样式和交互方式，以减少用户的学习成本和混淆。
2. 避免弹窗过多：避免频繁弹出信息窗口，以免打断用户的操作流程。
只在必要的情况下使用弹窗，提供清晰明确的信息。
3. 反馈机制：对用户的操作提供及时、准确的反馈，以帮助用户更好地理解其操作所带来的结果。
五、字体与颜色规范1. 字体选择：选择易读性较好的字体，避免使用过小或者过花哨的字体。
同时，要注意在不同界面和功能之间保持一定的字体一致性。
2. 色彩搭配：选取和谐的配色方案，使界面更加美观且符合软件的定位和品牌形象。
避免使用过于显眼的颜色，以免对用户造成视觉疲劳。
六、反馈与帮助规范1. 提供错误提示：当用户输入错误或操作有误时，及时给予明确的错误提示，避免让用户产生困惑和焦虑。
客户服务系统用户界面设计规范
客户服务系统用户界面设计规范一、概述客户服务系统的用户界面设计规范是为了提升用户体验，让用户在使用系统时能够更加便捷、高效地完成所需的操作。
本规范将从布局、颜色、字体、图标、导航等方面进行详细阐述，以确保系统界面的整洁美观，语句通顺，全文表达流畅，并无影响阅读体验的问题。
二、布局设计1. 页面结构：采用简洁明了的页面结构，合理划分不同的功能区域，以便用户快速找到所需的功能模块。
2. 导航栏：将导航栏置于页面的顶部或左侧，使用清晰的标识和文字，使用户可以轻松切换不同的功能页面。
3. 内容布局：采用栅格化布局，将页面内容划分为等宽的列，以保证页面整体的稳定性和一致性。
三、颜色设计1. 主色调：选择清爽、和谐的主色调，用于突出重要的功能模块或按钮。
2. 辅助色调：根据功能的不同，选择合适的辅助色调，用于凸显相应模块或元素。
3. 背景色：选择温和的背景色，以避免对用户视觉造成干扰或疲劳。
四、字体设计1. 字号选择：根据不同的重要性，选择合适的字号来呈现文字内容，以保证重要信息的易读性。
2. 字体风格：选择简洁明了的字体风格，避免使用过多的修饰或花哨的字体，保持文字的清晰可辨。
3. 字体颜色：与背景色相对比，确保字体颜色与背景色之间具有足够的对比度，以方便用户阅读。
五、图标设计1. 符号清晰：使用简洁明了的图标来代表不同的功能或操作，确保用户能够快速理解图标的含义。
2. 一致性：在整个系统中使用相同的图标风格和规范，以减少用户的学习成本和混淆的可能性。
3. 尺寸合适：根据图标在界面中的使用情况，选择合适的尺寸，避免图标过小或过大的问题。
六、交互设计1. 良好反馈：在用户操作后，及时给予反馈，例如按钮点击后的状态变化或操作成功的提示信息，以提高用户的操作体验。
2. 路径导示：在用户操作过程中给予明确的路径导示，用户始终清楚自己处于系统中的位置，并能够方便地返回上一层或者其他功能模块。
3. 错误处理：对于用户操作错误或无效的情况，给予友好的提示或引导，以帮助用户正确地完成操作。
(完整版)BS系统界面设计规范
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 标记的嵌套结构，如在表格->行—〉单元格内放置图片，那么可以认为单元格是放置图片的容器。
UI设计规范说明书
UI设计标准说明书修订历史记录日期版本说明作者1前言1.1文档简介本文档是对整个系统界面设计风格进展描述，和用户交互的最终界面在"详细设计说明书"中设计和解释。
1.2系统定义用户界面：又称人机界面，实现用户与计算机之间得通信，以控制计算机或进展用户和计算机之间得数据传送得系统部件。
GUI：即图形用户界面，一种可视化得用户界面，它使用图形界面代替正文界面。
1.3编写目的统一图形界面标准，为开发人员提供统一的标准，为用户提供统一显示效果、统一操作方式的界面，便于用户识别与使用。
2界面设计准则 Rules2.1引言 Introduction在界面设计中应该保持界面的一致性。
一致性既包括使用标准的控件，也指使用一样的信息表现方法，如在字体、风格、颜色、术语、提示信息等方面确保一致。
2.2主要内容 Content2.2.1显示信息一致性原则坚持图形用户界面〔GUI〕设计原则，界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。
明确用户是所有处理的核心，不应该有应用程序来决定处理过程，所以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。
界面设计必须经过最终确认才能完成。
2.2.2布局合理化原则应注意在一个窗口内部所有控件的布局和信息组织的艺术性，使得用户界面美观。
在一个窗口中按tab键，移动聚焦的顺序不能杂乱无章，tab的顺序是先从上至下，再从左至右。
一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前，位置也应放在窗口上较醒目的位置。
布局力求简洁、有序、易于操作。
2.2.3鼠标与键盘一致性原则尽量遵循可不用鼠标的原则：应用中的功能只用键盘也应当可以完成，即设计的应用中还应参加一些必要的按钮和菜单项。
但是，许多鼠标的操作，如双击、拖动对象等，并不能简单地用键盘来模拟即可实现，此类操作可适当增加操作按钮。
软件界面设计规则和规范
软件界面设计规则和规范文档目前流行的界面风格有三种方式多窗体、单窗体以及资源管理器风格无论哪种风格均适用于以下十条规则1易用性按钮名称应该易懂用词准确摒弃模棱两可的字眼要与同一界面上的其他按钮易于区分能望文知义最好。
理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
易用性细则 1.完成相同或相近功能的按钮用Frame框起来常用按钮要支持快捷方式。
2.完成同一功能或任务的元素放在集中位置减少鼠标移动的距离。
3.按功能将界面划分局域块用Frame框起来并要有功能说明或标题。
4.界面要支持键盘自动浏览按钮功能即按Tab键的自动切换功能。
5.界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前位置也应放在窗口上较醒目的位置。
6.同一界面上的控件数最好不要超过10个多于10个时可以考虑使用分页界面显示。
7.分页界面要支持在页面间的快捷切换常用组合快捷键CtrlTab。
8.默认按钮要支持Enter及选择操作即按Enter后自动执行默认按钮对应操作。
9.可写控件检测到非法输入后应给出说明并能自动获得焦点。
10.Tab键的顺序与控件排列顺序要一致目前流行总体从上到下同行间从左到右的方式。
11.复选框和选项框按选择几率的高低先后排列。
12.复选框和选项框要有默认选项并支持Tab选择。
13.选项数相同时多用选项框而不用下拉列表框。
14.界面空间较小时使用下拉框而不用选项框。
15.选项数较少时使用选项框相反使用下拉列表框。
16.专业性强的软件要使用相关的专业术语通用性界面则提倡使用通用性词眼。
2规范性通常界面设计都按Windows界面的规范来设计即包含菜单条、工具栏、工具箱、状态栏、滚动条、右键快捷菜单的标准格式可以说界面遵循规范化的程度越高则易用性相应的就越好。
小型软件一般不提供工具厢。
规范性细则 1.常用菜单要有命令快捷方式。
2.完成相同或相近功能的菜单用横线隔开放在同一位置。
3.菜单前的图标能直观的代表要完成的操作。
界面设计规范
界面设计规范发布日期：2002－81．引言1.1 设计说明本文档是对系统界面设计风格进行描述，而和用户交互的最终界面将会中项目《详细设计说明书》中设计和解释。
1.2 概念和定义1. 用户界面又称人机界面，实现用户与计算机之间的通信，以控制计算机或进行用户和计算机之间得数据传送的系统部件。
2. GUI即图形用户界面，一种可视化得用户界面，它使用图形界面代替文本界面。
开发人员必须选择仔细选择窗体，并且要理解为什么比其他形式的窗体更适用。
3. 主要窗体（Primary Windows）主要窗体包含了一个应用程序的大部分功能，大多时候它是一个单独的窗体，但在一个MDI风格的应用程序中，父窗体和子窗体都被认为是主要窗体。
1) Single Document Interface (SDI)一个单独的主要窗体通常包含一个菜单栏、工具栏和状态栏，打开此窗体时应该运行在当前所有窗体的上面，并且在任务栏提供显示，就像记事本和写字板程序。
2) Multiple Document Interface (MDI)通常适合有多个任务，或同时管理所有的窗口。
例如Microsoft Word，Excel和VisualBasic。
3) Split Document Interface (split SDI或Explorer)是一个分隔的主要窗体，通常包括菜单栏、工具栏和状态栏。
例如资源管理器和Outlook。
4. 次要窗体（Secondary Windows）一个次要窗体通常用于为主要窗体提供补充信息和交互作用，界面比较简单。
1) Modal dialog boxes（模态对话框）2) Modeless dialog boxes（非模态对话框）3) Property sheet1.3 用户假定将使用本系统的用户定义为：对应用程序或计算机的一般用法有一定了解，用户希望界面符合Windows 9X/2000特别是Office 97/2000风格，对易用性、简洁性有比较高的要求，对界面快速交互没有很强的要求（即不希望通过命令方式快速交互）。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
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中CANLENDAR控件建议在弹出的子窗体内独立使用。
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. 严重的警告信息使用弹出信息框提示，不严重的在页面前后文处直接输出，弹出不宜太频繁的使用。