体验碎周报第 40 期(2021.4.12)

系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。

体验亮点

微信搜索快速创建群聊

微信搜索“地区+其他词”会建议你创建群聊，如果点进去，将展示所有属于该地区的好友信息，能非常方便的勾选好友创建群聊。

好欢螺油辣包刻度

好欢螺的油辣包，倒一点再看刻度就知道现在是微辣、中辣还是极辣了。

体验槽点

智联招聘错位的模态面板入口

智联招聘公司页面的在招职位面板入口只有一半，老给人一种 bug 的错觉，误以为界面错位了。

推荐阅读

【忘川风华录】雅社——公会社交系统交互设计思考

链接：https://mp.weixin.qq.com/s/PClN_PG9U4huPe0Cm6Kf8w

这篇文章首先介绍游戏公会的概念定义、作用和功能设计，然后再讲界面设计。不仅能学到一些社交产品的设计知识，还能了解游戏产品和其他互联网产品的交互设计差异。

Google 用户研究：文本框设计原则

链接：https://mp.weixin.qq.com/s/8D7cAbw8XIPxj2W9MULldA

细心的朋友发现最近微信安卓支付密码输入框由白色改为灰色方框，其实很早之前，微信安卓版的聊天输入框就由 Material Design 的一条线风格改成了方框风格。

其实 Material Design 自己早在 2017年也把输入框风格由一条线改成了方框，原因是：Google 设计团队发现部分用户并不知道可以与之交互。因为旧文本框下的线条寓意并不清晰，容易让某些用户将这条线与分隔线（分割作用）混淆。标签文本（Label text）和输入内容也容易与正文混淆，尤其是在密集文字排版中。

Google 设计团队研究表明：

• 矩形（框形）样式的封闭文本框的性能优于仅带有线条的文本框；
• 文本框应该带有有色填充和底部线条；或者空白填充，但需要有色描边；
• 文本框的底部线条与背景的颜色对比度最小应为 3 : 1；
• 标签文本应放置在文本框范围内；
• 文本框应具有圆角（用户视觉喜爱度更偏好）。

4 张表格助力协作效能提升

链接：https://mp.weixin.qq.com/s/caeeDXpoepEQXz7PEs0q5g

把日常工作重复和结构化的部分做成表格，能达到节省时间、降低沟通成本和思考无遗漏的作用。

张小龙的四小时演讲没有用哪些词？

链接：https://mp.weixin.qq.com/s/hT45I5TsNv18AAfNsx81PA

自从上周张一鸣吐槽互联网过多使用抽象词汇的情况后，本周多了很多支持和反对的讨论。很多设计师也担心不用这些高级词汇会不会显得不够专业。这篇文章作者分析了张小龙演讲所用的词汇，没有一个高级词汇。比起说什么，我觉得能做出什么更重要。

设计师如何避免“我觉得”

链接：https://mp.weixin.qq.com/s/tcw-XeP9RTZdrze2gAObpA

作图是非常沉浸快乐的事情，但是评审并不是，搞不好评审完回去又得大改，绕了半天又回到了第一稿。这篇文章介绍了一些技巧，让设计师把控评审过程，尽量减少评审被打回的情况。

探索“流畅感”——谈手势动效体验设计

链接：https://mp.weixin.qq.com/s/RVCHzJQYp_NompX2ebbg9w

张小龙说用户体验最重要的就是响应速度，说白了就是流畅感。腾讯 ISUX 这篇文章对流畅进行了非常精细的研究，值得肯定。

一张图教你如何设计表单

链接：https://mp.weixin.qq.com/s/sl1ZTOiMx2XxB-RBxlyyAw

文章提供的表格将影响要素、设计思路、设计示例、适用场景进行梳理，并以一张设计指南的形式归纳出来，方便设计师根据场景进行分析。

相关资讯

Clubhouse 推出打赏功能

Clubhouse 近期更新后增加了打赏功能。在绑定信用卡后，用户之间可进行打赏操作。该项服务与 Stripe 合作，Clubhouse 表示不会进行抽成，打赏费用100%归用户所有。

FigJam

Figma 在开发一款团队白板协作工具——FigJam，据说 Figma 官方团队已经在内部使用一段时间了，期待对外发布。

Google 正在对 Google Maps 中的方向界面进行重大升级

链接：https://www.cnbeta.com/articles/tech/1108433.htm

最大的亮点是引入了一个新的工具，以帮助更好地实现室内导航和环保驾驶路线的建议。

谨慎跨平台直接使用 emoj 表情

链接：https://emojipedia.org/face-with-hand-over-mouth/

emoj 表情在每个操作系统上样式都略有差异，甚至表达的情感都不一样，如果直接使用可能会造成误会。建议产品中涉及到情感表达的地方用切图代替直接使用 emoj。

中国法律服务网 AI 法律咨询

链接：https://ai.12348.gov.cn/pc/

中国司法部出品，AI 提供免费法律咨询，出具智能法律意见书，历史满意度 90% 以上。，覆盖婚姻、收养、继承、交通事故、借贷等你能想到的所有问题，可以请律师、办公证、求法援、找调解、寻鉴定。支持无障碍浏览。