体验碎周报第 61 期(2021.9.6)

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

体验亮点

饿了么注册协议弹窗代替勾选

相关规定用户注册登录时必须同意协议，很多App按惯性做成勾选，但是用户习惯性都是先点下一步按钮，在报错后再提示未勾选不够顺畅。 饿了么登录未勾选点击下一步按钮后，直接用弹窗让用户同意协议，比起报错后让用户手动勾选要顺畅些。

网易云音乐购买会员挽留

网易云音乐退出会员购买页，会通过弹窗中展示你喜欢歌曲的歌手再挽留你。

体验槽点

包装二维码干扰条形码

现在很多商品包装除了条形码还有二维码，扫条形码识别价格时很容易扫到二维码导致价格识别失败。

推荐阅读

交互设计简史：互动从何而来？

链接：https://mp.weixin.qq.com/s/NwLaIJjRuL_tkxo4K-KX0Q

很少有人知道交互设计来自于战争，在战争过程中武器的使用效率能提高制胜率，让士兵能更快更精确地操控武器成为交互设计的起源。从该文中能了解到交互设计的理论来源和历史。

体验设计师可以从讲故事中学到什么？

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

在日常的生活中，我们总是容易被一个故事吸引，而且更愿意倾听故事，对故事内容也更容易理解。讲故事，是一种比较自然的沟通方式。作为一个用户体验设计师，你是否有想过，利用人类对故事天然的 “亲近感”，辅助我们在日常的设计工作中解决问题？在本篇文章中，作者试图从一个好故事所具备的特质中，找到我们日常设计工作中可以借鉴的方法。

如何设计合情合理的动效

链接：https://heyjerio.notion.site/heyjerio/00af64f0e50549388165440f1364e779

来自前抖音动效设计师煎饼同学录制的动效视频教程，总时长约 38 分钟。主要内容共四个部分：

1. 动效设计的作用和意义是什么；
2. 怎么样的动效设计算合情合理；
3. 常见的动效设计思路有哪些；
4. 如何设计动效。

相关资讯

捏咔 —— 捏人创作分享平台

链接：https://www.neka.cc/

捏咔是面向中文用户的 2D 捏人工具类网站，编辑器自主研发，仅支持原创作品，目前正在邀请画手内测中。

Material Design 图标 Figma 版本

链接：https://www.figma.com/@googlefonts

Material Design 图标现在在 Figma 中提供五种样式。

3D Transformer —— Figma 3D 旋转插件

链接：https://www.figma.com/community/plugin/1009780509659307229/3D-Transformer

北京大学正式推出数字校园卡服务

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

北京大学校园卡不再只是实体卡片，现在提供 App 和小程序版本，并且支持手机 NFC，这在中国大陆高校中尚属首次。

Picsee - 看图 & 截图

链接：https://picsee.chitaner.com/

Mac 平台免费的图片收集整理查看工具，可替代 Eagle。

Copy SVG Code —— Adobe XD 转 SVG

链接：https://github.com/stursby/xd-copy-svg-code-plugin

一款 Adobe XD 插件，作用是把 Adobe XD 的图形生成 SVG，这样就可以迁移到其他设计软件中了。

现在的网页体验有多糟糕

链接：https://how-i-experience-web-today.com/

这是个讽刺网站，打开网站就能感受如今的网页体验有多糟糕。虽然界面是英文的，但其实开发者是中国人。

湖南首家 Apple Store 在长沙开业

链接：https://mp.weixin.qq.com/s/HPcQ5en1qQOF0eD--oqT_w

位于长沙国金中心的湖南首家 Apple Store 于 9 月 4 日开业，这是全球首家具有渐变效果的镜面玻璃幕墙的店面。按照惯例苹果新店开业免费赠送纪念 T 恤和贴纸。

淘宝 App 全新适配 iPad：边看直播边浏览，支持横屏

淘宝全新适配 iPad 推出新版本。并且宣布淘宝 iPad HD 版本退役，停止技术支持和维护，将其从苹果 App Store 中下架。

Auto Interfaces —— 车机界面收集

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

该网站收录国外汽车厂商的车内触屏界面，有些界面是通过车内拍摄而不是截图，所以清晰度不高。

figstack —— 代码翻译成英语

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

该网站基于 AI 提供多种代码服务，例如：将编程代码翻译成英语、从某种编程语言转换成另外一种编程语言、根据代码自动生成注释、计算代码的时间复杂度。

蔚来推送 NIO OS 3.0 车机系统

链接：https://www.163.com/dy/article/GIRJ98GT0527866N.html#

NIO OS 3.0 引入了全新的用户界面和交互设计，对中控屏、仪表屏及 HUD 抬头显示的界面布局、交互逻辑、动画效果及整体视觉进行了全面更新。

腾讯、谷歌各自公布 AI 技术 —— 低分辨率图变高清

腾讯链接：https://github.com/xinntao/Real-ESRGAN

由腾讯 ARC 实验室最新发表的图像超分辨率模型能让低分辨率图变高清，可在 GitHub 上下载该模型的可执行文件，Windows/Linux/MacOS 都可以，且不需要 CUDA 或 PyTorch 的支持。

谷歌链接（需佛跳墙）：https://ai.googleblog.com/2021/07/high-fidelity-image-generation-using.html

无独有偶，谷歌 AI 博客也发布利用 AI 模型将低分辨率图像转换到高分辨率图像的例子。

微信儿童手表版正式对外开放

链接：https://kids.weixin.qq.com/

儿童手表版微信之前一直在内测，现在正式对外开放，微信官网已经能看到专题网站了。

微信拟推出聊天记录付费云存储服务

链接：https://cn.chinadaily.com.cn/a/202109/04/WS6132f530a3101e7ce9761ec5.html

据中国日报财经栏目淡定科技独家获悉，腾讯拟推出个人微信云存储付费服务，意味着微信聊天记录可以实现云端备份和恢复。

该业务可能采用按年付费的模式，苹果用户或在 180 元/年左右，安卓用户或在 130 元/年左右。但该费用具体可以存储多大容量的数据尚未得到确定。知情人士表示，当前该项目仍在最后推动中，具体细节未最终敲定。

截至发稿前，腾讯未给出明确回应。

人生重开模拟器

链接：http://liferestart.syaro.io/view/index.html

本周在网上突然火了的一个网页游戏，流量已经近 2 亿，玩家 400 万。随机出现的人生经历非常搞笑，作者在知乎回答游戏制作的历程。

作者回答链接：https://www.zhihu.com/question/484487140/answer/2102500895