互联网产品的交互设计方法幻灯片.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 实例：黄钻等级 第二步. 画树状图 结构图法 实例：黄钻等级 第三步. 草图，演示 结构图法 练习：QQ空间日志 结构图法 练习：QQ空间日志 新的需求： 添加私密记事本 添加QQ心情 原有的日志需保留 结构图法 任务走查法 优化现有产品的方法。成本低，见效快。对产品整体上影响小。 以用户任务为线索，以可用性准则为依据。 可用性准则 页面表达原则+信息构架原则+视觉表现规范 任务走查法 视觉表现规范 滚动条看上去应该象滚动条 表单的对齐方式 重要的内容显示在第一屏 导航应出现在第一屏上半部分 尽量避免使用装饰性的图标 避免内容看上去象广告 光标样式 Tab需要有三种状态而不是两种 红色表示警示，绿色表示ok，黄色表示提示 灰色通常表示“暂不可用”（disabled） 任务走查法 具体操作 第一步. 分析并总结所有任务 第二步. 根据任务进行走查 评估中需要注意： 1. 不影响任务的问题不记录 2. 被记录的缺陷是有根据的,而不是根据自己的感觉。 任务走查法 实例：QQ秀快速换装 任务走查法 实例：QQ秀快速换装 第一步. 任务分析 换一套新形象 换表情 换心情 随便逛逛 换一个自己以前的形象