实际上，“交互设计”可以分成两个部分：用户使用流程的交互设计、界面呈现的交互设计（𒁃我往往叫他单页面交互）。印象中，最早Cooper在解释“交互设计”时，说到的也是这两个部分。

所谓“用户使用流程”，源于“业务逻辑”，又不同于业务逻辑。因为业务逻辑一般都更偏向于技术模型，对于实际的用户使用来说会过于繁复，易用性很差。
这份工作，一般由产品设计师(负责功能设计、信息架构、‘交互设计’)来完成。比如，
（下面的例子，有兴趣的同学可以给画成流程图，理解起来会更形象）

这里有一个Push Mail添加帐户的“业务逻辑”（不包括错误判断）：
1》进入“系统设置” ，
2》进入“帐户管理(帐户列表)” ，
2.1 选择“添加帐户” ；
3》输入邮箱名称，
4》输入邮箱地址和密码，
5》填写手机号和签名，<可选择“跳过”>
6》设置邮件服务器，
7》最后提交、完成。

评估：如果把这个流程直接作𝓀为用户的使用流程，所有用户♛要完成这个添加帐户的过程需要7个步骤，至少8次提交。

经过“用户使用流程的交互设计”之后，这个“业务逻辑”应该变成更合适的“用户使用流程”。可以是：
1》进入“系统设置” ，
2》进入“帐户管理(帐户列表)” ，<如果现在一个帐户没有，直接跳过帐户管理开始添加帐户>
2.1 选择“添加帐户” ；
3》输入邮箱地址和密码，
3.1填写邮箱名称、手机号和签名，<可选，默认邮箱名就是邮件地址，签名就是邮箱前缀，手机号可以不填>
4》设置邮件服务器，<在第3步就判断“该邮件后缀，服务器上是否已有配置记录”，如果有，直接到完成界面，同时提供更改配置的入口。>
5》最后提交、完成。

评估：7个业务逻辑上的步骤在这里变成了6个。用户的8次提交变成ꦓ了最少3次。且80%以上的时候可以少于4次（数据显示🔴，使用量最高的10个邮件服务商拥有了80%以上的用户）。

后，经过讨论，我们考虑到“安全问题”和“商业价值”等多个因素，认为：“有必要相对牺牲一点体验，已达到‘让大部分用户主动填写手机号’的目的”。
于是最终的方案改成了：
1》进入“系统设置” ，
2》进入“帐户管理(帐户列表)” ，<如果现在一个帐户没有，直接跳过帐户管理开始添加帐户>
2.1 选择“添加帐户” ；
3》输入邮箱地址和密码，
4》填写邮箱名称、手机号和签名，<默认邮箱名就是邮件地址，签名就是邮箱前缀，手机号为空。可以选择“跳过”>
5》设置邮件服务器，<在第3步就判断“该邮件后缀，服务器上是否已有配置记录”，如果有，直接到完成界面，同时提供更改配置的入口。>
6》最后提交、完成。

评估：7个业务逻辑上的步骤变成了6个。用户的8次提交变成了最少3次，常规4次。

当然，这个“用户使用流程的交互设计”提交物不只是业务流程图，而应该是“带界面的使用流程图”。如图。

.
所谓“界面呈现的交互设计（单页面交互）”，实际上是“UI设计”（也就是，我在建议“取消用户体验部门”中说到的“视觉设计”）所做的工作。对于“界面呈现的交互设计”来说，“使用流程图”的每个具🍷体页ไ面的“页面内交互”都只是“建议”，有权更改每个页面的“交互方式”。

还是上面的例子，
“使用流程的交互设计”已经规定好了，“填写邮箱名称、手机号和签名”必须“由一个单独的页面完成，而且默认不跳过”，但进入这个页面后“光标默认到什么地方？”，“界面呈现的交互设计”应该思考。
在“使用流程的交互设🌱计”时，或没有考虑到光标默认停放的问题，或放到了“邮箱名称”上，都是不合理的。“界面呈现的交互设计”应该在这个时候给优♑化成成“光标默认停留在‘手机号’的输入框里”。

这个例子里，“界面呈现的交互设计”表现出来的作用可能并不够强，再比如，

(图1,Google短信提醒的手机验证)

在这个页面中，用户往往输入手机号以后不知道“验证码是什么？ 哪里有？”
事实上，也许我们把“获取验证码”作为一个更突出的内容会更合适一些。

简单优化如下：

(图2,Google手机验证的简单改进)

这样一来，输入手机号码🅠虽然还是𝓰在一个页面中，但用户在输入手机号码的时候只能有一个“获取验证码”的操作，不会再疑惑。

总结：
简单来说ꩲ，“用户使用流程的交互设计”是站在产品和体验两个角度，更合理的进行产品设计。即保证完整的业务逻辑和产品利益，又用最小的交互成本让用户完成任务；“界面呈现的交互设计”更多是站在易用性的角度优化“人机交互过程”，让交互成本再小，🤡易用性更强。

在成熟的团队，或者交互更复杂的产品中，有人专门做偏向于产品的“流程交互”，有人做偏向于UI的“页面交互”更合适些，因为你经常会发现你的产品人员不懂界面设计，你的界面设计人员不能产品流程…
还是♊那句话：团队中如何分工无所谓，有什么样的职位无所谓。不一定非得分开“流程交互”和“页面交互”，但这些事情都是要有人🅺做的，分不分开要看你的实际情况。

本文，只是为了解释：“交互设计”不只是“单页面交互”，更不只是“流程改进”。
好的视觉设计师/UI设计师应该担负起“界面呈现的交互设计”的任务，不能只做视觉；偏产品的“用户使用流程的交互设计师”，并非“必须具备视觉꧒设计能力”。

原文：//uicom.net/blog/?p=794