软件工程用户界面设计报告书

软件工程用户界面设计报告书

目录

0. 文档介绍3

0.1 文档目的3

0.2 文档范围3

0.3 读者对象3

0.4 参考文献3

0.5 术语与缩写解释4

1. 应当遵循的界面设计规范4

2. 界面的关系图和工作流程图9

3. 主界面 10

4. 子界面 A 12

5. 子界面 B 13

6. 美学设计13

7. 界面资源设计错误!未定义书签。

8. 其它错误!未定义书签。

文档介绍

0.1 文档目的

界面设计是为了满足软件专业化标准化的需求而产生的对软

件的使用界面进行美化优化规范化的设计分支。界面设计文档能

够让用户对软件产品有了更直观的了解,而且了解各个模块的设计及用意。

0.2 文档范围

文档包括公用界面设计,学生用户界面设计,教师用户界面设计,其中各个界面包括框架设计,编程设计,按钮设计,面板设计,菜单设计,标签设计,图标设计,滚动条及状态栏设计。

0.3 读者对象

登陆网站的游客、注册成会员的学生、教师以及管理员。

0.4 参考文献

提示:列出本文档的所有参考文献(能够是非正式出版物),格式如下:

[1] 张海藩,<软件工程导论(第5版)>,清华大学出版社,19 01月

[2] 杨培添,<软件界面设计>,电子工业出版社, 02月

[3] 林锐,,电子工业出版社, 5月

[4] 吴士力,汪孝宜,胡俦,<网络系统开发实例精粹(JSP版)>,电

子工业出版社, 8月

[5] 黄艳群,黎旭,李荣丽,<设计·人机界面>,北京理工大学出版社, 5月

0.5 术语与缩写解释

缩写、术语解释

SPP 精简并行过程,Simplified Parallel Process

SD 系统设计,System Design

1. 应当遵循的界面设计规范

软件界面的设计,既要从外观上进行创意以到达吸引眼球的目的,还要结合图形和版面设计的相关原理,从而使得软件设计变成了一门独特的艺术。软件用户界面的设计应遵循以下几个基本原

则:

用户导向原则:

明确到底谁是使用者,要站在用户的观点和立场上来考虑设计软件。要作到这一点,必须要和用户来沟通,了解她们的需求、目标、期望和偏好等。网页的设计者要清楚,用户之间差别很大,她们的能力各有不同。比如有的用户可能会在视觉方

面有欠缺(如色盲),对很多的颜色分辨不清;有的用户的听觉也会有障碍,对于软件的语音提示反映迟钝;而且相当一部分用户

的计算机使用经验很初级,对于复杂一点的操作会感觉到很费

力。另外,用户使用的计算机机器配置也是千差万别,包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。

设计者如果忽视了这些差别,设计出的网页在不同的机器上显

示就会造成混乱。

KISS原则:

KISS原则就是"Keep It Simple And Stupid"的缩写,简洁和易于操作是网页设计的最重要的原则。毕竟,软件建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网

页上设置过多的操作,堆集上很多复杂和花哨的图片。该原则

一般的要求,网页的下载不要超过10秒钟(普通的拨号用户56 Kbps网速);尽量使用文本链接,而减少大幅图片和动画的使用;操作设计尽量简单,而且有明确的操作提示;软件所有的内容和服务都在显眼处向用户予以说明等。

布局控制:

关于网页排版布局方面,很多网页设计者重视不够,网页排版设计的过于死板,甚至照抄她人。如果网页的布局凌乱,仅仅把大量的信息堆集在页面上,会干扰浏览者的阅读。一般在网

页设计上所要遵循的原理有:

Miller公式。根据心理学家George ler的研究表明,人一次性接受的信息量在7个比特左右为宜。总结一个公

式为:一个人一次所接受的信息量为7±2 比特。这一原理

被广泛应用于软件建设中,一般网页上面的栏目选择最佳在

5～9个之间,如果软件所提供给浏览者选择的内容链接超

过这个区间,人在心理上就会烦躁,压抑,会让人感觉到信息

太密集,看不过来,很累。例如的栏目设置:Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八个分类。的栏目设置:MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七项。然而很多国内的软件在栏目的设置远远超出

这个区间。

(2)分组处理。上面提到,对于信息的分类,不能超过9个栏

目。但如果你的内容实在是多,超出了9个,需要进行分组处理。如果,你的网页上提供几十篇文章的链接,需要每隔7篇加一个空行或平行线做以分组。如果你的软件内容栏

目超出9个,如微软公司的软件,共有11个栏目,超过了9个。为了不破坏Miller公式,在设计时使用蓝黑两种颜色

分开,具体能够访问.com

视觉平衡:

网页设计时,也要各种元素(如图形、文字、空白)都会有视觉作用。根据视觉原理,图形与一块文字相比较,图形的视觉作用要大一些。因此,为了达到视觉平衡,在设计网页时

需要以更多的文字来平衡一幅图片。另外,按照中国人的阅

读习惯是从左到右,从上到下,因此视觉平衡也要遵循这个道

理。

例如,你的很多的文字是采用左对齐〈Align=left〉,需要在网页的右面加一些图片或一些较明亮、较醒目的颜色。

一般情况下,每张网页都会设置一个页眉部分和一个页脚部

分,页眉部分常放置一些Banner广告或导航条,而页脚部分

一般放置联系方式和版权信息等,页眉和页脚在设计上也要

注重视觉平衡。同时,也决不能低估空白的价值。如果你的

网页上所显示的信息非常密集,这样不但不利于读者阅读,甚至会引起读者反感,破坏该软件的形象。在网页设计上,适当增加一些空白,精炼你的网页,使得页面变的简洁。

色彩的搭配和文字的可阅读性:

颜色是影响网页的重要因素,不同的颜色对人的感觉有

不同的影响,例如:

红色和橙色使人兴奋并使得心跳加速;黄色使人联想到阳

光,是一种快活的颜色;黑颜色显得比较庄重,考虑到你希望对浏览者产生什么影响,为网页设计选择合适的颜色(包括背景色、元素颜色、文字颜色、链节颜色等)。

为方便阅读软件上的信息,能够参考报纸的编排方式将网

页的内容分栏设计,甚至两栏也要比一满页的视觉效果要

好。

另一种能够提高文字可读性的因素是所选择的字体,通用的字体(Arial,Courier New,Garamond,Times New