体验碎周报第 83 期(2022.2.21)
系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。
体验亮点
Google 仍然搜索错误词提示
Google 搜索不仅有搜索词纠错,如果强行选择错误的词语,还有第二步提示建议。
美团外卖文字按钮
美团外卖的文字按钮很直接,比不明所以的图标强。
体验槽点
拼多多伪造卸载快捷方式
安卓长按桌面应用图标可触发快捷方式(shortcuts),拼多多在里面伪造了一个假卸载,点开后启动拼多多,试图挽回让你不要卸载。有点像用 Windows 卸载流氓软件的那味儿。
来自 @VikACG
饿了么错误的明日营业时间
不晓得饿了么打烊和营业逻辑是怎样的,每次打开打烊的店铺都提示明天 10 点开始营业,但店家是长假还未营业或者直接倒闭了,明天也不会营业。这个提示让用户空等一场。
推荐阅读
超干货!动态设计最全交付指南
链接:https://mp.weixin.qq.com/s/u9h1-2muWamwJIDL4WTSsg
本文将从动态的交付文件、成像原理,以及如何高效的与开发团队沟通等角度来分析动态设计交付,旨在帮助与我们遇到类似问题的团队提供合适的解决方案。对主流交付格式 GIF、WebP、APNG、Lottie、VAP、PAG 有详细的性能对比和优缺点分析。
【PC设计】弹窗为什么需要两个关闭按钮?
链接:https://mp.weixin.qq.com/s/Gakwvnq7gM3OaaeaALQoIg
作者通过研究知名的设计规范、分析用户使用场景和移动端的关闭操作三个方式,得出结论:
- 当要求用户明确表态时,添加【x】不合适。而应该只提供带文案的操作按钮(比如不同意协议)。
- 弹窗(或者说窗体)应该兼顾大部分用户的不同习惯,来保持整个系统有比较好的可用性。保留“x”做为关闭操作性弹窗的最短路径,也是不错的选择。
设计方法论输出:要干货不要泡沫
链接:https://zhuanlan.zhihu.com/p/81040796
无论是行业大会还是面试,方法论总是避不开的话题。追求方法论提升设计质量确实没错,但过度包装就显得很无耻。作者通过本文谈论什么是“真正”的设计方法论,怎样才能输出“真正”的设计方法。
大公司效率低最根本的原因是什么?应该如何应对?
链接:https://www.zhihu.com/question/26111395/answer/115056991
所有培训机构都打着去大厂就业的广告,公司大意味着福利好、机制完善和社会地位,但在其中做螺丝钉也有成就感少效率低的问题。那为什么大公司效率会低呢?这篇住知乎答案引用了乔布斯的一些观点。乔布斯对公司的发展有很多深入的思考,他对一些公司的衰落有很多独到的见解。
可视化理解 GPS 原理
链接:https://pages.longtian.info/gps/
全球定位系统(GPS)毫无疑问是 20 世纪最有用的发明之一,通过这篇文章作者会图文配合详细解释卫星的运动,卫星如何帮助 GPS 接收器确定自己的位置,以及这套系统是通过什么聪明的方法让来自太空的信号在地球上被可靠地解码。
我们在向他人传达新事物时,也可以学习作者的叙述和交互式配图,让复杂的知识更易懂。
来自 @卤代烃
产品发现
Product Hunt 2021 年度最佳产品
链接:https://mp.weixin.qq.com/s/G9_-TiMHmGZYgfMH2k_ORA
Product Hunt 是一个供用户分享和发现产品的网站,很多独立开发者 / 设计师会选择将其作为产品 Start-Up 的首选阵地。每年年终,网站都会发起一个名为 Golden Kitty Award(金猫奖)的评选活动,甄选出年度最佳的产品。
今年是第 7 届,所有的获奖产品都已经在 Product Hunt 网站的博客中公布,你可以点击 ( https://www.producthunt.com/stories/announcing-the-golden-kitty-awards-2021-winners ) 查看原文。
今年颁发的奖项类目广泛,多达 27 种,涉及 AI、Web3.0、硬件、设计等领域。
轻雀面试 —— 快手旗下的在线面试工具
链接:https://interview.qingque.cn
新冠疫情后在线面试成为主流,快手在根据自己面试的经验开发出轻雀面试工具。该工具无需下载客户端,直接在网页中进行面试,并且能将面试全程语音转换为文字记录,与在线代码考核系统和招聘管理系统无缝对接。
EmojiAI —— 根据文字推荐 emoji 表情
该工具能根据你输入的文字智能推荐相关的 emoji 表情,每天可免费使用 20 次。
Hoome —— 实时状态社交网络
链接:https://apps.apple.com/cn/app/id1593602287
“我岛”做了一个新产品,在苹果应用市场社交榜排名涨得挺快。和之前介绍的 App Store 美区 free 榜排名第一,Locket Widget 功能类似,在对方手机上展示你的照片。
Cuto 2.0 —— 每日精选最佳壁纸
链接:https://app.cutowallpaper.com/zh/
Cuto 是手机上的壁纸工具,早在 1.0 就很有口碑。相比老版本:
- 每周的壁纸标出了期数,并更强调「今天」和当周的新壁纸。
- 壁纸更新节奏也从每周末一次更新 6 张,改成了每天更新 1 张,一周共 7 张
- 「收藏」功能支持 iCloud 同步
- 新增「自动换壁纸」快捷指令
- 优化 iPad 体验
- 推出付费「Cuto Pro」服务
识区 —— 字节跳动推出的兴趣阅读社区
用户可以发现有趣的内容圈子,这些圈子是由个人用户创建,圈主被称为“区长”,用户可以根据自己的阅读爱好加入不同的圈子,圈子内的内容主要来自今日头条和 RSS 订阅,在评论区认识志趣相投的读友。目前需要邀请码才能注册登录,我暂时也没有码。
Popsy —— 将 Notion 页面变成网站
将 Notion 页面设为公开分享后,通过该网站进行简单的操作,为页面增加导航菜单,即可将 Notion 页面变成网站。并且可以自定义域名、支持响应式、设置漂亮的页面模板等。
Fabric 文档 —— 在线设计协作白板
链接:https://www.fabrie.com/home
软件名称叫文档,实际上界面却是白板。之所以这样是因为在传统画图白板的基础上能将图形和表格关联,打破文件边界,让协作更加方便。
工具资源
FigmenSo —— 将 Figma 设计稿转换成网页
使用该工具将 Figma 设计稿转换成网页,并且能轻松的为网页增加动画效果,设置滚动元素或者插入视频或动图。
Checklist Design —— 设计自查表收集
链接:https://www.checklist.design
该网站提供众多不同页面、组件、流程、主题和品牌的设计自查表。使用自查表检查自己的设计方案,帮助补全方案的必备元素,学会为什么要加入这些必备元素。
MacPaint 在线复刻版
链接:https://paint.withdiagram.com
MacPaint 是 1984年初代苹果电脑的图形设计工具,国外设计师 Jordan Singer 基于在线设计工具 tldraw 在网页中重现了当年的 MacPaint。
如果你喜欢初代苹果电脑的外观,也可以在( https://www.figma.com/community/file/1067604297402260264 )下载到 Figma 源文件。
Octopusdo —— 在线绘制站点地图
Octopus.do 是一个免费的在线站点地图绘制工具,也可以用来绘制低保真线框图,还能导入 xml 文件自动生成站点地图。绘制后的图可导出为图片或 pdf 。
MockRocket —— 机器模型展示视频生成工具
和其他类似工具相比,该工具不仅能导出常规图片还能导出苹果应用商店预览图和视频。
Design Systems For Figma —— Figma 设计系统源文件收集
链接:https://www.designsystemsforfigma.com/
这个网站收集整理在 figma 社区发布资源的设计系统,可以直接获取 Figma 源文件研究学习。
字节跳动中后台前端解决方案 Arco Pro v2.0 上线
链接:https://bytedance.feishu.cn/docx/doxcneH4MAnUxcBvnLMuoywOp2f#doxcnaE2iEwuGmKcYVTvugYHveS
Arco Design 是由字节跳动推出的企业级设计系统,Acro Pro 是旗下一套开箱即用的中后台前端解决方案。v2.0 相比 v1.0 视觉层级更鲜明、设计风格更年轻、适配暗黑模式、增加更多交互细节还兼容更多产品信息场景。
华为更新鸿蒙 HarmonyOS 折叠屏设计规范
链接:https://developer.harmonyos.com/cn/docs/design/des-guides/design-overview-0000001238537957
HarmonyOS 折叠屏设计规范新增了“外屏”和“多窗口交互”章节,介绍外屏的适配设计,帮助设计师充分利用折叠屏的外屏和宽屏实现多任务并行、便捷的临时任务处理,给用户提供更佳的使用体验。
还在原有章节内容中新增了更多的视频案例,帮助开发者、设计师和产品经理更快速地理解典型场景及设计规则。
相关资讯
花瓣网改版
才发现花瓣改版了,比之前的风格现代很多。从花瓣网首页底部的版权信息来看,花瓣网已经被稿定设计收购了。
Opera 浏览器将支持纯 emoji 网址
Yat(链接:https://y.at)是一家销售带有 emoji 字符串的 URL 的公司,用户可以购买“y.at/🌈🚀👽”类似域名后接 emoji 表情的链接来跳转到对应的网站。
现在 Opera 浏览器与 Yat 合作,用户不再需要输入“y.at/”,直接输入 emoji,就可以进入对应的 Yat 网站。
微信 iOS 版支持聊天图片搜索
iOS 版微信在 “「设置 —— 通用 —— 照片、视频、文件和通话」中已经出现了「聊天图片搜索」功能。开启后可通过图片信息搜索聊天中的图片。用户可以在搜索框中输入图像描述或图中的文字来进行检索。
5G 新通话 —— 带交互服务的电话通话技术
智能手机发展这么快,但最基础的电话功能非常原始,只能语音或按数字交互。我最近才知道有一种 5G 新通话技术。无需另外安装 App,即可在通话界面加入视频、菜单等可视化交互功能,提高沟通效率。
以银行可视菜单场景为例,用户在拨打银行客服热线后,银行服务菜单会以文字形式显示在屏幕上,用户点击相应选项即可办理业务,无需等待繁琐的客服语音报菜单,相较原来的语音菜单形式可节省用户 50% 的等待时长。
天猫推出猫享自营
手机天猫 App 最近更新到 12.0.0 版本,正式上线“猫享自营”服务。猫享自营组建官方采购团队,精选全球正品好货,提供售后无忧的官方客服,并逐步在全国范围内实现「送货上门,当日 / 次日到家」,对标京东商城。
网易云音乐 8 级好男孩活动
最近不知怎么又弄出一个网易云音乐八级是值得交往的好男孩的梗。网易云音乐趁势赶紧做了8级证明书活动开始传播。
阿里云设计中心官网上线
阿里云设计中心官网包含阿里云设计语言、设计体系、品牌设计、设计资源、设计文章等内容,是阿里云设计理念和设计时间的官方对外平台。
有部分内容还在完善中,另外设计体系除了之前发布的 Xconsole 还有暂未发布的 B-Design。之后完善好了可以再来看看。
比亚迪集团更换全新 LOGO
比亚迪汽车去年 1 月曾发布新 LOGO。
比亚迪汽车
而最近宣布对集团的品牌进行焕新升级,发布新 LOGO。
比亚迪集团
欧路词典全新改版
欧路词典是一款跨平台的免费英语学习软件,启动快、功能全、免打扰、海量扩展词库。最近对界面全新升级,界面更加现代清晰。新增全局主题设置、自定义背景、适配系统字号调整。
谷歌宣布开源安卓 12 Material You 动态主题色彩系统代码库
链接:https://github.com/material-foundation/material-color-utilities
谷歌 Material Color Utilities 是一个跨平台的颜色代码库,用户每次在 Android 12 设备上更改壁纸时,系统将采集壁纸的色彩进行整合,并逐步统计为少数几个色彩,然后按照算法找到首选颜色,或者由用户指定默认颜色。
此次开源将该技术带到更多平台,包括苹果 iOS 平台。
Material design 设计师也撰文讲解动态主题色彩遇到的问题和解决思路。
文章链接:https://material.io/blog/dynamic-color-harmony
Shopify 更新导航栏图标
Shopify 对其网页版的导航栏密度和图标进行微调,使之更清晰易读。
并且优化了富文本编辑器的工具栏。
招聘信息
美团平台设计部招聘交互设计专家
体验碎周报第 83 期(2022.2.21)