体验碎周报第 104 期(2022.7.18)
系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。
体验亮点
Framer 防错和巧妙新手引导
大多数设计师想画一个矩形都会按一下 R,在 Framer 中已经取消了矩形,用 Frame 来代替,但如何优雅的告诉用户?当我在 Framer 中想摁住 R 画矩形时,他就自动弹出了一个新手提示,并告诉我怎么做。
来自 @chi
美团会员强调不自动续费
之前有其他会员用首月优惠但弱化自动续费的方式吸引用户开通,导致用户后期被续费时投诉。美团会员则在开通时强调“放心开通,不自动续费”,提升用户的信任。
来自 @三秋十李Sergio
体验槽点
大众点评返回经过所有内嵌网页
大众点评免费试在结果页增加返回首页功能估计是为了解决内嵌网页返回再经过表单的问题,但这个按钮没把页面路由清空,导致返回必定会经过之前的所有内嵌网页。按返回我都要按吐了。
推荐阅读
设计策略|源源不断的创新思路(渐进篇)
链接:https://mp.weixin.qq.com/s/7rHuw8MY2CNFHa6A-SIrVg
作为设计师,如何抓住乍现的灵光时刻并不断复制思路,生产源源不断的创意活水?《设计策略|源源不断的创新思路》分为渐进篇和激进篇,旨在从创意的启动、过程和决策三个阶段出发,提供创意策略,通过具体的案例或思维过程帮助大家在工作中打造自己的灵感永动机。
沉浸式交互让游戏更加迷人
链接:https://mp.weixin.qq.com/s/YsIcEtdJwkYhQ5lNm6Acjw
更优秀巧妙的交互方式,加深玩家沉浸感,体验游戏的世界观和乐趣。作者例举和分析一些优秀的游戏交互设计的细节,从 4 个方面为大家做游戏交互设计时拓展更多的思路。
- 使用自然场景交互优化纯 UI 交互体验
- 调动潜意识行为优化纯 UI 交互体验
- 以视听感官体验简化数据和信息反馈
- 超自然感官交互体验刺激情感愉悦度
如何应对团队协作的五大障碍
链接:https://mp.weixin.qq.com/s/uHYaaDyAqEAXwb4oo7DvNQ
本文从“团队协作的五大障碍”出发,首先对团队协作过程中遇到的各种问题进行抽象归类,然后分享作者试过且效果很好的一些敏捷实践。
本文会从以下几个方面来展开叙述:
- 团队挑战
- 团队协作的五大障碍
- 针对每一大障碍的具体陈述和对应实践
- 团队文化产出
- 团队建设结果
浅析 B 端场景下的搜索设计
链接:https://mp.weixin.qq.com/s/cRRdIHwJrdiMfTmAzlxdqw
B 端业务场景下数据量多且复杂,对数据的精准度和查找效率要求高。本文基于腾讯威胁情报中心业务设计背景对 B 端搜索功能进行探究分析,总结设计过程中的思考和要点。
什么是峰值体验?我带你来研究!
链接:https://mp.weixin.qq.com/s/GXWMitg7IO1t7_G8ppiBzQ
人类对于一段经历的总体体验,取决于TA对这段经历中两个关键点的体验感受的平均值;这两个关键点分别是感受最强烈的瞬间(峰值),和终点瞬间的感受(终点),经历的时间长短与总体体验程度没有关系,所谓峰值体验就是如此。
本文总结了具体可落地的打造峰值体验的方法和案例。
工具资源
Zapier 品牌规范
Zapier 是美国的一家 SaaS 软件公司,其提供无代码集成平台可以与超过 2000 家 SaaS 产品进行对接,自动同步数据和执行动作。他们公司没有办公区,全员 100% 远程办公。他们的品牌规范网站也设计得很动感,透出着一种欢乐的感觉。
duolingo(多邻国)的品牌规范
链接:https://design.duolingo.com
对 LOGO、文案、插画、虚拟角色甚至 emoji 都做了详细的规范,而且非常可爱。
Rainbow D —— 京东智能城市设计语言系统
链接:http://dev-uc.urban-computing.cn/find-react/index-cn
该系统以京东城市设计语言为基础,提供中台组件库、可视化组件库和模板等。便于快速搭建智能城市产品。
ProComponents —— Ant Design 页面模板组件
链接:https://procomponents.ant.design/components/
ProComponents 是基于 Ant Design 而开发的模板组件,提供了高级表单、数据结构化、拖动排序表格等更高级别的抽象支持,开箱即用。可以显著的提升制作增删改查基础页面的效率,更加专注于页面。
Variable-Width Stroke —— Figma 可变宽度钢笔工具
链接:https://www.figma.com/community/plugin/915785576743284465/Variable-Width-Stroke
用 Figma 钢笔工具绘制线段,然后再打开此插件可以给线段设置不同的宽度。
IconBrew —— 开源免费图标库
目前有 280+ 免费图标,每周会新增,点击直接下载 SVG 格式。
MESH・Y —— 渐变背景生成工具
一键生成渐变背景,可自定义渐变色值和输出尺寸。
产品发现
妙言 —— 苹果原生开发的本地 Markdown 笔记
链接:https://github.com/tw93/MiaoYan
使用 Swift5 原生开发,相比 Web 套壳方式性能体验好,纯本地使用更安全,支持语法高亮、黑暗模式、源文件保存、国际化、演示模式、文档自动排版、图床、LaTeX、Mermaid、PlantUML。
Confectionery —— 为网页截图增加浏览器外框
链接:https://confectioneryapp.com
免费的 Mac 工具,用该工具为网站截图增加一个简洁的浏览器外框。
提问搜索 —— 帮助文章写手,短视频写手理解年轻人
该网站采集网络上热门的提问,支持关键词搜索,可以用来了解当前网络舆情和热点,利于写手挖掘话题写文章做视频。
用户图形界面历史
链接:https://history.user-interface.io
一个展示从 1973 到 2007 年,18 个操作系统的用户图形界面截图的网页。
网课笔记大师 —— 视频转长文
链接:https://juejin.cn/post/7120873849335332895
将视频和字幕(无字幕用剪映自动识别生成)导入到该工具中。对字幕进行分段后,即可自动根据分段自动对视频截图,这样就可以导出 markdown 格式截图和字幕匹配的长文。
Manganum —— Chrome 侧边栏插件
该插件可以给你的 Chrome 浏览器增加侧边栏,通过侧边栏快速打开其他网站,或者使用翻译、日历、任务清单等功能。
Artbreeder-Collages —— 人工智能作画工具
链接:https://collage.artbreeder.com
只需随意画几个圈圈,再用英语描述画作内容,该工具即用人工智能自动作画。
Auto Group Tabs —— Chrome 标签自动分组插件
链接:https://chrome.google.com/webstore/detail/auto-group-tabs/mnolhkkapjcaekdgopmfolekecfhgoob
在后台自动对浏览器标签页进行分组。可以自定义按照标签页的域名或标题等规则进行分组,同时支持关闭自动分组使用按钮手动触发分组。
派对岛 —— 字节跳动旗下的虚拟形象社交 App
7月12日,字节跳动旗下首款“实时互动社区”App 派对岛正式公测。即便来到了公测阶段,用户也依旧需要邀请码才可进入其中。
相关资讯
苹果公司结束与前设计总裁 Jony Ive 长达 30 年的合作关系
自从苹果公司前设计副总裁 Jony Ive 于 2019 年离开苹果以来,他一直通过他的 LoveFrom 设计公司为公司担任顾问。当 Jony Ive 离开苹果时,苹果与他签订了一份价值超过 1 亿美元的多年合同。根据协议条款,苹果是 LoveFrom 的主要客户,但这笔交易限制了 Jony Ive 从事苹果认为具有商业竞争的其他项目。据报道,苹果公司高管质疑苹果公司付给 Jony Ive 多少钱,据说他们还对苹果设计师离开去 LoveFrom 公司感到沮丧。与此同时,Jony Ive 希望能够自由地选择自己的客户,而不必清理他在苹果的工作。于是从今往后,苹果和 Jony Ive 不再续约,正式结束长达 30 年的合作关系。
Meta 发布人工智能作画技术 Make-A-Scene
链接:https://ai.facebook.com/blog/greater-creative-control-for-ai-image-generation/
只需用文本或者草团,Make-A-Scene 就自动帮你绘制画作。不过这只是一个技术样式发布会,没有对外开启试用。
Material Design 3 为底部应用栏新增 FAB (浮动操作按钮)
链接:https://m3.material.io/components/bottom-app-bar/guidelines
虽然谷歌特地把放在底部应用栏的 FAB 去掉阴影使得没有视觉高度,但还是有设计师吐槽把 FAB 既然都“固定”到底部应用栏里,那就不该叫“浮动按钮”了。
微博、抖音等将整治用谐音字、变体字传播不良信息
微博称将加大对利用“错别字”借机传播不良信息等违规行为的排查清理力度;健全平台用语管理机制,完善关键词识别模型;通过建立正向激励机制、加强站内宣介等方式,引导站内用户规范使用汉字。
我个人很赞成规范使用汉字,但社交媒体所谓“用谐音字、变体字传播不良信息”,除了法律不允许的不良信息外,也利用这一点来打击竞争对手。比如在微博和抖音里提“微信”会被限制流量。
微信测试朋友圈「共同回忆」功能
测试版用户发送朋友圈「提醒谁看」被替换为「和谁一起」,点击最多可选 10 位好友。发布后,被选择的好友收到提醒,朋友圈右上角新入口「共同回忆」中可以看到所有标记的内容。
Twitter 测试共同发推功能
发推时选择某位用户,在经过对方同意后,发出的内容头像是多人。适合多方合作发布官方通知的场景。
支付宝上线「夜间保护」功能
开启保护功能后,在自己设置的时段内或者要进行大额交易、充值游戏时,会被要求再次核实身份,验证通过才能交易支付。夜间保护可在 21:00 ~ 7:00 之间进行选择,大额保护可在 1000 元~10000 元之间进行选择。
招聘信息
上海市大数据中心(事业单位)招聘用户体验推进员
链接:https://www.shanghai.gov.cn/nw48336/20220713/f5a80c525161448f9db414043111144d.html
天购设计中心招聘资深、高级电商设计师
坐标:深圳
滴滴用户增长团队招聘交互设计师
体验碎周报第 104 期(2022.7.18)