交互设计基础课.ppt

入知远工作室须知 上班时间 （除有课外） 周一到周五 上午：8:00 - 11：30 下午：13:30-17:00 指纹考勤 其它时间由指导教师和学生本人共同安排 工作室为你提供的 良好的学习氛围 必要的软硬件设备 优质的指导教师 项目机会 你为工作室贡献的 做好自我定位，努力学习知识技能 学会如何和他人合作，分享知识 努力营造一个良好的工作氛围（电话，QQ，游戏，卫生，活动） 将来 提供就业资讯 1年内返校一次 行动起来选举班委 班长 生活委员 卫生委员 纪律委员 Question ？ GUIGraphical User Interface 即人机交互图形化用户界面设计 交互设计案例（1） 交互设计案例（2） 教材： 《GUI设计禁忌2.0》【美】Jeff Johnson著，机械工业出版社，2009 参考书1： 参考2： 《About Face3.0》【美】Alan Cooper著，电子工业出版社，2008 课程考核 课程考核 平时表现50% 小组加减分+个人加减分（例） 期末成绩50% 行动起来 选举课代表（+） 成立小组（4人一组，共8组） 小组取名 请访问工贸学院各系部网站并仔细浏览。 1 该网站是否违背《GUI设计禁忌》中提到的9条原则，如果有请指出网站在何处违背了第几条原则，并按如下格式填写。 2 该网站是否存在使用了错误的控件或错误的使用控件的情况，如果有请指出并填写如下表格 3 该网站是否存在导航禁忌，如果有请指出并填写如下表格： 4 该网站是否存在响应性禁忌，如果有请指出并填写如下表格 5 请使用学过的网站可用性三大定律进行分析，指出哪些页面需要改进？ 6 请你提一些对交互设计基础课程的建议和意见。 请大家一起来讨论以下的例子 例1 下面是软件或者网页中进度条的界面，你觉的如何？ McInerney and Li [2002]列出了用于设计有效的进度指示器的一些指导原则 显示剩余的工作，而不是已完成的工作。不好的显示：已复制3个文件。好的显示：还剩4个文件未复制。 显示总体进度，而不是当前步骤的进度。不好的显示：此步骤还需5秒。好的显示：还需15秒。 对于百分比的完成，从1%开始，而不是0%。如果进度条在0%上停留超过1秒或2秒，用户会感到担忧。同理，100%的显示要短暂。如果进度条在100%上停留超过1秒或2秒，用户会认为出了问题。 显示平滑的、线性的进度，而不要显示不规则的、突然变化的进度。 使用人们熟悉的精度，而不是计算机精度。不好的显示：27秒。好的显示：少于1分钟。 例2 例3 您认为以下几个对话框哪个比较恰当？ 例4 例5 例6 4 . 基本原则 基本原则1： 关注用户任务，而不是技术 基本原则2： 首先考虑功能，然后才是表示 基本原则3： 与用户对任务的看法保持一致 基本原则4: 设计要符合常见情况 基本原则5： 不要分散用户对他们目标的注意力 基本原则6： 促进学习 基本原则7： 传递信息，而不仅仅是数据 基本原则8： 设计应满足响应需求 基本原则9： 通过用户试用发现错误，然后修正它 基本原则1：关注用户及其任务，而不是技术 谁是目标用户？ 谁是目标客户？ 目标用户情况（对计算机的总体了解、任务知识、系统知识） 软件做什么？它能帮助用户解决什么问题？它将提供什么价值？ 基本原则2： 首先考虑功能，然后才是表示 基本原则3： 与用户对任务的看法保持一致 争取自然 使用用户的词汇，而不是你自己的 找到正确的功能/复杂度平衡点 恰当的默认值 模板或者封装的解决方案 指南性的路径和向导 渐进式显示 通用命令 。。。 基本原则4: 设计要符合常见情况 最少步骤、最高效率 越频繁使用的功能，需要的点击应越少 越多用户使用某功能，它就应该越明显 设计用户界面时应当尽可能地替用户着想，用户应当用最少的操作步骤完成某项操作任务，获得最高的使用效率。（手机充值） 基本原则5： 不要分散用户对他们目标的注意力 基本原则5： 不要分散用户对他们目标的注意力 点评：网站使用广告的用意是为了配合营销活动的宣传，这样的布局更象是出于网站的目标，忽略了用户的目的，因此未必能达到预期的效果。 基本原则6： 促进学习 “从外到里”思考，而不是“从里到外“ 保持一致性 提供一个低风险的环境 “用户界面风格一致”的最大好处就是能够减少用户的记忆量、减少出错几率，并且迅速积累操作经验。所以熟悉Word软件的人基本上不用翻阅手册就能使用PowerPoint软件，可谓“无师自通”。 软件的用户界面中同类的界面元素应当有相同的视感和相同的操作方式。例如命令按钮是最常见的界面元素，所有命令按钮的形状、色彩以及对鼠标的响应方式都是一致的 同一类型软件的用户界面应当有一定程度的相似