体验碎周报第 173 期（2024.01.08）
系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
体验亮点
网易云音乐播放界面引导看评论
评论是网易云音乐的精华，在网易云音乐播放界面的评论入口会气泡显示一些经典评论引导用户进入评论查看。
来自 谷雨
体验槽点
滴滴选路线被遮挡
在打车过程中地图上会持续显示距离和金额的浮层，如果此时打开选路线功能，可能浮层就把地图和不同路线给遮挡了，看不出完整路线。
推荐阅读
网易云音乐设计协同演进之路
链接：https://mp.weixin.qq.com/s/m5SYOd2mSvhE_qqN2gAF8w
前端和设计师一直以来都在致力于为用户提供出色的人机交互体验。在这个过程中，如何为双方提供高效的协同产品，降低设计师与前端的沟通成本，以及提升双方的工作效率，都是非常有价值的探索点。
作者来自网易云音乐-公共技术部，目前是云音乐设计中台的技术负责人。从 2021 年 7 月入职网易到现在，一直在「前端与设计协同」领域里探索和实践，期间沉淀了若干经验和方法论，希望能和大家一起分享，于是就有了这篇文章。
本文将从问题出发，详细介绍云音乐设计协同的演进之路。按照时间的维度，云音乐设计协同的演进之路为：
- 原始阶段 ➡️ 工程化阶段 1.0
- 工程化阶段 1.0 ➡️ 工程化阶段 2.0
- 工程化阶段 2.0 ➡️ 智能化阶段
智能座舱全功能汇总
链接：https://mp.weixin.qq.com/s/_FSmzBY45x1bcQTTZZSbQw
内容包括智能座舱基本的功能项并做了功能解释，希望对座舱的初学者以及在职人员有所帮助。
关于用户体验设计的过去和未来
链接：https://mp.weixin.qq.com/s/yT0EsfsorbDr_wxYGHZ-_A
作者是第一代中国用户体验设计师，本文讨论了用户体验设计在过去和未来的发展。过去十几年，移动互联网的普及和发展对用户体验设计产生了重大影响。未来，用户体验设计将成为更多企业的战略能力，帮助驱动业务的发展。同时，人机交互方式将出现新的变化，多维空间交互和 AI 之间的交互将成为重要发展方向。在行业发展方面，用户体验设计将从专业性向普适性转变，成为所有业务角色的基础能力。教育方面，高校需要培养学生的体验鉴赏和设计能力，并在前沿应用领域做出研究成果。总结起来，用户体验设计将成为企业的组织文化和基础通用能力。
滚动淡入101
链接：https://mp.weixin.qq.com/s/UTYMs8YepgXBCQiunDwh2g
滚动淡入是一种新的设计模式。它指的是一种通过滚动触发的动画：当用户滚动到页面的某个特定点时，新元素或内容会淡入或淡出。对此，尼尔森诺曼集团进行了一项定性的可用性测试研究，并测试了多个行业、使用了滚动淡入的网站。
如果使用得当，滚动淡入可以有效地引导用户浏览页面、优化数据加载、提供辅助信息和增加品牌可信度。但需要注意滚动淡入可能降低内容的可发现性和理解度，同时可能导致图片加载失败。
送你一份“优惠感小贴士”
链接：https://mp.weixin.qq.com/s/Bhm9f3uaMAicZvT7TK7kMA
如何巧妙地让商品看起来“更划算”，让用户一看见就“超级想买买买”，是每个电商设计师的终极目标。本文将基于一系列心理学理论，结合实际案例，探讨如何提升“优惠感”。
设计师年终总结急救指南
为解决大家总结苦恼，58 UXD 基于之前的文章特别准备了一份独家《设计师的年终总结配方》文章集合，只需4步，你将拥有一份远超及格线的优秀年终总结。
工具资源
保时捷设计系统 V3 版
链接：https://designsystem.porsche.com/v3/
新的版本采用全新的设计语音，支持深色模式，组件数量也有更新，并且支持 Vue，可惜的是 Figma 文件没有对外开放。
Ant Design Web3 - Web 3 组件库
链接：https://web3.ant.design/zh-CN
Ant Design 为 Web3 做的组件库，与 Ant Design 无缝衔接，内置 NFT 、钱包连接等组件。
Icon Horse —— 获取网站 Favicon 图标
输入网址获得网址的 favicon 图标（网站显示在收藏夹/tab 上的图标）。
FrameHop —— 收藏 Frame、组件的 Figma 插件
该插件会记录最近选择的 Frame 和组件，或者自己收藏喜欢的 Frame 或组件以便快速访问。
Design System Hub —— 聚合设计系统资源的 Figma 插件
链接：https://www.figma.com/community/plugin/1324752802910575903/design-system-hub
这个 Figma 插件里收集了 149 个设计系统，可以直接访问对应设计系统的网站或 Figma 社区资源，能按 Web、Mobile 等平台进行筛选。
Vector to 3D （2D 转 3D 的 Figma 插件）8 折优惠
8 折优惠码 WYNPUE
知乎 AI 绘画实战营
链接：https://mp.weixin.qq.com/s/ZEXPewMBAQ-pHu5vf5sW7g
适合哪些人：
- 对AI绘画感兴趣，零技术基础的小白学员；
- 想掌握AI工具，提升职场竞争力的设计师；
- 希望赶上AI风口、快速实现变现的副业从事者；
现粉丝专享，100个免费名额！
产品发现
Stolen Buttons —— 收集访问过网站的按钮
链接：https://anatolyzenkov.com/stolen-buttons
一个行为艺术网站，作者会把曾经访问过的网站的按钮收集在这里。
Paperless-ngx —— 文档管理系统
链接：https://github.com/paperless-ngx/paperless-ngx
它能够将你的纸质文档转换成在线可搜索的文档，并进行分类和索引，方便随时搜索查阅。支持 OCR 识别，可利用 AI 技术自动为文档分类。
GeoGuessr —— 猜测图片的地理位置的游戏
GeoGuessr是一款在线地理猜测游戏，进入游戏时，玩家会被随机放置在谷歌街景的某个地方，然后根据画面信息猜测自己所处的地理位置，最后玩家需在世界地图上的某个地方放置一颗图钉，标记出自己的推测地点。具体玩法可以看看环球科学的介绍（ https://mp.weixin.qq.com/s/7gvoD3JJdd7BArBG7m9zuw ）
AI 自动在 BOSS 直聘投简历
链接：https://github.com/Frrrrrrrrank/auto_job__find__chatgpt__rpa/tree/master
结合 chatgpt 与 rpa 技术，实现一键自动寻找工作、根据自己的简历和工作描述生成求职信、发送给hr的全流程自动操作，需要提前准备 openai api。
独立开发前线
独立开发前线是一家独立开发指南网站，提供独立开发者成长指南，包括创意发现、产品实现、获取增长和流量变现等方面的内容。该网站旨在帮助独立开发者更快地成长，并打造自己的盈利产品。
相关资讯
Chrome 取消中文最小 12px 的限制
链接：https://developer.chrome.com/blog/css-i18n-features?hl=zh-cn
Chrome 新版将新增四项国际化 CSS 功能：日语短语换行、脚本间间距、CJK 标点符号字距调整和统一最小字体大小。这些功能可以提高各种语言的可读性和排版效果。
新概念 GEO
链接：https://generative-engines.com/GEO/
SEO 是由英文 Search Enggine Optimization 缩写而来，意为“搜索引擎优化”。 研究让自己的网站在搜索引擎里靠前获得更多流量。
而 ASO 则是英文 App Store Opitimization 缩写而来，意为“应用商店优化”。研究让自己的 App 在应用商店里排名更高获得更多下载量。
GEO 是英文 Generative Engine Opitimization 缩写而来，意为“生成引擎优化”。让自己提供的内容更有可能在 AI 产品中出现。
inVison 关闭设计协作功能
链接：https://www.invisionapp.com/inside-design/invision-design-collaboration-services-shutdown/
inVison 之前是做在线 UI/交互设计工具的，2011 年成立和 Sketch 推出时间差不多，顶峰时刻估值 20 亿美元。后来 Figma 横空出世之后 inVison 节节败退，现在宣布关闭设计协作功能。inVison 还做过一个在线白板叫 Freehand，和 FigJam 差不多，被 Miro 收购了。
体验碎周报第 173 期（2024.01.08）
