交互设计课程L6.ppt

INTERACTIONDESIGN Interaction Design By CaiusZhao 第五课 回顾 RETROSPECT 1 场景练习 使用场景 环境 信息 功能 期望 技术 场景名称1 场景名称2 场景名称3 … RETROSPECT 2 从场景到需求 业务需求 数据需求 功能需求 技术需求 情感需求 品牌需求 RETROSPECT 3 什么是行为模型？ 为何要了解行为模型？ RETROSPECT 4 设计模式 信息架构 导航 页面排版 信息列表 功能操作 复杂信息展示（图、表） 信息输入表单 社交 5 InteractionDesign By Caius Zhao ASSINGMENT 根据用户使用场景完善需求定义。 按照设计模式分类去了解设计模式。并且找到一些案例。每个分类找4个。 INTERACTIONDESIGN 赵偲 2011.12.20 Interaction Design By CaiusZhao 交互第六课 | IA, Pattern Paper Prototype INFORMATION ARTCHITECTURE 1 InteractionDesign By Caius Zhao 什么是信息架构？ 信息架构是组织信息空间的艺术。 1. 分享信息的环境的结构设计 2. 在网站中或网站间的包括了信息组织、标定、搜索、导航的系统 3. 用来支持usability和findability信息产品体验设计的艺术和技术 4. 一种新兴的专注于将设计和结构的原则应用于数码领域的实践学科 INFORMATION ARTCHITECTURE 2 InteractionDesign By Caius Zhao 什么是信息架构？ INFORMATION ARTCHITECTURE 3 InteractionDesign By Caius Zhao 什么是信息架构？ INFORMATION ARTCHITECTURE 4 InteractionDesign By Caius Zhao 展示 搜索 浏览 标签 类目化 排序 操作 策略性的隐藏信息 组织信息的方法 INFORMATION ARTCHITECTURE 5 InteractionDesign By Caius Zhao 任何页面都大致都有如下任务： 展示独占信息 （地图、书、视频或游戏等） 多视图 多窗口 展示一列信息 （信息列表） 搜索浏览和特点内容展示 新闻流 图形化内容管理器 拇指图、分页器、双面板选择器 提供工具用与创作信息 （文本、图片、视频的创作） 画布+调色板 多窗口 多视图 输入操作提示 辅助完成一个Task （注册、登陆、认证、查找等） Wizard 设置面板 INFORMATION ARTCHITECTURE 6 InteractionDesign By Caius Zhao 搜索浏览和特点内容展示 INFORMATION ARTCHITECTURE 7 InteractionDesign By Caius Zhao 新闻流 INFORMATION ARTCHITECTURE 8 InteractionDesign By Caius Zhao 图形化信息管理器 INFORMATION ARTCHITECTURE 9 InteractionDesign By Caius Zhao DashBoard INFORMATION ARTCHITECTURE 10 InteractionDesign By Caius Zhao 画布和画板 INFORMATION ARTCHITECTURE 11 InteractionDesign By Caius Zhao 设置面板 INFORMATION ARTCHITECTURE 12 InteractionDesign By Caius Zhao 多视图 INFORMATION ARTCHITECTURE 13 InteractionDesign By Caius Zhao 多窗口 新手帮助 内容提示 输入提示 帮助文档 工具提示 在线帮助 多级帮助 INFORMATION ARTCHITECTURE 14 InteractionDesign By Caius Zhao 推荐书籍： 《INFORMATION ARTCHITECTURE》（翻译版本《Web信息架构》） 《Tagging: People-Powerd Metadata for the Social Web》 《Designing for the Social Web》 NAVIGATION, SIGNPOST WAYFINDING 15 InteractionDesign By Caius Zhao 什么是导航？ NAVIG