界面设计规范
用户界面设计规范

用户界面设计规范
1. 一致性
- 所有页面和功能应该有一致的外观和操作方式,以减少用户
的认知负担。
- 使用相同的颜色、字体和图标,以创建统一的界面风格。
- 保持一致的布局和排列方式,使用户能够轻松地导航和使用
界面。
2. 简洁明了
- 界面应该简洁明了,避免过多的视觉杂乱和冗余内容。
- 使用简洁的语言表达信息,避免过多的文字描述。
- 只显示与当前任务相关的必要信息,避免用户感到信息过载。
3. 易用性
- 设计易用的交互元素,如按钮、文本框和下拉菜单,确保它
们易于识别和操作。
- 提供明确的指导和反馈信息,使用户能够理解和判断每个操
作的结果。
- 对于复杂或多步骤的任务,提供合理的导航和操作流程,减
少用户出错的可能性。
4. 可访问性
- 界面应该对所有用户无障碍,包括具有视觉或听觉障碍的用户。
- 使用易于阅读和区分的字体和颜色,以提高可读性。
- 提供替代文本和描述,以便屏幕阅读器能够读出图像和图标
的含义。
5. 主题和布局
- 选择适合目标用户和应用场景的主题和颜色方案。
- 根据内容和功能的重要性,进行合理的布局和排列。
- 使用空白和间距来分隔不同的功能区域,提高可视性和美感。
以上是用户界面设计规范的一些关键指导原则。
通过遵循这些原则,我们可以设计出一致、易用、美观和可访问的用户界面,从而提升用户体验。
界面设计规范

界面设计规范界面设计规范是指在进行软件、网页或移动应用界面设计时,需要遵循的一系列设计原则和标准。
其目的是为了提高用户的使用体验,使界面更加美观、易懂和易用。
下面就是关于界面设计规范的一些建议,一共有1000字。
1. 一致性:界面设计应该遵循一致的风格和布局,使用户在不同的界面中不会感到困惑。
按钮、图标、字体等元素的样式应该保持一致,界面的交互方式也应该符合用户的习惯。
2. 简洁明了:界面应该尽量简洁明了,不要过分注重细节和装饰。
多余的信息和功能会让用户感到困惑和不适。
去除不必要的元素,使界面更加清晰易懂。
3. 可感知性:界面设计应该能够让用户感知到自己的行为是否已经被接受或响应。
例如,在点击按钮后,按钮的样式变化或页面的加载提示可以给用户一个即时的反馈。
4. 易扩展性:界面应该具有良好的扩展性,以便将来添加新的功能和模块。
设计时应该考虑到系统的可扩展性和灵活性,避免在后期改动时产生大规模的修改。
5. 易学性:界面应该易于学习和使用,减少用户的学习成本。
功能和操作应该容易理解和掌握,用户不需要花费太多的时间和精力去学习如何使用系统。
6. 导航与结构:界面设计应该能够清晰地展示系统的结构和导航路径。
用户能够方便地找到需要的功能和信息,不会感到迷失或困惑。
7. 可访问性:界面设计应该考虑到不同用户的特殊需求,如视觉障碍、听觉障碍等。
使用合适的字体和颜色,提供辅助功能等,让界面能够被所有人所使用。
8. 安全性:界面设计应该保证用户的信息和隐私的安全。
合理设计用户注册和登录界面,防止恶意攻击和非法获取用户信息的行为。
9. 反馈与帮助:界面设计应该提供适当的反馈和帮助功能,帮助用户更好地理解系统的运行状态和使用方法。
例如,合理地设置错误提示和帮助文档,减少用户的困惑和错误操作。
10. 响应速度:界面设计应该保证系统能够快速响应用户的操作,减少用户的等待时间。
减少页面加载时间和响应时间,提高用户的使用效率。
UI界面设计的要求规范

UI界面设计的要求规范UI界面设计是指用户界面设计,主要关注用户在使用产品时的视觉体验和操作的便捷性。
好的UI设计能够提高用户的满意度和使用效率,并且有助于品牌形象的建立。
下面将介绍UI界面设计的要求规范,以帮助设计师创造出优秀的用户界面。
1.一致性:在整个产品中保持一致的设计风格,包括颜色、字体、图标和布局等。
一致性能够提高用户的学习成本和使用效率,并且能够增强产品的专业感。
2.简洁性:界面设计应尽量简洁明了,不应包含过多的信息和功能。
过多的信息会给用户造成困扰,降低用户的使用效率。
简洁的设计能够帮助用户集中注意力,更好地理解和使用产品。
4.可视化:界面设计应充分利用图像和图标等可视化元素,使用户能够快速理解信息和操作方式。
图像和图标应具有直观性、简洁性和美观性,能够提高用户的视觉体验。
5.反馈性:界面设计应提供及时的反馈信息,告知用户当前的操作结果和状态。
反馈可以通过动画、提示框和提示文字等形式实现,能够提高用户对产品的掌控感和信任感。
6.可操作性:界面设计应尽量简化用户的操作流程,减少冗余的步骤和复杂的操作。
设计师应深入理解用户的需求和使用场景,设计简单直观的操作界面,帮助用户快速完成任务。
7.可访问性:界面设计应考虑到不同用户群体的特点和需求,包括老年人、残障人士和不同文化背景的用户。
设计师应根据不同用户群体的需求,提供可定制的界面设置和辅助功能,以确保所有用户都能够方便地使用产品。
8.响应式设计:界面设计应兼顾不同设备和平台的适配性,以确保在不同屏幕尺寸和操作方式下都能够提供良好的用户体验。
设计师应根据不同设备和平台的特点,对界面进行合理布局和调整,以适应不同用户的需求。
9.标准化:界面设计应遵循相关的设计规范和标准,以确保设计的一致性和可理解性。
设计师应熟悉所使用的设计软件和工具,灵活运用各种设计元素和技术,提高设计的质量和效率。
10.用户测试:界面设计完成后,应进行用户测试,以评估设计的可用性和用户体验。
UI界面设计规范

UI界面设计规范UI界面设计规范是指为了确保用户界面的一致性、可用性和美观性而制定的一系列设计指南和规则。
遵循UI界面设计规范可以帮助设计师和开发人员创建出易于使用和易于理解的界面,从而提供积极的用户体验。
下面是一些常见的UI界面设计规范:1.一致性:界面应该在整个应用程序中保持一致。
这包括字体、图标、色彩、布局和交互模式的一致性。
一致的设计可以使用户更容易理解和使用界面。
2.可用性:界面应该是易于使用的,用户可以轻松地完成任务。
设计师应该考虑到用户的需求和期望,确保设计简单直观,避免复杂的工作流程和冗长的操作。
3.导航和布局:界面的导航和布局应该清晰和直观。
导航应该简单明了,用户可以轻松地找到他们需要的功能和信息。
布局应该合理,避免过度拥挤或混乱的界面。
4.色彩和视觉效果:界面应该使用一致的色彩和视觉效果,以增加用户的视觉吸引力和理解能力。
适当的色彩和对比度可以帮助用户区分不同的元素,重要的信息应该有显眼的展示。
5.字体和文本:界面应该使用易于阅读的字体,并保持一致的字体大小和样式。
文本内容应该简洁明了,不应该出现过长或难以理解的文本。
6.响应式设计:界面应该能够适应不同设备和屏幕大小。
设计师应该考虑到不同的分辨率和屏幕比例,以确保界面在各种设备上都能够正确显示。
7.错误处理和反馈:界面应该提供清晰的错误处理和反馈机制。
当用户发生错误时,界面应该向用户提供明确的错误信息,并指导用户进行修复。
8.可访问性:界面应该为所有用户提供可访问性。
这包括对残障用户的支持,例如使用大字体、语音助手和键盘导航等功能。
9.动画和过渡效果:界面中的动画和过渡效果应该合理使用,增加用户体验和吸引力。
过度使用或不必要的动画效果可能会分散用户注意力或降低性能。
10.图标和按钮设计:界面中的图标和按钮应该易于识别和使用。
图标应该明确表示与之相关的功能,按钮应该具有合适的大小和样式,以便用户可以轻松点击。
总之,UI界面设计规范是一系列指导原则,旨在确保界面的一致性、可用性和美观性。
页面设计规范

页面设计规范页面设计规范是指在进行网页设计时所需遵循的一系列准则和规范,旨在提高网页的可读性、易用性和用户体验。
下面是一些常见的页面设计规范:1. 页面布局:网页布局应该简洁清晰,结构层次分明。
常见的布局方式有传统的单列布局、多列布局和响应式布局等。
页面各个元素的位置和大小应该合理,避免出现过多的空白或拥挤的情况。
2. 颜色搭配:网页的颜色搭配应该和谐统一,避免使用过于刺眼或冲突的颜色。
通常可以选择一种主色调和几种辅助色调来搭配使用,以达到整体的美观效果。
3. 字体选择:网页中的字体应该选择易读性好的字体,并保持一致性。
可以根据不同的内容和重要性来选择不同的字体大小和样式,但要注意不要过多使用不同的字体,以免造成视觉上的混乱。
4. 图片使用:网页设计中的图片应该具有清晰度和相关性,避免使用过于模糊或与内容无关的图片。
在使用图片时要注意大小和格式的优化,以提高网页的加载速度。
5. 导航设计:页面导航应该简单明了,用户可以轻松找到想要的内容。
导航栏的位置通常放置在页面的顶部或侧边,并且应该保持固定不动,方便用户在浏览网页时随时导航。
6. 页面反馈:当用户进行某些操作时,网页应该给予及时的反馈。
例如,当用户提交表单时,应该有相应的提示或等待动画,以提示用户操作的进展。
7. 响应式设计:随着移动设备的普及,网页设计应该具备响应式布局,即能够适应不同的终端设备并提供相应的界面展示。
这样可以确保用户在不同的设备上都能获得良好的体验。
8. 视觉一致性:网页中的各个元素应该保持视觉上的一致性,即在整个网站中所使用的样式、颜色和布局等都应该保持一致,这样可以使用户更容易理解和使用。
9. 网页加载速度:网页的加载速度是用户体验的重要因素之一。
在设计中要注意优化图片大小、压缩文件、减少HTTP请求等方法,以提高页面加载速度。
10. 简洁与重点:在设计中要保持页面的简洁性,不过度使用过多的文字和图片。
同时要突出重点,通过层次感和排版方式等手段来引导用户的注意力。
界面设计规范

界面总体设计原则界面设计的中心是用户,我们要做的是提供给用户可操作性强的界面,而不是由界面来操作用户;界面是系统与用户交互的媒介,友好的界面设计,不但可以给用户以良好的视觉感官,而且可以提供给用户简易、规范的交互过程,从而引导用户逐渐形成良好的操作习惯,提高用户操作系统的效率;;•尽可能减少在动作间需记忆的信息数量;•合理的界面大小,高效利用显示器;3、界面交互人性化人性化的界面交互,让用户使用起来得心应手;我们做到的良好的人机交互,包括很多方面;我们经过长期的调研和努力,从适应性、有效性、易学习性、用户满意度几个方面出发来设计界面,做到更好更方便的人机交互;•窗口弹出位置明显;让用户轻松中转至新的界面;•出错信息及警告;出错信息是指出现问题时系统给出的提示,用来提醒用户应该做的正确操作;•执行动作提示;界面作为人机对话的工具,用户做了任何动作,我们会给您一个视觉或听觉提示,让您更加放心的使用我们提供的每一个功能;•联机帮助;安装系统的同时,系统自动为您提供帮助文档,方便您的前期使用和查阅;每个非全屏窗口都有一个关闭按钮,和功能按钮一样放在最下面一行,最后的位置;•表格表格内部无边框,外侧边框为浅蓝色6699CC,表头背景色739AE0,奇数行背景色F8F8FF,偶数行背景色E9F2FB;对于不带分页导航条的表格,要增加竖滚条,来使页面的布局稳定;•分页导航条和表格配合使用,放在表格下方,有当前页码、总页数、总记录数、首页、上一页、下一页、末页、跳转到指定页;•弹出框使用统一的样式,有标题,有边框,有背景色,居中显示弹出框;•日期选择使用统一的日期选择图片按钮,日期选择控件要求可以快速选择日期;•上移、下移、左移、右移按钮使用统一的按钮样式,操作的逻辑要统一;•文件选择按钮使用统一的文件选择图片按钮;•不能编辑的输入框背景色统一为灰色;。
界面设计规范大全

界面设计规范大全随着移动互联网的高速发展,越来越多的人开始关注界面设计。
事实上,好的界面设计可以在很大程度上提高用户的使用体验并提升产品的品质。
因此,设计师们需要遵循一些界面设计规范来确保他们的设计能够被用户所接受和理解。
在本文中,我们将介绍一些优秀的界面设计规范。
一、设计基础要素的取舍作为一名设计师,你需要了解色彩、线条、形状、空间等基础要素的取舍。
每种要素都具有不同的表现形式和特性,根据这些规律来进行取舍,才能产生有效的界面设计。
同时,在设计中要注重统一性,保持风格的一致性,对于不合理的色彩、线条的组合需要进行排除。
二、充分考虑用户体验好的界面设计能够激发用户的使用兴趣,并显著提高用户的使用积极性。
因此,设计时需要考虑用户体验。
比如,对于使用频率高的功能,需要让它们更加醒目,方便用户的快速操作;对于需要填写信息的界面,需要合理地根据用户习惯进行布局,使得用户更容易理解和操作。
三、尽量减小用户思考成本用户在使用产品时,思考成本会直接影响到他们的使用体验。
因此,设计师需要尽可能地减少用户的思考成本。
比如,首页需要醒目设置搜索框,方便用户快速搜索;对于需要选择的功能,要以图片、颜色等形式进行提示,让用户直观地了解使用效果。
四、合理地进行跳转设计当用户需要进行多个页面的操作时,合理的跳转设计可以有效地提高用户的使用效率。
因此,界面设计的跳转设计需要更加合理。
比如,在使用过程中,需要从一个页面跳转到另一个页面,应该以简单、直观的方式进行,让用户更加方便快捷地完成操作。
五、卡片式页面设计卡片化的设计方式可以有效地促进用户操作,使得不同功能模块的隔离和管理更加明确,同时可以减小页面加载时间、优化用户体验。
比如,当用户需要浏览商品信息时,卡片化的设计能够更容易让用户了解产品信息,并快速加入购物车。
总结:好的界面设计是用户体验的保证。
设计师需要根据产品的特性,对界面设计规范进行把握,最终提供更加优质的用户体验。
web界面设计规范

web界面设计规范Web界面设计规范是一系列规定和约束,旨在确保网站或应用程序的用户界面设计符合统一的标准,以提供用户友好的体验和一致性的外观。
以下是一些常见的Web界面设计规范:1. 界面布局规范:- 使用网格系统来实现页面布局,确保页面的各个元素对齐和排列整齐。
- 确定主要内容的位置,如导航栏、辅助功能和主要内容区域。
- 使用一致的字体、颜色和图标来传达信息层次结构和用户导航。
2. 导航规范:- 使用清晰的导航栏,以帮助用户快速找到所需的功能和信息。
- 提供可见的面包屑导航,以显示用户当前所在位置和可点击的路径。
- 使用显眼的按钮和链接,以便用户点击并进行导航。
3. 内容呈现规范:- 使用有吸引力的图像和多媒体内容来吸引用户的注意力。
- 调整字体大小和行距,以确保易读性和可访问性。
- 使用合适的排版和格式,以将信息呈现清晰、易理解。
4. 表单规范:- 使用标签来描述每个输入字段,并对输入字段进行合适的格式控制。
- 提供明确的错误消息和验证规则,帮助用户填写表单。
- 为用户提供方便的方式来提交表单,如按钮或提交链接。
5. 响应式设计规范:- 确保网站或应用程序在不同设备上具有一致的外观和功能。
- 使用可自适应的布局和元素,以适应不同的屏幕尺寸和方向。
- 优化页面加载速度,减少数据传输和图像大小。
6. 可访问性规范:- 使用无障碍标准和技术,以确保残障用户能够方便地访问和使用网站。
- 提供有意义的文本替代品和注释,以帮助使用辅助技术的用户理解图像和多媒体内容。
- 使用明确和简洁的语言,避免使用模糊、不明确的术语和词语。
7. 交互规范:- 使用明确和一致的图标和按钮,以指示用户可执行的操作。
- 提供实时反馈和状态更新,以使用户意识到其操作的结果。
- 使用动画和过渡效果来增强用户体验,但不要过度使用,以免分散用户注意力。
以上是一些常见的Web界面设计规范,可以根据具体的项目需求和目标来制定和调整。
设计规范的核心目标是提供用户友好的体验和一致性的外观,为用户提供无障碍的操作和导航。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
大汉三通界面设计规范目录1、界面GUI设计的标准 (6)1.1.GUI设计的规范 (6)1.2.GUI布局的合理性 (6)1.2.1.界面布局 (6)1.2.2.界面颜色搭配 (7)1.3.GUI风格的一致性 (7)1.4.GUI界面操作可定制性 (8)1.5.GUI界面友好性 (9)1.5.1.文字提示 (9)1.5.2.异常捕捉 (9)1.6.GUI操作友好性 (9)1.6.1.默认焦点 (9)1.6.2.支持TAB键 (10)1.6.3.支持回车键 (10)1.6.4.可选择性和连贯性 (10)1.6.5.控件属性 (10)2、界面GUI设计的经验 (10)2.1.选择框使用 (10)2.2.Web Form的设计 (10)2.3.控件元素的间距 (11)2.3.1.单个元素间距 (11)2.3.2.元素分组间距 (11)3、总体原则........................................................................................... 错误!未定义书签。
保密本文件及其内容为上海大汉三通网络通信有限公司保密资料。
本文件及其内容永远属于上海大汉三通网络通信有限公司拥有财产,在无上海大汉三通网络通信有限公司采用书面形式表示同意外,本文件a.不可以用于其他非原指定用途;b.不可以向第三方披露;c.不可采用任何形式进行复制和传播,包括但不限于传真、纸张邮件和电子邮件。
文档修改历史1、界面GUI设计的标准GUI的整体标准包括以下四个方面:1)规范性2)合理性3)一致性4)界面定制性1.1.GUI设计的规范遵循一致的准则,确立标准并遵循,是软件界面设计中必不可必的环节。
确立界面标准的好处:1)便于用户操作:户使用起来能够建立起精确的心理模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能;2)使用户感觉到统一、规范,在使用软件的过程中愉快轻松的完成操作,提高对软件的认知;3)降低培训、支持成本,不必花费较多的人力对客户进行逐个指导。
1.2.GUI布局的合理性界面的合理性是指界面是否与软件功能相融洽,界面的颜色和布局是否协调等。
1.2.1.界面布局1)屏幕不能拥挤Mayhew在1992年的试验结果表明屏幕总体覆盖度不应该超过40%,而分组覆盖度不应该超过62%。
整个项目,采用统一的控件间距,通过调整窗体大小达到一致,即使在窗体大小不变的情况下,宁可留空部分区域,也不要破坏控件间的行间距。
2)控件按区域排列一行控件纵向中对齐, 控件间距基本保持一致,行与行之间间距相同,靠窗体的控件距窗体边缘的距离应大于行间距。
当屏幕有多个编辑区域,要以视觉效果来组织这些区域。
3)有效组合逻辑上相关联的控件应当加以组合以表示其关联性,反之,任何不相关的项目应当分隔开。
在项目集合间用间隔对其进行分组,或者使用方框划分各自区域4)窗口缩放时,控件位置、布局固定窗口大小,不允许改变尺寸;改变尺寸的窗口,在窗口尺寸发生变化时控件的位置、大小做出相应的改变;改变尺寸的窗口,在窗口改变尺寸时增加相应在的纵向、横向滚动条,以方便用户使用窗体上的控件;1.2.2.界面颜色搭配使用恰当的颜色,可以使软件的界面看起来更加规范:1)统一色调针对软件类型以及用户工作环境选择恰当色调,如:安全软件,根据工业标准,可以选取黄色。
绿色体现环保,蓝色表现时尚清新、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等。
2)遵循对比原则在浅色背景上使用深色文字,深色背景上使用浅色文字,如蓝色文字以白色背景容易识别,而在红色背景则不易分辨。
除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色3)整个界面色彩尽量少的使用类别不同的颜色;4)颜色方案也许会因为显示器、显卡、操作系统等原因显示出不同的色彩;5)针对色盲、色弱用户,可以使用特殊指示符;6)颜色方案也许会因为显示器、显卡、操作系统等原因显示出不同的色彩;7)针对色盲、色弱用户,可以使用特殊指示符;1.3.GUI风格的一致性界面的一致性既包括使用标准的控件,也指相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
1)在不同分辨率下的美观程度软件界面要有一个默认的分辨率,而在其他分辨率下也可以运行,分别在800×600,1024×768,1280×768,1280×1024,1200×1600分辨率下的大字体、小字体下的界面表现。
2)界面布局要一致如所有窗口按钮的位置和对齐方式要保持一致。
3)界面的外观要一致如控件的大小、颜色、背景和显示信息等属性要一致,一些需要特殊处理或有特殊要求的地方除外。
4)界面所用颜色要一致颜色的前后一致会使整个应用软件有同样的观感,反之会让用户觉得所操作的软件杂乱无章,没有规则或言。
5)操作方法要一致如双击其中的项,触发某事件,那么双击任何其他列表框中的项,都应该有同样的事件发生。
6)控件风格、控件功能要专一不错误的使用控件。
例如使用Button样式做Table的功能,拿主菜单条显示版权信息等一个控件只做单一功能,不复用。
7)标签和消息的措词要一致如在提示、菜单和帮助中产生相同的术语。
8)标签中文字信息的对齐方式要一致如某类描述信息的标题行定为居中,那么其他类似的功能也应该与此一致。
9)快捷键在各个配置项上语义保持一致1.4.GUI界面操作可定制性界面的可定制性大致可分为以下几个特性:1)界面元素可定制允许用户定义工具栏、状态栏是否显示,工具栏显示在界面上的位置;允许用户定义菜单的位置等。
2)工具栏可定制不同用户对常用工具的使用是不同的,因此允许用户建立新的工具栏,选择要显示的工具栏,定制工具栏上的按钮等功能在软件系统中经常被用到。
3)统计检索可定制对于某些特殊行业的软件可以提供统计检索的可定制性,在充分了解用户需求的基础上制定大量的安全供用户选择。
GUI所包含各类元素标准的定制GUI的元素大致可分为以下几个方面:窗口菜单图标控件鼠标文字联机帮助1.5.GUI界面友好性1.5.1.文字提示操作前:简洁明了的告诉用户包括长度约束、字符约束、格式约束、前置条件约束。
操作中:某些特殊情况应提示用户,避免无效操作,如TextArea输入时应动态提示可用长度。
操作后:操作失败:准确的告诉用户操作失败原因。
操作成功:可适当加入鼓励性语气,可引导用户进行下一步操作。
1.5.2.异常捕捉抛出的异常翻译成用户能理解的文字。
1.6.GUI操作友好性1.6.1.默认焦点操作前:简洁明了的告诉用户包括长度约束、字符约束、格式约束、前置条件约束。
操作中:某些特殊情况应提示用户,避免无效操作,如TextArea输入时应动态提示可用长度。
操作后:操作失败:准确的告诉用户操作失败原因。
操作成功:可适当加入鼓励性语气,可引导用户进行下一步操作。
1.6.2.支持TAB键按从左到右,从上至下的顺序。
1.6.3.支持回车键针对默认焦点在登陆、确认、保存等按钮。
1.6.4.可选择性和连贯性操作成功或完成后可让用户选择是否继续操作,选择否则跳转至关联页面。
典型案例:添加用户和用户列表,可选择继续添加,完成添加则跳转至用户列表。
1.6.5.控件属性1)对于存在逻辑操作关系的页面,利用disable、enable、visible等可动态设置的控件属性来控制用户的非法操作,避免操作后才提示。
2)对于长度约束:可通过设置控件的输入长度控制。
2、界面GUI设计的经验2.1.选择框使用对于选项不多,而且选项固定的,不太会增加,一般选择下拉选择框,而且有默认选择项;对于选项很多,而且会不断增加,可选择提示输入框(输入时会自动提示,类似google搜索框)。
2.2.Web Form的设计1)支持Tab键。
在窗体内按Tab健时,对于所有的input控件,可以从左到右,从上到小,切换聚焦点。
2)支持Enter键。
类似点击窗体的主要功能按钮,如“确认”、“保存”、“查询”等。
3)按钮位置统一。
如OK按钮在左,Cancel按钮在右边。
4)记录删除:在删除之前必须有确认删除的提示信息。
删除成功后刷新不显示被删除的记录。
删除成功后返回到原记录所在页面;而当原记录所在页不存在时,则返回上一页。
当被删除的记录与其它记录存在关联时,应给予不允许删除及更详细的提示等信息。
针对大批量的删除应提供全选复选框,方便用户删除。
5)查询记录:每次查询应显示返回的结果数。
每次查询应定位到首页。
保留前一次的查询条件。
当查询条件较多时,需配以重置按钮。
当未查询到任何记录时,需给予未查找到相关记录的提示信息。
除用户明确要求不需要外,需提供模糊查询及组合查询功能。
当查询返回的结果大于默认的一页大小时,最好采用分页或者根据系统默认或用户定义的一页显示的记录数量来分页。
如有多页,需要提供首页,下一页,上一页,尾页和跳转功能。
每页的记录不能重复,但也可以根据用户需要显示上一页的最后一条数据。
6)列表里面表示状态的字段,可以通过图标表示,这样更加直观。
2.3.控件元素的间距2.3.1.单个元素间距1)输入框之间垂直间距为5px;2)Label文本标签和输入元素之间水平间距为8-22px;3)复选框、单选按钮之间垂直间距为8px;4)多种元素混合垂直排列时,复选框和单选按钮边上的间距无论在什么情况下都为8px。
2.3.2.元素分组间距1)窗口边框和内容区域的四周边距为11px;2)父组和子组之间的四周间距为10px;3)分组框边框和内部内容区域的四周边距为5px;4)复选框组、单选框组的组水平间距为15px。
3、操作体验1)系统引导原则:从页面文字提示、菜单的合理布局、弹出框提示等引导用户按流程的先后顺序操作,做到环环相扣。
以融合为例:系统配置→通道配置→资费管理→业务管理→资源和产品管理→日常操作。
2)避免无效操作原则:不能等用户花费了大量时间操作完之后点击提交才告知操作失败。
4、产品相关总结经验1)列表的排序。
比如短信下行详单、短信上行详单、群发任务、定时任务,默认排序一般按照时间倒序。
2)系统中一些重要的实体,比如产品、客户、代理商、通道等,无论在哪个页面出现,都得以名称上加链接地址的方式显示,点击链接地址,可以直接查看该实体的详细内容。
3)列表中文字默认居中。
统计报表的数字居左;对于一个字段内容长度非常悬殊时>20倍,可考虑居左。