作者：宋孝方，交互设计师，现负责虾丸校园app的整体交互设计。
转载自微信公众号：大宋（id:songxf0827）
转载请联系作者。
由于移动端设备的限制，文字的编辑成本高，在PC上很容易完成的事情，移动设备上来做可能时间和精力成本都要翻倍，特别是新建表单内容很多的时候；如何及时保存用户已输入的内容成为重中之重，所以移动端草稿箱的功能显得尤为重要。
1. 人物A，白领，已工作数年，职业是IT设计师，很乐于分享自己的工作感和专业知识，帮助那些刚入职的年轻人。某天正在app回答一个网友的提问，答案没有想清楚，所以列了个大纲，想下班回家仔细回复，想先把大纲保存下来。
下班回家，在地铁中，结束了一天的工作，这时手机推送了一条消息，提示其有网友邀请其回答问题，思考了片刻，开始编辑已想好的文字，由于已经工作了一天，头脑不清楚，对自己写的内容不满意，找机会再回答，已编辑的内容对其已无价值，不想保存。
2. 人物B，学生，即将参加工作，想通过校友的app询问学长一些职业的规划，刚写了一半，宿舍对门好基友喊吃饭，只能先保存了，待后在编辑。但却找不到保存草稿箱的入口，最后试探性的点击返回按钮，才意外发现。
吃过饭后，想继续编辑，找了半天，却找不到草稿箱的位置，只好从入口新建，意外发现上午已存的内容。
- 用户需要明确感知保存为草稿箱的入口；
- 用户可选择是否要保存已编辑的内容；
- 已保存了草稿箱时需要用户感知到；
- 已保存的草稿箱不能给用户带来负担；
1. 让用户感知到如何保存为草稿箱：
在新建内容的返回处增加“草稿箱”的文字描述，描述文字在整个页面结构优先级很低，不需要太清晰，属于很弱的提示。
另一方面，当用户慢慢的已习惯这个交互逻辑，草稿箱提示的存在反而变成一种视觉噪音，显得页面不够简洁，可考虑隐藏掉，之后再看用户的反馈，灵活处置。
2. 如何保存已编辑的内容：
- 点击返回按钮后自动保存：
优点：当用户返回时，自动帮其保存为草稿箱，减少弹窗让用户确认的流程，并弹出toast：已保存为草稿箱，增强用户感知。
缺点：自动保存，感觉更加人性化，这是假设在用户都需要保存已编辑的内容基础上，如果用户不需要保存时，已保存的内容反而会给用户带来一定的负担。
综合分析这种交互方式适合app中有专门的草稿箱功能模块，例如：邮箱和笔记类型的app，可保存多个草稿箱，且草稿箱的功能和新建入口是分开的，这次的自动保存也不会给用户下次新建内容带来负担；即使保存了多个草稿箱，大可整理时批量删掉即可。
- 弹窗提示：让用户做出相应的选择。
视觉表现上显然“存为草稿箱”按钮的优先级要高于其他按钮，可高亮显示。
优点：比较确认用户是否需要保存已编辑的内容，不会给用户下次的操作带来负担。
缺点：弹窗让用户确认骚扰性较强，比较考验用户对app容忍性。
综合分析这种交互方式适合app中没有相应的草稿箱功能模块，例如微信新建朋友圈，QQ空间的写日志，新浪编辑新微博等；只可在新建的入口保存一个草稿箱。
弹窗提示信息简化：原则是用最少的文字传达信息，且做到没有歧义。
简化后的界面，用户注意力更加聚焦，可让用户快速定位；另一方面保持“存为草稿箱”的优先级。
3. 已保存的草稿箱如何让用户感知：
- 对于有草稿箱功能的app用户想找到很容易，进入相应模块即可。
- 而对于无此单独模块的app，可采取下面的方式：在新建入口处，若有已保存的草稿箱，可增加红点感知，为了避免骚扰，当用户首次进入之后红点消失。
回到最初，在整个交互设计过程中，要结合具体的场景逐步分析，真正做到从用户的实际需求出发，让他们在编辑和保存中更加顺畅和高效，获得一个较好的用户体验才是我们根本的出发点。
原创文章，作者：ioued，如若转载，请注明出处：https://www.iamue.com/9281/
