体验碎周报第 181 期（2024.03.18）
系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
体验亮点
QQ 音乐根据手机内音源识曲
听歌识曲是 iPhone 发布不久后智能手机的标配功能了，以前只能识别手机之外的音源。现在 QQ 音乐增加了手机内音乐听歌识曲，就可以知道手机内播放的视频音乐是什么名字了。
体验槽点
Figma 新功能弹窗关闭按钮不明显
Figma 的新功能弹窗把关闭图标做到了图片里，因为图片很多时候有设计稿的元素，有时候就分不清那是关闭按钮还是图片里本来的界面元素。
推荐阅读
图标设计进化论
链接：https://mp.weixin.qq.com/s/e-ka53cGs5Y8bTFKSYYSfA
这篇文章探讨了图标设计的演变和重要性，从早期的具体箭头图标到现代的抽象符号，以及如何在数字界面中提升用户体验。文章还讨论了良好图标设计的特质，如简洁性、易于理解性，以及如何构建有效的数字图标系统。最后，文章预测了图标设计的未来趋势，包括更多元化的应用、更生动的表现力，以及更自由的表达方式。
Figma 图标设计指南（英文）
链接：https://blog.streamlinehq.com/designing-icons-in-figma/
这篇文章是关于在 Figma 中设计图标的终极指南，提供了详细的步骤指导和应用内示例。文章介绍了设计前的准备知识，Figma 中设计图标所需的工具和技巧，包括使用框架和网格、对齐到像素网格、形状和钢笔工具、布尔运算、组件和变体等。此外，还讨论了如何创建和使用网格和关键形状，以及如何设计一套一致的图标集。最后，文章提供了评估图标工作的方法和 Figma 插件，以便快速访问和使用免费的图标库。
业务流程管理（BPM）产品设计
链接：https://mp.weixin.qq.com/s/WM3za8pZKI97PJs5pgwFnQ
这篇文章讨论了业务流程管理（BPM）的概念、重要性以及设计概要。BPM 是规范员工行为和高效管理的工具，类似于流水线作业，旨在提升企业效率和降低运营成本。文章指出，如果企业制度和流程未提升效率，需要优化流程或执行制度。文章还详细介绍了 BPM 的设计原则、流程中心设计、表单管理、流程应用、流程引擎、事件管理和流程管理等关键组成部分。最后，作者强调了流程的实用性，指出无论流程多么强大，如果不能为业务带来增益，则是不成功的。
90% 的设计师都不值得被雇用（英文）
链接：https://matejlatin.com/blog/90-percent-of-designers-are-unhirable/
这篇文章讨论了设计师在求职时面临的挑战，指出 90% 的设计师因为采用线性设计流程而在招聘中被拒绝。文章批评了那些看似完美但缺乏真实性的案例研究，强调设计过程实际上是非线性和混乱的。作者建议设计师在构建作品集时应展示真实的设计过程，包括挑战和适应，以更好地传达他们的工作价值和设计能力。文章还提供了改进作品集和案例研究的建议，以及如何通过故事讲述来增强设计作品的吸引力。
用户网页浏览行为的介绍 —— 9 种网页扫描模式，7 个提升网页信息传递效果的建议
链接：https://mp.weixin.qq.com/s/AivC-zRKZglmd-QG946NIA
原文引自 Rita Kind-Envy 的文章 《 People Don’t Read Online—They Scan. This Is How to Write for Them》，该译文并非完整原文，内容已做删减和调整，并加入了部分译者观点。
尼尔森诺曼集团(Nielsen Norman Group) 是一家在用户体验领域深受大众信赖的用户体验研究和咨询公司（创始人就是写尼尔森十大可用性原则的那位），该公司基于眼球追踪技术，监测用户如何通过视觉感知线上的图文页面，获得了人眼浏览网页的行为数据。实验发现，人眼在网页获取信息时更多的是“扫描”而非“逐字阅读”，并总结出人眼在网页阅读时常见的 9 种扫描模式。本文将详细介绍 9 种扫描模式，同时基于常见扫描模式给到了 7 个更好进行网页信息传递的建议。
设计系统管理框架
链接：https://mp.weixin.qq.com/s/WYLnEt6WgwhJhuF5JBp0_w
本文主要介绍了设计系统管理框架的制定和管理流程。作者强调了管理在设计系统中的必要性，并分享了自己在企业软件公司开发管理流程的经验。文章指出，组件和流程是设计系统管理的两个重要方面，需要明确定义角色、职责和决策权限的框架。同时，文章还提供了一些建议，包括确定所有权、制定政策和战略、建立标准和指南、记录文档、保持沟通以及建立可衡量的指标来跟踪设计系统的有效性。总之，通过良好的管理模型和文档，可以确保设计系统的适应性和增长。
界面交互文案写作：AI 也很无奈
链接：https://mp.weixin.qq.com/s/hSlitgcBmYhSxbGQXdt7yA
这篇文章讨论了界面交互文案写作的策略和常见误区，通过具体案例分析了如何避免使用生僻术语、模糊表述，并提出了更清晰、客观的文案建议。文章指出，文案应简洁有力，避免长篇大论，同时强调了在不同情境下选择合适的动作指令和避免歧义的重要性。作者还提到，文案设计需要结合实践经验，而 AI 在这方面仍有局限性。最后，作者提供了一个教学视频，以更生动易懂的方式进一步阐述这些概念。
工具资源
Remove Bg —— 免费 AI 去图片背景
Remove Bg 是一个免费的背景移除工具，支持移除人物、产品、动物、汽车和标志等图片的背景。网页上提供了两种通用模型供用户选择。
Brutal Web —— 布鲁塞尔风格网站收集
布鲁塞尔风格（Brutalism），又称为粗犷主义或野性主义，是一种建筑风格，起源于20世纪中叶，特别是在1950年代至1970年代期间。这种风格以其裸露的混凝土表面、几何形状、以及对结构和功能性的强调而闻名。这个网站收集了这种风格的网站。
Fountn UI Resources —— 产品设计资源库
链接：https://www.fountn.design/category/ui
收录了各种优质网站和工具，涵盖颜色、图案、排版、模拟器等多个方面，适合数字设计师和开发者使用。
Color Palette Generator —— 在线颜色方案生成器
链接：https://pixelied.com/colors/color-palette-generator
Pixelied 的 Color Palette Generator 是一个在线工具，帮助设计师和创意人士创建和定制吸引人的颜色组合，支持图像颜色提取，多种格式导出，并能跨平台分享颜色方案。
LDRS — 开源前端加载动画库
一共有 44 种风格。
产品发现
Datawhale —— AI 知识系统学习
链接：https://linklearner.com/home
这个网站将 AI 学习资料进行了系统整理，便于学习者能按路线由浅入深系统学习 AI。也提供论坛便于大家交流学习心得。
你分享的链接泄露隐私了吗？
大多数应用在分享链接中植入参数使用了身份追踪技术，从而猜测你与点开链接人的社交关系，对你和你认识的人进行个性化推荐和精准广告推送。陌生人可以通过你分享的链接获取你的社交账号再进一步了解个人信息。这个网站可以粘贴分享的链接，识别链接是否会泄露隐私，并展示泄露的社交账号。
脱单挑战模拟器 —— AI 对话游戏
链接：https://share12b2b94f3152.zuiyou.tv/hybrid/activities_new/aiTalkChallenge/home
字节跳动旗下最右 App 推出的 AI 游戏，AI 扮演一个高冷的男/女朋友，你的挑战是用最短的对话打动 ta。
如果直男朋友们玩不转，可以试试 宝玉xp 发现的 AI通用作弊手段，快速通关。
Valla.ai —— AI 把代码解读为流程图
用 AI 把软件代码解析为流程图，帮助程序员更好地理解软件代码。
Mintlify —— 美观地自建开发文档网站
类似于 Gitbook 或者语雀，用户可以自建一个美观的 API 文档或者设计系统网站，提供全文搜索。帮助其他开发者理解你的 API 或设计系统。
Earthworm —— 通过连词构句学习英语
链接：https://earthworm.cuixueshe.com/
通过默写单词和句子来学习英语，难度从低到高，有点上瘾。
Folder Hub —— MacBook 刘海增加快捷菜单
MacBook 屏幕顶部中间是一个浪费的区域，新款 MacBook 是刘海，老款 MacBook 是菜单栏的空白区域。这个工具可以为这块区域增加一个交互，鼠标移入后显示一个快捷菜单，放置文件或软件作为快捷方式和草稿箱使用。
屏幕跑马灯 —— MacBook 屏幕四周显示循环跑马灯
链接：https://apps.apple.com/us/app/strip-light/id6473619527
组装台式机的朋友都喜欢给机箱加一些炫酷的跑马灯，这款软件可以在 MacBook 屏幕四周显示循环跑马灯，可以调整颜色和速度。
oh-my-rime 输入法 —— 快速初始化 rime
链接：https://www.mintimate.cc/zh/
rime 是一个开源的跨平台本地输入法，没有云词库，可以高度自定义，一直是深受重视安全和效率的极客们使用。但是配置比较复杂，需要学习。oh-my-rime 输入法（也可以叫它『薄荷输入法』，亦或者『Mint』）是一套快速初始化 rime 的模板方案，开箱即用，降低学习成本。
Reading Coach —— AI 驱动的阅读学习工具
链接：https://coach.microsoft.com/
用户可以与 AI 合作共同创建故事激发使用兴趣，在故事中嵌入需要学习的词汇，这样就能愉快的读故事练习阅读能力了。
WikiRace —— 基于维基百科的游戏
跟你的朋友创建比赛，给你一个维基百科的词，看你通过多少次 wiki 词条点击可以找到这个词。支持中文。
相关资讯
有赞只余下 3 名 UI 设计师，其余均转产品设计师
最近看公开报道，有赞创始人白鸦说公司只有 3 名 UI 设计师了。特地去打听了一下，这 3 名 UI 设计师负责设计系统的维护，其他设计师都转岗到业务线，称为产品设计师，既要做产品经理的事情，也得做 UI 设计师画出对应的界面。这个机制已经在有赞运行一年多，目前状况良好。
随着互联网产品界面设计的规律稳定，大部分界面设计工作难度已经降低了，所以前些年才出现了 UI 设计师和交互设计师合并称为用户体验设计师，现在又开始产品经理和用户体验设计师合并为产品设计师的新趋势。另外随着 AI 技术的不断提升，纯执行和工程方面的效率会极大提升。未来产品设计师最重要重要的是结合业务也用户做出合理的决策，其余的落地执行交绝大部分可以交给 AI。
招聘信息
抖音体验设计中心招聘产品设计师/视觉创意设计师/多媒体创意设计师
链接：https://mp.weixin.qq.com/s/DFjijaKkFjJy0UDGSDugYw
支付宝设计中心招聘视觉设计师/体验设计师
体验碎周报第 181 期（2024.03.18）
