互动媒体设计讲义.ppt

视觉设计 图标 优势/劣势 快速识别 美观 便于记忆 国际化 / 最初不易掌握和理解 设计原则 整体 隐喻 简单（不多于20种，造型简单，轮廓清晰而不生硬 ）尺寸 国际化（不要使用人脸/手，非通用字母） 美观（立体感，质感） 图标类型 程序 2数据 3 命令 4控制 5开关 6状态显示 目录 互动媒体设计 界面设计原则 界面交互设计 视觉呈现设计 使用性测试 产品测试 界面评估 评估方法 自己的评估 专家评估 VIP用户评估 可用性测试 理论评估 可用性测试 5-8个典型用户 5-8个典型情境下的典型任务 关注：失败率 失误率 速度 评分标准 1 课题设计的定位20% 2 交互设计的完整和流畅30% 3 最终呈现效果40% 4 使用性测试的完整和正确10% 题目：《动画管理与播放器》设计与实现 参考QQ音乐播放器，实现如下功能： 动画电影的播放、有哪些信誉好的足球投注网站、推荐 动画电影分类：多种分类方法 字幕同步播放 注意：封面设计要求采用场景式 要求： 提交文件： 每组同学提交一个以学号姓名为名字的文件夹，内含三种格式的文件： dir, exe,doc 分别为原始文件、发布文件和文档，其中文档： 要求完整记录设计过程，实现步骤，测试过程，不低于2万字（截图除外） 评分标准 1 课题设计的定位和文档的完整性20% 对动画的分类完整性、合理性，易整理性要求 2 交互设计的完整和流畅30% 给用户熟悉、易用的、动态的交互效果 3 最终呈现效果40% 场景式交互界面的美感和合理性 4 使用性测试的完整和正确10% * * * 思考 目录 互动媒体设计 界面设计原则 界面交互设计 视觉呈现设计 使用性测试 互动？谁和谁互动？通过什么互动？如何互动？ 交互媒体设计：用户界面设计（界面之间的关系和流程） 、交互方式和视觉形式 步骤：结构设计、交互设计、视觉设计 互动媒体设计 交互界面的发展 人机交互界面的发展过程 ? 命令行 ? 图形用户界面GUI（Graphical User Interface） ? WIMP(Windows,Icon,Menu,Pointing device 苹果公司全鼠标下拉式菜单操作) ? NUI（Net User Interface）:远程访问和执行，更加大众化 ? CSCW(computer supported cooperative work计算机协同工作) 同步、分布式同步、异步、分布式异步 ? 多用户界面 ? 多通道人机界面（Multi Mode Interface） ? VIR（Virtual Information Room） 交互界面的技术 人机交互界面技术背景 ? 标准 JPEG静态图像压缩标准， MPEG动态图像压缩标准，DVD规格，W3C ? 多通道交互技术（追踪、统计分析、识别） 触摸 、眼动跟踪、姿势识别、语音识别、表情识别、手写识别、 虚拟现实（特点：直接性、非精确性、双向性、自然性） 交互设备 交互输入输出设备 ?输入 键盘 鼠标 跟踪球 操纵杆 触摸屏 光笔 数字化输入板 浮动鼠标（6度电磁探测器） 手持操纵器 力矩球（空间球） 数据手套 ?输出 阴极射线管显示器 液晶显示器 头盔显示器 目录 互动媒体设计 界面设计原则 界面交互设计 视觉呈现设计 使用性测试 设计原则 人 查找时：以自我为中心 浏览时：扫描的阅读方式 操作时：依习惯做事 点击时：不确定性 设计原则 界面设计原则 可控性：用户处于控制地位，掌握所有操作的主动性 一致性: 提供稳定的感觉使界面变得熟悉和可预知（用户习惯） 互动性:给于用户反馈,引导用户参与 （系统反应时间15s,3s） 可学习性：让用户逐渐成长，成为高手 简易性:将呈现的信息减到极限，突出重点 差异性:不同用户需求是不同的 视觉上的美与舒适 设计原则 用户处于控制地位 用户开始操作 可信性 可预期性 稳定而快速的响应 灵活性 设计原则 一致性 产品结构的一致 和业界习惯的一致 操作行为一致 命令的名称统一 视觉呈现一致 窗口方式一致 与生活保持一致 设计改动 设计原则 互动性 反馈性 参与性 直接性 更新性 召唤感 亲和力 设计原则 可学习性 鲜明性 引导性 空间有效性 逻辑性 恢复性 帮助性 设计原则 简易性 操作少 简洁 快捷方式 文案简单正确 使用留白 直观 简易