必威体育精装版教育产品交互设计.ppt

* * 例如：windows桌面图标的调整，当有些图标超过六十天没有使用时，将会弹出一个提示气球，询问用户是否现在就开始清理 * * 如果响应时间是0.1秒，用户感觉不到任何延迟，即0.1秒是让用户感觉到系统立即做出了反应的时间上限，1秒钟是让用户思维不被中断的上限，但大于1秒钟时用户将会感到延迟，10秒钟时让用户的注意力保持在对话过程中的上限。 * * * * * * * * * * * * 总结 就进设计原则 对功能进行组织和分类 帮助用户探索和尝试 允许用户犯错 提供实用的帮助 设计一个优秀的向导界面 使界面符合用户的使用习惯 减少用户出错 减少等待感 界面构成要素 1.文字 2图形 3多媒体 网站界面布局 （1）页面尺寸 网页设计源于平面设计但又与平面设计有所区别不同，相同的是在设计中多运用平面构成的基本原理，不同的是它的大小比较固定，传载的媒体只限于电子显示器（包括手机、PDA等），这样就为设计者提出了更为苛刻的要求。 （一）页面尺寸 由于网页的浏览多是基于显示器实现的，所以显示器的分辨率就决定了网页设计者设计网站页面的大小，目前比较流行的显示器的尺寸为 1024*768、1125*864、1280*720、1280*768、1280*960、1280*1024 而目前主流设计网站页面的大小一般为 600*300、760*420、995*436 网站界面布局 （2）视觉顺序 网站界面布局 具有清晰的视觉层次。布局应当让页面各元素之间的关系和重要性一目了然。你可以通过适当使用下列属性来实现视觉层次： 焦点：指用户首先关注的区域。形式上被赋予焦点属性的UI元素一定要表达重要的内容。 视觉流：指用户关注区域的顺序。可以根据任务逻辑和用户的浏览习惯来设计恰当的视觉流。好的视觉流应该清晰、合理、顺畅、自然。 关联：在逻辑上相关的UI元素应具有清晰的视觉关系 网站界面布局 针对用户的阅读模式来设计布局。 大部分人的阅读习惯是从左向右，至上而下。 阅读分为沉浸式阅读（immersive reading）和扫视（scanning），前者的目的在于理解，后者在于定位。 浏览网站时，用户不会沉浸在UI本身，而是沉浸在他们的目标任务中，因此扫视是最常使用的阅读模式。用户只在确信必要时才仔细阅读大量文本。 针对扫视的布局设计可以适当强调主要的UI元素，弱化次要的。包括： 1)将主UI元素放在扫视路径上。2)避免将重要信息放在左下角或者页面底端或者需要滚动很多的控件上。3)考虑使用渐进展开方式来隐藏次要的UI元素。4)将任务相关的重要信息要直接表现在控件上。用户更倾向于关注交互控件上的标签，而不是辅助型的静态文本。 网站界面布局 合理利用页面空间。 保持页面的视觉平衡。避免拥挤和对空间的浪费。 确保关键数据没有被截断，除非数据特别长 网站界面布局 举例 网站界面布局 网站界面布局 （3）布局原则 平衡原则。注意屏幕上下左右平衡。不要堆挤数据，过分拥挤的显示也会产生视觉疲和接收错误。? 预期原则。屏幕上所有对象，如窗口、按钮、菜单等处理应一致化，使对象的动作可预期。 经济原则。即在提供足够的信息量的同时还要注意简明，清昕。特别是媒体，要运用好媒体选择原则。 顺序原则。对象显示的顺序应依需要排列。通常应最先出现对话，然后通过对话将系统分段实现。 规则化。画面应对称，显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。 案例一 Tecent 交互设计—Dont make me think “返回”的位置和做法很重要：这是整个QQMail的交互的“枢纽”，如同围棋中的“玉柱”，也定义了邮箱的交互风格。 帮用户自动选中：在输入独立密码或加密folder输入密码时错误后，应该把输入框内的内容select上，这样就可以直接打入而不用清除了 光标定位：之前的点回复时光标focus到正文的问题改好了,但却没有注意到点转发时光标,反而应是在收件人处而不是正文处, 因为一般总要填写转发人, 而回复(包括回复全部)则是直接输入内容. 交互设计—符合用户习惯与预期 先字母排序，再优先显示最近联系人，减少键盘操作。 交互设计—符合用户习惯与预期 兼容客户端邮件菜单习惯 在用TT或QQ/TM/RTX截屏后的图,mail原来在写信时用Ctrl-V可以贴出来，但右键则不能。 不随意去掉用户正在使用的功能 原来mail在做出了“HTML方式查看”后，去掉了“打开”功能 符合用户预期 点击其他地方，WEBQQ的浮动窗口隐藏到固定位置 交互设计—适时的提醒 没必要的提醒不需要出现 而适时出现的提示或功能，用得好，不但不会骚扰用户，还是对用户的细致的关怀 交互设计—操作便利 QQ魔法表情 交