体验碎周报第 86 期（2022.3.14）
系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
体验亮点
Pinterest 搜索结果中的解决方案
在 Pinterest 搜索“退出”、“登出”等，除了给出与之相关的图片结果，还告诉你如何退出 Pinterest。显然，用户在遇到产品使用问题，也会尝试用搜索解决。
来自 @今晚的风伴着月亮
QQ tabbar 消息图标动效
QQ tabbar 的消息图标，往下滑会出现各种表情变化。
体验槽点
闲鱼 App 安卓端弹窗未统一
在商品列表页下架商品和在商品详情页下架商品的二次确认弹窗样式不一致。在商品详情页下架的确认弹窗用了 iOS 的样式，而且确定取消位置相反，没有统一。
来自 @BobbyHe116
知识星球分享弹层里带圈的数字
知识星球分享弹层里带圈的 12345 设计很迷惑，可能会被误解为下方微信等分享渠道的编号，也可能会被误解为给内容打分，就是想不到居然是设置不同的分享图片样式。还不如用不同的颜色画圈呢。
推荐阅读
一个产品经理的自我修行
链接：https://houjoe.notion.site/ce982323585943b5be1a3fd1d74183af
一位产品经理总结给自己的 12 条规则，对一个产品经理来说，或者宽泛一些，对一个普通搬砖工而言，不管是在公司之间的跳动还是在一个公司内部不同团队之间的变动，都会带来工作方式和工作习惯的冲击。但不管外部如何变化，需要一个可以相对笃定的个人工作规则（Simple Rules），这样可以集中更多精力在具体事务上。
- 规则 1：面向工作的斯多葛主义
- 规则 2: 了解现状，不急于发言
- 规则 3：质疑一切，保持头脑开放
- 规则 4：去现场，找一手材料
- 规则 5：撰写 Product Deck
- 规则 6：关注多方面的诉求
- 规则 7：不放弃沟通
- 规则 8：无文本不管理
- 规则 9：不惧怕冲突
- 规则 10：主动降低语速
- 规则 11：检视一切工作
- 规则 12：争议下的决策机制
在体验过无数动作游戏之后，我对打击感的设计有了新的认识
链接：https://mp.weixin.qq.com/s/M0VmmIqVPUUX_yf7QXyaVg
用户体验是主观感受，动作游戏中的打击感也是体验的一种，每个人都有每个人的感受，虽然无法统一量化，但很有意义。作者从武器、动作、反馈、音效等四个角度对 打击感进行科普分析。
DICE 首席图形设计师：如何做好 3A 游戏的 UI？
在此前的 GDC 演讲中，EA 公司 DICE 洛杉矶工作室首席图形设计师 Omer Younas，在分享中提到了 3A 游戏 UI 的设计理念，并根据具体案例介绍了 UI 设计的很多方法。
跨部门沟通-如何说服别人跟我一起干
链接：https://mp.weixin.qq.com/s/ki7WicGq8pHWewLxQKAPRw
工作中很多事情都得团队协作一起干，但要说服别人协作挺难的。这篇文章梳理了影响协作的相关因素和方法，帮助大家进行跨组沟通协作，了解一些基本的方式方法和注意事项。
不要从“交互设计定理”入门交互设计
链接：https://mp.weixin.qq.com/s/85eaHDTRQ7j9KKVbA3wjzg
作者认为：对于没有受过心理学或者社会科学训练的、不了解交互设计的基本工作方式和研究方法的同学来说，不要让“交互设计定理”作为你入门交互设计的第一印象。
这倒不是因为这些定理都是“错的”，而是因为：
- 过于简化，定理的公式之外还有很多限制条件或者细节，单纯使用定理中的公式容易犯错。
- 历史局限，有些定理太老，或者当时提出的时代不严谨，从今天看来有些过时不实用。
- 太“安全”，直接参考定理照本宣科，不能很好的基于实际作为设计方案的支撑。
工具资源
微信小程序官方文档更新
链接：https://developers.weixin.qq.com/miniprogram/design/adapt.html
微信小程序官方设计文档增加《大屏适配指南》和《小程序适老化设计指南》，解决 PC 端小程序和老年人群的使用体验。
而微信小程序官方开发指南新增半屏小程序，解决在小程序内临时打开另一个小程序操作的过程。
NB MAP —— 可视化三维地图制作工具
链接：https://nbcharts.com/map/map.php
一款可以自动绘制三维地图的网页工具。你可以调整颜色、修改地图的厚度和角度、更换字体的样式。可下载透明背景的 PNG 地图图片。
TOOOLS.design —— 设计资源和工具收集
该网站收集 900+ 设计资源和工具，包含灵感、插画、图标、机壳、字体、书籍、社区、教程等，每周都会更新。
Spline Beta 版新增多个功能
最近很流行的网页 3D 制作工具 Spline 新增多个功能：
- 实时协作 + 自动保存
- 团队和项目
- 文件夹和预览
- 雕刻工具
- 新用户界面
- 图像和颜色资源
- React 导出组件
- 新的导出选项
- 3D 渐变
- 模板库
宣传片做得也挺有意思， 2D 画面突然变成 3D，由 OrdinaryFolk 工作室制作。
设计思路链接：https://www.behance.net/gallery/137668019/Introducing-Spline
宣传片链接：https://www.bilibili.com/video/BV1g3411L7Mt/
即时设计、蓝湖 MasterGo、Pixso 支持 Figma 文件导入
即时设计刚宣布支持 Figma 文件导入，能还原自动布局、变体、交互效果，整体还原效果据称达到 98%。因为美国制裁大疆设计团队账号被 Figma 官方冻结后，随后蓝狐 MasterGo 、万兴 Pixso 也宣布支持 Figma 文案导入
Quick-Cut —— Figma 切图上传图床插件
链接：https://www.figma.com/community/plugin/1082599768180571893/quick-cut
Quick cut （快切）可以让你在 Figma 中直接把切图或素材上传到您的图床，支持高性能的压缩。并且会自动将切图地址标注到你的设计稿旁。开发人员只需要点击复制链接即可快速使用切图。
风火轮 —— 58UXD 推出的 Sketch 设计协作插件
该插件聚合设计组件库，可将设计稿多人同步，支持设计稿代码转换为前端代码。提供网页协作平台，可将设计稿发布到网页中作为设计资源，或者向下游交付切图标注。
Billfish —— 免费素材管理工具
类似 Eagle 的素材管理软件，免费。支持 61+ 种图片、视频、字体等格式，能以颜色、类型和尺寸筛选素材。
3D-mapper —— 在线三维地图制作工具
这款三维地图制作工具可以在浏览器里直接使用，也可以作为 PhotoShop 的插件来运行。制作的三维地图既可以导出图片，也可以导出 3D 素材供其他软件使用，还可以直接嵌入在网页中直接查看。
Dooringx —— 开源的 H5 低代码创建工具
链接：http://x.dooring.cn/dooringx-org/
类似于易企秀、MAKA，通过简单的组件拖拽和参数设置就可以制作出精美的 H5。组建种类丰富，而且提供数据看板。
Awesome Design Token —— Design Token 资料大全
链接：https://github.com/sturobson/Awesome-Design-Tokens
这个网址收集 Design Token 有关的机构、案例、设计系统、文章、工具、插件、播客、PPT等全方位的资料，全部都是英文的。
产品发现
社畜的福报 —— 互联网创业模拟游戏
链接：https://www.taptap.com/app/213692?hreflang=zh_CN
这款游戏登上了 TapTap 热门榜 Top 4，并收获了 9.5 分的高分。游戏剧情是扮演一个互联网创业公司 CEO，要解决创业中的各种问题。比较有趣的是游戏剧情是以制作人自己亲身 10 年创业经历编写的，所以很多互联网人玩这款游戏时非常感同身受。
宽菜谱 —— 美食作家王刚的食谱网站
知名硬核厨师自媒体“美食作家王刚”的宽菜谱网站上线，整合之前他短视频中的菜谱，并且提供详细的配料和图文步骤。
萝卜工坊 —— 在线转换模拟手写字体文档
链接：http://www.beautifulcarrot.com
在线转换模拟手写字体文档，让打印的字看起来像手写的一样。AI 专属字体制作，智能模仿文字书写风格，一个软件快速解决文字抄写烦恼。
Miao Project —— Bilibili 在 tvOS 上的第三方的客户端
链接：https://github.com/Paladinfeng/MiaoProject
目前 Bilibili 只有基于 Android 的电视客户端，作者自己写了一个 Apple TV 的电视客户端。最高支持 8K 视频播放还有杜比视界和全景声。
Clenner —— 清洁 Mac 屏幕键盘
电脑开机的情况下，如果擦拭键盘会引起误操作，而屏幕有画面也擦不干净。这款软件能暂时屏蔽按键，屏幕显示纯黑色。清理完毕退出软件即可。
Jantana Hennard 的个人网站
国外设计师的个人网站，滚动效果非常丝滑炫酷，而且是循环无限滚动，永远没有尽头。
LoFi Cam —— 复古 CCD 数码相机
链接：https://apps.apple.com/cn/app/lofi-cam-复古ccd数码相机/id1604592450
LoFi Cam 是一款模拟 CCD 数码相机质感的复古相机 App。复古数码相机的操作界面，以 CCD 数码相机为灵感的调色风格，搭配精心设计和研发的特殊效果和操作界面，带来与众不同的拍摄记录体验。
腾讯音兔 App 改版
腾讯音乐娱乐集团（TME）最初于 2018 年上架音兔，最近对旧版“音兔”进行了全面升级，以全新版本在 App Store 中上线。新版的腾讯音兔增加了“K歌”功能。
微信 Windows 3.6.0 测试版支持识别二维码或小程序码
微信 Windows 版终于开始支持截图或直接识别图片中的二维码或小程序码。电脑登录着微信还得再拿手机扫码打开链接太痛苦了，希望Mac和企业微信快点跟进。
新增功能如下：
- 可以查找微信号并添加朋友；
- 可以截图识别二维码或小程序码；
- 可以识别图片中的多个二维码和小程序码；
- 拖拽发送图片文件时，可以同时输入消息；
- 拉人进群时，如果群主开启了群聊邀请确认，可向群主或管理员发送申请；
- 视频号可添加至桌面；
一键中文字幕小程序 —— 无字幕视频翻译
小程序码：
该小程序能将没有字幕的外国视频，通过 AI 语音识别翻译后再自动为视频加上字幕。支持英语、日语、德语、法语等 20 多种语言。但因为小程序受限于微信，因此需要先把视频转发到微信中才能被小程序选择翻译，此外微信会压缩视频质量。翻译效果不错，用来看国外的视频资料足够了。
相关资讯
Figma 将停封所有被美国制裁名单的企业账号
美国制裁名单包含禁止向对方提供软件服务，惊闻 Figma 决定遵守制裁名单，将停封所有被美国制裁名单的企业账号（个人账号暂不停封），大疆已经被封禁无法登录 Figma，但之前的设计文件会打包发送过来。另外 Adobe、C4D 宣布退出停止在俄罗斯市场销售。
这里提供一个被美国制裁的 611 家中国企业名单：https://m.instrument.com.cn/news/d-601441.html
为什么苹果要在 Studio Display 显示器里内置 A13 芯片
A13 让 Studio Display 显示器支持“Hey Siri”语音命令。如果用户连接显示器的 Mac 笔记本或 iMac 已经具备这一功能，这似乎是多余的；但其它为Mac Pro、Mac mini以及Mac Studio等苹果台式电脑没有语音命令功能，显示器内置A13 为这些台式设备带来了同样的便利的语音命令功能。
但如果 Studio Display 显示器接到 Windows 电脑上，不仅无法使用“Hey Siri”，前置摄像头和原彩显示也无法使用。
Windows 11 将为文件管理器增加 Tab 功能
多窗口打开文件管理器能提高效率，之前有很多第三方插件能为文件管理器增加 Tab 功能，现在微软终于原生加入该功能了。
Google 皮肤交互专利
“皮肤界面”是 Google 在 2020 年中期申请的一项技术专利，用户可以在可穿戴设备附近的身体皮肤上做一个扫视手势或敲击手势。手势会产生一个机械波，然后传感器和加速计会检测运动并确定手势的类型。传感器融合技术被用于此–结合来自多个传感器的数据以实现精确地检测。
该手势用于确定相应的输入命令。可以进行垂直或侧向滑动，或点击–短或长，用单个或几个手指。通过这种方式，用户可以控制各种操作要素–例如，接听或结束电话，调整音量，快进或倒带音频等。
Google 率先宣布将推动个人数据在不同平台迁移
Google 宣布了一项推动数据迁移的计划，未来五年时间里，Google 准备投入 300 万美元和更多的工程师人力，来推进可移植性领域的各个项目。
Google 这一举动的一大背景，是许多国家地区的立法机构开始越来越多关注阻碍互联网服务切换和互操作的障碍，并且要从市场上把这些障碍消除掉，从而推动厂商竞争。这一改革的手段包括新的数字行业立法、特定的竞争改革以及加强监管执法，或是三种手段皆有之。
Google 提出了该公司在数据可移植性领域的三个重要原则：
- 支持最常见数据类型的标准，满足消费者迁移需求
- 数据移植性必须是相互的。即允许用户迁入数据的互联网平台同时也应该让用户迁出数据
- 重视个人隐私保护和网络安全
百度贴吧、百家号现在已无需跳转App，可直接全文查看
自从上周工信部开行政指导会，督促相关互联网企业进行整改网页强制要求打开 App 的问题。百度目前已经优化，百度贴吧、百家号现在已无需跳转App，可直接全文查看。
要知道百度贴吧自 2015 年开始就强制网页版查看全部楼层必须下载 App，7年了！百度在国家的推动下，终于（被迫）优化了用户体验。
体验碎周报第 86 期（2022.3.14）
