交互设计主流方法与流程.pptVIP

（2） Vivien收到一封email，来自最新客户FRANK，他想在下午去看房子。 Vivien在这几天前已经输入了他的联系信息，所以她现在只需要在屏幕上执行一个简单的操作，就可以拨打他的电话。 （3）在于frank打电话的过程中， Vivien切换到免提状态，这样他能够在谈话的 同时看到屏幕。她查看自己的约会记录，看看哪个时段自己还没有安排。当她 创建一个新的约会时，电话自动记录下这是与frank的约会，因为它知道她是在喝水交流。谈话结束后，她快速的输入准本看的那处房地产的地址。 （4）将alice送到学校之后， Vivien前往房地产办公室收集另一个会面所需的信息。她的电话已经更新了其outlook约会时间，所以办公室里的其他人都知道她下午在哪里。 （5）一天过得真快，当她前往即将查看的那处房地产并准备和frank见面时，已经有点晚了，电话告诉她约会将在15分钟之后。当她打开电话时，电话不仅显示了约会记录，而且将与frank相关的所有文件，包括电子邮件、备忘录、电话留言，与 Frank右端的电话日志，甚至包括Vivien作为电子邮件的附件发送的房地产的微缩图像。Vivien按下呼出键，电话自动连接到frank，因为它知道Vivien立即就要与frank见面，她告诉frank她将在20分钟之内到达。 （6） Vivien知道那处房地产的大致位置，但不是很确切。他停在路边，在电话中打开存在约会记录中的地址，电话直接下载了从他当前地点到目的地的微缩地理图像。 （7） Vivien按时到达了访谈处，并且开始向frank介绍这处房地产。他听到从手机中传出电话铃声，通常当她在约会时会自动将电话转接到语言信箱。但Vivien可以输入密码跨越这一过程。电话知道是alice在打电话，并使用了特别的响铃声。 （8） Vivien拿起了电话——alice错过了公交，需要接她。 Vivien给她丈夫打电话看他能否代劳，可是访问的却是其语音信箱，他肯定是不在服务区。她给自己的丈夫留言，告诉他自己和客户在一起，看他能否去接ALICE。5分钟后，电话发出了一个简短的铃声。从音调中，Vivien可以判断出这个短信是他丈夫发给她的。他看到了丈夫发出的短信息：我会去接alice，好运 以目标为导向的设计方法（GDD） 确定需求 从情境场景剧本中分析并提取人物角色的需求。这些需求包括对象、 动作以及情境。 数据需求 功能需求 其他需求 以目标为导向的设计方法（GDD） ----从需求到设计：框架和细化 交互框架 视觉设计框架 设计框架：定义了用户体验的整体结构，从屏幕上功能元素的组织，到交互 行为及其底层组织原则，到采用何种视觉和形式语言来表现数据、概念、功能 和品牌形象等。 以目标为导向的设计方法（GDD） ----从需求到设计：框架和细化 定义交互框架步骤： 定义外形因素、姿态和输入方法 定义功能和数据元素 决定功能组和层次 勾画出大致的交互框架 构建关键线路场景剧本 通过验证性的场景剧本来检查设计 以目标为导向的设计方法（GDD） ----从需求到设计：框架和细化 定义视觉设计框架步骤： 开发视觉语言研究 将选好的视觉风格变成屏幕原型 以目标为导向的设计方法（GDD） ----从需求到设计：框架和细化 细化外形与行为 坚实并稳定的架构定义之后，接下来的工作便开始明朗起来，每次关键 线路场景剧本的重复都会让设计整体更加一直连贯。这是转到细化阶段 的过渡期，这时的设计具备了最终的具体形式。 在细化阶段，草图故事板将变成全解析度的屏幕，在像素级上来描绘 用户界面。 要尽量考虑到所有主要的视图和对话 用HTML和Flash来制作交互原型也很有用 交互设计的过程模型 交互设计过程模型 瀑布模型： 系统需求分析 交互设计 产品原型 设计评价 是通过一系列阶段系 列展开，从系统需求 分析开始到设计评价， 设计进程从一个阶段 流动到下一个阶段， 故称瀑布模型。 交互设计过程模型 迭代模型： 需求的采集 和细化 快速设计 建造原型 客户评价原型 对原型加工 产生样品 开始 停止 迭代的本意是不断取代或轮换 直到得到希望的结果，其意思 是希望的结果是通过多次循环 才可能得到的，而每一次循环 都会有一个结果，下一次循环 的结果则是上一次结果的改进。 交互设计过程模型 普里斯提出的交互设计过程 1、识别需要并建立需求 2、开发可选择的多个设计方案 3、构建设计方案的可交互版本 4、评估设计 交互设计过程模型 斯蒂文·汤姆提出的设计过程通用模型 1、发现阶段 收集 解释 2、设计和评估阶段 交互设计原则 交互设计原则 HUAWEI TECHNOLOGIES CO., LTD. HUAWEI