成都华信智原带你走出设计中的思维盲区
交互设计分结构层面和细节层面，两者在发现思维盲区、排查交互设计问题时的角度有所不同。今天华信智原就带你了解一下设计中的思维盲区。
结构层面
结构层面的交互设计是指，通过解析产品需求与核心目标，梳理交互逻辑，设计使用流程、框架结构和基础功能。其目的是保证产品的可用性。可以想象，若在开发过程中对结构层面的交互进行改动，成本是比较大的。
一些不成熟的结构层面的交互设计，我觉得容易出问题的地方主要是：
1. 没有很好地把握平台特性。
尤其是Android平台较iOS复杂些。比如由于Android手机对App性能消耗的要求更苛刻，设计时应尽可能地选择性能耗费少的框架结构；又如大部分Android手机屏幕上有虚拟按钮，因此在完成界面设计后要考虑代表“返回”的虚拟按钮会把页面跳转到哪里，使用上是否会带来困惑。在设计软件结构的初期，就需要与开发人员沟通设计稿，以便尽早发现问题。
2. 页面结构复杂。
手机屏幕可谓寸土寸金，合理删减一个元素，对用户来说就减少一个思维思维负担或迷惑点。即使方案看起来OK，也需要不断反问自己：这种功能布局是简单的吗？页面主要的操作是什么，是否明显突出？其他功能或入口是否必要？页面的组织是否清晰有规律？…...不过需要注意的是，合理简化结构的提前，是对用户使用场景有很好地了解。
3. 设计师与用户使用经验的差异。
设计师对自己设计的产品十分了解，因此容易觉得一切使用起来都理所当然，或者觉得别人稍微试一下就知道是怎么回事了。但事实上，很多人并没这么“聪明”。这就需要邀请对产品和项目不熟悉的“小白”来玩玩交互Demo，看看Ta是否能轻松知道你的产品是做什么的，完成核心功能时是否顺畅，哪里会遇到磕绊。
细节层面
细节层面的设计附属于功能点之下（如具体信息的排布，异常状态的处理等），可以进行独立优化而不影响整体的结构，帮助用户更好地达成目标。细节层面要考虑的东西很多很杂，设计往往不难，难的是想全。因此，需要有一个系统的思维框架来帮助我们查漏补缺，而不是想到什么是什么。
1. 可以从“我”(使用者本身）和“别人”（其他使用者）的角度，检查功能点是否齐全。
我：
用户间是存在差异的，有些因素将影响用户在的需求和使用场景，如是否是次使用app，是否是会员等。站在不同用户的角度想想，“我”在这个页面想做/能做什么事？做一件事的前、中、后阶段，在设计上是否有体现？我是否可以取消、撤销或退出某个步骤？如果中途这件事做失败了呢？
别人：
“别人”指与你在使用产品是直接相关的其他人。别人对我做了什么，我需要知道么？对我有何影响？举个栗子，在一个“教室”功能的页面中，我可以和其他同学一起听老师上直播课。这里老师对我有一些权限：禁止/允许我打字聊天，让我上麦发言/下麦，把我踢出教室，给我发私聊。当老师对我做这些事的时候，我是否能明白是怎么回事？我知道应该做出什么回应吗？我收到的提示足够清晰吗？
2. 检查特殊情况。
一方面，想想用户在使用产品时的主要场景是什么，有哪些影响因素。常见的影响因素有：
网络环境：
有无网络，网络状况不好，突然断网, 是否为Wifi环境，Wifi环境与非Wifi环境之间的转换等。明确网络情况的变化对用户有怎样的影响，是否需要让用户重新作出操作上的选择，是否需要进行明确的提示。
时间因素：
操作的时间限制，某些功能的定时开启等。需要考虑在不同时段，产品功能会有怎样的差异，用户是否可以预见这样的差异。假如产品上的支付功能是有时间限制的，一定时间之后订单将自动取消。那么设计上是否已经明显地告诉用户这一点？在订单页支付倒计时结束后，会发生什么情况？
数量限制：
当某个功能对数量有限制时，操作的时机就变得很重要。以在app上报名班级（图1）的操作为例，假设班级容量为20人，确认报名订单时暂时扣去一个名额库存，完成支付时完全扣去这个名额。如果当你报名班级时，名额已满，但还有人未付款，这时系统应该有什么提示？这和报名班级时，班级性满员（名额已满，且所有人完成付款）的情况处理方式是不一样的。另一种情况是，在你进入确认订单页时，名额未满，但当你按下“确认”订单，此时名额已经满了，也应该有相应的提示。像这种对数量敏感的功能，应尽量明确地告诉用户限制条件，当前的相关状态是怎样的（未满员，暂时满员，或已满员？），防止用户进行不必要的操作。用户若时间没有理解，可能需要进一步友好地提示。
班级报名关键页面
另一方面，想想单个页面元素会有哪几种状态。常见的状态分类有：
中间状态：
在进行下载、上传、导入等操作时，用户会有等待的过程。在这过程中，界面的状态是怎样的？怎样让等待不那么痛苦？是否允许中途取消？
控件状态：
控件、未、使用中的状态是怎样的？是否有一些限制？状态转变时会发生什么？其他情况的变化对控件的状态是否有影响？以一个教室页面的文字输入框（图2）为例，在输入框中输入文字时，我们会在界面展示上做限制：输入框多显示4行文字，键盘收起后保留输入框状态。此外。在上课过程中如果学生不守纪律，会被禁言。禁言时输入框的状态是怎样的呢？是完全不可用，还是可以编辑文字但无法发送？经过仔细思考以及和开发的沟通，我给出的方案是：被禁言时，用户仍然可以输入文字，只是不能发送。如果是在文字输入过程中（键盘展开）被禁言亦然，此时仍然可以编辑文字，只是无法发送。
加载状态：
加载数据（文字，图片，音频，视频，数据包等）的过程中，界面元素会有怎样的变化？长时间加载未成功怎么办？
刷新状态：
刷新数据是自动还是手动的？执行刷新操作时界面哪些原色会产生变化？刷新失败了呢？
教室页面的文字输入框
以上说的这些方法，也许可以帮我们扫除一些交互设计上的漏洞。但还有一部分漏洞可能来自我们自身的：
结构层面
结构层面的交互设计是指，通过解析产品需求与核心目标，梳理交互逻辑，设计使用流程、框架结构和基础功能。其目的是保证产品的可用性。可以想象，若在开发过程中对结构层面的交互进行改动，成本是比较大的。
一些不成熟的结构层面的交互设计，我觉得容易出问题的地方主要是：
1. 没有很好地把握平台特性。
尤其是Android平台较iOS复杂些。比如由于Android手机对App性能消耗的要求更苛刻，设计时应尽可能地选择性能耗费少的框架结构；又如大部分Android手机屏幕上有虚拟按钮，因此在完成界面设计后要考虑代表“返回”的虚拟按钮会把页面跳转到哪里，使用上是否会带来困惑。在设计软件结构的初期，就需要与开发人员沟通设计稿，以便尽早发现问题。
2. 页面结构复杂。
手机屏幕可谓寸土寸金，合理删减一个元素，对用户来说就减少一个思维思维负担或迷惑点。即使方案看起来OK，也需要不断反问自己：这种功能布局是简单的吗？页面主要的操作是什么，是否明显突出？其他功能或入口是否必要？页面的组织是否清晰有规律？…...不过需要注意的是，合理简化结构的提前，是对用户使用场景有很好地了解。
3. 设计师与用户使用经验的差异。
设计师对自己设计的产品十分了解，因此容易觉得一切使用起来都理所当然，或者觉得别人稍微试一下就知道是怎么回事了。但事实上，很多人并没这么“聪明”。这就需要邀请对产品和项目不熟悉的“小白”来玩玩交互Demo，看看Ta是否能轻松知道你的产品是做什么的，完成核心功能时是否顺畅，哪里会遇到磕绊。
细节层面
细节层面的设计附属于功能点之下（如具体信息的排布，异常状态的处理等），可以进行独立优化而不影响整体的结构，帮助用户更好地达成目标。细节层面要考虑的东西很多很杂，设计往往不难，难的是想全。因此，需要有一个系统的思维框架来帮助我们查漏补缺，而不是想到什么是什么。
1. 可以从“我”(使用者本身）和“别人”（其他使用者）的角度，检查功能点是否齐全。
我：
用户间是存在差异的，有些因素将影响用户在的需求和使用场景，如是否是次使用app，是否是会员等。站在不同用户的角度想想，“我”在这个页面想做/能做什么事？做一件事的前、中、后阶段，在设计上是否有体现？我是否可以取消、撤销或退出某个步骤？如果中途这件事做失败了呢？
别人：
“别人”指与你在使用产品是直接相关的其他人。别人对我做了什么，我需要知道么？对我有何影响？举个栗子，在一个“教室”功能的页面中，我可以和其他同学一起听老师上直播课。这里老师对我有一些权限：禁止/允许我打字聊天，让我上麦发言/下麦，把我踢出教室，给我发私聊。当老师对我做这些事的时候，我是否能明白是怎么回事？我知道应该做出什么回应吗？我收到的提示足够清晰吗？
2. 检查特殊情况。
一方面，想想用户在使用产品时的主要场景是什么，有哪些影响因素。常见的影响因素有：
网络环境：
有无网络，网络状况不好，突然断网, 是否为Wifi环境，Wifi环境与非Wifi环境之间的转换等。明确网络情况的变化对用户有怎样的影响，是否需要让用户重新作出操作上的选择，是否需要进行明确的提示。
时间因素：
操作的时间限制，某些功能的定时开启等。需要考虑在不同时段，产品功能会有怎样的差异，用户是否可以预见这样的差异。假如产品上的支付功能是有时间限制的，一定时间之后订单将自动取消。那么设计上是否已经明显地告诉用户这一点？在订单页支付倒计时结束后，会发生什么情况？
数量限制：
当某个功能对数量有限制时，操作的时机就变得很重要。以在app上报名班级（图1）的操作为例，假设班级容量为20人，确认报名订单时暂时扣去一个名额库存，完成支付时完全扣去这个名额。如果当你报名班级时，名额已满，但还有人未付款，这时系统应该有什么提示？这和报名班级时，班级性满员（名额已满，且所有人完成付款）的情况处理方式是不一样的。另一种情况是，在你进入确认订单页时，名额未满，但当你按下“确认”订单，此时名额已经满了，也应该有相应的提示。像这种对数量敏感的功能，应尽量明确地告诉用户限制条件，当前的相关状态是怎样的（未满员，暂时满员，或已满员？），防止用户进行不必要的操作。用户若时间没有理解，可能需要进一步友好地提示。
班级报名关键页面
另一方面，想想单个页面元素会有哪几种状态。常见的状态分类有：
中间状态：
在进行下载、上传、导入等操作时，用户会有等待的过程。在这过程中，界面的状态是怎样的？怎样让等待不那么痛苦？是否允许中途取消？
控件状态：
控件、未、使用中的状态是怎样的？是否有一些限制？状态转变时会发生什么？其他情况的变化对控件的状态是否有影响？以一个教室页面的文字输入框（图2）为例，在输入框中输入文字时，我们会在界面展示上做限制：输入框多显示4行文字，键盘收起后保留输入框状态。此外。在上课过程中如果学生不守纪律，会被禁言。禁言时输入框的状态是怎样的呢？是完全不可用，还是可以编辑文字但无法发送？经过仔细思考以及和开发的沟通，我给出的方案是：被禁言时，用户仍然可以输入文字，只是不能发送。如果是在文字输入过程中（键盘展开）被禁言亦然，此时仍然可以编辑文字，只是无法发送。
加载状态：
加载数据（文字，图片，音频，视频，数据包等）的过程中，界面元素会有怎样的变化？长时间加载未成功怎么办？
刷新状态：
刷新数据是自动还是手动的？执行刷新操作时界面哪些原色会产生变化？刷新失败了呢？
教室页面的文字输入框
以上说的这些方法，也许可以帮我们扫除一些交互设计上的漏洞。但还有一部分漏洞可能来自我们自身的：
