用户界面设计实验.docx
《用户界面设计实验.docx》由会员分享，可在线阅读，更多相关《用户界面设计实验.docx（13页珍藏版）》请在冰豆网上搜索。
用户界面设计实验
用户界面设计实验
《用户界面设计》实验报告
学号：
201521092041
姓名：
汪业伟
班级名称：
12软工
指导教师：
王新年
实验日期：
序号
版本号
修订内容
教师评语及成绩
Ex1
Ex2
Ex3
Ex4
Experiment1:
EvaluationPractices
MyOpinionaboutthewebsites:
中国工商银行自动取款机
No.
Criteria
Importance
Goal
Actual
most
least
1
2
3
4
5
Time
Time
1
Timetolearn
√
一分钟
一分钟
2
Speedofperformance
√
low
mod
high
veryhigh
low
mod
high
veryhigh
3
Rateoferrorsbyusers
√
√
√
4
Subjectivesatisfaction
√
√
√
5
Retentionovertime
√
√
√
Usetheblankprovidedtoanswerthequestions.Answerthequestionsonascaleof1to5,where1isastrongno,5isastrongyes,and3isneutral.Ifthequestiondoesnotapply,usea0.
No.
Criteria
Score
no
neutral
yes
1
2
3
4
5
N/A
6
Istheterminologyconsistent?
√
7
Istheterminologyappropriate?
√
8
Istheterminologyintheuser'svocabulary?
√
9
Aretheinstructionsconsistent?
√
10
Dotheinstructionsaccuratelydescribethetask?
√
11
Dothedisplaylayoutssimplifythetasks?
√
12
Aretheerrormessageshelpful?
√
13
Isiteasytocorrecterrors?
√
14
Istheonlinehelpconsistentanduseful?
√
No.
Comment
15
Whatspecificsuggestionsdoyouhavetoimprovethisinterface?
可以再多增加几种语言，方便其他国家的人使用
16
Whatspecificthingsdidyoulikeaboutthisinterface?
界面简洁明了，非常干净，给人很好的视觉体验。
Experiment2:
Designagraphicuserinterface
Now,youcanusetheusabilitymeasurementtodesignagraphicuserinterface.
First,youmustselectasystemtofinishsessionsortasksforusers,sousers’requirementsmustbeanalyzedtodefineallfunctionsyouwanttorealize.
Second,youmustdrawagraphicUIusingthesoftwaretools,suchasMicrosoftvisualstudio,orVisio,orothers.AllfunctionsmustbeappearedinthisGUIincludeamaininterfaceandallassistantinterfaces.
Finally,youmustexplainwhyandhowyoudesigntheseGUIsaccordingtotheusabilitymeasurementandtheEIGTHGOLDENRULES.
Thedocumentformatisdescribedasfollow.YoucanfinishthisworkbyPPTorMSWord.
1.Thesystemrequirement
针对officer和学生们的需求分析，从我自身分析，对于我日常的安排我平时会用
专门的记事本记录和更改，对于日常各种事务可能会冲突或不变携带现在针对这些需求，设计出符合此人群适合的一款系统来帮助人们更好的安排日程和完成工作。
此系统是要面向个人的，同企业系统相比，此软件要力求操作简单，效率要高效，由于针对的人群是officer和大学生，这些人都是年轻的一代人，对计算机和系统都比较了解，而且倾向于华丽的界面，但是该系统同时要解决高效，较少的操作较快地达到用户的需求。
由于工作原因或计算机系统崩溃等用户在本机保存的日程安排等数据可能丢失的情况，同时，有些情况下可能无法连接网络，此系统应支持1.、本机数据保存。
2、可以上传到服务器数据库，用户注册可获得免费的空间，用户注册后，只要登录就能在随时随地获得自己的日程安排等信息。
1.1Theaims
方便学生记事
1.2Whattheuserswanttodo
2.Thefunctiondefinitions
实现功能（主界面导航）：
一、工作台【主要功能）：
1、待办事件2、日程安排3、效率评估
4、通讯录5、定时提醒
二、通行路线：
可以和平时安排联系起来，可以提前安排好行车路线
三、天气情况：
和日程安排联系起来，提醒用户天气状况，便于用户及时修改自己的日程安排。
四、桌面图标：
将桌面快捷方式整理到这里，这是方便用户的一个小工具，此功能为了挽留用功能太单一，用户可能会流失。
3.2ThemainGUI
3.3TheotherGUIs
4.YourGUIsversusothersimilarGUIs
1、登陆界面对比：
2、主界面：
3、子界面-主界面：
4、子界面-子界面-主界面：
5.ThePrinciples
风格设计分析：
针对用户年轻，更加偏好色彩丰富，但是针对于此软件要求的
功能应符合操作简单。
则主要用鼠标点击操作就可以方便的查看用户的日程安排
信息。
虽然要追求界面的时尚和华丽，但是界面过于艳丽，容易导致用户视觉疲
劳。
则轻松的淡彩色为主配色，灰色系为主。
用户导航显示：
简单明了，文字描述要明了，通过文字和图标配合示意，用户
看到按钮，可以快速的明白此按钮功能。
布局应该满足用户习惯，结合广大软件
按钮布局方式。
为了保持界面在设计过程中，要求各个界面的风格的统一，先做出表格，列
出界面制作统一的原则和规范。
框体颜色
外边框
输入框
按钮
登陆界面
淡蓝色
灰色
灰白色
主界面
浅绿色
灰色
灰白色
子界面
灰色
灰白色
文字部分
标题文字
输入框文字
菜单文字
帮助文字
字体
微软雅黑
微软雅黑
微软雅黑
微软雅黑
大小
小四
五号
五号
五号
1）确定用户水平
2）任务识别
3）选择交互风格
4）八条黄金规则
5）预防错误原则
6.Theguidelines
1）界面导航
在进入界面开始，会有导航，和新手入门，一步步帮助用户去了解和学习本软件的功能，由于主要面对的用户群是广大的学生和officer们，都是有一定电脑操作基础的人群，设计的这个界面简洁，按钮文字很清楚的描述了所带的功能，用户会比较快的时间内掌握此软件的使用。
2）组织显示
软件界面是分为三层的，主要都是在主界面完成的，而且会帮助用户提醒所
犯的错误，用户的日程安排对时间的精确性要求比较高，则在时间设置和设置提
醒方面则不允许出错，否则可能会给用户带来不便，则在时间方面会有纠错能力，
并且取出歧义，例如：
24时或12时会明确指出上午、下午和晚上，也提醒用户注意时间安排，如果有冲突也会提出有错，并会指出错误的原因
3）引起用户注意
此界面清爽，颜色柔和，并且增加了一些小工具，在帮助用户安排日程的同
时，用户也可以用此软件帮助自己更好生活。
天气状况，行车路线，在安排日程
的同时也会和这些情况结合起来。
例如：
人们在安排日程任务的时候都会受到这
些情况的影响，我们设计这款软件就是为了满足用户的需求，则在需求分析中就
设计到了这点，这款软件暂时集合了这些功能来满足用户安排好事务，结合良好
的界面，估计用户对这款软件会比较满意。
4）数据输入
此软件设计数据支持本地存储和上传服务器，当网速或其他原因，不便从服
务器读取数据时，则可以先在本地操作，这种设计就加快了运行的速度。
由于面
向的个人事务管理，功能不够强大，但是运行速度会较快，这很好的满足了用户
的需要。
5）预防错误
此界面对于错误的输入可以给出相应的提示，并且足够的提示可以使用户预防错误。
7.Review
LetyourtwoclassmatereviewyourGUIsandgivethreerecommendationsatleast.（Usingusabilityortheeightgoldenrules）.
201521079011，池杰：
该界面的功能实现很好，但按钮分布较乱，不清楚一些按钮的功能；
201521092052，马均衡：
该界面满足大多相同用户的要求，可以广泛使用
201521092045，余和阳：
该界面的各种功能都为用户考虑到了，但在输入内容的界面不是很好。
Experiment3:
ErrorMessagesGUI
YoucandrawaGUIforerrormessages,whydoyoudesignthis?
这个错误提示界面用来提示用户输入的用户名或者密码错误，将错误反馈给用户，并提供用户几种解决方法，来帮助用户正常操作.
Experiment4:
HelpDocument
DesignahelpdocumentaccordingtoExperiment2.
系统介绍：
本系统主要用于记录用户日常的安排和更改，以免各种事务之间发升冲突，本系统能够很好的帮助使用者更好的安排日程和完成工作。
系统模块介绍：
在系统登录界面输入账号密码即可登陆
若没有或忘记密码，可注册账号或找回。
登陆后进入主界面，
在这里可以根据自身需要进入日程安排查看自己的的安排，同时也可以修改，我们可以在具体的时间点写上用户所要安排的具体事务。
升级会员 