体验碎周报第 230 期(2025.4.28)

体验碎周报第 230 期(2025.4.28)

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

大产品小细节

【亮点】Airbnb相册式房东主页:拉近人情味的巧妙设计

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

Airbnb运营的是个人房源,和连锁品牌酒店不同的是,我们能感受当地的家庭般的居住环境,和房东也有更多的互动。因此Airbnb在房源展示上也和其他订房App不一样,房源照片的左下角会展示房东的照片,并且做成相册形状。点开会有动效让相册展开查看房东的个人信息,就好像去亲密的朋友家里,对方把家庭相册给你翻阅一样,从设计上拉进租客和房东的距离。 这样的设计增强了归属感和信任感,仿佛提前认识了房东这个 「朋友」,让旅行住宿不再陌生。对Airbnb而言,这凸显了品牌特色,强化了 「家一般的居住体验”」的品牌形象,吸引更多追求个性化住宿的用户。

来自 启师傅

【亮点】牛油果成熟度贴纸:视觉化解决挑选难题

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

大家去水果店买牛油果的时候,是不是经常拿在手上左看看右摸摸,却还担心买回家切开是硬邦邦的生果,或者已经熟过头了?想要挑到恰到好处的牛油果,对很多人来说简直太难了! 果农们为了帮大家解决这个烦恼,想出了个超实用的点子。他们给牛油果贴上了特殊贴纸,上面印着果皮从青绿到深褐的不同阶段颜色图示。你只需要把牛油果和贴纸对照一下,就能轻松判断它熟没熟。而且这贴纸贴得牢固,不会轻易掉,方便大家挑选。 复杂信息转化成「看图即懂」的视觉语言,能极大的降低理解成本。

来自 星玖

【亮点】vivo破壁流转用生态兼容对抗iPhone生态壁垒

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

在手机市场上,iPhone 是最受欢迎的品牌,而安卓手机品牌则一直在追赶。安卓手机厂商做了很多努力,包括提升硬件配置和改进软件体验,都是为了能赶上 iPhone 的销量。但是 iPhone 有一个很强大的优势:它的生态系统。用户用惯了苹果的产品,比如 AirPods 耳机和 iMessage 聊天软件,就不太愿意换到其他品牌的手机了。

面对这个情况,vivo 想出了一个新办法。他们开发了一个特别的功能,让 vivo 手机可以接收 iPhone 的短信和电话,还能使用苹果的 AirPods。这样做的目的是让 iPhone 用户愿意尝试用 vivo 手机作为备用机,如果用得开心,说不定以后就会完全转换成 vivo 的用户。

【槽点】即梦提示词输入框太小,长文编辑体验差

AI生成的质量取决于提示词的精确程度,所以提示词需要写得详细是很正常的。但即梦的提示词输入框又小又难操作,滚动条还特别难点击。几百字的提示词挤在这个小框里,连基本的符号和emoji都不支持,想找内容删改还得来回滚动,实在让人抓狂。

来自 歸藏 Simon阿文

【槽点】通义深度思考功能图标的状态展示不明确

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

配图展示了通义App中深度思考功能的界面。由于通义的设计语言规范要求使用彩色图标,这导致了一个问题:当深度思考功能未开启时,彩色图标容易让用户误认为该功能已经开启(通常未开启状态会使用灰色或空心图标)。只有当用户真正开启功能,看到图标变成带✅的纯色时,才会意识到之前的彩色图标其实表示未开启状态。 这种设计违反了尼尔森十大可用性原则中最重要的「系统状态可见性」原则,导致用户无法直观地感知当前操作状态,增加了认知负担和操作的不确定性。 为了避免这个问题,应该通过形状、颜色和位置的明确区分来表达选中与未选中的状态。

推荐阅读

为什么AI应用的logo大多都长得像肛门?

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

为什么许多 AI 应用的 logo 看起来像肛门?这引发了网友们的热议。文章探讨了这一现象的背后文化含义,认为这种设计可能源于西方对肛门符号的偏爱,甚至与反常规思维有关。OpenAI 的 logo 被解读为 “乐观精神和智慧的爆发”,但也存在关于其隐含含义的阴谋论。AI 界的 logo 设计似乎在模仿 OpenAI,反映了行业内的范式效应。

【英文】过渡动画:实用指南

链接:https://uxdesign.cc/transition-animations-a-practical-guide-5dba4d42f659

动画在产品设计中至关重要,特别是过渡动画。它们不仅吸引注意力,还提升用户的愉悦感和界面的直观性。本文介绍六个核心原则,包括淡入淡出、缩放、方向一致性、速度平衡、优先级排序和空间感,帮助设计师创造流畅、连贯的过渡动画。这些原则简单易用,适合所有设计师,在实际操作中提升用户体验和产品质量。

【英文】设计指南:原则、模式、启发式和团队章程

链接:https://www.nngroup.com/articles/design-guidance/

设计团队在创造一致性和可用性体验时,依赖于四种主要的设计指导:设计原则、可用性启发式、设计模式和团队章程。设计原则是高层的价值声明,引导团队对设计决策的方向;可用性启发式则提供基于研究的最佳实践,帮助团队在设计评审中发现潜在的可用性问题;设计模式是针对常见设计问题的可重复解决方案,使设计更为高效;团队章程则侧重于团队内部的合作,明确团队目标和价值观,从而提高协作效率。这四种指导方式不是孤立存在的,而是相辅相成,形成一个层次分明的指导体系。通过结合这四种设计指导,团队能够更好地对齐价值观、评估设计、解决界面问题并促进高效合作,从而提升用户体验和团队的整体表现。

写给开发者的设计书

链接:https://www.xiaobot.net/p/designbook4dev?refer=63dd4658-de29-4a42-970c-9086999ff40b

专栏由经验丰富的产品设计师 Zhilin 创办,旨在帮助开发者掌握设计技能,从而独立构建自己的产品。专栏内容涵盖设计的基本法则、文字排版、版式布局、色彩运用等实用知识,确保开发者能够在没有外包和团队支持的情况下,自行完成产品的 UI/UX 设计。通过精心设计的案例、练习课题以及 Figma 文件和资源,读者可以迅速上手,提升自己的设计能力。专栏的结构合理,内容系统,特别适合独立开发者、创业团队、PM 以及对设计感兴趣的人。Zhilin 希望通过这一平台,将自身对设计的理解与经验分享给更多人,帮助他们在快速发展的互联网环境中更好地融入设计思维,提高品味和职业竞争力。

工具资源

Landbook——网站设计灵感收集

链接:https://land-book.com/

每日更新的设计案例涵盖各种类型的网页,包括登陆页面、电子商务网站和作品集。可以通过筛选颜色、排版、风格、行业等多种维度来寻找灵感,轻松找到符合自身需求的设计案例。

Variables Documentation——生成设计系统变量文档的Figma插件

链接:https://www.figma.com/community/plugin/1493511839808963998/variables-documentation

轻松生成专业表格,展示变量值、颜色样本及其透明度,还可以追踪变量之间的关系。插件提供过滤和搜索功能,便于在大量变量中快速找到所需信息。此外,还可以选择多种显示样式并自定义表格外观,以符合公司的品牌形象。使设计 token 更易于访问和分享。

Magic Animator——AI生成动效

链接:https://magicanimator.com/

只需一键,用户即可将矢量图像、图标、社交媒体内容等转变为动感十足的动画。无论是在 Figma、Canva 还是 Adobe Express 等设计工具中创建的内容,Magic Animator 都能轻松适配,生成高质量的 MP4、GIF 或代码格式(如 Lottie 文件),让动画制作变得简单高效。

产品发现

成分查查——智能食品成分解读,帮你做健康选择

链接:https://apps.apple.com/cn/app/成分查查/id6743526964

帮助用户更好地理解配料表,从而做出更健康的饮食选择。该应用利用人工智能技术,将复杂的专业术语和少见成分转化为通俗易懂的语言,及时揭示潜在的健康风险,如致敏源、人工添加剂和高盐成分,帮助用户快速判断食品的营养优劣。支持用户自定义当前状况(例如麸质过敏、痛风、增肌等),为特定疾病人群、过敏人群及健康饮食者提供个性化的风险提示,让安全选择一目了然。

今天学点啥——AI将文档、网站转换成互动在线课程

链接:https://metaso.cn/study

这个工具能把文章或网页链接用AI转换成一堂课,有AI生成的PPT,AI生成的讲课语音,AI生成的课后习题,AI助教随时答疑。把几个不同AI工具做的事情综合在一起做,很有想法。

链接:https://sindresorhus.com/menu-bar-spacing

可以调整菜单栏项目之间的间距,帮助你在有限的空间中容纳更多的应用。一次性运行即可永久应用更改,并且可随时恢复。此应用支持 Shortcuts,可以实现自动化调整,适合需要更好管理菜单栏的用户,是 Bartender 和 Ice 的良好替代选择。

租客评(小程序)

这个小程序上可以查到每个小区租客的评价,也可以自己贡献评价,租房不踩雷。

TimeScribe——macOS时间记录工具

链接:https://timescribe.app/

帮助用户轻松管理工作时间和提高工作效率。该应用程序支持自动开始和暂停功能,使用户能够更准确地记录工作时间,并有效跟踪自己的工作进度。此外,TimeScribe 还提供详细的工作时间报告,帮助用户全面了解自己的工作状况,从而更好地优化工作与生活的平衡。

京东库存查询,实时了解商品有货地区

链接:https://cll.name/jd/stockjd.htm?i=1

想知道京东哪些地区有货?通过我们的库存查询工具,您可以轻松获取实时的商品库存信息。只需输入京东地区编码或京东 ID,即可快速查找您所需商品的可用性。

相关资讯

【技巧】为 AI 生成图片添加瑕疵以增加真实感

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

AI生成的图片仔细观察时很容易发现特征:早期生成的人物会出现手指多出一根的问题,而现在生成的图片则容易呈现油画般的质感,显得不真实。最近我发现了一个能解决这个问题的提示词,想和大家分享。

在提示词中加入「一张极其平庸的 iPhone 照片,没有清晰的主体和取景——只是一张漫不经心的快照。照片略带动态模糊,由于阳光不均匀略微过曝。——就像是从口袋里掏出手机自拍时不小心拍到的一样。背景中的灯光和摄像机显得模糊不清。」这样生成的图片会呈现出适当的模糊感,像是摄影新手拍出的照片。反而正是这种不完美,让图片看起来更加真实。

旧版复杂的色彩过渡和阴阳图案叠加可能在小尺寸场景下辨识度降低。新版通过简化色彩层级(主色仅保留绿色+白色),在保持阴阳核心元素的同时,增强了视觉记忆点。

招聘信息

奇瑞捷途照片数字化产品设计师

内推联系 lishengkun@mychery.com

体验碎周报第 230 期(2025.4.28)

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

作者

龙爪槐守望者

发布于

2025-04-28

更新于

2025-04-28

许可协议

评论