体验碎周报第 229 期(2025.4.21)

体验碎周报第 229 期(2025.4.21)

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

大产品小细节

【亮点】豆包:用点按手势统一发送文字和语音

链接:https://www.uisdc.com/hunter/0221618640.html

发语音和发文字交互已经形成行业共识——点击切换,但是这两者真的是互斥吗? 豆包团队灵光乍现:既然文字是「点」,语音是「按」,为什么不把两者融合到同一控件? 豆包通过占位符「发消息或按住说话…」提示用户。手指自然跟着直觉走,当你指尖轻触时,键盘自然弹出可输入文字;长按则即刻录音,松手自动发送。整个过程就像呼吸般自然,甚至不需要用户重新学习操作。

【亮点】乐高Builder App:数字输入触发定格动画,巧妙提升交互趣味

链接:https://www.uisdc.com/hunter/0221618988.html

乐高积木的魅力远不止拼装模型这么简单,粉丝们会充分发挥创意,用积木搭建场景、演绎剧情,甚至创作定格动画。 乐高Builder App就懂粉丝这个小心思,每次你在App里输入一位群号数字,页面顶部的乐高积木图片就会变个模样,像在播放一部定格动画。你按一下,积木动一下,简单操作秒变互动小游戏。每一位数字的输入,都成了一段新的创意旅程,给消费者带来惊喜和满足感。

来自 小初yyy

【一言难尽】京东用标题栏的空闲空间放轮播图

手机屏幕寸土寸金,每个App都希望在有限的屏幕上展示尽可能多的内容,尤其是电商平台,更是想方设法在每一个角落推销商品。 原本首页的标题栏都用于显示Logo或者tab和主要操作按钮。京东连标题栏的空白都不放过,在空余空间加上了轮播图。好在尺寸也控制得不错,渐变色的背景也比较和谐,不会显得特别突兀。 这种「见缝插针」的设计,既让人拍案叫绝,又让人担心会不会影响用户体验?

【槽点】民生银行意外把内部聊天记录当作短信发给客户

民生银行向客户发送的短信,误将内部商讨短信内容的聊天记录一并发出。这种错误令人难以置信,尤其发生在以安全性著称的银行,更显离谱。

来自 哥飞

推荐阅读

AIGC设计探索 - 美团平台人物库的炼丹之旅

链接:https://www.zcool.com.cn/work/ZNjY4MjI0MjQ=.html

这篇文章探讨了美团平台设计团队在构建高质量人物库过程中应用AIGC(人工智能生成内容)技术的探索和实践。从概念设计到SD和LoRA的操作、风格拓展、实际应用等,都有详细的论述。

Tag 标签:从无序到统一

链接:https://mp.weixin.qq.com/s/ZJ_pP11Hzo8O8c0P2_tTzg

为了统一千岛 App 中的 Tag 组件设计,Echo Design 团队重构了移动端 Tag 的设计规范。通过系统化思维,确保不同场景下的 Tag 在视觉风格和功能交互上保持一致,提高用户的信息获取效率。规范强调可识别性、简洁性、一致性和灵活性,以满足多样化的使用需求,帮助设计师快速做出清晰选择,让用户体验更顺畅。

安全与用户体验:设计产品的双重挑战

链接:https://mp.weixin.qq.com/s/Tq_RT3cnDiXAD0B5dhXCbA

本文探讨了用户体验(UX)与安全性(Security)的重要结合,强调在设计产品时必须兼顾两者。良好的 UX 设计不仅能提升用户信任,还能确保数据安全。通过有效的文案、设计提示和适度的操作延迟,可以增强安全性而不牺牲可用性。设计师需要深入理解用户需求,以创造既安全又愉悦的产品体验,让用户在享受便捷服务的同时,感受到数据安全的保障。

【英文】为人工智能时代而设计

链接:https://linear.app/blog/design-for-the-ai-age
随着 AI 和大型语言模型(LLMs)的崛起,传统界面的设计理念正经历深刻变革。过去的界面设计强调用户旅程的可预测性,帮助用户通过固定的结构和流程进行交互。然而,AI 的动态和不确定性打破了这种模式,设计者面临着新的挑战:如何在没有明确路径的情况下提供高质量的用户体验。

设计的核心是为功能提供形式,而在 AI 的背景下,形式与功能的关系变得复杂。设计者需要创造一个类似 “工作台” 的环境,不仅整合传统的 UI,还应考虑 AI 的强大功能,以便提升用户工作效率。有效的设计应为用户提供清晰的上下文,降低认知负担,从而在 AI 与用户的互动中实现最佳效果。

展望未来,设计者需要超越简单的聊天界面,深入理解用户的具体需求,为 AI 工具的有效应用提供坚实的基础。在这个过程中,设计将继续发挥重要作用,帮助用户在 AI 时代找到合适的交互方式。

【英文】设计师不需要编程,而是需要学习如何写提示词

链接:https://www.antonsten.com/articles/designers-prompt/

随着 AI 工具的发展,设计师不再需要学习编码来实现他们的设计理念,而是需要学习如何有效地提示这些工具。诸如 Cursor 和 ChatGPT 等 AI 开发工具使得设计师能够在不懂编码的情况下创建实际的应用和网站。这种转变意味着设计师可以更专注于设计思维和创意,而不是在编码上浪费时间。使用 AI 时,提供清晰、具体的提示至关重要,因为更好的提示往往带来更好的结果。通过与 AI 的互动,设计师能够快速迭代和实现他们的想法,甚至在面对困难时也能找到解决方案。这种工具的进步并非设计的终结,而是设计的新起点。未来的设计师需要不断实验、玩耍,并学习如何与这些新工具进行流畅的沟通,以充分发挥其潜力。总之,学习如何提示 AI 将是设计师成功的关键。

工具资源

妙多AI——用AI基于设计系统生成UI

链接:https://motiff.cn/ai

通过自然语言描述或上传参考图、原型图,AI 即可生成高质量的 UI 界面。支持基于 Material Design 和 Ant Design 等主流设计系统生成,能对设计系统风格进行二次定制成新的设计系统,确保生成的UI风格统一且易用。生成的 UI 采用矢量分层结构,具有自动布局功能,支持后期编辑。

我自己用妙多AI实战过,生成常规界面非常OK,稍微改改就能用在实际工作中了。可以看看我写的教程 https://mp.weixin.qq.com/s/SPDiYAeKxaBxOKn-OlpANA

ChatUI——对话式交互专用设计系统

链接:https://chatui.io/

阿里巴巴旗下一款面向智能对话领域的设计和开发体系,提供丰富组件和自由配置的对话界面,支持多种语言和无障碍设计。它拥有深色模式和响应式布局,适配各种屏幕尺寸。新增加的打字气泡效果,提升对话互动的趣味性。

UI Prompt Explorer——AI生成UI的提示词库

链接:https://uiprompt.art/

该网站收录了各种设计风格和页面类型的 AI 生成界面,每个界面都附带相应的提示词。你只需复制并稍微调整这些提示词,就能用AI生成类似的界面。

atypica.AI——AI生成研究报告

链接:https://atypica.musedam.cc/

提出具体商业研究问题,AI会通过 10-20分钟的「长推理」给出一份详尽的商业研究报告。推理过程中会建立用户画像进行虚拟访谈,因此拿来做用户调研不错。

产品发现

ai-flavor-remover——去除 AI 生成文本有AI味的提示词

链接:https://github.com/hylarucoder/ai-flavor-remover

经过在 Gemini 2.5 Pro 上测试,表现优异。可以通过重写策略有效降低文本的 AI 特征,显著提升文章的自然度与可读性。

ProNotes——增强 Apple Notes 的插件

链接:https://www.pronotes.app/

提供了便捷的格式化工具、Markdown 支持、斜杠命令以及双向链接功能,帮助用户快速编辑和组织笔记。此外,ProNotes 集成了 AI 功能,能够自动补全句子、改善写作、总结内容和修正语法。对于频繁使用 Apple Notes 的用户而言,ProNotes 无疑是一款不可或缺的工具,提供了更高效和智能的笔记管理体验。

Fellou——AI Agent浏览器

链接:https://fellou.ai/

与当前那些仅集成AIGC功能来总结和翻译网页的浏览器不同,这款浏览器的AI Agent能够执行复杂任务:自动注册登录、收藏内容、整合多个网站的信息并生成统一报告。当网站内容更新时,它还会自动更新相应的报告。这些任务可以在后台运行,不会影响用户正常浏览网页。

Reversely.ai——AI识图搜索

链接:https://www.reversely.ai/

虽然谷歌、百度等通用搜索引擎都提供以图搜图功能,但最近我有个亲身体验证明这款工具更加实用。当我的朋友需要帮忙寻找一个国内自媒体搬运的国外穿搭视频原始出处时,我尝试用截图在多个搜索引擎进行以图搜图,最终只有Reversely.ai成功找到了正确出处。看来这家公司在人脸识别和视频图片匹配技术方面相当厉害。

暗中观察——偷偷关注不留下记录

链接:https://peekpeek.fan/

针对于一些特殊的亲密关系,比如你的前任,前任的现任,现任的前任,你的老板等等等等。时不时地想看看,但又不想直接关注给双方带来一些压力。🌚将那些对你很特别的人保存到一个特别的地方,是特别的关心。

Pixel Paws——在Apple watch上养电子宠物

链接:https://apps.apple.com/us/app/pixel-paws-virtual-pet-toy/id6743422824

一款适合 4-12 岁儿童的可爱虚拟宠物应用,专为 Apple Watch 设计。游戏提供简单的操作和友好的图形,且无广告和隐私追踪,让家长放心。玩家通过照顾宠物(喂食、散步、玩耍)赚取金币,解锁新宠物和背景,享受无压力的游戏体验。轻松的冷却时间机制让玩家能够随时回归,无需担心错过时刻。

相关资讯

Figma正在开发网站生成和AI生成App功能

链接:https://x.com/wongmjane

据推特用户 Jane Manchun Wong 爆料,Figma 正在开发网站生成和 AI 生成 App 功能。

其网站生成功能支持响应式设计,并提供多种内容块和交互模板。用户只需拖放内容模块并应用交互模板,即可生成完整网站。

AI 生成 App 功能基于 Claude,只需输入提示词即可生成应用程序。

招聘信息

AIUX招聘体验设计师

链接:https://mp.weixin.qq.com/s/gvFQ_PHVRBm1wmPCjMFH9w

体验碎周报第 229 期(2025.4.21)

https://www.ftium4.com/ux-weekly-229.html

作者

龙爪槐守望者

发布于

2025-04-21

更新于

2025-04-21

许可协议

评论