互联网产品的交互设计方法

互联网产品交互设计

互联网交互设计方法臭鱼 2008.10

互联网产品交互设计

交互设计重要，但却不知要怎么做。

互联网产品交互设计

?

互联网产品交互设计

交互设计是什么？ 交互设计是一个设计工作。 交互设计是一门技术。 交互设计在目前阶段的主要使命是提高产品可用性。 通过对界面和操作行为的设计提高产品可用性。

互联网产品交互设计

互联网产品的特点 变化快。 质量低。 功能操作与信息传达并重。 高速创新从而带来的无标准。

互联网产品交互设计

那么，

互联网产品的交互设计应该怎么做？

互联网产品交互设计

互联网产品交互设计方法：方法一. 自然语言法

方法二. 结构图法方法三. 任务走查法

互联网产品交互设计

交互设计工作分为两部分： 交互设计工作分为两部分：

1. 信息构架 1. 信息构架 其实不是这样…2. 2.交互细节 交互细节

互联网产品交互设计

互联网产品交互设计方法：方法一. 自然语言法

方法二. 结构图法方法三. 任务走查法

互联网产品交互设计

自然语言法使用自然的语言来表达页面信息。面对面的传达信息->书面表达->界面语言

互联网产品交互设计

自然语言法

页面表达原则1. 更少的信息量更好。 2. 结构化更易于理解。 3. 信息的表达应该清楚、明确、直接。 4. 操作可识别。 5. 操作前，结果可预知。 6. 操作时，操作有反馈。 7. 操作后，操作可撤销。 8. 让用户知道身处何地。 9. 避免内容看上去象广告。 10. 不提供多余的功能。 11. 相同的功能，在不同的页面中应保持一致性。 12. 措辞统一。

互联网产品交互设计

自然语言法

常用的页面表达方式1. 从左到右，从上到下。 2. 大字更突出。 3. 图形更吸引人。 4. 动画会被误认为是广告。 5. 内容逻辑：并列关系；从属关系。

6. 多项并列的信息：

7. 不同的排序方式VS筛选内容

互联网产品交互设计

自然语言法

具体操作第一步. 概括待表达的信息 第二步. 将概括好的信息排序 第三步. 使用界面语言翻译

互联网产品交互设计

自然语言法

实例：中信银行卡活动

互联网产品交互设计

自然语言法

互联网产品交互设计

自然语言法

实例：中信银行卡活动第一步. 概括信息 您选择了回邮方式办卡，概括 解释这个办卡方式。 接下来您应该 下载申请表 回邮办卡的全过程是这样的... 一系列注意事项。

互联网产品交互设计

自然语言法

实例：中信银行卡活动第二步. 排序1. 您选择了回邮方式办卡， 概括解释这个办卡方式。 2. 接下来您应该 下载申请表 3. 回邮办卡的全过程是这样的... 4. 一系列注意事项。

互联网产品交互设计

自然语言法

实例：中信银行卡活动第三步. 翻译为界面语言

互联网产品交互设计

自然语言法

互联网产品交互设计

自然语言法

实例：中信银行卡活动另外一种表达：1. 您选择了回邮方式办卡，概括解释这个办卡方式。 2. 第一步. 下载、填写申请表并回邮给中信 3. 第二步……………………..

4. 第四步……………………..

互联网产品交互设计

自然语言法

练习：QQ空间黄钻催费页面

本文来源：https://www.bwwdw.com/article/b3u1.html