3）原型图排布状态

文章插图

4）排布内容
① 全局说明（常在全文全局说明中呈现）
页面异常说明：

页面加载异常、网络异常、请求服务器失败（页面之间跳转）；

缺省页、订单、购物车、优惠券……

交互异常：

全局交互异常， 如加载、刷新异常（在同一个页面内， 点击某个按钮后加载失败）；

全局异常结束语提示；

权限提示 。

全局公共说明：

距离说明；

时间现实说明；

字段规则说明；

图片裁剪规则说明（以图片最小边为宽， 居中按1:1 裁剪/ 640*640、320*320、120*120 ）；

全局加载规则说明、上拉刷新（上拉刷新、松开刷新、正在刷新）， 下拉加载（下拉加载、正在加载、已经到底） 。

全局逻辑说明：

版本更新方式说明（选择型、强制型、自动）， 一般在用户重新启动产品客服端；

热度值算法， 订单释放时间；

会员体系、勋章体系、红包体系；

全局加载规则说明、上拉刷新（上拉刷新、松开刷新、正在刷新）， 下拉加载（下拉加载、正在加载、已经到底） 。

② 操作说明
（3+1原则） 。
错误提醒：对用户进行的错误操作进行预设， 并在用户使用前提供解决方式， 多用弹窗进行解决 。
3. 总结
用户到这个页面来要干嘛、更想要干的事情、想要进行哪些操作， 操作之后会得到什么结果 。
比如用户到商品详情页时想要了解商品详情， 所以就需要对商品的详情进行展示 。 如果详情过多， 半天翻不完就需要对商品描述进行收缩（作为商家要让用户一眼看到付款键， 加快用户付款的速度， 减少其中的边际效用） 。
用户对商品感兴趣就会购买， 所以我们在该页面要给出购买功能 。
有部分用户怕商品不好， 要了解一下商家、了解一下商品的好坏， 所以要有到商家详情的路径 。
因为用户要某些东西， 因为我们设置商品想要让用户进行哪些行为， 所以我们的页面会对这些因素或者功能进行设计 。
交互设计就是根据用户在使用过程中、用户可能存在的操作进行描述， 对特殊情况会出现的状态进行预设， 对我方想要用户进行的某些进行或者操作进行放大， 然后在交互部分将这些想法告诉程序员、UI 。
交互说明是我们产品经理向程序员、UI说明想法的桥梁， 无论桥梁怎么搭建， 核心都是传达我们设计页面的想法 。 而有序合理的交互搭建是拓宽桥梁的宽度减少传输的路径的主要因素， 进而能达到快速传达想法的效果 。