## 相关 1. [UX Bites](https://builtformars.com/ux-bites) 一个专门收集体验细节的网站，我最近一次看更新还是2023年6月的。 1.  2. [[槽点体验记录]] 3. [[前沿新颖创意的网页设计]] 4. [[我的体验与交互设计 X 板斧]] ## 人性化 ### [[Gamma]] 的表单 填写完option的表单以后，出现了感谢，十分有趣。  ## 可视化 - Swisscom 可视化网速展示 - 仅凭带宽数字不能很好地比较网速具体多快。Swisscom 为用户提供可视化的网速呈现方式，选择不同的网速套餐，将用进度条展示对应网速下浏览网站，下载电子书、CD、更新包和电影所需要的时间，帮助用户对比不同网速套餐的区别。 ## 防止错误 ### Framer 的防错+新手引导 大多数设计师想画一个矩形都会按一下 R，在 Framer 中已经取消了矩形，用 Frame 来代替，但如何优雅的告诉用户？当我在 Framer 中想摁住 R 画矩形时，他就自动弹出了一个新手提示，并告诉我怎么做。  ## 减低记忆负荷 ### 短信验证码位数 神策数据登录时，是 4 位数，我觉得挺不错，非得 6 位吗？ ## 在寻找到第一个类似的目标时，人们就停止寻找。 在使用产品时，我经常找到类似搜索框的元素就开始搜索了 两个案例 1. Figma 老版本的搜索框 2. Table icons 的订阅邮件，我在订阅邮件那里搜索过好几次……  ## 别让相同外观形式代表不同的模块 > 两个模块使用一致的结构进行设计，导致用户需要逐字阅读才能理解两种接种方式的差异。简单一致在视觉上似乎是简洁、通用的，但在实际的使用过程中增加了用户理解的复杂度。 来自微信的那篇搜索核酸检测结果的灵感，用户只能通过认真阅读文字去区分，体验不好。  ## 别让相似/相同元素同时存在多种交互和功能。 ### Figma 创建 style 的“+”按钮非常容易误操作 大家应该都深有体会  ### 幕布的圆点 ^195cb6 我记得以前 Hover 原点是行菜单，点击是进入下一级，当时就感觉怪怪的，经常操作失误，可能此处需要记忆负担吧（想起了出租屋那个通过旋转按钮改变水龙头或者花洒的设计，实在太 xx 的难用了。） 改版后，原来 Hover 出现的行操作菜单变成了同为点击 3 个点。 就算是改变了习惯，也没有让我很抓狂。 Before：同个元素同时存在 hover 和点击。 After：统一为点击，而且分为明确 2 个元素。  ## 界面目的明确 - 每一个页面，一定有一个主要任务，多多思考用户来这里干嘛 - 为什么你的备注用户总是看不到？ ## 颠覆式的简化复杂流程 ### 直接在新手引导中完成设置？ Slack 在初次使用会直接让用户进行一些 preference 的设置，这些设置肯定也在更深的位置存在，但是这样确实变得非常简单。  ### 腾讯文档数据验证 - 传统 excel 编辑时，想添加下拉选项，需要用到数据验证比较复杂，腾讯文档简化的很清晰易懂。 -  ## 上下文中支持增加数据 ### 神策数据，新增账户  #### [[Emerge]]，新增产品分类  ### Oddo 新建客户  ## 所见即所得 这是一个非常重要的体验标准，为什么 markdown 上手门槛更高？因为它并不是所见即所得，需要切换编辑和预览。 ### SEO - Shopify 真正站在用户的角度去做 SEO 页面的设置。 ## 创意交互 ### 组合键交互 #### Raycast 搜索结果 按下COMMAND 后，才出现的快捷键提示。 #2023-5  ### 节约空间的大纲交互 #### Teambition - 通过按钮唤出 - 还可以调整栏目顺序。 #teambition ![[2022-01-18 13.58.51.gif|450]] #### 轻流 类似于少数派的目录形式  ### 四元菜单 [[引起舒适，什么是好用的界面？#^24cadc]] ## 在合适的位置出现引导 ### 在 [[Jira]] 中新建文档时 创建文档时，很难感知到是什么内容，本产品通过直接展示界面，非常贴心。  ### [[Emerge]] 中，创建条码。 在需要的时候出现教程，而不是最开始强行学习。