用户界面设计的基本原则

1用户界面设计的基本原则

1.1用户界面设计原则

基于本平台开发的应用软件应坚持图形用户界面（GUI）设计原则：

1、界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了

然、不需要太多培训就可以方便使用本应用系统。

2、始终强调软件用户是所有处理的核心：用户界面应当由用户来控制应用

如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。

1.2 一般交互原则

AE系统的应用软件的一般交互遵循以下原则：

1、一致性：菜单选择、数据显示以及其它功能都应使用一致的格式。

2、提供有意义的反馈。

3、执行有较大破坏性的动作前要求确认。

4、在数据录入上允许取消大多数操作。

5、减少在动作间必须记忆的信息数量。

6、允许用户非恶意错误，系统应保护自己不受致命操作的破坏。

7、按功能对动作分类，并按此排列屏幕布局，设计者应提高命令和动作组织的

内聚性。

8提供语境相关的帮助机制。

1.3信息显示原则

AE系统的应用软件信息显示遵循以下原则：

1、只显示与当前用户语境环境有关的信息。

2、不要用数据将用户包围，使用便于用户迅速吸取信息的方式表现信息。

3、使用一致的标记、标准缩写和可预测的颜色，显示信息的含义应该非常

明确，用户不必再参考其它信息源

4、产生有意义的出错信息。

5、使用缩进和文本来辅助理解。

6、使用窗口分隔/控件分隔不同类型的信息。

7、高效地使用显示器的显示空间。

1.4数据输入原则

AE系统的应用软件数据输入遵循以下原则：

1、尽量减少用户输入动作的数量；

2、维护信息显示和数据输入的一致性；

3、交互应该是灵活的，对键盘和鼠标输入的灵活性提供支持；

4、在当前动作的语境中使用不合适的命令不起作用；

5、让用户控制交互流，用户可以跳过不必要的动作、改变所需动作的顺序

（如果允许的话）以及在不退出系统的情况下从错误状态中恢复；

6、为所有输入的动作提供帮助；

7、消除冗余输入。可能的话提供缺省值、绝不要让用户提供程序中可以自动

获取或计算出来的信息。

2用户界面设计规范

2.1界面规范的总体规定

本应用系统显示界面总体上分为三帧：菜单工具栏区域、审计资料树区域和应用软件工作区，如下图1-1

图1-1 AE系统界面总体规划

AE系统应用平台，提供上述界面框架，其基本参数如下：

1、顶层依次包含系统菜单栏、快捷按钮栏以及各应用所包含应用菜单栏，

总高度为80。

2、下层中左帧为“审计资料树”，可变化宽度，默认为200。

3、右帧为各应用或模块的“显示页”，是用户应用的功能容纳区。

4、应用功能容纳区宽度可变，默认为600。应用窗体有水平及垂直滚动条

5、底部为状态条高度为20,分为多栏，应用程序可通过接口填入内容。

2.2界面一致性规范

AE系统各软件在界面设计中应该保持界面的一致性。

一致性既包括：使用标准的控件；使用相同的信息表现方法，如：在字体、标签风格、颜色、术语、显示错误信息等方面确保一致

221显示信息一致性规范

1、字体：系统缺省字体采用如下设置：

（1）F ont.Charset = GB2312_CHARSET ，

（2）F ont.Color = clWindowText ，

（3）F ont.Size = 9，

（4）F ='宋体'。

2、标签提示：底色透明、无边框、右对齐、带冒号、一般情况使用缺省字

体；

3、日期：采用长格式，一般情况使用缺省字体；

4、对齐方法：

（1）左对齐：一般文字、单个数字、日期等。

（2）右对齐：数字、时间、日期加时间。

5、窗体：分辨率默认为800*600，增强色16色，对于800*600与1024*768

6、两种分辨率自适应为全屏幕填充模式。窗体的比例一般是4：3（宽：高）——这是一般窗体（如：主窗体）或16:9。一般同类或大小差不多的窗体

要设置成同样的大小，输入框、按钮等要出现在相同位置一一这样才有整体感观。窗体类型要规范：该是对话框的就是对话框，不能使可以改变大小的！

（1）F ormStyle :需要平台集成的窗体均为fsMDIChild，其余窗体为

fsNormal或无限制但打开时以模态显示（ShowModal ）。

（2）WindowState :需要平台集成的窗体为wsMaximized，其余窗体无限制。

（3）其余属性使用默认值。

（4）色彩值参考：

控件及界面颜色应该与平台效果图配色风格及色调统一或近似。平台效果图见下：

I 0 .s.ftf!* Hl'Mt WjfeJff #as»f ffititff itlCTM

WfcLM JJftBS ftu _ * x

莹由:亠呢 L?]U ：m 阴 j

二氏沖* ” f 产丄上 社*乞岀 上图中的排列显示风格供参考。在整体确定之后，AE 系统各软件必须遵从。 如果这些信息的表现方式不一致，会使得用户分散注意力，影响这一软件 的使用，因此开发者必须在同一软件中表现形式的一致性。

222布局合理化要求

布局力求简洁、有序、易于操作。

在一个窗口，应注意内部所有控件的布局和信息组织的艺术性，使得用户 界面美观。

在一个窗口中按Tab 键，移动聚焦的顺序不能杂乱无章，

Tab 的顺序是：

先从上至下，再从左至右。一屏中首先应输入的和重要信息的控件在 Tab 顺序

中应当靠前，位置也应放在窗口上较醒目的位置。

2.2.3鼠标与键盘对应要求

应遵循的是可不用鼠标的原则：应用中的功能只用键盘也应当可以完成，

p ffiasfa ■ Bu-iF^n

U Bi+>x O »计両目匸

档

；oBnas

^wtsefw i

译计□枉

EA J S:E 记肛II |：|-.舌E

現金日记魅

odttiwm

—白计亍啤

ii]] *Hir 空MjSr 「址技昶

着*

rr ■ B . rtd£^

民冠

U*S •艸

号聲慕：i 环

卷畀

b n mi

mjri-e

TdBTrl-IT

t^suiS

鼻一 cr if WT

thIn

刃哙』自 弭闻舟弓金垂tr 曲 SfllHMEII 华羽用t 町也

Htt^-l-L ■； 年育軒巴 2oo>j-£j

拖玉幄曲古刃逢 冃吋 求0T

0®

口 >X>

€f

1 .11 Ii: 0 DO

0 00】・E

】町」町or

nion

0 Cij Zirp ：n nrr--1-叩育EhFR

-UL

说 JUT.HU IJ. Jj A JULZLUB “存

OS

QQ.'QQ a® W®LQ2flT

^D.au:> DC

n an 0 CD 1CZ

ril 仃丐葫

» JL»fl «D 0ffi«4dLatiai Kii«

0 3 T OOQ 00

|：| Q0 !=4

o.m

ftioe co occ no

l^l.QDP.DC IK 3QI flO

i«: ]Qn.aa

QI®

A *^r±s -

-■UD. 2-iZ “rr

严汁

3DD3-S-I* 1 E |血

:iflfla-E-i*

LUI

2W0TJ-E-H LftL

卫吟事律 LOO. Hira^E-u

IDL

2A&3-MI im 固叶坛■

LlkL

UM

jOUFE Ji

101 3fltt>£-2 i L>1

FK-2】 LAL

耳P#中SI LEM. 31D3-E-E!

LftL 血2却

曲

丹盼KT

La.QOL'.X.

a.'uu O J X I JVZ

isnflsr

Fk 爭冷冲帝溼样 !5晦 ME M 'aaDBWiiBdB —

£斗比卉Ihji*字.

0 DO

2 XC □□ 0 OCI 空40L 国ID L-4^- h -r."±*t^ jf 右0 L ⑼T5 dg 3B!»L

0 W. 池 am CQ

0 |：C F1：*|||J1Q3 嗨章 a 1 左就 JrJfelL

O.DO

L mT.'SZ 0 OO J ■: RL :!二沖盔

EdQiK.EK'

n.QQ 0.W ]C£

IMT0K

中E 盈1L 』T 日 g. 00 21720 34€ iTin/ffc/rz#

0 K- Mil 歸 0 g »»L VJ.H» 殆

D 雋

E 12 n er -f

2i.5OD 忙

D 刚 C LOD 画

"*币S .，血

0 «) 4 WO flO 0 '：t ■ 1 ^jlOlOJ

0 D L 409 创

0 00 »nt Fm. fFl 前川葺扌疔迪： o.rc Ct'LflQ U.'X JCTQ5

ftl=S 子耳5W

0闻 TL40 QS "I

駅工椚蔓3

古丨讣昭佔

O DO M 4-4Q <□□ D >X SC40LEia3

/曲.-时”11如

OU) L OT2 OD o 加 鬣那i :：鹏 引心JL 蚪* fiiS

O 远

* 13* 3

口 g 血机

(HBL

些"HJW I “:.!占訂*「Al 3 ill 弓as 艷子tMM : L1 】H ■业)

!■： Ji t?

L91

O 0D

L(U

101

LEkL

iStiOi-ir

黑汁