体验碎周报第 174 期（2024.01.15）
系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
体验亮点
闲鱼筛选时提前告知暂无匹配
传统的筛选交互在提交之后才看到一个空荡荡的无结果页面，而闲鱼、天猫、京东等 App 在筛选选择条件时就告知暂无匹配，用户可以更换筛选条件，避免结果一场空。
体验槽点
B 站详情与列表点赞状态未同步
当你在 B 站从动态列表点进一个具体的视频点赞后再返回，动态列表对应的视频并没有显示已被点赞，如果强行点赞还会报错“点赞失败”。显然 B 站没有在上一级页面再同步之前操作的结果。实际上我个人觉得少数情况要手动刷新，大部分时候整个软件内所有页面都应该做数据实时同步。当然有人会说性能消耗大，但确实有一些应用比如 X（推特）做到了类似效果，不能因为性能消耗大，就不去解决这么明显的问题。
推荐阅读
复杂表单中，如何设计批量新建功能
链接：https://mp.weixin.qq.com/s/7NvCon2WQFIJIntCstZD4A
本文介绍了在复杂表单中如何设计批量新建功能。批量新建是指通过规则去新建多条数据，可以根据变化、不变和规则这三个因素来设计表单。根据变化的数据，可以先配置规则再进行创建，或者添加固定数据再进行新建。在实现方面，可以使用数据结构化表单、数组数据表单等方式进行呈现和配置。通过优化表单设计和规则配置，可以快速实现批量新建功能。
论信息失真与设计决策
链接：https://mp.weixin.qq.com/s/lV3i60Wehf1WnWUTHkxsaA
本文主要讨论了信息失真对设计决策的影响，并给出了设计判断的建议。作者通过一个具体案例和生活中的例子说明了信息失真的现象，并提出了收集信息、假设和试错的设计方法。最后，作者呼吁大家在讨论设计问题时要多收集客观事实，从不同角度进行归因和解释。
B 端加载设计指南 - 优化用户体验与性能
链接：https://mp.weixin.qq.com/s/heMzfw_YPlwB-HdX-DAlpg
本文简要介绍了 B 端产品设计中加载状态的定义和存在价值，探讨了页面加载的影响因素和常见的加载模式，以及为用户反馈的加载形式。文章还提供了加载在网页场景中的应用策略，并给出了避免出现的状态和优化页面加载速度的建议。
弹窗和模态弹窗的设计优化方案
链接：https://mp.weixin.qq.com/s/XnX1gI6c-lyUzjBNR80CSg
本文主要介绍了移动端中展开窗口和模态弹窗的设计优化方案，并以 Steam 主页为例进行了具体分析和改进。通过优化弹窗的使用方式，提升用户体验和操作效率。文章还强调了交互设计的灵活性，不应固守教条，而是根据实际需求选择合适的解决方案。最后，提到了页面路径结构对用户体验的重要性。
以服务设计视角鸟瞰业务产品全景
链接：https://mp.weixin.qq.com/s/4YTFffY4da-yCi43zu9Ygg
京东物流用户体验设计部通过全景手册系列，以服务设计的视角鸟瞰了京东物流业务产品的全景。全景手册内容包括业务流程图、关键人物画像等，通过梳理业务流程、绘制人物画像等方式，提供了更全面、清晰、直观的视角，帮助人们更好地了解京东物流的业务和系统。
工具资源
全球 150+ UX 设计系统收集
链接：https://xwvwfb2ttxw.feishu.cn/sheets/KtoNsoJmghw2fhtebBfcPAl9nic
国内设计师 Tuohai 做设计系统调研收集了 150 多个设计系统，列清楚了支持的平台和官网地址、Figma 文件地址。
Placemark Globe —— 生成 矢量地球的 Figma 插件
链接：https://www.figma.com/community/plugin/1323092380415927575/placemark-globe
可以转动地球的不同角度实时生成对应的矢量地图。
Simplify wireframe —— 设计稿转线框图的 Figma 插件
链接：https://www.figma.com/community/plugin/1326266834540298466/simplify-wireframe
有时候需要在作品集、PPT 里塞一些线框图唬人，这个插件可以满足你的需求。
MingCute Icon —— 带动效的图标库
链接：https://www.mingcute.com/animation
共 111 个图标，图标本身带动效，支持网页、安卓、iOS，可在 After Effects、Lottie 二次编辑。
AIcons —— AI 专属开源图标库
链接：https://www.figma.com/community/plugin/1321249969835325622
适合 AI 产品的图标库，图标所表达的都是 AI 相关的功能。250 多个图标，线性和填充两种风格，开源。
teardowns —— AI 专属的界面模式库
专门收集 AI 产品的界面模式库，按 AI 的使用流程和产品类型分类，每个案例采用录屏。
汇总 59 套优秀设计作品集
链接：https://mp.weixin.qq.com/s/U8nVptH3IgiZzRnsYq9MLQ
由黑马家族汇总的优秀设计作品集，大多数来自站酷。
Moodboard Creator —— AI 生成情绪板
链接：https://www.moodboardcreator.dev/
输入商业模式和若干关键词，AI 就会生成情绪板，如果不满意可以点击重试再继续生成。
/midlibrary —— Midjourney 提示词库
按风格、设计师、场景等对提示词分类，还能查看不同版本 Midjourney 的效果区别。
Library —— 设计系统文档管理
Library 是一个用于设计系统文档的平台，可以创建、探索和扩展设计系统文档。它提供了协作编辑、人工智能辅助、与 Figma 集成等功能，帮助团队合作并建立统一的产品体验。
Fontsource —— 开源字体库
收集了 1000 多款开源字体，除了字体下载，支持多种方式引用字体，比如用 CDN、NPM 安装等。
产品发现
Hexcodle —— 猜测颜色 HEX 值的小游戏
网站会每天生成一个颜色，玩家有 5 次机会输入对应的 HEX 值猜测目标颜色的色值，如果猜错了还会告诉你是哪位数字错误。
小日子 —— 知识星球推出的日历 Ap
链接：https://mp.weixin.qq.com/s/zWZjS089sKDPPoaGp-8yDw
注重隐私，日程都是保存在系统日历，不在服务器上保存。
Clear List —— 经典手势交互的清单
链接：https://apps.apple.com/cn/app/clear-lists/id493136154
iPhone 刚推出不久，这款 App 就经常用来演示触控屏手势交互，时隔 11 年之后终于推出了第 2 版。全新的版本优化了多个清单之间的拖拽，新增 100 多种主题，另外还有成就系统。
Jan —— 本地安装 AI 大模型
像用手机应用商店一样，方便地在电脑上安装和使用各种 AI 大模型，Windows、macOS、Linux 都支持，推荐有比较强劲的电脑配置安装使用。
时空壶 X1 —— AI 同声传译器
由主机与两只耳机组成，将翻译软件、手持翻译机、翻译耳机等形态产品融于一体，耳机用来听翻译内容，主机可以显示双语字幕。可以多个设备组网，最多能 20 人，5 种语言互译。支持把听说内容录制成会议记录。
最佳平替 —— AI 寻找低价的替代品
同一件商品，不同的搜索词，价格可能会天差地别。这个工具旨在帮助你找到最便宜的搜索词，输入你想搜索的商品名，AI 会给出低价的替代品。
Rabbit R1 —— AI 助手硬件
链接：https://www.rabbit.tech/research
售价 199 美元，搭载触摸屏、实体滚轮、通话按钮和可以 360° 旋转的摄像头。使用方式非常简单，按住「对话」按钮并发出语音指令，rabbit OS 就能利用生成式 AI 技术理解并拆解，再由此进行相应的操作和反馈。创始人曾是被百度收购的渡鸦科技（Raven Tech）的创始人及 CEO。
Picwell —— AIGC 图片收集工具
专门用来管理 AIGC 图片的工具，收藏图片的同时也收藏了对应的提示词，可以修改提示词后再复制粘贴到
MidJourney 中再创造。图片支持用自然语言识别搜索。
相关资讯
Vision Pro 上市日期及售价
苹果官宣 Vision Pro 将于 1 月 19 日开始接受预定，2 月 2 日在美国正式开售，售价 3499 美元（人民币 2.5 万）。首批备货就几万台，要想体验肯定得加价买了，其他国家还没有发售计划。
苹果在发布前发了一段 38 秒的广告，把很多电影戴眼镜的片段剪进去了，看着很炫酷。
链接：https://www.bilibili.com/video/BV1vQ4y1j7xG/
Midjourney 内部使用的艺术家名单流出
链接：https://www.4anet.com/p/11v810440f935721
一位名为 Jon Lam 的用户在 X（推特）上爆料，他指出 Midjourney 在尚未获得许可或版权的状况下，私自将 1.6 万名艺术家的作品与创作手法，拿来喂给 AI 生成模型。
Adobe 发布 2024 年创意趋势报告
链接：https://www.digitaling.com/articles/1024239.html
每年都有各种设计趋势报告，Adobe 出的权威一点。在该创意趋势预测报告中，共列举了Calming Rhythms（平静的节奏）、Wonder and Joy（奇妙与欢乐）、Dynamic Dimensions（动态维度）和The New Nostalgia（新怀旧）等 4 大创意趋势。
网易云音乐发布 9.0
全新版本专注于音乐本身，将音乐播放本身的功能更凸显，并且砍掉了很多广告。
链接：https://y.music.163.com/m/at/656ea40c6190f9ce85a63614?app_version=9.0.0
招聘信息
富途招聘产品交互设计师
微信：KIRITOKIRITO8310
小米应用生态团队招聘用户体验设计师
base 南京
体验碎周报第 174 期（2024.01.15）
