实验七用户界面设计.ppt

《实验七用户界面设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、实验七：用户界面设计内容提要GUI设计的基本原则GUI设计的禁忌GUI设计举例用VisualStudio2005开发GUI的演示2GUI设计的基本原则Thestructureprinciple:Designshouldorganizetheuserinterfacepurposefully,inmeaningfulandusefulwaysbasedonclear,consistentmodelsthatareapparentandrecognizabletousers,puttingrelatedthingstogetherandseparatingunre

2、latedthings,differentiatingdissimilarthingsandmakingsimilarthingsresembleoneanother.Thesimplicityprinciple:Thedesignshouldmakesimple,commontaskseasy,communicatingclearlyandsimplyintheuser'sownlanguage,andprovidinggoodshortcutsthataremeaningfullyrelatedtolongerprocedures.Thevisibilit

3、yprinciple:Thedesignshouldmakeallneededoptionsandmaterialsforagiventaskvisiblewithoutdistractingtheuserwithextraneousorredundantinformation.Gooddesignsdon'toverwhelmuserswithalternativesorconfusewithunneededinformation.3GUI设计的基本原则（cont.）Thefeedbackprinciple:Thedesignshouldkeepusersi

4、nformedofactionsorinterpretations,changesofstateorcondition,anderrorsorexceptionsthatarerelevantandofinteresttotheuserthroughclear,concise,andunambiguouslanguagefamiliartousers.Thetoleranceprinciple:Thedesignshouldbeflexibleandtolerant,reducingthecostofmistakesandmisusebyallowingund

5、oingandredoing,whilealsopreventingerrorswhereverpossiblebytoleratingvariedinputsandsequencesandbyinterpretingallreasonableactions.Thereuseprinciple:Thedesignshouldreuseinternalandexternalcomponentsandbehaviors,maintainingconsistencywithpurposeratherthanmerelyarbitraryconsistency,thu

6、sreducingtheneedforuserstorethinkandremember.4理解GUI设计的基本原则关注用户及其任务，而不是技术首先考虑功能，然后才是表示从用户的视角看问题，使用用户的词汇进行描述不要向用户暴露实现细节使常用的用户任务简单化，不要让用户解决额外的问题保持一致性，引导用户的使用习惯保持显示惯性，传递信息，而不仅仅是数据设计应满足响应需求5GUI设计的禁忌同一页面包含重复功能的链接或按钮将复选框用作单选按钮无初始值的多选一设置在非开/关设置中使用复选框用文本框显示只读数据单选按钮之间间隔太大属性标记对齐方式不一致当前无效的控件不充分

7、置灰显示对用户无意义的错误提示不同的类型页面窗口显示相同的标题窗口的标题和调用的命令不一致要求用户输入随机数6GUI设计的禁忌(cont.)相似的功能却有不一致的用户操作界面取消按钮无法真正取消操作网站结构反映公司的结构或网站升级的历史返回按钮不能达到预期的目的搜索选项过多，过度复杂使用容易被忽略的隐藏的图片链接需要向下滚动才能看到当前页的重要信息图片按钮对鼠标按下操作没有视觉变化无意义的虚假进度条执行长时间的任务时鼠标指针不显示成忙状态不考虑用户可能的人为的错误输入认为好的UI就是漂亮的UI盲目错误的使用页面模块化设计7GUI举例Theinterfacein

8、thisfigureisusedbya