一般我们在做的交互设计的时候，写交互说明的工作是免不了的，但是经常会漏掉页面各种状态的情况。这次总结一下最近反思的关于产品包括web端和App中页面状态的情况。
一个页面由必要的控件和关键信息组成。用户触发控件，后台就会匹配触发后页面的显示情况，在这个过程中，页面会呈现6种状态，也是需要交互设计注意并标明的页面状态，包括：加载前、加载中、局部信息状态、最佳状态、错误状态和溢出状态。还有一种特殊的状态，就是页面的空状态，已经有很多文章讲过这个，这里就不赘述了。下面主要对其他6种状态进行解释。
加载前
加载前，是指在用户操作控件以及触发后台进行页面数据变更前的页面显示状态。这个状态需要我们标明清楚用户在用手指（或鼠标）触发控件前控件的交互情况、触发控件时控件的交互情况、以及触发控件后控件的交互情况，如果是web端产品还需表明鼠标经过时控件的交互情况。在加载前，页面的信息内容基本是没有变动的，需要注意的是控件本身，用户在进行交互时的变化。
加载中
加载中，是指用户在操作控件触发后台数据开始变更到页面变更完成这个过程中，页面所提供给用户的反馈状态。在这个过程中，我们需要给用户正在加载的状态，以文字或者其他信息的方式。
其他的4种状态，都是后台数据变更完成后页面的反馈状态
最佳状态
最佳状态，是指在理想情况下，页面应该出现的正常状态。一般由交互设计师和开发人员沟通后共同制定，并清晰标明在交互说明里。
局部信息状态
局部信息状态，是指当加载了部分信息后，页面的展示情况。
错误状态
错误状态，是在后台在数据变更的过程中，由于某种或某些原因造成页面加载失败的状态。应该标明这些原因，并给予用户反馈和相应的操作提醒。引发页面错误的原因有很多，须根开发沟通后标明，一般引发错误的原因主要有：网络不支持、系统故障等
溢出状态
溢出状态，是指在信息超过限定的时候，页面呈现给用户的状态。
举个例子，搜索的交互说明
加载前
用户输入前，搜索框的显示状态。
用户输入时，搜索框的显示状态以及页面是否划出键盘等交互
用户输入完成后，需触发控件的显示状态
加载中
用户在触发搜索后，页面数据开始变更，以“页面加载中”文字的形式提示用户页面正在加载。
最佳状态
后台在数据完成变更后，页面应显示与用户所输入关键字的内容相匹配的页面信息。
局部信息状态
在页面显示搜索结果列表的过程中，需给用户提供正在显示剩余信息的反馈信息。
错误状态
由于网络问题，请您检查网络是否正常后重新搜索
由于系统问题，请您重新搜索
溢出状态
搜索时的溢出状态主要会出现在输入文字的字数限制上，一般搜索会限制输入100个汉字，200个字母。在超出这个限制后，给予提示，如：您输入的文字长度过长，请您删减部分文字。
当然，文案可以视整个产品的定位来设定，一般从这几个角度去检查页面的状态，就不会漏掉状态啦～
网友评论