【文档说明】软件工程课件 15用户界面设计.pptx，共(50)页，1.229 MB，由精品优选上传

转载请保留链接：https://www.ichengzhen.cn/view-290967.html

以下为本文档部分文字说明：

用户界面设计UserinterfacedesignUserinterfacedesign◼为软件系统设计有效的界面（Designingeffectiveinterfacesforsoftwaresystems）目标（Objectives）◼提出用户界面设计的一些基本设

计原理。◼说明不同的交互式样和它们的使用方法。◼解释何时采用图形的和文本的信息表示方法。◼解释用户界面设计过程的主要活动。◼介绍系统评估的实用属性和方法。课题（Topicscovered）◼设计问题（Designissues）◼用户界面设计过程（Theuserin

terfacedesignprocess）◼用户分析（Useranalysis）◼用户界面原型开发（Userinterfaceprototyping）◼界面评估（Interfaceevaluation）用户界面◼用户界面的设计应该与其预期用户的技能、经验和期望相一致。◼系统用户

判断一个系统往往通过界面而不是它的功能。◼一个设计不好的界面可以使用户犯灾难性的错误。◼差的用户界面设计是导致如此多的系统从来不被过问的原因。界面设计中的人为因素◼有限的短期记忆力（Limitedshort-termmemory）人们在短期内可以记住7项

信息。如果超过这个数量，人们很可能要出错。◼人会犯错误（Peoplemakemistakes）当人犯错之后系统就会不正常，不适当的警声和警示会造成紧张，进而可能产生更多的错误。◼人是不同的（Peoplearedifferent）人的物理能力悬

殊很大。设计者不应该只以自身的能力为设计依据。◼人们有各自的交互偏好（Peoplehavedifferentinteractionpreferences）一些人喜欢图画，一些则喜欢文本。用户界面（UI）设计原理◼用户界面设计必须要考虑到系统用户的需要，经验

和能力。◼设计人员应该认识到人是会犯错误的，并且要知道人的在生理和心理方面的限制(例如，有限的短期记忆)。◼虽然用户界面设计原理并不能全部应用到所有的界面设计中，但它却是界面设计的基础。设计原则（Designprinciples）◼用户亲近性（Userfamilia

rity）界面应该以面向用户的概念和术语为基础，而不是用计算机的概念。例如，一个办公系统应该使用像信件，文档和文件夹这样的概念，而不是像路经，文件标示符等等。◼一致性（Consistency）系统应该在一定程度

上表现一致。命令和菜单的格式应该相同，命令的标点符号应该类似等等。◼最小惊异（Minimalsurprise）如果用户按已知的方式操作一条命令，他就能够预知类似命令的操作。Designprinciples◼可恢复性（Rec

overability）系统应该对用户的错误留有余地，并允许用户从错误处恢复过来。这可能要包含一个撤销工具，对破坏性行动的批准程序，软删除等等。◼用户指南（Userguidance）应该提供一些像帮助系统，在线手册等用户指南。◼用户多样性（Userdiv

ersity）应该对不同类型用户的交互工具提供支持。例如，一些用户视力有困难，需要获得大一点的文本。用户界面的设计问题◼在交互系统设计中要解决两个问题计算机系统应该向用户提供什么信息？计算机系统应该如何向用户表示信息？◼用户互动和信息表示可以在一个统一框架下进行集成，

例如采用某种用户界面隐喻方式（userinterfacemetaphor），像保存、打印等图标。交互式样(Interactionstyles)◼直接操纵（Directmanipulation）◼菜单选择（Menuselection）◼表单填写（For

mfill-in）◼命令语言（Commandlanguage）◼自然语言（Naturallanguage）InteractionstylesInteractionstyleMainadvantagesMaindisadvantagesApplicationexamplesDire

ctmanipulationFastandintuitiveinteractionEasytolearnMaybehardtoimplement.Onlysuitablewherethereisavisualmetaphorfortasksandobjects.VideogamesCA

DsystemsMenuselectionAvoidsusererrorLittletypingrequiredSlowforexperiencedusers.Canbecomecomplexifmanymenuoptions.Mostgeneral-purp

osesystemsFormfill-inSimpledataentryEasytolearnCheckableTakesupalotofscreenspace.Causesproblemswhereuseroptionsdonotma

tchtheformfields.Stockcontrol,PersonalloanprocessingCommandlanguagePowerfulandflexibleHardtolearn.Poo

rerrormanagement.Operatingsystems,CommandandcontrolsystemsNaturallanguageAccessibletocasualusersEasilyextendedRequiresmoretypi

ng.Naturallanguageunderstandingsystemsareunreliable.InformationretrievalsystemsMultipleuserinterfacesLinuxoperatingsyst

emX-windowsGUImanagerGraphicaluserinterface(Gnome/KDE)CommandlanguageinterpreterUnixshellinterface(ksh/csh)LIBS

YSinteraction◼文件查找（Documentsearch）用户需要能够通过查找工具找到他们想要的文件。◼文件请求（Documentrequest）用户请求，把一个文件分发到用户的机器上或者送到某个服务器上去打印。基于Web的界面◼许多基于Web的系统具

有以web表单为主的界面。◼表单的域可以是菜单、文本输入框和单选按钮，等等。◼在LIBSYS例子中，用户要决定在一个菜单中的何处去进行查找以及在一个文本输入框中如何输入查找的句子。LIBSYSsearchformLIBSYS:SearchChoosecollection

KeywordorphraseSearchusingAdjacentwordsSearchResetCancelAllTitleYesNo信息表示◼信息表示与向系统用户表达系统信息有关。◼这些信息可以直接表示（例如在文字处理器中的文本）或者可以用某种表达方式进行转换（例如某种图形表格）。◼

模型-视图-控制器（Model-View-Controller）方法是一种支持多样化表示数据的方式。信息表示(Informationpresentation)Model-view-controllerInformationpresentatio

n◼静态信息（Staticinformation）在对话开始前进行初始化。它在对话中保持不变；既可以是数字的也可以是文本的。◼动态消息（Dynamicinformation）在对话中改变并且这些变化必须要与系统用户进行沟通；既可以是数字的也可以是文本的。信息表示影响因素◼用户是否对

详细信息或数据关系感兴趣？◼信息的数值变化有多快？这种变化要立即表示吗？◼用户必须要对一个变化采取某种响应措施吗？◼有没有一个直接操纵界面？◼信息是数字的还是文本的？相对值重要吗？交替的(Alternative)信息表示01000

200030004000JanFebMarAprilMayJuneJan2842Feb2851Mar3164April2789May1273June2835用模拟的还是用数字的表示？◼数字表示（Digitalpr

esentation）袖珍-占用很少的屏幕空间；可以传达精确的数字。◼模拟表示（Analoguepresentation）易读，粗扫一眼即对数值有印象；可以表达相对值；更容易看到例外数据值。Presentationmethods134201

020DialwithneedlePiechartThermometerHorizontalbarDisplayingrelativevalues01002003004000255075100PressureTemperature数据可视化(visualisation

)◼与大量信息的显示技术有关。◼可视化可以揭示数据中的实体关系和趋势。◼可视化数据可能是:从若干来源处收集到的气象信息；连接到一组节点上的电话网络状态；可视化的化工厂，它显示一组连接在一起的容器和管道上的压力和温度；一个分子的三维表示模型；彩色显示（C

olourdisplays）◼颜色为界面增添了多一个维度，它能帮助用户理解复杂的信息结构。◼颜色可用于凸显（highlight）例外事件。◼在界面设计中使用颜色的常见错误是:用颜色来传达意图；在显

示中使用颜色过多。彩色使用指导方针（guidelines）◼限制色彩数目，在它们的使用上要保守一些。◼用颜色的改变来显示状态变化。◼采用颜色编码来支持用户所要执行的任务。◼颜色编码要深思熟虑并且要保持一致。◼要注意颜色搭配（colourpairings）。差错讯息（Errormessag

es）◼差错讯息设计很重要。不好的差错讯息意味着一个系统可能被用户拒绝而不是被接受。◼讯息应该是客气的，简洁的，一致的和建设性的。◼在讯息设计中，用户的背景和经验是一个决定因素。讯息文字的设计因素FactorDescriptionContext

Whereverpossible,themessagesgeneratedbythesystemshouldreflectthecurrentusercontext.Asfarasispossible,thesystemshouldbe

awareofwhattheuserisdoingandshouldgeneratemessagesthatarerelevanttotheircurrentactivity.ExperienceAsusersbecomefamiliarw

ithasystemtheybecomeirritatedbylong,ÔmeaningfulÕmessages.However,beginnersfinditdifficulttounderstandshorttersestateme

ntsofaproblem.Youshouldprovidebothtypesofmessageandallowtheusertocontrolmessageconciseness.SkilllevelMessagesshouldbetailoredtotheu

serÕsskillsaswellastheirexperience.Messagesforthedifferentclassesofusermaybeexpressedindifferentwaysdependingontheterminologythatisfa

miliartothereader.StyleMessagesshouldbepositiveratherthannegative.Theyshouldusetheactiveratherthanthepassivemodeofaddress.Theyshouldneverbeinsultingo

rtrytobefunny.CultureWhereverpossible,thedesignerofmessagesshouldbefamiliarwiththecultureofthecountrywherethesystemissold.Ther

earedistinctculturaldifferencesbetweenEurope,AsiaandAmerica.Asuitablemessageforoneculturemightbeunacceptableinan

other.用户差错◼假定一个护士在检索时拼错了一个病人的姓名。Pleasetypethepatient抯nameintheboxthenclickonOKMacDonald,R.OKCancelPatient抯nameGoodandbadmessagedesign用户界面设

计过程◼用户界面设计是一个交互过程，它涉及用户和设计者之间的密切联系。◼这个过程有三项主要活动：用户分析（Useranalysis），理解用户是如何与系统接触的；系统原型开发（Systemprototyping），开发一组可供实验的原型。界面评估（Interfaceevaluation），与

用户一起试验这些原型。Thedesignprocess用户分析◼如果你不了解用户与一个系统是什么关系，你就别指望设计出一个有效的界面。◼用户分析要用设计者和用户都能理解的语言来进行描述。◼你用来描写特定的使用情况的情节，就是描述这种分析的一种形式。用户互动情节Janeisastudent

ofReligiousStudiesandisworkingonanessayonIndianarchitectureandhowithasbeeninfluencedbyreligiouspractices.Tohelpheru

nderstandthis,shewouldliketoaccesssomepicturesofdetailsonnotablebuildingsbutcan’tfindanythinginherlocallibrary.Sheapproachesthes

ubjectlibrariantodiscussherneedsandhesuggestssomesearchtermsthatmightbeused.HealsosuggestssomelibrariesinN

ewDelhiandLondonthatmighthavethismaterialsotheylogontothelibrarycataloguesanddosomesearchingusingtheseterms.Theyfindsomesou

rcematerialandplacearequestforphotocopiesofthepictureswitharchitecturaldetailtobeposteddirectlytoJane.从上述情节得到的需求◼用户可能对相应的搜索条目没有意识，因此需要帮助他们确定一种选

择条目的方式。◼用户要能够把所搜索到的东西集中起来。◼用户要能够实现查找和获取相关资料的复件。分析技术◼任务分析（Taskanalysis）模拟完成一个任务所涉及到的步骤。◼面谈和问卷调查（Interviewingandquestionnaires）询问

用户的有关方面。◼人种学（Ethnography）观察用户的工作情况。任务层次分析RetrievepicturesfromremotelibrariesDiscoverpossiblesourcesEstablishsearchtermsSear

chforpicturesRequestphotocopiesoffounditems1234.SelectlibraryLogintocatalogueSearchforpicturesModifysearchtermsRecordrelevantitems3.13.23.33.43.5Ent

ersearchtermsInitiatesearchReviewresults3.3.13.3.23.3.3do1,2,3untilpicturesfound,4do3.1,3.2,3.3untilpicturesfound,3.4ifnecessa

ry,3.5do3.3.1,3.3.2,3.3.3面谈（Interviewing）◼基于open-ended的提问方式，设计半结构化面谈内容。◼关键是让用户提供他们认为重要的东西，而不是你想要收集的东西。◼小组面谈或集中小组（focusgroups）可以使用户相互讨论他们的工作情况。人种

学（Ethnography）◼从外部观看用户的工作并与用户就他们的工作自由地进行交谈。◼很有价值，因为许多用户的任务是直观的，他们发现很难对其描述和解释。◼对了解工作的社会作用和机构对工作的影响也有帮助。从人

种学得到的见识（Insights）◼管制员很难发现在一个扇区里的所有飞机。因此不要使用滚动显示以避免飞机消失在画面的顶部或底部。◼很难在界面上提供一些方式来告诉管制员到底有多少架飞机在邻近的扇区上，以便他们可以规划他们的工作量。用户界面原型开发（prototyping）◼原型开发的目的是让用

户获得直接接触界面的经历。◼如果没有这种直接的经历，就不可能判断一个界面的实用性。◼原型开发可能是一个两阶段过程：过程早期，可能使用纸制的原型；然后修正设计，并逐渐增加待开发原型的自动化程度和成熟度。纸质原型开发(Paperprototyping)◼工作是用界面草图(sketches)来勾

画情节。◼用情节串联图板(storyboard)来展示与系统的一组交互动作。◼纸质原型开发是一种有效的获得对一个设计建议的用户反应的方式。原型开发技术◼脚本驱动的原型开发（Script-drivenprototyping）用一种像MacromediaDirect

or那样的工具来开发一套脚本和屏幕。当用户与它们互动的时候，屏幕从就改变到下一幕。◼可视化编程（Visualprogramming）用专为快速开发设计的语言，例如VisualBasic。◼基于因特网的原型开发（Internet-basedprototyping）用一

个web浏览器和相关的脚本。用户界面评估◼为了评估实用性，应该建立一些针对一个用户界面设计的评价标准。◼对大多数系统而言，全面评估是不实际的，而且耗费很高。◼理想地，一个界面应该有一个进行评价的实用规范。然而，这些被制定的规范却很少见。实用

属性（Usabilityattributes）AttributeDescriptionLearnabilityHowlongdoesittakeanewusertobecomeproductivewiththesystem?Spee

dofoperationHowwelldoesthesystemresponsematchtheuserÕsworkpractice?RobustnessHowtolerantisthesystemofusererror?RecoverabilityHow

goodisthesystematrecoveringfromusererrors?AdaptabilityHowcloselyisthesystemtiedtoasinglemodelofwork?简单评估技术◼用户反馈问卷调查表。◼

视频记录系统使用情况，事后就磁带进行评估。◼使用检测代码来收集有关工具使用和用户出错方面的信息。◼在软件中提供代码，以便收集在线用户的反馈。要点（Keypoints）◼用户界面设计应该为用户界面的设计提供帮助指导。◼互动样式包括直接操纵，菜单系统表单填写，命令语言和自然语言。◼图形显

示应该用于表达趋势和近似值。数字显示在需要精确表达时使用。◼色彩使用要保守些，并且要保持一致。Keypoints◼用户界面设计过程包括用户分析、系统原型开发和原型评估。◼用户分析的目标是让设计者感受到用户实际的工作方式。◼用户界面原型开发应该是一个分阶段

的过程，它把早期的纸制原型用作一个基础，走向自动化的界面原型。◼用户界面评估的目标是获得如何改善界面设计和评估界面是否符合其实用性要求的反馈意见。