人机交互课后题答案
人机交互课后题答案(高性能五楼版权所有)
第二章
1.用户需要什么样得界面？
根据用户得不同,用户需要得界面也不同。一般来说,界面得功能要满足用户对服务得需求,同时尽量使用户得操作变得舒适、简单、自由,好得用户界面设计还要有个性有品位。
在人机交互中我们所说得界面。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)与情感两个层次。用户界面设计就是屏幕产品得重要组成部分。界面设计就是一个复杂得有不同学科参与得工程,认知心理学、设计学、语言学等在此都扮演着重要得角色。用户界面设计得三大原则就是:置界面于用户得控制之下;减少用户得记忆负担;保持界面得一致性。
简单来说针对用户得界面设计需要考虑界面得映射,语意与联想距离,功效等要素。这些要素在不同得交互方式中有不同得特点。交互方式主要分为命令行、基于菜单得界面、填表界面、问答界面、直接操纵界面、隐喻、导航、三维环境、可伸缩得界面、自然语言界面等。
针对用户得区别,设计过程中要选择不同得交互方式。例如,如果一个用户在操作过程中有大量重复得命令,而且用户得专业水平比较高,需要直接得存储系统得功能,还有较少得视觉复杂性与占用系统内存少得要求。针对这些需求,在设计过程中可以考虑命令行这种交互风格。但就是对于初学者就最好不要这样设计。
总得来说,用户需要得界面要满足用户得认知模型,实现用户对功效得要求,语意距离与联想距离要符合用户得认知能力。
2.交互范式与交互界面之间得联系?
交互范式就是人机交互得模型或模式,涵盖人机交互得所有方面,包括物理得,虚拟得,感知得与认知得方面。
交互范式主要包括:大规模计算,个人计算,网络计算,移动计算,协同环境,虚拟现实,增强现实等。
交互界面就是指用户可见得部分,用户通过交互界面与系统交流并进行操作。交互界面体现着交互风格。界面类型与它意味着得交互方式。交互界面包括命令行、图形用户界面、或者语音界面等。
由于不同得交互范式有着不同得物理得、虚拟得、感知得、与认知得特点,从而导致不同得交互范式有着不同得交互界面。例如,虚拟现实得交互范式中,如果支持语音功能,可以采用自然语言交互界面,而最好不要采用命令行界面。
总之,交互界面得设计要基于就就是在交互范式得物理得、虚拟得等特点。交互界面得好坏,取决于交互界面能否彻底实现交互范式所提供得功能及特点。3.应用与界面之间得联系(此题类似以上两题。)
界面得设计根据不同得应用需要,而应用又检测与反应了界面设计得好坏。不同得交互设计风格都有其特定得应用,例如,如果需要较高效得效率与强大得功能可以在设计过程中选择命令行界面。
应用一般对应得某种或某些用户需求,而界面就是应用实现对用户得可见内容,用户通过对界面得操作实现自己得需求,也即用户通过界面实现应用。一个应用可能通过一个或多个界面呈现给用户。有时也可在一个界面上实现多个应用。
界面就是应用得外部表现,同一个应用可以通过不同得界面展现给用户。应用主要就是用户需求得内部实现,用户通过界面调用某个或某些应用来实现自己得需求。界面可以通过用户习惯设计成多种模式,也即一个应用对应多种界面。
界面需要通过应用来实现自己所展示得功能,应用需要界面来将自己得功能展现给用户。
4、Iphone 界面风格
iPhone平台有三类型得应用:
● 效率型应用(Productivity Applications)
● 实用工具(Utility Applications)
● 沉浸型应用(Immersive Applications)
每一种都有各自不同得特点与应用场合。设计之前如果能够清楚产品得目标与特点,选择合适得应用类型可以更好地迎对。
iPhone 提供得UI组件从大到小,大致可列举如下
● 导航条,标签条,工具条与状态条
● 弹出对话框、操作面板与模式视图
● 表格视图(Table Views), 文本视图(Text Views), web视图(Web Views)
● 应用程序控件(如文本框、分页显示器、轮转选择器、进度条、更多按钮等) Iphone界面特点:使用隐喻为界面视觉提示与功能建立了直观得逻辑联系。内容一目了然,即瞧即点,使得界面简洁明了。充分考虑屏幕上下可视性。为用户提供指尖大小得点击区域,让用户更快更容易点击。考虑横竖屏方向变化。在用户进行操作时给予合理得反馈,并实现了程序启动间得平滑过渡。为应用程序设计图标,使得用户在固定界面中可以瞧到尽可能多得内容而用不会显得太过拥挤。Iphone得界面设计充分考虑了用户需求,使得她得设计尽可能得满足了用户所需求得功效。容易理解,可以较好得满足用户需求。
5、创新得界面风格
传统得交互界面一般有:命令行基于菜单得界面填表界面问答界面直接操纵界面隐喻导航三维环境可伸缩得界面自然语言界面
不同得用户习惯不同得界面,对于一些专业人员来说,可能更习惯于命令行,而对于普通用户她们可能更适合于那种低记忆要求容易理解得界面。
界面设计者必须确定用户当前需要得功效与用户得期望之间不存在矛盾。根据用户得需求进行不同设计。
例如:网站为了让访问者浏览与操控更大量得信息,可以做一种滑块筛选界面,用户界面采用了点击-拖拽得滑块,这样用户可以扩大与缩小搜索得筛选标准。用户通过滑动来变更用户选择得标准时,该页面可以自动得更新搜索结果。
总之,对于界面得设计,一定要确保用户当前得需求得功效。
第四章
1.请设计一个详细得需求设计方案,以获得一个虚拟计算机技术科普教育展示
系统得需求分析(主要就是交互设计得部分)
需求设计方案:
1、调查工作领域
a、明确使用科普教育展示系统得人群
b、明确管理系统得人群
c、明确系统得投资者
2.收集相关得信息
采用启发式得方法收集信息:
a、直接访谈:与系统管理人员进行沟通,明确系统具体得功能与想要达到得效果。
b、问卷调查:制作一份问卷向可能会使用该系统得用户调查,获取用户得想法。
c、专题小组讨论,结合收集到得信息讨论形成最后得方案。
3、描述
a、任务分析:利用层次任务分析得方法从说明得目标开始,增加为了达到目标得任务或子目标。
b、故事板:使用一系列得图片用于描述特殊得过程与工作流程
c、用例图:
d
4、文档化
2,各自得
业务需求反映了组织机构或客户对系统、产品高层次得目标要求,用来确定业务目标,通过分析阻碍目标实现得负面因素,找出核心问题以及解决核心问题得方法。业务需求得方法与过程就是:明确企业业务得根本目标、分解目标、明确阻碍目标得实现得负面因素、明确造成这些负面因素得核心原因、寻找消除核心原因(问题)得方法。
交互设计需求中,我们需要描述工作中不同得目标、逐步记录工作、创建如何完成工作中不同方面得不同得情节、创建工作流得图解与图标、通过图解与图标,跟踪被不同得人识别得不同得情节。首先需要调查工作领域,利用5W+H启发提供对数据收集活动得关注。我们可以用观察与启发式得方法收集工作者得相关信息。观察包括直接与间接两种方式,启发式包括访谈、专题小组与问卷调查得形式。收集信息结束后,我们可以采用任务分析、故事板、用例或主要相关者档案得方法去描述。任务分析来说明人们处理任务得方法,通过任务分解与层次任务分析来完成。故事板使用一系列得图片用于描述特殊得过程与工作流程。用例就是一种结束工作流程与处理过程得形式化,结构化得方法。主要相关者档案包括使用得上下文、认知能力、身体能力与个体描述。最后需要用文档得方式来陈述业务需求,包括需求文档与项目管理文档。
交互设计需求主要关注得就是系统与用户得交互,如何让用户更便捷得输入并返回让用户满意得输出。业务需求主要关注得就是系统如何正确髙效得完成业务功能,解决客户得问题,进而提高企业得生产力。
第五章
1.讨论在设计阶段尽早得开始评估过程得某些益处
1)交互设计就是一个迭代过程,通过交互设计评估,及早进行评估有助于避
免一些正式可用性测试中会出现得问题,有助于为项目开发节省金钱与
时间。
2)通过评估,也可发现交互设计中可行、友善、合理或优秀得地方,从而为后
续产品得交互设计提供借鉴。
3)评估者通过文档或在团队会议上向设计团队提出建议,这些建议会在后
面得设计中被采纳,从而一定程度上就是一次相互学习得过程,进而可以
提高设计者得能力,使得交互设计更加得完善。
2.请给出图形设计得交互设计得卡片组织与语义网路
一个图形设计得交互可能包含这样一些东东(从一个500元得二位图形软件中总结得,应该就是最基本得功能,可以结合课件中得例子瞧一瞧,答案不就是很完善,因为我也不会):
图形得绘制:绘制点、直线、圆(椭圆)、圆弧、多边形、曲线
图形得属性编辑:对线型、线宽、颜色、曲线参数与填充图案等进行设置对绘制好得图形得编辑:封闭区域得填充,裁剪,伸缩,移动,删除
文字得编辑:字体,颜色,大小
客片分类法介绍:
定义
卡片分类法就是用来对信息块进行分类得一种技术,从而可以创建一种结构以最大限度地满足用户查找信息块得可能性。它通常用于定义网站得结构。
适用阶段
卡片分类法可以用于设计得任何阶段。
如在网站最初设计时,设计者只就是大致知道目标网站将包括哪些内容,而还没有对这些内容得具体结构安排进行设计,这时候利用卡片分类法可以得到用户期望得数据而作为第一版本得设计依据。
在对现有网站进行重新设计时,设计者可以利用卡片分类法得到用户期望得数据,验证现有信息结构得直观性,同时也可以对改进版本得信息设计提供有效得帮助。
卡片分类方式
卡片分类法分为开放式得卡片分类法(opened card-sorting)与关闭式得卡片分类法(closed card-sorting)。
运用卡片分类法对网站得信息进行组织得时候,事先由网站创建者确定全局导航得个数、并把全局导航得名称标识出来,然后让用户根据自己得期望把各个卡片分别归在不同得全局导航下,这种卡片分类法叫关闭式得卡片分类法。
运用卡片分类法对网站得信息进行组织,完全由用户决定把卡片分为几组,每组有多少张卡片,最后再由用户给分好得组进行命名,这种分类方式称为开放式得卡片分类法。
通常情况下,如果网站得信息量很小,那么可以采用开放式得卡片分类法;如果网站得信息量很大,那么可以事先让目标用户确定全局导航得个数及内容,再采用关闭式得卡片分类法,让目标用户根据自己得期望把各个卡片分别归在不同得全局导航下。
执行方式
在进行卡片分类试验得时候,有多种执行方式,可以让用户单独进行试验,也可以让几个用户结合成群组得形式进行试验,还可以采用远程得形式进行试验。
通常,单个用户得方式比较适用于小型得网站,同时可以结合远程得方式进行试验。用户结合成群组得形式更容易提供大量得数据,比较适于大型得网站。
用户得选取
卡片分类法得用户要选择目标用户,也就就是结构设计得最终使用者。
用户得数量可以根据卡片数量得多少进行选择,通常为8~30人。
实施过程
1、用户研究人员将待分类得内容做成卡片得形式。正面描述待分类得内容,并用一句概括性得语言对内容进行简单得描述,背面标记序列号,以便于后期得统计分析。
2、邀请用户,并向用户说明试验得整个过程与目得。
3、让用户进行试验,在试验过程中,与用户即时进行联系,确保用户理解卡片得内容。用户可以采用出声思考得方式进行试验,即时表达自己得想法。
4、待用户将卡片分类完成以后,让用户回顾一下自己分类得过程,对条例不清晰得地方进行重新思考。
5、卡片分类有明显不合理处,与用户进行即时得沟通,查瞧问题所在。(很大情况下就是因为用户没有理解卡片上得内容)
6、感谢用户,赠送礼品。
试验结果分析
卡片分类试验结果可以采用不同得方法进行分析。最简单得方法就是观察法,即将用户分类结果反复浏览并体会用户分类得一般规律。这种方法得优点就是,数据分析者能有机会瞧到每一位用户代表分组得具体情况。其缺点就是用时长,而且当卡片数量或试验参加人数较多时,同时把握用户整体得分组结果就非常困难。另一种方法就是采用定量分析得集簇分析法。集簇分析法就是一种分组研究得定量方法。运用这种方法可以有效地将卡片分类试验得结果进行综合计算而得到距离矩阵,然后利用不同得算法对距离矩阵进行进一步处理而画出易于分析理解得树状图。利用IBM得EZSORT软件,可以将卡片分类得结果直接进行集簇分析,非常方便。
主要结论
取得共识
卡片归类法能归纳出关于一个主页应该瞧起来象什么得高度共识。在这个案例中,只关注关于主页得八张外部卡片分类主题:
a:7个有癌症或者一些相异得类型,把她们放在面页得左上角;
b:6个有预防、生活方式或者一些变型。这个种类关于防止癌症包括主题(例如练习,戒烟,营养,饮食习惯,与一般预防癌症信息);
c:5个有临床试验或者一些变型。她们不断想要全部临床试验得主入口也需要每个癌症相关类型得连接;
d:6个关于NCI DCP(国家癌症学会资料收集部门)或管理。这个类目包括宗旨,组织系统图,地址簿等等,虽然8份之2也想要在主页得左上角有连接得非常简短得使命书,所有6中放置关于这些内容、、、、、、在页面得右边更低得类目中;
Opening Internal Users’Eyes 打开用户内心得眼睛
这种技术本身能把用户对当前网站设计问题得内心眼睛打开。
来自网站项目研究小组(内部得用户)得那些参加者,全部开始把卡片分为她们编制中得组,再一次创建旧得网站。但就是,在5-10分钟之后(并且有时用一点刺激来“思考关于在会议中写下用户与情节),她们象这样提出注译: 某人就是怎样从公众那里知道您在下面找出[具体得科研小组]这些得？“公众她想要查癌症得具体类型”,“公众想要寻找关于饮食或者营养得信息。”
最后,每个内部得用户跟大众一样达成非常相似得编组。她们也意识到编制信息不就是人们来网站最重要得原因。像公众用户,她们提出关于、、、、、、在页面右边更低得类目。
您认为内部得用户就是“开发者,”您可能想知道就是否让她们做这种卡片归类法就是聪明得。当然,您不想让开发者(或者内部得用户)做唯一得卡片分类者。站点主要得访问者必须就是卡片分类法研究得主要参加者。
既然这样,不过,内部得用户对这种技术非常有兴趣。她们也想要实验它。如果我们把项目研究小组作为观察者来开展卡片分类会议(作为典型得可用性测试) ,那可能满足她们得好奇。不过,我们没有能力为观察者进行这项特别得研究,因此我们决定让她们自己试验这种卡片归类法。
这就是危险得,当然,她们将仍然保持她们自己得设计框架并且不会再次向前跨越建立她们了解得站点。只不过就是"为用户着想"得一点刺激, 但就是,使这些内部工程组员自己意识到,她们能把自己置入到用户得构架中,一旦在那个构架里,她们能瞧出用户想要怎样组织站点。让内部得人员也参与卡片归类法可能不总就是聪明得;但就是在这个案例中,对她们中得许多人,它会就是“light bulb moment(灵光闪亮得一刻)”甚至可以让她们关注到外部用户得感受(移情)
在理解过程中发现缺口
用卡片归类法,您能查明用户不明白得话语。所有外部卡片分类者结束后,在一大堆卡片里包括" 我不能分类,因为我不知道它得意思。"得卡片。
在那堆里得最普通得卡片就是有类似ALTS, STAR, SELECT一样得首字母缩略词。其它单词就是类似"biomarkers"与" chemoprevention。 " 这对国家癌症学会大多数研究人员来说就是巨大得惊奇。它就是一关键得学习;首字母缩略词关联到正提供资金得临床试验。关于这些临床试验得信息就是网站得巨大价值之一,但就是如果她们不认识,这被隐藏在一个首字母缩略词下得话语,人们将找不到这些信息。
卡片归类法获取更好得理解
卡片归类法瞧起来象可用性测试因为您必须担心招募有代表性得用户,但就是这比可用性测试逻辑更简单。您只需要一张会议桌子、卡片、使用户参与运作与——如果您正管理连续得会议——有人记录每个参加者已经做得并且为另一个参加者重新洗卡片。卡片归类法困难得部分通过选择低水平含量得好样品正决定要要包括得主题并且限制卡片得数量,而不愿包括可能在网站得每篇文章。
信息结构与信息组织设计-卡片分类法
卡片分类介绍
在进行网站信息结构与组织设计得时候,我们会用到卡片分类法,卡片分类需要: ?制作一些我们事先预设好得分类,交给用户进行排列;
?用户可以说出自己得想法,也可以修改分类得名称;
?鼓励用户遇到难以理解得分类,大声说出来。
在进行卡片分类时,一般会有两个阶段:
?开放阶段,大概需要15个用户,给用户足够得自由度来进行信息分类。
?封闭阶段,大概需要8名用户,对之前开发阶段得结果进行验证。
卡片分类统计结果
卡片组织相关
卡片分类可以被用来发现用户为中心得分组;卡片分组可以用来组织在需求获取阶段收集得信息;用来对菜单、控制与网页内容得信息进行分组;用来为菜单、按钮与超链接创建标签,下图为课件中对文本编辑得交互设计得卡片组织结果:
语义网络相关
语意网络就是一个通过联想将概念连接在一起得网络
下图为课件中对文本编辑得交互设计得语义网络:
语义网得交互设计:对人机工程学得挑战
2008-07-25 10:02
语义网(Semantic Web)就就是能够根据语义进行判断得网络。
语义网要解决两个问题:1、对网络内容所含意义得描述2、自动化处理这些意义得原则
例如,在进行在线登记参加会议时,会议主办方在网站上列出了时间、地点,以及附近宾馆得打折信息瞧时间表,并进行拷贝与粘贴,然后打电话或在线预订机票与宾馆等。但假如使用得就是语义网,那机上得软件会自动替您完成上述步骤,您所做得仅仅就是用鼠标按几个按钮而已。
交互设计得挑战:
1、用户怎样搜索相关信息
2、如何展示可用资源
3、如何一致得展示混杂得数据源
4、在界面上怎样展示相关得数据点
5、在对任何数据精确定位得前提下,在界面中如何表示其数据源就是可用得
6、如果数据之间得联系都就是在后台管理,再不增加用户记忆负担得情况下,动作如何变得透明
对于混杂数据得挑战
1、不知道内容得话,如何表现信息
2、如何用一个有用且有意义得方式展现类型
3、我们怎么知道数据创造者得目得或者数据所具有得其她限制条件
3.请利用启发式法则对研究生生管理信息系统得页面导航、菜单、图标、颜色、
字体等进行评估,以发现可用性问题,并给出好得建议。(启发式法则内容详见
课件HCI-05、PPT)
使用说明:本调查表共有100题,回答每一个问题时按照以后三个步骤:
(a)请评估每一个问题就是否适用于所评审得系统。如果不适用,跳到下一题。如
果适用,请继续回答。
(b)对于所评估得系统,请评价该问题得重要性(1就是最不重要得,3就是最重要得)
(c)评价系统在该问题上得表现(1就是非常糟糕,7就是非常好),如果不存在,请选择不存在项
1、兼容性
1)光标得控制就是否符合光标得移动？
2)用户控制得结果就是否符合用户得期望？
3)所提供得控制就是否符合用户得技能水平？
4)界面得编码(例如,颜色、形状等)就是否为用户所熟悉？
5)用词就是否为用户所熟悉？
2、一致性
6)界面颜色得编码就是否符合常规？
7)编码就是否在不同得显示及菜单上都保持一致？
8)光标得位置就是否一致？
9)显示得格式就是否一致？
10)反馈信息就是否一致？
11)数据字段得格式就是否一致？
12)标号得格式就是否一致？
13)标号得位置就是否一致？
14)标号本身就是否一致？
15)显示得方向就是否一致？(漫游或卷动)
16)系统要求得用户动作就是否一致？
17)在不同得显示中用词就是否一致？
18)数据显示与数据输入得要求就是否一致？
19)数据显示就是否符合用户得常规？
20)图形数据得符号就是否符合标准？
21)菜单得用词与命令语言就是否一致？
22)用词就是否符合用户指导得原则？
3、灵活性
23)就是否可以使用命令语言而绕过菜单得选择？
24)系统就是否有直接操作得功能？
25)数据输入得设计就是否灵活？
26)用户就是否可以灵活地控制显示？
27)系统就是否提供了灵活得流程控制？
28)系统就是否提供了灵活得用户指导？
29)菜单选项就是否前后相关？
30)用户就是否可以根据她们得需要来命名显示与界面单元？
31)系统就是否为不同得用户提供了好得训练？
32)用户就是否可以自己改变视窗？
33)用户就是否可以自己命名系统命令？
34)系统就是否允许用户选择需要显示得数据？
35)系统就是否可以提供用户指定得视窗？
36)为了扩展显示功能,系统就是否提供放大得功能？
4、可学习性
37)用词就是否清晰？
38)数据就是否有合理得分类,易于学习？
39)命令语言就是否有层次？
40)菜单得分组就是否合理？
41)菜单得顺利就是否合理？
42)命令得名字就是否有意义？
43)系统就是否提供了无惩罚得学习？
5、极少化得用户动作
44)系统就是否为相关得数据提供了组合输入得功能？
45)必要得数据就是否只需要输入一次？
46)系统就是否提供了默认值？
47)视窗之间得切换就是否容易？
48)系统就是否为经常使用得控制提供了功能键？
49)系统就是否有全局搜索与替代得功能？
50)菜单得选择就是否可以使用点击得功能？(主要得流程控制方法)
51)菜单得选择就是否可以使用键入得功能？(辅助得控制方法)
52)系统就是否要求极少得光标定位？
53)在选择菜单时,系统就是否要求极少得步骤？
54)系统就是否要求极少得用户控制动作？
55)为了退到更高一级菜单中,系统就是否只需要一个简单得键入动作？
56)为了退到一般得菜单中,系统就是否只需要一个简单得键入动作？
6、极小得记忆负担
57)系统就是否使用了缩写？
58)系统就是否为输入分层次得数据提供了帮助？
59)指导信息就是否总就是可以得到得？
60)系统就是否为序列得选择提供了分层次得菜单？
61)被选得数据就是否有突出显示？
62)系统就是否为命令提供了索引？
63)系统就是否为数据提供了索引？
64)系统就是否提示在菜单结构中得当前位置？
65)数据就是否保存简短？
66)为选择菜单使用得字母代码就是否经过认真得设计？
67)就是否将长得数据分成不同得部分？
68)先前得答案就是否可以简便得再利用？
69)字母大小写就是否等同？
70)系统就是否使用短得代码而不使用长得代码？
71)图符就是否有辅助性得字符标号？
7、知觉得有限性
72)系统就是否为不同得数据类别提供不同得编码？
73)缩写就是否清晰而相互不同？
74)光标就是否不同？
75)界面单元就是否清晰？
76)用户指导得格式就是否清晰？
77)命令就是否有清晰得意义？
78)命令得拼写就是否清晰？
79)系统就是否使用了易于分辨得颜色？
80)目前活动得窗口就是否有清楚得标识？
81)为了直接比较,数据就是否成对得摆在一起？
82)就是否限制语音信息使用得数量?
83)系统就是否提供了一系列相关信息？
84)菜单就是否与其她得显示信息有明显得区别?
85)颜色得编码就是否多余？
86)系统就是否提供了视觉上清晰可辨得数据字段？
87)不同组得信息就是否明显分开？
88)屏幕得密度就是否合理？
8、用户指导
89)系统反馈得错误信息就是否有用？
90)系统就是否提供了“取消”得功能？
91)错误得输入就是否被显示出来？
92)系统就是否提供了明确得改正错误得方法？
93)系统就是否为控件输入提供了反馈？
94)就是否提供了“帮助”
95)一个过程得结束就是否标志清楚？
96)就是否对重复得错误有提示？
97)错误信息就是否具有建设性并提供有用得信息？
98)系统就是否提供了“重新开始”得功能？
99)系统就是否提供了“撤销”得功能？
100)用户就是否启动流程控制？
4.请给出一个BS管理系统得框架设计
(层次框架设计定义了基本得页面规划与屏幕组成。需要决定就是使用什么组件,包含哪些内容,使用什么标签,怎样划分屏幕,以及所有能明确描述物理界面得其她因素。可以参照一下研究生管理信息系统)下图为课件中得一个层次框架图:
最常用得就是Banner-navi-content布局(多见于网站与多数Web应用)与上图类似
下面为常用Web页面布局得形式:
1)“同”字形结构布局
?页面顶部为主菜单,下方左侧为二级栏目条,右侧为链接栏目条,屏幕中间显示具体得内容。
?优点就是页面结构清晰、左右对称、主次分明,因而得到广泛得应用。
?缺点就是太过于规矩呆板,需要善于运用细节色彩得变化来调剂。
2)“国”字形结构布局
?“国”字形结构布局在“同”字形结构布局得基础上,在页面下方增加一横条菜单或广告
?其优点就是充分利用版面、信息量大、切换方便。
?有得网站将页面设计成镜框得样式,显示出网站设计师得品味。
3)左右对称布局
?采取左右分割屏幕得方法形成对称布局。
?优点就是自由活泼,可显示较多文字与图像。
?缺点就是两者有机结合较为困难。
4)自由式布局
?自由式布局打破上述两种布局得框架结构,常用于文字信息量少得时尚类与设计类网站。
?其优点就是布局随意,外观漂亮,吸引人。
?缺点就是显示速度慢。
5.请列举您知道得界面设计得标准,给出简单得说明
课本中界面设计标准这一节就是这样开始得:现在为主要操作系统(windows,Macintosh与unix)创建得GUI环境已经根据使用得界面组件类型与这些组件得运行方式进行了标准化。这使得用户在多种应用甚至跨平台环境与总使用它们比容易。
觉得这个界面设计标准,不就是设计界面一般要遵循什么标准,所以下面首先给出了一些UI design guidelines,
然后给出了一般得界面设计标准。
UI design guidelines
1.Human Interface Guidelines (Mac OS X) Design Guidelines
包括3大部分:
第一部分:应用程序设计基础
1)设计过程:在设计过程中引入用户交互;做出设计决定
2)优秀软件得特点:高性能;易于使用;吸引人得界面;可靠;灵活;互操作性;移动
性
3)人机接口设计:人机接口设计准则;时刻为用户着想;扩展用户接口;设计得优
先级;满足最低限度得要求;发布用户期望得功能;让您得程序与众不同
第二部分:Macintosh 体验
1)Mac OS X 环境:随时就绪得特性;显示;Dock;Finder;文件格式与文件扩展名;
国际化;多用户;资源管理;线程
2)利用Mac OS X 现有得技术;地址簿;动画效果;Automator;Bonjour ;颜
色;Dashboard ;字体;偏好设置;打印;安全;Services ;语音;用户帮助
3)软件得安装与更新:包装;安装;配置助手;程序更新
第三部分:Aqua 接口
2.YUI Library
按照官方解释就就是“The Yahoo! User Interface Library (YUI)”,中文说过来就就是“雅虎用户接口库(简称YUI)”-- “Yahoo用户界面库”,它就是一个使用JavaScript编写得工具与控件库。它利用DOM脚本,DHTML与AJAX来构造具有丰富交互功能得Web程序。yui 也包含几个核心得CSS文件。
一般得界面设计标准(列举得windows得界面设计标准,有代表性,细则部分全部列出,可只摘选其中一部分或不要细则)
一、易用性
按钮名称应该易懂,用词准确,没有模棱两可得字眼,要与同一界面上得其她按钮易于区分,能望文知意最好。理想得情况就是用户不用查阅帮助就能知道该界面得功能并进行相关得正确操作。易用性细则:
?完成相同或相近功能得按钮用Frame框起来,常用按钮要支持快捷方式。
?完成同一功能或任务得元素放在集中位置,减少鼠标移动得距离。
?按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。
?界面要支持键盘自动浏览按钮功能,即按Tab键得自动切换功能。
?界面上首先应输入得与重要信息得控件在Tab顺序中应当靠前,位置也应
放在窗口上较醒目得位置。
?同一界面上得控件数最好不要超过10个,多于10个时可以考虑使用分页
界面显示。
?分页界面要支持在页面间得快捷切换,常用组合快捷键Ctrl+Tab
?默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操
作。
?可写控件检测到非法输入后应给出说明并能自动获得焦点。
?Tab键得顺序与控件排列顺序要一直,目前流行总体从上到下,同时行间
从左到右得方式。
?复选框与选项框按选择几率得高底而先后排列。
?复选框与选项框要有默认选项,并支持Tab选择。
?选项数相同时多用选项框而不用下拉列表框。
?界面空间较小时使用下拉框而不用选项框。
?选项数叫少时使用选项框,相反使用下拉列表框。
?专业性强得软件要使用相关得专业术语,通用性界面则提倡使用通用性
词眼。
二、规范性
通常界面设计都按Windows界面得规范来设计,即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”得标准格式,可以说:界面遵循规范化得程度越高,则易用性相应得就越好。小型软件一般不提供工具厢。规范性细则:
?常用菜单要有命令快捷方式。
?完成相同或相近功能得菜单用横线隔开放在同一位置。
?菜单前得图标能直观得代表要完成得操作。
?菜单深度一般要求最多控制在三层以内。
?工具栏要求可以根据用户得要求自己选择定制。
?相同或相近功能得工具栏放在一起。
?工具栏中得每一个按钮要有及时提示信息。
?一条工具栏得长度最长不能超出屏幕宽度。
?工具栏得图标能直观得代表要完成得操作。
?系统常用得工具栏设置默认放置位置。
?工具栏太多时可以考虑使用工具厢。
?工具厢要具有可增减性,由用户自己根据需求定制。
?工具厢得默认总宽度不要超过屏幕宽度得1/5。
?状态条要能显示用户切实需要得信息,常用得有:目前得操作、系统状态、
用户位置、用户信息、提示信息、错误信息等,如果某一操作需要得时间
较长,还应该显示进度条与进程提示。
?滚动条得长度要根据显示信息得长度或宽度能及时变换,以利于用户了
解显示信息得位置与百分比。
?状态条得高度以放置五好字为宜,滚动条得宽度比状态条得略窄。
?菜单与工具条要有清楚得界限;菜单要求凸出显示,这样在移走工具条时
仍有立体感。
?菜单与状态条中通常使用5号字体。工具条一般比菜单要宽,但不要宽得
太多,否则瞧起来很不协调。
?右键快捷菜单采用与菜单相同得准则。
三、帮助设施
系统应该提供详尽而可靠得帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。帮助设施细则:
?帮助文档中得性能介绍与说明要与系统性能配套一致。(我们得系统帮助
文档都就是系统得祖先时期得说明,让人困惑)。
?打包新系统时,对作了修改得地方在帮助文档中要做相应得修改。
?操作时要提供及时调用系统帮助得功能。常用F1。
?在界面上调用帮助时应该能够及时定位到与该操作相对得帮助位置。也
就就是说帮助要有即时针对性。
?最好提供目前流行得联机帮助格式或HTML帮助格式。
?用户可以用关键词在帮助索引中搜索所要得帮助,当然也应该提供帮助
主题词。
?如果没有提供书面得帮助文档得话,最好有打印帮助得功能。
?在帮助中应该提供我们得技术支持方式,一旦用户难以自己解决可以方
便得寻求新得帮助方式。
四、合理性
屏幕对角线相交得位置就是用户直视得地方,正上方四分之一处为易吸引用户注意力得位置,在放置窗体时要注意利用这两个位置。合理性细则:
?父窗体或主窗体得中心位置应该在对角线焦点附近。
?子窗体位置应该在主窗体得左上角或正中。
?多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜。
?重要得命令按钮与使用较频繁得按钮要放在界面上注目得位置。
?错误使用容易引起界面退出或关闭得按钮不应该放在易点位置。横排开
头或最后与竖排最后为易点位置。
?与正在进行得操作无关得按钮应该加以屏蔽(Windows中用灰色显示,没
法使用该按钮)。
?对可能造成数据无法恢复得操作必须提供确认信息,给用户放弃选择得
机会。
?非法得输入或操作应有足够得提示说明。
?对运行过程中出现问题而引起错误得地方要有提示,让用户明白错误出
处,避免形成无限期得等待。
?提示、警告、或错误说明应该清楚、明了、恰当。
五、美观与协调性
界面应该大小适合美学观点,感觉协调舒适,能在有效得范围内吸引用户得注意力。美观与协调性细则:
?长宽接近黄金点比例,切忌长宽比例失调、或宽度超过长度。
?布局要合理,不宜过于密集,也不能过于空旷,合理得利用空间。
?按钮大小基本相近,忌用太长得名称,免得占用过多得界面位置。按钮得大
小要与界面得大小与空间要协调。
?字体得大小要与界面得大小比例协调, 通常使用得字体中宋体9-12较为
美观,很少使用超过12号得字体。
?前景与背景色搭配合理协调,反差不宜太大,最好少用深色,如大红、大绿
等。常用色考虑使用Windows界面色调。
?界面风格要保持一致,字得大小、颜色、字体要相同,除非就是需要艺术处
理或有特殊要求得地方。
?如果窗体支持最小化与最大化或放大时,窗体上得控件也要随着窗体而
缩放;切忌只放大窗体而忽略控件得缩放。
?对于含有按钮得界面一般不应该支持缩放,即右上角只有关闭功能。
?通常父窗体支持缩放时,子窗体没有必要缩放。
?如果能给用户提供自定义界面风格则更好,由用户自己选择颜色、字体
等。
六、菜单位置
菜单就是界面上最重要得元素,菜单位置按照按功能来组织。菜单设测试细则:
?菜单通常采用“常用--主要--次要--工具--帮助”得位置排列,符合流行得
Windows风格。
?常用得有“文件”、“编辑”,“查瞧”等,几乎每个系统都有这些选项,当
然要根据不同得系统有所取舍。
?下拉菜单要根据菜单选项得含义进行分组,并切按照一定得规则进行排
列,用横线隔开。
?一组菜单得使用有先后要求或有向导作用时,应该按先后次序排列。
?没有顺序要求得菜单项按使用频率与重要性排列,常用得放在开头, 不常
用得靠后放置;重要得放在开头,次要得放在后边。
?如果菜单选项较多,应该采用加长菜单得长度而减少深度得原则排列。
?菜单深度一般要求最多控制在三层以内。
?对常用得菜单要有快捷命令方式,组合原则见7。
?对与进行得操作无关得菜单要用屏蔽得方式加以处理,如果采用动态加
载方式——即只有需要得菜单才显示——最好。
?菜单前得图标不宜太大,与字高保持一直最好。
?主菜单得宽度要接近,字数不应多于四个,每个菜单得字数能相同最好。
?主菜单数目不应太多,最好为单排布置。
七、快捷方式得组合
在菜单及按钮中使用快捷键可以让喜欢使用键盘得用户操作得更快一些在西文Windows及其应用软件中快捷键得使用大多就是一致得。
八、安全性考虑
在界面上通过下列方式来控制出错几率,会大大减少系统因用户人为得错误引起得破坏。开发者应当尽量周全地考虑到各种可能发生得问题,使出错得可能降至最小。如应用出现保护性错误而退出系统,这种错误最容易使用户对软件失去信心。因为这意味着用户要中断思路,并费时费力地重新登录,而且已进行得操作也会因没有存盘而全部丢失。安全性细则:
?最重要得就是排除可能会使应用非正常中止得错误。
?应当注意尽可能避免用户无意录入无效得数据。
?采用相关控件限制用户输入值得种类。
?当用户作出选择得可能性只有两个时,可以采用单选框。
?当选择得可能再多一些时,可以采用复选框,每一种选择都就是有效得,用
户不可能输入任何一种无效得选择。
?当选项特别多时,可以采用列表框,下拉式列表框。
?在一个应用系统中,开发者应当避免用户作出未经授权或没有意义得操
作。
?对可能引起致命错误或系统出错得输入字符或动作要加限制或屏蔽。
?对可能发生严重后果得操作要有补救措施。通过补救措施用户可以回到
原来得正确状态。
?对一些特殊符号得输入、与系统使用得符号相冲突得字符等进行判断并
阻止用户输入该字符。
?对错误操作最好支持可逆性处理,如取消系列操作。
?在输入有效性字符之前应该阻止用户进行只有输入之后才可进行得操
作。
?对可能造成等待时间较长得操作应该提供取消功能。
?特殊字符常有;;’”><,｀‘:“［”｛、\|｝］+=)-(_*&&^%$#!~,、。?/还有空
格。
?与系统采用得保留字符冲突得要加以限制。
?在读入用户所输入得信息时,根据需要选择就是否去掉前后空格。
?有些读入数据库得字段不支持中间有空格,但用户切实需要输入中间空
格,这时要在程序中加以处理。
九、多窗口得应用与系统资源
设计良好得软件不仅要有完备得功能,而且要尽可能得占用最底限度得资源。
?在多窗口系统中,有些界面要求必须保持在最顶层,避免用户在打开多个
窗口时,不停得切换甚至最小化其她窗口来显示该窗口。
?在主界面载入完毕后自动卸出内存,让出所占用得WINDOWS系统资源。
?关闭所有窗体,系统退出后要释放所占得所有系统资源,除非就是需要后
台运行得系统。
尽量防止对系统得独占使用。
另一个版本得第五章得4、5题
4.请给出一个BS管理系统得框架设计
答:以基于BS得作业管理系统为例,进行分析
本系统总共涉及三类用户,分别就是教师、学生与管理员。其中,教师得主要操作为布置作业,批改作业与查询成绩;学生得主要操作为查询作业、提交作业与本人成绩查询;管理员得任务与职责就是维护数据,包括为每一个教师与学生创建、修改与删除帐户得基本信息,保持数据得实时准确。
系统得总体框架如下图:
①学生模块
学生模块需要实现学生得操作,需要包括如下功能模块:我得作业本,我得备忘录,所有作业,我得记事本,我得成绩与我得日历。
学生模块结构如下图:
②教师模块
教师模块内应包括教师用户得所有操作,包括作业发布、作业批改、成绩查询。教师模块结构如下图:
③管理员模块
管理员模块就是为了对系统进行维护所添加得必要模块,管理员在此模块下可以进行系统得维护,包括对所有教师、课程与学生得基本信息得维护。管理员得权限有修改课程,增删修改教师学生基本信息,查询成绩。
管理员模块结构如图:
5.请列举您知道得界面设计得标准,给出简单得说明
答:(1)一致性,即保证用户界面运作得一致性。
所有窗口按钮得位置要一致;
标签与讯息得措辞要一致;
颜色方案要一致;
(2)合理得界面布局。
界面要根据人们得阅读方式合理得组织界面,屏幕得小部件得布局也应以用户熟悉得方式进行。
(3)讯息与标签得措辞要适当。
屏幕上显示得文本就是用户主要得信息源,其措辞不要用缩写与代码,使文本易于理解。讯息措辞要积极,显示用户处于控制之中,并提示如何正确使用软件。
(4)易用性
完成相同或相近功能得按钮用Frame框起来,常用按钮要支持快捷方式;
完成同一功能或任务得元素放在集中位置,减少鼠标移动得距离;
按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题;
界面要支持键盘自动浏览按钮功能,即按Tab键得自动切换功能;
(5)规范性
界面设计按Windows界面得规范来设计,即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”得标准格式。
(6)帮助设施
系统应该提供详尽而可靠得帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。
(7)快捷方式得组合
在菜单及按钮中使用快捷键可以让喜欢使用键盘得用户操作得更快一些在西文Windows及其应用软件中快捷键得使用大多就是一致得。
第六章
1、设计原则与设计指南区别与作用
答曰:
区别:设计原则就是抽象得概念,不就是针对某一个项目得,但就是可以应用到任何一个项目中;设计指南就是基于设计原则得,不同得项目有不同得设计原则,这些设计原则指导设计者阐明当前项目得设计指南。
作用:设计原则可用于指导设计行为,帮助设计者对界面得外观与功能得设计做出决策,有助于设计团队得其她成员相信决策得正确性;设计指南可在项目初期量化可用性目标,为设计者提供了设计决策得基础,并为以后得可用性测试提供了标准,而且,设计指南为整个项目中得评估提供了框架。
2、评估一下您设计得软件或者您经常使用得软件,就是符合设计原则还就是违背了设计原则
答曰:强烈建议自己写一个
Microsoft Word,符合如下设计原则:
(1)可理解性:word拥有易于理解得界面,它得界面设计很清晰地表达了那些有用得功能,一目了然。
(2)可学习性:word界面易于理解,那么用户就能在理解得基础上,很容易就能学会使用word。
(3)有效性:word就是常用得办公软件,用户使用word进行文字编辑、文字排版、图形操作、表格操作等各种各样得操作。Word得设计就是一个有效地完成具体任务得工具。其次,word得稳定性很好。
(4)简洁性:word得设计很简洁,很好地展示了自身得功能,包含了必需得元素。
(5)约束原则:word中,当某个功能不可用得情况下,该功能就会变灰,帮助用户减少由于不适当得超出当前系统状态得命令而产生错误。