情感化toast提示

你是不是也经常遇到这样的问题？

一些在开发初期或者进度比较赶的项目，即使是优秀的UI和交互设计师也不会给你考虑出所有的业务情形
比如：
后端接口返回：参数错误！系统错误！没有数据！404！500！

在考虑项目进度和沟通成本的问题（哎呀ui小姐姐怎么还没回我，好急，问题不大，自己做主吧～）
通常情况下，只要不把堆栈信息打印在toast里，给一个短一些的友好提示，是一个前端工程师能做到比较好的状态了
这是我在追波上看到一组 看起来没有出众的设计技法，颜色又平平的设计
但看到萌萌的小海豚和安慰的短短文案，真是让人生气不起来！

image.png

作为一个前端，我们能做的是在一些简短的文案上做一些优化，提升用户体验
总结一下那些我们随手写下的冷冰冰的提示

未知类

1. 未知错误
2. 系统内部错误，请稍后重试
3. 网络异常，请稍后再试

已知类

1. 输入不符合规范
2. 请在微信中打开
3. 图片已经达到上传上限
4. 您已点赞过

成功类

1. 点赞成功
2. 激活成功

加载类

1. 没有更多数据了
2. 数据为空

对于这些提示 进行一些改造，参照

image.png
image.png
图片内容源自ant design 情感化设计
1 系统内部错误，请稍后重试（服务器累倒了，等会再来看看它）

2. 网络异常，请稍后再试（网络迷失在荒岛了）
3. 您已点赞过（您已经支持过我啦）
4. 点赞成功（收到你的喜欢，谢谢）
5. 输入格式错误（相信你再检查一下格式就输入正确啦）
6. 没有更多数据了（好痛，不要拖啦，到底了）

仅举例这些 有更好的建议欢迎补充
唔～ 是的 没什么技术点，也有人说，不就是个提示而已
那你可是小看它了呢，这一句话对用户体验有很大的作用
你可以说，我只是个开发，没有设计能力，写不好文案，没关系，整理好提示，打开小窗去找交互同学帮忙
但是不可以说：无所谓，这只是个提示而已！

缺省页来自https://dribbble.com/shanshine