交互设计基础课件教学文稿.ppt

入知远工作室须知;上班时间;你为工作室贡献的;行动起来选举班委;;交互设计基础 梅成才 6369980@QQ.com ;什么是“交互设计”;GUI---Graphical User Interface 即人机交互图形化用户界面设计;;交互设计案例（1）;交互设计案例（2）;失败的交互设计;失败的交互设计（1）;失败的交互设计（2）;失败的交互设计（3）;失败的交互设计（4）;教材： 《GUI设计禁忌2.0》【美】Jeff Johnson著，机械工业出版社，2009;参考书1：;参考2： 《About Face3.0》【美】Alan Cooper著，电子工业出版社，2008;课程考核;课程考核;行动起来;请访问工贸学院各系部网站并仔细浏览。;1 该网站是否违背《GUI设计禁忌》中提到的9条原则，如果有请指出网站在何处违背了第几条原则，并按如下格式填写。 2 该网站是否存在使用了错误的控件或错误的使用控件的情况，如果有请指出并填写如下表格 3 该网站是否存在导航禁忌，如果有请指出并填写如下表格： 4 该网站是否存在响应性禁忌，如果有请指出并填写如下表格 5 请使用学过的网站可用性三大定律进行分析，指出哪些页面需要改进？ 6 请你提一些对交互设计基础课程的建议和意见。;请大家一起来讨论以下的例子;例1;McInerney and Li [2002]列出了用于设计有效的进度指示器的一些指导原则;例2;例3;例4;例5;例6;4 . 基本原则;基本原则1：关注用户及其任务，而不是技术;谁是用户？;用户的层次;永远的“中间用户”;不可避免的矛盾;基本原则2： 首先考虑功能，然后才是表示;基本原则3： 与用户对任务的看法保持一致;;;基本原则4: 设计要符合常见情况;基本原则5： 不要分散用户对他们目标的注意力;基本原则5： 不要分散用户对他们目标的注意力;基本原则6： 促进学习;允许用户犯错误;;;基本原则8：设计应满足响应需求;第二章. GUI控件禁忌;;一、混淆复选框和单选按钮;;;二、在非开关设置中使用复选框;三、把命令按钮当作开关;四、把选项卡当作单选按钮;五、太多的选项卡;六、为永久只读数据提供输入控件;七、对于本应该有输入约束的字段使用普通文本框;;一、动态菜单项;二 过于严格的数据字段 ;;三、没有默认值;四、不恰当的默认值;五、反向复选框;;禁忌13：未标??窗口或页面(1) ;禁忌13：未标识窗口或页面(2);禁忌14：不同窗口使用同样的标题 ;禁忌15：窗口标题与命令或链接不符 ;;禁忌16：使用户偏离正确道路的按钮和链接 ;禁忌17：自身链接 ;禁忌18：对话框层次过多 ;禁忌19：互相竞争的搜索框 ;禁忌20：搜索结果的浏览方式不佳 ;禁忌2l：干扰搜索结果 ;4.1.1 禁忌22：术语不一致 ;4.1.2 禁忌23：含义不清的术语(1);4.1.2 禁忌23：含义不清的术语(2);4.1.3 禁忌24：书写不好 ;4.1.4 禁忌25：文字过多 ;4.2.1 禁忌26：用词晦涩 ;4.2.2 禁忌27：在用户界面中将用户称为“user” ;4.2.3 禁忌28：无用的错误消息 ;4.3.1 禁忌29：错误的消息 ;4.3.2 禁忌30：文字独立存在时有意义，但在GUI中引起误导 ;4.3.3 禁忌31：在命令标签中错误地使用或者不使用“…” (1);4.3.3 禁忌31：在命令标签中错误地使用或者不使用“…” (2);;5.1.1 禁忌32：容易忽略的信息 ;5.1.2 禁忌33：将对话框控制按钮与内容控制按钮混合放置 ;5.1.3 禁忌34：不恰当地使用组合框 (1);5.1.3 禁忌34：不恰当地使用组合框 (2);5.1.4 禁忌35：单选按钮之间间隔太大 ;5.1.5 禁忌36：标签与数据字段距离太远 ;5.1.6 禁忌37：标签的对齐方式不一致 ;5.1.7 禁忌38：窗口初始位置不合适 ;字体过小 ;;禁忌40：将实现暴露给用户 ;禁忌41：不必要的限制 ;禁忌42：令人混淆的概念(1) ;禁忌42：令人混淆的概念(2);禁忌43：向用户索取不必要的数据 ;禁忌45：无意义的选择 (1);禁忌45：无意义的选择 (2);禁忌46：很难记住的ID ;禁忌47：长的说明信息消失过快(1) ;禁忌47：长的说明信息消失过快(2);禁忌48：不必要或效果不佳的标记模式 ;禁忌49：自动重排的显示 ;;响应性不好的原因;高响应性的软件(举例） ; 常见的响应性禁忌 ;;;;;;;7.3.1 响应性七条原则;原则一 响应不等同于性能;原则二 处理资源经常是有限的 ;原则三：用户界面是实时接口;响应性原则之四：任务对延迟的要求各异，软件不必立即做所有的事情 ;7.3.4 响应性原则之四：任务对延