热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

用户界面设计风格说明

摘自:http:hi.baidu.comyuanzbblogitem1a573538b6eda821b9998f26.html
 
摘自: http://hi.baidu.com/yuanzb/blog/item/1a573538b6eda821b9998f26.html
 
1引言
1.1设计说明
本文档是对系统界面设计风格进行描述,和用户交互的最终界面在《详细 设计 说明书》中设计和解释。

1.2概念和定义
用户界面:又称人机界面,实现用户与计算机之间得通信,以控制计算机或进行用户和计算机之间得数据传送得系统部件。
GUI:即图形用户界面,一种可视化得用户界面,它使用图形界面代替正文界面。

1.3用户假定
将使用本系统的用户定义为:对应用程序或计算机的一般用法有一定了解,用户 希望 界面符合WINDOWS9X特别是OFFICE97风格,对易用性、简洁性有比较高的要求,对界面快速交互没有很强的要求(即不希望通过命令方式快速交互)。

2用户界面设计规范
2.1用户界面设计原则
本系统坚持图形用户界面(GUI)设计原则,界面直观、对用户透明:用户接触 软件 后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。
界面设计员应该明白软件中用户是所有处理的核心,不应该有应用程序来决定处理过程,所以用户界面应当由用户来控制应用如何工作、如何响应,而不是由开发者按自己的意愿把操作流程强加给用户。
界面设计必须经过确认才能完成。

2.2界面一致性
在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
1)显示信息一致性标准
(1)标签提示:字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号(10号);
(2)日期:正常字体、宋体、白底黑字、3-D lowered;
(3)对齐方法:
l左对齐:一般文字、单个数字、日期等
l右对齐:数字、时间、日期加时间。
(4)分辨率为800*600,增强色16色
(5)字体缺省为宋替、五号、黑色
(6)底色缺省采用灰色
这些信息的排列显示风格供参考, 在同一个应用中,这些信息的表现方式不一致,会使得用户分散注意力,影响这一软件的使用,因此开发者应当注意在同一软件中表现形式的一致性。
2)布局合理化原则
应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。
在一个窗口中按tab键,移动聚焦的顺序不能杂乱无章,tab 的顺序是先从上至下,再从左至右。一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 布局力求简洁、有序、易于操作。
3)鼠标与键盘对应原则
应遵循的是可不用鼠标的原则:应用中的 功能 只用键盘也应当可以完成,即设计的应用中还应加入一些必要的按钮和菜单项。
但是,许多鼠标的操作,如双击、拖动对象等,并不能简单地用键盘来模拟即可实现。例如在一个列表框中用鼠标双击其中一项可以表示选中该项内容。为了用键盘 也能实现这一功能,必须在窗口中定义一个表示选中的按钮,以作为实现双击功能的替代(或其它方式)。又如在一个窗口中有两个数据窗口,可以用鼠标从一个数 据窗口中将一项拖出然后放到另一个中。如果只用键盘,就应当在菜单中设置拷贝或移动的菜单项。
4)快捷键
在菜单项中使用快捷键可以让使用键盘的用户操作得更快一些,在西文Windows及其应用软件中快捷键的使用大多是一致的。本系统中应用的快捷键在各个配置项上语义必须保持一致。
面向事务的:
lCtrl-D 删除
lCtrl-F 寻找
lCtrl-I 插入
lCtrl-N 新记录
lCtrl-S 保存
查询/列表:
lCtrl-O
lCtrl-R
其它:
lCtrl-C 拷贝
lCtrl-H 帮助
lCtrl-P 打印
lCtrl-V 粘贴
lCtrl-W 关闭
lCtrl-X 剪切
MS Windows保留键:
lCtrl-Tab 下一窗口
lCtrl-Esc 任务列表
lCtrl-F4 关闭窗口
lAlt-F4 结束应用
lAlt-Tab 下一应用
lEnter 缺省按钮/确认操作
lEsc 取消按钮/取消操作
lShift-F1 上下文相关帮助
其它快捷键
其它快捷键使用汉语拼音的开头字母,不常用的可以没有快捷键。
2.3向导(WIZARD)使用原则
对于应用中某些部分的处理流程是固定的,用户必须按照指定的顺序输入操作信息,为了使用户操作得到必要的引用应该使用向导,使用户使用功能时比较轻松明了,但是向导必须用在固定处理流程中,并且处理流程应该不少于3个处理步骤。

2.4系统响应时间
系统响应时间包括两个方面:时间长度和时间的易变性。用户响应时间应该适中,系统响应时间过长,用户就会感到不安和沮丧,而响应时间过短有时会造成用户加 快操作节奏,从而导致错误。系统响应时间的易变性是指相对于平均响应时间的偏差。即使响应时间比较长,低的响应时间易变性也有助于用户建立稳定的节奏。因 此在系统响应时间上坚持如下原则:
响应时间长度 界面设计
0-10 秒 鼠 标 显 示 成 为 沙 漏
10 到18 秒 由微帮助来显示处理进度
18 秒 以 上 显示处理窗口,或显示进度条
一个长时间的处理完成时 应给予完成警告信息


响应时间的易变性 界面设计
用户感觉不到 不考虑
用户稍微感觉到 由微帮助提供易变性说明
容易性大而且时间绝对差别大 显示易变性提示

2.5用户帮助设施
常用的帮助设施有两种:集成的和附加的。集成的帮助设施一开始就是设计在软件中的,它与语境有关,用户可以直接选择与所要执行操作相关的主题。通过集成帮 助设施可以缩短用户获得帮助的时间,增加界面的友好性。附加的帮助设施在系统建好以后再加进去的。通常是一种查询能力比较弱的联机帮助。
本系统提供这两种帮助设施,设计和实现时遵循以下原则:
1)进行系统交互时,提供部分帮助功能,即:提供主要操作的帮助
2)用户可以通过帮助菜单、F1键和帮助按钮(如果有的话)访问帮助
3)表示帮助时根据需要提供三种方式的选择:另一个窗体、微帮助和指出参考某个文档
4)用户如何回到正常交互方式有两种选择:返回键和功能键
5)帮助信息的构造:采用分层式帮助
6)微帮助提供:由状态栏提供,或控件上的提示文本

2.6出错信息和警告
出错信息和警告是指出现问题时系统给出的坏 消息 ,本系统对于出错信息和警告应该遵循以下原则:
1)信息以用户可以理解的术语描述;
2)信息应提供如何从错误中恢复的建设性意见;
3)信息应指出错误可能导致那些不量后果,以便用户检查是否出现了这些情况或帮助用户进行改正;
4)信息应伴随着视觉上的提示,如特殊的图像、颜色或信息闪烁。
5)信息不能带有判断色彩,即任何情况下不能指责用户

2.7命令交互
由于本系统用户是WINDOWS用户,故本系统不提供命令交互。

2.8一般交互原则
本系统一般交互遵循以下原则:
1)一致性:菜单选择、数据显示以及其它功能都应使用一致的格式。
2)提供有意义的反馈
3)执行有较大破坏性的动作前要求确认
4)在数据录入上允许取消大多数操作
5)减少在动作间必须记忆的信息数量
6)在对话、移动和思考中 提高 效率
7)允许用户非恶意错误,系统应保护自己不受致命作物的破坏
8)按功能对动作分类,并按此排列屏幕布局,设计者应那里提高命令和动作组织的内聚性
9)提供语境相关的帮助机制

2.9信息显示原则
本系统信息显示遵循以下原则:
1)只显示与当前用户语境环境有关的信息;
2)不要用数据将用户包围,使用便于用户迅速吸取信息的方式表现信息;
3)使用一致的标记、标准缩写和可预测的颜色,显示信息的含义应该非常明确,用户不必再参考其它信息源;
4)产生有意义的出错信息,见2.6;
5)使用缩进和文本来辅助理解;
6)使用窗口分隔控件分隔不同类型的信息;
7)高效地使用显示器的显示空间。

2.10数据输入原则
本系统数据输入遵循以下原则:
1)尽量减少用户输入动作的数量;
2)维护信息显示和数据输入的一致性;
3)交互应该时灵活的,对键盘和鼠标输入的灵活性提供支持;
4)在当前动作的语境中使不合适的命令不起作用;
5)让用户控制交互流,用户可以跳过不必要的动作、改变所需动作的顺序(如果允许的话)以及在不退出系统的情况下从错误状态中恢复;
6)为所有输入的动作提供帮助,见2.5;
7)消除冗余输入。可能的话提供缺省值、绝不要让用户提供程序中可以自动获取或计算出来的信息。

3用户界面设计更改和追加说明
3.1更改说明
更改本用户界面设计时应该征得所有开发者的同意,所有开发者应该按更正后的原则修改和设计用户界面。

3.2追加说明
追加本用户界面设计时应该发布给所有开发者,所有开发者应该按追加后的原则修改和设计用户界面。

4其它
无。

推荐阅读
  • GetWindowLong函数
    今天在看一个代码里头写了GetWindowLong(hwnd,0),我当时就有点费解,靠,上网搜索函数原型说明,死活找不到第 ... [详细]
  • EPICS Archiver Appliance存储waveform记录的尝试及资源需求分析
    本文介绍了EPICS Archiver Appliance存储waveform记录的尝试过程,并分析了其所需的资源容量。通过解决错误提示和调整内存大小,成功存储了波形数据。然后,讨论了储存环逐束团信号的意义,以及通过记录多圈的束团信号进行参数分析的可能性。波形数据的存储需求巨大,每天需要近250G,一年需要90T。然而,储存环逐束团信号具有重要意义,可以揭示出每个束团的纵向振荡频率和模式。 ... [详细]
  • 这是原文链接:sendingformdata许多情况下,我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单,但是 ... [详细]
  • 如何去除Win7快捷方式的箭头
    本文介绍了如何去除Win7快捷方式的箭头的方法,通过生成一个透明的ico图标并将其命名为Empty.ico,将图标复制到windows目录下,并导入注册表,即可去除箭头。这样做可以改善默认快捷方式的外观,提升桌面整洁度。 ... [详细]
  • 本文是一位90后程序员分享的职业发展经验,从年薪3w到30w的薪资增长过程。文章回顾了自己的青春时光,包括与朋友一起玩DOTA的回忆,并附上了一段纪念DOTA青春的视频链接。作者还提到了一些与程序员相关的名词和团队,如Pis、蛛丝马迹、B神、LGD、EHOME等。通过分享自己的经验,作者希望能够给其他程序员提供一些职业发展的思路和启示。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • Windows下配置PHP5.6的方法及注意事项
    本文介绍了在Windows系统下配置PHP5.6的步骤及注意事项,包括下载PHP5.6、解压并配置IIS、添加模块映射、测试等。同时提供了一些常见问题的解决方法,如下载缺失的msvcr110.dll文件等。通过本文的指导,读者可以轻松地在Windows系统下配置PHP5.6,并解决一些常见的配置问题。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文介绍了Linux系统中正则表达式的基础知识,包括正则表达式的简介、字符分类、普通字符和元字符的区别,以及在学习过程中需要注意的事项。同时提醒读者要注意正则表达式与通配符的区别,并给出了使用正则表达式时的一些建议。本文适合初学者了解Linux系统中的正则表达式,并提供了学习的参考资料。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • 微软小娜企业版发布新版本,提供构建自定义技能的套件
    微软将向企业级市场发布微软小娜企业版的新版本,该版本提供了构建自定义技能的套件,使企业员工可以更方便地使用数字助理。目前该套件仍处于内测期间,只有部分企业可以获得,其他有兴趣的企业需要继续等待。新版本的套件可以帮助员工构建各种自定义技能,如检查休假余额、创建服务凭证等。微软通过让多个开发人员编辑和管理机器人通道注册配置来改善开发者的体验,团队可以自行访问和更改技能注册,满足企业实际需求。微软小娜企业版已经在各个行业得到采用,能够帮助员工专注于优先事项,将非优先处理的任务交给微软小娜处理。 ... [详细]
  • 在Xamarin XAML语言中如何在页面级别构建ControlTemplate控件模板
    本文介绍了在Xamarin XAML语言中如何在页面级别构建ControlTemplate控件模板的方法和步骤,包括将ResourceDictionary添加到页面中以及在ResourceDictionary中实现模板的构建。通过本文的阅读,读者可以了解到在Xamarin XAML语言中构建控件模板的具体操作步骤和语法形式。 ... [详细]
  • 本文介绍了Python爬虫技术基础篇面向对象高级编程(中)中的多重继承概念。通过继承,子类可以扩展父类的功能。文章以动物类层次的设计为例,讨论了按照不同分类方式设计类层次的复杂性和多重继承的优势。最后给出了哺乳动物和鸟类的设计示例,以及能跑、能飞、宠物类和非宠物类的增加对类数量的影响。 ... [详细]
author-avatar
se8529106
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有