互动媒体设计讲义.ppt

思考,目录,互动媒体设计界面设计原则界面交互设计视觉呈现设计使用性测试,互动？谁和谁互动？通过什么互动？如何互动？交互媒体设计：用户界面设计（界面之间的关系和流程）、交互方式和视觉形式步骤：结构设计、交互设计、视觉设计,互动媒体设计,交互界面的发展,人机交互界面的发展过程命令行图形用户界面GUI（GraphicalUserInterface）WIMP(Windows,Icon,Menu,Pointingdevice苹果公司全鼠标下拉式菜单操作)NUI（NetUserInterface）:远程访问和执行，更加大众化CSCW(computersupportedcooperativework计算机协同工作)同步、分布式同步、异步、分布式异步多用户界面多通道人机界面（MultiModeInterface）VIR（VirtualInformationRoom）,交互界面的技术,人机交互界面技术背景标准JPEG静态图像压缩标准，MPEG动态图像压缩标准，DVD规格，W3C多通道交互技术（追踪、统计分析、识别）触摸、眼动跟踪、姿势识别、语音识别、表情识别、手写识别、虚拟现实（特点：直接性、非精确性、双向性、自然性）,交互设备,交互输入输出设备输入键盘鼠标跟踪球操纵杆触摸屏光笔数字化输入板浮动鼠标（6度电磁探测器）手持操纵器力矩球（空间球）数据手套输出阴极射线管显示器液晶显示器头盔显示器,目录,互动媒体设计界面设计原则界面交互设计视觉呈现设计使用性测试,设计原则,人查找时：以自我为中心浏览时：扫描的阅读方式操作时：依习惯做事点击时：不确定性,设计原则,界面设计原则可控性：用户处于控制地位，掌握所有操作的主动性一致性:提供稳定的感觉使界面变得熟悉和可预知（用户习惯）互动性:给于用户反馈,引导用户参与（系统反应时间15s,3s）可学习性：让用户逐渐成长，成为高手简易性:将呈现的信息减到极限，突出重点差异性:不同用户需求是不同的视觉上的美与舒适,设计原则,用户处于控制地位,用户开始操作可信性可预期性稳定而快速的响应灵活性,设计原则,一致性,产品结构的一致和业界习惯的一致操作行为一致命令的名称统一视觉呈现一致窗口方式一致与生活保持一致设计改动,设计原则,互动性,反馈性参与性直接性更新性召唤感亲和力,设计原则,可学习性,鲜明性引导性空间有效性逻辑性恢复性帮助性,设计原则,简易性,操作少简洁快捷方式文案简单正确使用留白直观简易不同于简陋,设计原则,差异性,不同熟练程度用户不同年龄用户不同地区用户不同专业背景的用户残障用户可兼容性：浏览器屏幕尺寸色彩动态性,设计原则,视觉上的美和舒适,清晰舒适独特,产品开发,案例：WinXP,用户处于控制地位：自定义背景，多种预览选择一致性:统一界面方式和按钮方式互动性:状态表示，按钮质感处理视觉上的美和舒适:鲜亮色彩、立体感、图标简易:将呈现的信息减到极限：人性的账户管理，直观批预览差异性:不同用户需求是不同的：不同分辨率，多语言,目录,互动媒体设计界面设计原则界面交互设计视觉呈现设计使用性测试,交互设计,交互设计,用户需求搜集：调查问卷焦点小组(程度)用户提案用户分级用户任务分解交互设计和描述:结构图流程图页面图,交互设计,导航与定位系统,栏目/菜单导航关键页面的导航分类目录和列表搜索框的导航相关内容窗口方式其他导航方式,我在哪里？我去过哪里？我可以去哪里?,交互设计,菜单,菜单组织单一菜单多重菜单：相关联的内容在同一界面窗口中横向并置（文件打印属性）树状菜单栏：极限4-8个选项，3-4层菜单式样（文字/图标）全屏菜单2下拉菜单栏3弹出菜单4工具栏5版块菜单设计原则一致分层分组排序快捷键反馈当前状态帮助,交互设计,界面窗口,基本构成标题区菜单区快捷图标区工具区工作区/信息区控制区移动区大小区滚动区窗口方式滚动式2单一式3分裂式4瓦片式5重叠式6弹出式,交互设计,典型互动界面:数据输入,设计原则简约：用户输入最少明确习惯：一致性兴奋可学习性：用户输入灵活性反馈错误监测和修正输入方式问答式2菜单选择3填表输入4直接操作5光学识别6声音表格设计原则一致分组和留白指导性文字光标移动方便反馈帮助对齐,交互设计,典型互动界面:输入界面,类型问答式对话：系统启动、自然语言、用户回答链接、图标和按钮菜单：用户多选一、界面位置固定数据输入界面：用户输入数据内容命令语言界面：用户按照文法，输入命令给系统唯一性、一致性、平等性、经济性、允许修改查询界面：用户输入查询条件，系统输出结果自然语言界面：模糊性、学习性,交互设计,典型互动,搜索列表和最终页注册和登陆用户反馈和留言个性定制成功、失败、提示,简约明确习惯兴奋,交互设计,帮助系统,人出错原因感知误导记忆误导响应时间过快或过慢设计原则完整性一致性连续性简易性可维护性帮助系统类型（线上/线下）用户手册2培训3演示4问答（faq,邮箱，电话，问答平台等）,交互设计,手机界面,常用导航方式拖动菜单列表现在在哪儿以前去过哪儿将来应该/能够去哪儿怎么去怎么回,目录,互动媒体设计界面设计原则界面交互设计视觉呈现设计使用性测试,视觉设计,视觉设计,主调:统一对比视觉中心形象色彩肌理版式：比例分栏版面率跳跃率边角造型元素：线面字体动态排版文件格式界面规范,视觉设计,链接,链接的组织文字链接图片或图标链接按钮链接,视觉设计,图标,优势/劣势快速识别美观便于记忆国际化/最初不易掌握和理解设计原则整体隐喻简单（不多于20种，造型简单，轮廓清晰而不生硬）尺寸国际化（不要使用人脸/手，非通用字母）美观（立体感，质感）图标类型程序2数据3命令4控制5开关6状态显示,目录,互动媒体设计界面设计原则界面交互设计视觉呈现设计使用性测试,产品测试,界面评估,评估方法自己的评估专家评估VIP用户评估可用性测试理论评估可用性测试5-8个典型用户5-8个典型情境下的典型任务关注：失败率失误率速度,评分标准,1课题设计的定位20%2交互设计的完整和流畅30%3最终呈现效果40%4使用性测试的完整和正确10%,题目：动画管理与播放器设计与实现,参考QQ音乐播放器，实现如下功能：动画电影的播放、搜索、推荐动画电影分类：多种分类方法字幕同步播放注意：封面设计要求采用场景式,要求：,提交文件：每组同学提交一个以学号姓名为名字的文件夹，内含三种格式的文件：dir,exe,doc分别为原始文件、发布文件和文档，其中文档：要求完整记录设计过