UI设计规范阐明書
修订历史记录
曰期
版本
阐明
作者
序言
文档简介
本文档是對整個系统界面设计風格進行描述,和顾客交互的最终界面在《详细设计阐明書》中设计和解释。
系统定义
顾客界面:又称人机界面,实現顾客与计算机之间得通信,以控制计算机或進行顾客和计算机之间得数据传送得系统部件。
GUI:即图形顾客界面,一种可视化得顾客界面,它使用图形界面替代正文界面。
编写目的
统一图形界面规范,為開发人员提供统一的原则,為顾客提供统一显示效果、统一操作方式的界面,便于顾客识别与使用。
界面设计准则Rules
引言Introduction
在界面设计中应當保持界面的一致性。一致性既包括使用原则的控件,也指使用相似的信息体現措施,如在字体、風格、颜色、术語、提醒信息等方面保证一致。
重要内容Content
显示信息一致性原则
坚持图形顾客界面(GUI)设计原则,界面直观、對顾客透明:顾客接触软件後對界面上對应的功能一目了然、不需要多少培训就可以以便使用本应用系统。
明确顾客是所有处理的关键,不应當有应用程序来决定处理過程,因此顾客界面应當由顾客来控制应用怎样工作、怎样响应,而不是由開发者按自已的意愿把操作流程强加給顾客。
界面设计必须通過最终确认才能完毕。
布局合理化原则
应注意在一种窗口内部所有控件的布局和信息组织的艺术性,使得顾客界面美观。在一种窗口中按tab键,移動聚焦的次序不能杂乱無章,tab的次序是先從上至下,再從左至右。一屏中首先应输入的和重要信息的控件在tab次序中应當靠前,位置也应放在窗口上较醒目的位置。布局力争简洁、有序、易于操作。
鼠標与键盘一致性原则
尽量遵照可不用鼠標的原则:应用中的功能只用键盘也应當可以完毕,即设计的应用中還应加入某些必要的按钮和菜單项。
不過,許多鼠標的操作,如双击、拖動對象等,并不能简朴地用键盘来模拟即可实現,此类操作可合适增長操作按钮。
向导使用原则
對于应用中某些部分的处理流程是固定的,顾客必须按照指定的次序输入操作信息,為了使顾客操作得到必要的引用应當使用向导,使顾客使用功能時比较轻松明了,不過向导必须用在固定处理流程中,并且处理流程应當不少于3個处理环节。
系统响应時间
系统响应時间应當适中,响应時间過長,顾客就會感到不安和沮丧,而响应時间過快也會影响到顾客的操作节奏,并也許导致錯误。因此在系统响应時间上坚持如下原则:
响应時间長度界面设计:
0-5秒鼠標显示成為沙漏;
5秒以上显示处理窗口,或显示進度条;
一种長時间的处理完毕時应予以完毕警告信息。
出錯信息和警告
出錯信息和警告是指出現問題時系统給出的壞消息,對于出錯信息和警告应當遵照如下原则:
信息以顾客可以理解的术語描述;
信息简要扼要,指出出錯原因并提供处理措施提醒。
信息显示原则
信息显示遵照如下原则:
1)只显示与目前顾客語境环境有关的信息;
2)不要用数据将顾客包围,使用便于顾客迅速吸取信息的方式体現信息;
3)使用一致的標识、原则缩写和颜色,显示信息的含义应當非常明确,顾客不必再参照其他信息源;
4)产生故意义的出錯信息;
5)使用缩進和文本来辅助理解;
6)使用窗口分隔控件分隔不一样类型的信息;
7)高效地使用显示屏的显示空间,但要防止空间過于拥挤。
数据输入原则
数据输入遵照如下原则:
1)尽量減少顾客输入動作的数量;
2)维护信息显示和数据输入的一致性;
3)交互应當時灵活的,對键盘和鼠標输入的灵活性提供支持;
4)在目前動作的語境中使不合适的命令不起作用;
5)让顾客控制交互流,顾客可以跳過不必要的動作、变化所需動作的次序(假如容許的话)以及在不退出系统的状况下從錯误状态中恢复;
6)為所有输入的動作提供协助;
7)消除冗余输入。也許的话提供默认值、绝不要让顾客提供程序中可以自動获取或计算出来的信息。
界面实行细则Detail
概述
界面设计中保持界面的一致性。一致性既包括使用原则的控件,也指使用相似的信息体現措施,如在字体、標签風格、颜色、术語、显示錯误信息等方面保证一致。
界面力争简洁明了,保证系统功能设计的合理与明确,布局明确、交互操作合理、协调统一。功能要体現清晰,分类清晰有条理,防止過多的控件嵌套导致的视覺混乱;單一功能的操作目的明确,符合易用性原则,防止不必要的信息显示而對顾客导致视覺干扰;力争操作简朴,简朴的功能一步完毕,比较复杂的功能三步之内,复杂的功能操作使用操作向导来辅助客户完毕。
颜色搭配Corlor
字体Font
资源Resources
控件風格Style
窗体Window
菜單Menu
工具栏ToolBar
状态栏StatusBar
导航栏OutlookBar
数据窗口DataWindow
按钮Button
單项选择框RadioButton
静态文