体验碎周报第 71 期(2021.11.22)

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

体验亮点

搜狗输入法天气提醒

搜狗输入法当我输入“今日天气”时，会自动弹出当天天气情况。

本条来自 @产品运营小Case

flomo 返回即保存

flomo 笔记编辑后，左上角返回图标变成了勾，强化返回即保存的概念，不需要额外的保存的按钮。

体验槽点

淘宝具体发货日期

淘宝订单在商品信息和价格下方有 2 个提示展示不同的发货日期，都弄不明白到底哪天发货。

本条来自 @麦麦

浦发银行登录

浦发银行登录界面，自动弹出的数字键盘，输入框又没有指出现在是输入手机验证码还是账号密码，一瞬间愣在这里不知道该输什么。

本条来自 @Umao

推荐阅读

通过故事板可视化 UX 想法

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

故事板通过一系列画板中呈现的图片来传达故事，这些面板按时序描绘了故事中的主要事件。主要是电影、漫画行业用这个工具。在用户体验中用故事版对场景进行可视化，有助于表达灵感达成共识。这篇文章对故事版在用户体验的运用有详细的教程。

B 端产品中的浮层组件的设计思考

链接：https://mp.weixin.qq.com/s/ejP2PA-n1w-1J_jpsOZSEw

浮层是在页面上方展示的临时视图，可容纳信息和操作，根据内容和作用，可以分为不同的设计组件。本文依据 B 端产品的特性，探讨浮层的运用。主要内容包括以下4部分：

1. 浮层组件的类型
2. 浮层组件 3 个的特点
3. 几个应用案例
4. 浮层组件应用的注意事项

设计师如何设计出合理方案

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

设计方案在评审时总会遇到各种各样的质疑，要想让自己的方案更科学合理，获得同事的认同。作者认为可以在设计过程中做到以下 4 个步骤：

1. 树立自己用户思维
2. 充分辨析用户需求
3. 严谨打磨设计方案
4. 精准有趣的文案

可变字体听了上百遍，基础原理你了解吗？

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

可变字体的全称是 OpenType variable fonts。它是一种以一抵多的字体，创作者可以将一个字体家族的所有变体都储存在一个单一、高效、可压缩的字体文件中。

这篇文章图文视频并茂，对可变字体的起源、发展和应用做了详细的科普。

我的阅读工作流(2021 版)

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

很多读者好奇我每周从哪里获取这么多资讯再整理成碎周报，其实除了获取资料更重要的是保存和归类。这篇文章作者依据自己的经验，用多种工具和方法打造一条完整的阅读工具流，用来在网上收集阅读和归类内容。我自己用的工具和作者很类似。

2022 年 UI&UX 设计趋势

链接：https://mp.weixin.qq.com/s/PILuMJc7JiL-L2CYJvsEVw

还有不到一个半月就要 2022 年了，各种讲设计趋势的文章果然都来了。这篇来自国外的译文预测了 7 个设计趋势，分别是：滚动叙事、数据可视化、移动端应用程序、移动端浏览器、3D、动画、微交互和动态标识。

相关资讯

Device frames —— 手机展示模型

链接：https://deviceframes.com

也不知道为啥老外这么喜欢做手机展示模型的资源和工具，每个月都能看到好几个。这个的优势在于功能强大，又免费。不仅支持图片展示、视频也可以。设备类型、设备角度、设备颜色、背景颜色等等都能调整。

appflowy —— 开源的类 Notion 代替品

链接：https://www.appflowy.io

想要用现代的协作笔记工具，又担心第三方笔记数据泄露或者安全问题，可以考虑用 appflowy 进行私有部署。代码已经在 Github 开源。

印象笔记即将推出全新的笔记产品 VERSE

链接：https://mp.weixin.qq.com/s/FHFKCAdZz-0l1zeYOgXNsg

通过链接中的视频可以看出有协作、All in One 等和 Notion 类似的功能。该产品将于 12 月 16 日发布。另外，其实印象笔记早在 2018 年就彻底从 EverNote 中拆分，现在印象笔记是一家独立的中国互联网创业公司，不接受美国 EverNote 的管理 。

NoteApps.info —— 找到最合适你的笔记软件

链接：https://www.noteapps.info

这个网站收集了 27 款热门笔记工具，比如 Notion、Bear、Roam Research 等。能从多个维度详细说明各个产品的功能，横向对比多款工具，帮助你找到最合适的笔记软件。

本条来自 @wanglei001

飞书发布 5.0 版

11 月 17 日，飞书在上海举行了“2021 秋季飞书未来无限大会”。会上，飞书正式发布了全新 5.0 版，该版本包含了品牌 logo、视觉体验的全面升级，以及飞书人事、飞书合同、飞书审批等新产品。

老版 logo 据说容易被当作高德地图，所以特地改了。有不少网友觉得新 logo 太丑 质疑为什么不用发布会那个飞鸟的 logo，但如果用飞鸟 logo 又容易被当作迅雷。

美团外卖 App 更换图标

由原来袋鼠上半身变成袋鼠头，像是手指比✌️。美团外卖曾经推出袋鼠头盔，奖励给表现优秀的美团外卖骑手。

微软推出新版 Media Player

适配 Windows 11 的新界面，新版 Media Player 与旧版 Windows Media Player 不冲突，可以同时存在，它取代的是之前的 Groove 音乐。

winamp —— 老牌音乐播放软件即将开放全新版本

链接：https://www.winamp.com

winamp 是一款历史悠久的音乐播放软件，创始于 1997 年，上一个版本更新于 2018 年。

winamp 近期迎来了重新设计的网站、LOGO，并且会在近期放出 Beta 版本供用户测试。

fontsup —— 免费英文字体下载

链接：https://fontsup.com

目前有 130934 种英文字体，样式丰富，完全免费。

巴慕达发布 BALMUDA Phone 智能手机

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

现在手机外观同质化很严重，巴慕达反其道而行设计了一款 4.9 英寸屏幕的小手机。

在 UI 设计方面，从各国钞票和护照的获得灵感，可以随意调整首屏的功能，而不仅仅是作为各种 App 的启动图标。

8 家网盘企业共同承诺网盘不再限速

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

11 月 17 日，在工信部信息通信发展司指导下，中国互联网协会、中国信通院组织百度网盘、腾讯微云、天翼云盘、和彩云、阿里云盘、迅雷云盘、360 安全云盘和网易网盘等首批 8 家网盘企业在京共同签署《个人网盘服务业务用户体验保障自律公约》，承诺 2021 年内将推出“无差别速率”产品，为各类用户提供无差别的上传/下载速率服务。

但相应的，会缩小免费用户的可用空间。

气动手套让指尖有真实触感

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

Facebook 更名为 Meta 后，不仅仅是口头上宣布进军元宇宙。还首次展示了秘密研发了七年的项目：「气动触觉手套」，这种触觉手套可以通过气囊让你体验到抓取虚拟物体时的真实触感。

吉利拉丁文定制字体发布

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

方正字库受邀为吉利汽车设计品牌专用字体，方正字库与合作伙伴、专业西文字体厂商 TypeTogether 携手提供品牌字体升级服务，打造了一套包含多字重的西文家族字体。