用户界面设计实验报告.docx

用户界面设计实验报告.docx

《用户界面设计实验报告.docx》由会员分享，可在线阅读，更多相关《用户界面设计实验报告.docx（18页珍藏版）》请在冰豆网上搜索。

用户界面设计实验报告

《用户界面设计》实验报告

学号：

姓名：

班级名称：

2011计科

指导教师：

李波

实验日期：

5月30日

序号

版本号

修订内容

教师评语

Ex1

Ex2

Ex3

Ex4

目录

Experiment1:

EvaluationPractices1

Experiment2:

Designagraphicuserinterface3

Experiment3:

ErrorMessagesGUI6

Experiment4:

HelpDocument6

Experiment1:

EvaluationPractices

对中南民族大学图书馆主页的可行性分析（

Thehomepage：

MyOpinionaboutthewebsites:

No.

Criteria

Importance

Goal

Actual

most

least

1

2

3

4

5

Time

Time

1

Timetolearn

1

Lessthan5second

About10second

2

Speedofperformance

3

Lessthan10second

About20second

low

mod

high

veryhigh

low

mod

high

veryhigh

3

Rateoferrorsbyusers

3

low

mod

4

Subjectivesatisfaction

4

Veryhigh

high

5

Retentionovertime

5

Veryhigh

mod

Usetheblankprovidedtoanswerthequestions.Answerthequestionsonascaleof1to5,where1isastrongno,5isastrongyes,and3isneutral.Ifthequestiondoesnotapply,usea0.

No.

Criteria

Score

no

neutral

yes

1

2

3

4

5

N/A

6

Istheterminologyconsistent?

5

7

Istheterminologyappropriate?

5

8

Istheterminologyintheuser'svocabulary?

4

9

Aretheinstructionsconsistent?

4

10

Dotheinstructionsaccuratelydescribethetask?

5

11

Dothedisplaylayoutssimplifythetasks?

4

12

Aretheerrormessageshelpful?

4

13

Isiteasytocorrecterrors?

5

14

Istheonlinehelpconsistentanduseful?

4

No.

Comment

15

Whatspecificsuggestionsdoyouhavetoimprovethisinterface?

Problem:

Inmyopinion,theinterfaceofourschool’libraryhomepageisgood

Navigationclassificationclear,pageisconcise，Butitstillhavealittleproblem,Thecontentsoftheproposedimprovements：

1.HomeResourceNavigatorprovidessomeofthemajordatabaselistsandlinks.Thelistofdatabasesinthedatabaseresourceclassification,butsimplydividedintoChinesedatabase,foreignlanguagedatabaseandtrialdatabase.Ifthedatabaselistforfurtherdisciplinaryclassificationmaybemoreconvenient.

2.Proposedintermsofpracticality,thepagesshouldbedividedintowork,EnglishandMobile.Makethepagemoreuser-friendly,easytoallkindsofuserstobrowse

3.Manylinktoopentwopagesandapageoverlap,itisrecommendedtobeseparated

16

Whatspecificthingsdidyoulikeaboutthisinterface?

First,itiseasytolearn,eventhoughfornewlearners.Becausetheintroductionisveryclear.Youcanknowhowtouseitthesightyoulookatit.

Second,evrryonecanfindwhathewantquickly,forourhomepageisdesignedindetail.Youcanfindwhatyouwantassoonaspossible.

Third,itcanshowourschool’sunique.Itcanprovideagenerallookofourschoolwhichcanattractother’sattention.

Experiment2:

Designagraphicuserinterface

设计的系统名称：

电影院网上购票系统

针对用户群是：

普通购票用户，非专业的计算机工作者

1、系统需求分析（Thesystemrequirement）

随着经济的发展，看电影已成为人们在日常生活中普遍的娱乐方式，这也推动了国内外电影产业的发展。

由于网络技术的快速提高，网上订购电影票也在逐渐替换人们以前排队买票的现象。

网上订票既方便、又可以节省时间，还可以实现退票。

人们看电影不用再去电影院查看都有哪些影片和影片的具体信息以及场次。

现在只要能上网在家里就可以轻松查询有关所有的信息。

2、系统功能定义（Thefunctiondefinitions）

实现功能（主界面导航）：

功能说明：

（1）网站首页：

在网站首页中用户可以了解最新上映的电影和热门电影以及网站的站内新闻。

（2）站内新闻：

用户可以浏览网站更新的有关新闻。

（3）影片资讯：

影片资讯模块主要给用户提供对相关影片的详细介绍。

用户可以通过该页面了解最新上映的电影以及电影的有关信息，例如该影片的导演、主演、剧情、片长、票价等。

接下来可以选择自己想看的电影、然后跳转到订票页面再选择场次和座位，就可以成功订票。

该功能要下下面单独介绍。

（4）用户注册：

用户要想订票就得先注册，注册完以后登陆。

注册用户的个人功能模块如图所示：

用户登陆：

用户输入自己已注册的用户名和密码，成功登陆以后可以进入影片详细页面选择场次和座位、然后点击订票按钮就可以成功订票。

用户还可以进入个人后台修改个人资料、管理个人订票记录。

3、我设计的界面（TheGUIs）

1.登录界面（TheloginGUI）：

此模块主要功能是用于登录本系统，首先将从前台页面提交的用户名和密码进行接受，之后在后台进行处理，按照用户名在数据库中进行查询如果查到该用户则将该用户的密码取出来赋给一个字符串变量，判断从数据库中读出的密码与登录时输入的密码是否配比上，若两个密码相同则进入相应的页面，否则输出密码错误。

用户登录界面如图所示：

2.主界面（ThemainGUI）：

在网站首页我们可以看到站内新闻列表、最新影片、以及网站的有关信息。

网站首页界面如图所示：

点击上方的各个按钮就可以跳转到相关的信息页面。

点击站内新闻列表可以直接跳转到该新闻的详细信息页面，点击最新影片的图片也可以跳转到该影片的界面。

其中左下角的系统公告是从下往上动态浮动的。

3.其他界面（TheotherGUIs）：

（1）用户注册界面

用户要想订票就得先注册再订票。

如果没有注册就不能执行订票功能。

注册流程：

用户填写用户注册页面的表格，然后点击注册按钮，系统验证用户输入的注册信息是否合法，如果合法就把用户输入的注册信息保存到系统的数据库中。

如果注册信息不合法就提示出错。

用户注册界面如图所示：

（2）注册成功界面

（2）站内新闻界面

点击首页站内新闻以后就可以跳转到站内新闻列表页面中。

可以点击任意新闻查看新闻内容。

（3）影片资讯界面

用户在影片资讯页面中可以查看影片的有关信息，如导演、主演、国家、片场等。

要想了解更多的信息就可以点击详细跳转到影片详细页面中。

影片信息列表界面如图所示。

（4）影片详情界面

在影片信息列表中点击一个影片详细数据库就会调出所选的数据显示到影片详细页面，如图所示。

（5）订票界面

（6）订票成功界面

4、和已有类似界面的比较（MyGUIsversusothersimilarGUIs）

1、相对来说，此系统功能与其他系统相比功能可能不够完善，处理的方面还不够全面，有待提高。

2、但是布局较为合理，易于被绝大多数人接受。

并且操作简便，容易记忆，这也正是此系统的优点所在。

5、界面设计和标准（ThePrinciples）

1）确定用户水平

使用本系统的一定是普通的购票用户，并非专业的计算机工作者，所以本系统的特点是简单、明了、方便、易学易用。

同时也设计了用户帮助手册，有助于他们的学习和使用。

并且具有很强的针对性和保密性。

同时针对一些常用功能都具有相应的快捷键。

2）任务识别

在确定用户后进行任务的识别，高层次行为被分解为多个层次的任务行为，并能进一步精化为用户通过一个命令、一次菜单选择等就能完成的原子任务行为。

对于使用频率高的功能设计快捷键。

3）选择交互风格

（1）该系统的设计要本着直接操作的原则，易于学习，容易记忆，可以避免错误，并予以用户较高的满意度。

（2）该系统菜单设计的原则为：

缩短学习时间，减少按键，支持错误控制，可以是决策结构化。

（3）表格填充的原则为尽量少的让用户输入数据，只要输入需求即可得到数据结果。

（4）设计命令语言的原则：

灵活，支持用户的主动性。

4）八条黄金规则

（1）一致性原则：

整个系统风格基本一致，不会使用户有混乱感。

（2）适用于不同用户：

可以适用于不同用户，是一个可以广泛在电影院推广的系统，不同电影院，只需进行各自的权限设置即可使用。

（3）操作反馈：

可以根据提供的信息绘制成图表，提供相应的反馈。

（4）操作步骤踢死

（5）预防错误：

对于错误的输入可以给出相应的提示，并且足够的提示可以使用户预防错误。

（6）允许轻松的反向操作。

（7）支持内部控制点：

有数据备份和恢复功能，可以更好的管理信息，防止信息的丢失。

（8）减少短时记忆：

界面简单明了，一目了然，方便记忆，易于操作。

5）预防错误原则

可以了解错误的本质，有正确的操作，完整的序列，具有普遍可用性，减少错误。

6、对自已设计界面的可用性评估（Theguidelines）

1）界面导航

该系统将任务序列化，方便用户的使用；使用了唯一的描述性标题；并提供可打印的操作；同时该系统也为每个框架加上了标题，这样可以方便用户的使用。

2）组织显示

该系统具有一致的数据显示，可以让用户有效地吸收信息，较少了用户记忆的负担，并且可以让用户灵活的控制数据的显示。

使用并维护高分辨率的显示器，从而提高显示质量

3）引起用户注意

亮度高，画面色彩和谐，易于让用户接受；字体大小合适，既满足用户又不浪费空间；尺寸大小也较为适中。

4）数据输入

该系统的数据输入具有一致性，在所有条件下应使用相似的操作系列、分隔符和缩略语，并且尽量减少用户的操作，同时可以让用户灵活的进行数据的输入。

也可以减少用户的记忆负担。

5）预防错误

对于错误的输入可以给出相应的提示，并且足够的提示可以使用户预防错误。

7、用户测评和建议（Review）

从班中找学生评价，

用户身份：

大学生（计科专业）

分析：

有一定的操作电脑的知识，接触过较多的软件

测试用户一：

身份：

大二学生（男）

感受：

认为功能实现上是满意的，但是认为按钮分布比较乱，不清楚一些按钮的功能，认为一些按钮分布没有必要，认为有些功能与想要实现的功能没有关系，认为桌面快捷方式没有关系。

建议：

可以让界面色彩更丰富些，使界面可以换各种皮肤，按钮字体可以小些。

测试用户二：

身份：

大二学生（男）

感受：

感觉不错，各种功能都为用户考虑到了，但是在输入内容的界面有垂直滚动，翻屏页数过多会导致使用很不好的感觉。

建议：

应该尽可能减少这种滚动，尽可能不超过两屏。

这样使用更方便些。

在按钮布局有层次性很好，但是最好考虑到达到一个功能，有关联的顺序点击的按钮之间的距离尽可能的达到最短，这样可以使使用效率更高些。

Experiment3:

ErrorMessagesGUI

该电影票售票系统的错误信息提示界面包括两个部分，一个是错误信息提示框，一个是登录失败提示框，这样的设计可以使用户清楚地知道自己是哪里出的错误，这样就方便用户的使用。

错误信息提示界面：

提示用户登录失败界面：

Experiment4:

HelpDocument

一、系统功能介绍

1、输入功能:

　　该系统提供了对影院售票的设置、票据的录入及打印、查询统计等的录入。

只需输入几项即可完成录入功能。

操作方便快捷，可大大提高工作效率。

2、查询功能：

　　根据不同的查询统计条件显示出需要的结果。

3、报表功能：

　　根据查询或者统计出来的结果生成报表。

4、打印功能：

　　系统支持打印功能，如想打印信息单击预览报表上的打印按钮即可。

5、安全功能：

　　进入系统后，单击菜单“系统→参数设置→用户及权限”可以设置系统的各用户权限。

6、数据备份与恢复功能：

　　可备份在硬盘或其他可移动磁盘中，并可对备份的数据进行多项操作。

二、具体功能及操作

1、票据：

售票的实际录入，可通过设置当前节目，创建节目场次把所有的待售票显示到售票中，操作者可通过更改售票状态（分为已售票、未售票和已预定）来完成售票过程。

售票管理是系统的核心操作。

2、按售票编号查询：

通过输入售票编号来查询此售票的详细信息，如果不选为空系统则现实所有的售票详细。

按日期查询：

通过输入起始时间和截止时间查询该期间段内所有售票详细。

3、数据统计：

统计各个电影票的销售数量，自动与之前的销量比较生成表格。

方便管理，

三、具体操作

1、登陆

进入登陆界面后，输入账号和密码，只有系统允许的用户才可以登陆。

2、售票

输入需要选择的电影和场次，则右侧就会出现现在的座位情况，根据现有座位情况选择，确认后出票。

3、退票

输入已购票据的号码，根据号码进行退票。

4、数据浏览与统计

选择需要数据的时间，以及所针对的条件，比如，是某部电影单独的情况，或者影院整体的售票情况，输入好条件后，系统会自动生成数据表和数据曲线。