体验碎周报第 77 期(2022.1.4)
系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
新年伊始，我给自己换了个 LOGO，站着的龙爪槐守望者坐下了。如果以后再换，估计就得躺着了。
体验亮点
钉钉年末打卡表情
在2021年最后一天上班看到钉钉打卡按钮上哭丧的“再见啦2021”表情，感觉非常有共鸣。
钉钉文档快捷输入
很多文档产品输入“/”斜杠后接“img”英语缩写能快捷插入图片，钉钉文档使用“tp”（图片）中文缩写，更适合国人使用。
来自 @AnAn Wong
Chrome 浏览器相似域名提醒
当在 Chrome 里输入和知名网站相似的域名时，浏览器会提醒你是否要继续访问该网站，避免黑客通过相似域名冒充知名网站行骗。
来自 @leadream4
体验槽点
腾讯视频轮播图广告手势误触
腾讯视频轮播图里的广告支持侧滑打开，但轮播图本身是侧滑控制轮播的。也就是说你为了不想看广告而侧滑到另一张图，但结果触发侧滑打开广告。堪称100%必然打开广告。
哔哩哔哩隐藏界面控件图标难理解
竖幅视频右下角这个图标按下去可以显示隐藏界面控件，但含义真的很不直观。一个垂直一个横着的圆角矩形，加上很多视频App右下角是横屏模式，我还以为是横屏功能呢。
推荐阅读
「粘土拟物化」（Claymorphism）将会引领新一轮的 UI 设计趋势
链接：https://www.uisdc.com/claymorphism
作者 Michal Malewicz 之前成功预测了新拟物化、玻璃拟物化、极光风等设计趋势的流行。这次又来安利一个新的风格「粘土拟物化」（Claymorphism），相比新拟物化，阴影和渐变更加清晰，元素和元素之间泾渭分明。
一张图带你了解用户体验设计标准流程
链接：https://mp.weixin.qq.com/s/dHS6FxC-6zUXdrITv0PhEg
设计只是项目中间的一环，如何和上下游合作是非常重要的事情。尤其是一些新团队或者小团队，没有规范的工作流程就经常容易出乱子。自己团队做工作流程的时候，可以参考一下 58 用户体验设计标准设计流程（SOP）。
输入框和表单设计
链接：https://zhuanlan.zhihu.com/p/146540481
来自 UXdesign 的一篇译文，把输入框的结构、分类、对齐方式和体验细节都讲全了。
关于过滤的交互
链接：https://mp.weixin.qq.com/s/mWJ6FfXH-opZOB_tvFUosg
本篇文章里面的“过滤”定义为包含“筛选”与“搜索”在内，作者发现，“过滤”选取怎样的交互模式，跟信息的深度与复杂度有关。信息越复杂，对应的交互模式也就更为复杂。于是依据此总结分为 4 种交互模式。
产品发现
东京实时轨道交通地图
在这个地图上能看到东京轨道交通列车的实时位置，浏览每条线路的列车时刻表，跟随列车画面一起移动，甚至能查看直播摄像头画面。有点像在玩迷你地铁（Mini Metro）。
PikPak —— 网盘
链接：https://toapp.mypikpak.com/activity/invited?code=272912
新加坡出品的网盘，特色功能在于能从 Telegram、Twitter、TikTok 和 BT 种子中保存文件到网盘里，很适合老司机。
Emoji to Scale —— 衡量 emoji 的大小
链接：https://javier.xyz/emoji-to-scale/
这个网站将 emoji 代表的实物按尺寸从小到大排列，滚轮即可切换查看。最小的是蚊子 3mm，最大是太阳 1392680km。
作者还有另外一个网站，排列宠物小精灵的尺寸。链接：https://javier.xyz/pokemon-to-scale/
来自 @Hwang
LINER —— 网页内容标注
链接：https://getliner.com/zh-hans
这是一款浏览器插件，能用荧光笔在网页对搜索结果、文本和 Youtube 视频的某节点进行划线标注，并且能查看其他网友的标注。相当和全球网友一起为互联网划重点。
Alfread —— 稍后必读
有很多做稍后阅读的工具，但往往我们收藏之后就吃灰不再读。Alfread 能设置每日阅读目标、阅读提醒、智能分类等方式，帮助你真正把收藏的内容阅读完。目前仅提供 iOS 版本。
(Not Boring) Habits —— 打卡养成习惯
链接：https://apps.apple.com/cn/app/not-boring-habits/id1593891243
一款设计很有风格的 iOS 打卡 App，偏卡通的镭射风格，免费试用一周。
操作视频链接：https://www.bilibili.com/video/BV1zS4y1T7pN/
播客小镇
中国播客小镇链接：https://podtown.xyz/
法国播客城市链接：https://map.audiomeans.fr
法国 Audiomeans 播客平台将包含 486 个法国广播和播客做成虚拟城市地图“播客城市（Podcast City）”。国内也有网友以此为灵感制作了包含 180 个中文播客的中国播客小镇（PodTown）。
在这里以可视化地图的方式探索有趣的中文播客。
小米发布 MIUI 13
此次大版本更新UI 交互本身没啥特别大的变化，主要宣传的是跨平台。MIUI 可以在小米旗下的手机、Pad、Watch、音箱和 TV 上安装，并且可以互相连接操作。
工具资源
Editor X —— 网页制作工具
功能强大的网页制作工具：
- 既可以可视化设计、也支持用代码定制；
- 支持多人协作
- 网站展示内容可用后台表格动态管理
ui museum —— 操作系统界面元素截图库
链接：https://github.com/nakst/ui-museum
国外网友计划将各种版本平台操作系统的界面元素收集整理起来，目前已经把按钮部分整理好了。
小米推出全新免费商用 MiSans 字体
下载链接：https://kpan.mioffice.cn/webfolder/ext/IUrT%23akFnZ0%40?n=0.3820181893993342
密码：8D40
共包含 29,093 个字符，支持多种语言。MiSans 提供 10 个字重，多种 OpenType 功能，可根据特定需求来选择不同形态的字符，例如某些标点符号可以根据周围字母的形态自动调整至合适的位置。
相关资讯
为什么很多 App 更新记录都是“此更新包含一些错误修复和性能提升。”类似的说法？
缘起 instagram 创业期间，几乎两三周就要更新一次，以至于创始人斯威尼都没有时间去写苹果应用商店上的新功能简介了。不过不写也无所谓，这种简介太技术化了。于是他想出了一个十分概括的表达：“此更新包含一些错误修复和性能提升。”此后，其他硅谷的应用程序也都开始沿用这一表达。
来自 《解密 Instagram：一款拍照软件如何改变社交》
O’Reilly 出版的技术图书为什么以动物作为封面？
链接：https://zhuanlan.zhihu.com/p/408679495
创始人 Tim O’Reilly 聘请平面设计师 Edie Freedman 来设计全新的书籍封面。
但是，Edie对Unix的认知可谓云里雾里。当突然接触到vi、sed & awk、uucp、lex、yacc这些不知所云的名词（UNIX 词汇），Edie觉得这些词汇都像来自于当时流行的电子游戏《龙与地下城》，于是她心目中的UNIX程序员形象就是一个《龙与地下城》的游戏玩家。
开始给书籍设计封面的时候，Edie在一系列 19 世纪木版画中找到了设计灵感，画中的诡异动物刚好和那些高深的UNIX 术语绝配，她认为这些动物形象能够吸引程序员群体的关注。而且，当Edie调查了画中动物的真实生活习性后，发现特定技术与特定动物之间存在着有趣的相关性。随着 Edie 对技术和动物的了解越来越多，这种奇妙的共鸣也越来越强。
就这样开始，O’Reilly 公司已经出版了数百种动物书籍，并让该品牌享誉全球。
江苏省消保委：开屏广告不得用“摇一摇”等任何方式欺骗误导消费者打开
链接：https://mp.weixin.qq.com/s/nJrZMh6XcNm2dgwWmQEa_g
今年 7 月，国家工信部对软件启动弹窗欺骗诱导用户进行整治，要求开屏广告必须提供真实的关闭按钮。
道高一尺，魔高一丈。根据消费者投诉反馈，江苏省消费者权益保护委员会发现，“百度”“喜马拉雅”“豆瓣”“微博”“虎扑”等软件在开屏广告设置“摇一摇”打开广告，特地调高摇一摇的传感器敏感度，用户在走路、坐车或者转身等情况，手部位置稍有变化，就会被迫进入广告页面，涉嫌侵犯消费者的自主选择权。
在江苏省消保委公众号发起的投票结果显示，91% 的消费者表示曾经遇到过“摇一摇”等类似形式的开屏广告，92% 的消费者对这种开屏广告表示厌恶。
针对这个问题，人民网发表评论：“相关APP别拿已设置‘跳过’和‘关闭页面’按钮来搪塞。事实上，极易触发的‘摇一摇’何尝不是‘暗度陈仓’式强制跳转？”
目前，百度、喜马拉雅、番茄小说等厂家联系江苏省消保委，承诺将提供开关可设置永久屏蔽摇一摇看广告功能。
江苏省消保委表示：无论何种形式的开屏广告，其设计的进入方式都应当确保体现用户意图，尊重用户的选择权，不可欺骗误导消费者。
体验碎周报第 77 期(2022.1.4)
