体验碎周报第 59 期(2021.8.23)
系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。
体验亮点
moonvy 随机创作头像
通过角色、表情和颜色三个维度随机生成头像,像玩老虎机🎰,挺有意思的。
本条来自 @Jeff
虎扑修改点赞图标揶揄吴亦凡
和吴亦凡(加拿大电鳗)结梁已久的虎扑,在电鳗被批捕后,把点赞图标改成 skr(吴亦凡在《中国新说唱》中的口头禅),点赞后图标变成闪电(电鳗)被关在牢房里。
本条来自 @Heisenberg
体验槽点
彩云天气 安卓版通知栏图标过小
彩云天气安卓版的通知栏图标忒小了(时间右边那个),没背景底色,第一次看还以为屏幕坏了破了个洞。
京东下单 2 次指纹验证
京东下单如果使用京豆、E卡,在进入「收银台」前需要验证指纹。如果还有金额需要支付,在「收银台」付钱。有时候就会把验证指纹误以为已经付钱,纳闷京东付完钱还要付钱。
推荐阅读
迪士尼动画 12 原则与界面动效的关联
链接:http://www.woshipm.com/pd/562510.html
可用性有著名的尼尔森原则,动画领域也有经典的迪士尼动画原则,这 12 原则与界面动效设计的原则有很多相通的地方,可以用来评估动效设计是否合理。本来有电子书来着,但却是英文版,估计大家没耐心看完,我就不发了。可以看看下面这个视频。
视频链接:https://www.bilibili.com/video/av501929097/
深色模式 vs. 浅色模式:哪种更好?
链接:https://mp.weixin.qq.com/s/Sh4Si16fWCsqeHSM2A462w
这是著名的尼尔森可用性原则的作者尼尔森所创办的设计资讯公司的公众号。该文通过实验和参考其他文献结论,认为:视力(或矫正视力)正常的用户在浅色模式下表现更好,而一些有白内障或相关病症的用户可能在深色模式下表现更佳。长时间的以浅色模式阅读更可能会导致近视。
微软 AI 人机交互指南(译文)
链接:https://jelly.jd.com/article/60e44c5878b202017b29c849
微软提出了 18 条普遍使用的 AI 人机交互设计指南。这些指南综合了二十多年来关于如何使人工智能变得更加用户友好的思考和研究。微软团队对他们进行了三轮验证,以确保它们是具体、可观测且易于理解的。
设计稿被质疑,你需要这个万能套路!
链接:https://mp.weixin.qq.com/s/35c9Qyb-fD5Je4bJQnvt4Q
针对设计稿被质疑这个老大难问题,作者分享一个常用的套路——接纳-挖掘-推导。简称它为说服三段式,专治各种观点冲突。让你有完整的思路去应对,而不是自乱阵脚。
相关资讯
Mac OS Web —— 网页版 Mac OS 界面模拟
国外一个 19 岁少年的作品,在网页中实现 Mac OS 的界面交互,并且代码开源。
推特新的设计规范遭吐槽
Twitter 最近推出新的设计规范,并对网站和 App 进行改版,其中包括 Twitter 的新字体“Chirp”及各种元素的变化比如关注按钮由蓝色改为黑色,这些变化将使它们的对比度更高。
但用户并不对此买账,很多用户反馈会出现眼睛疲劳、头痛和偏头痛等症状。其中一位用户写道:“这些新功能使散光和阅读障碍者(新字体),以及色彩对比度和光敏性偏头痛患者(新配色方案)无法使用 Twitter”。
2 个事实正确,但用户认为错误的例子
首先是陕西拼音的例子:
近日,有网友质疑上海陕西南路站将英文站名 Shanxi 错写成 Shaanxi。对此,上海地铁表示,根据国家测绘局编制的《中华人民共和国地名录》,陕西的正确拼音为 Shaanxi,为了区分山西(Shanxi)、陕西(Shaanxi),有关方面借用中国第一套法定拉丁字母拼音方案“国语罗马字”里“第三声双写单元音”的规则,将“陕”写作 shaan。这样,山西(Shanxi)、陕西(Shaanxi)就能很好地区分开。陕西省人民政府门户网站的网址、陕西路的路牌以及2015 年发布的《上海市道路名称英译导则》上都是这么标注的。
为此,上海地铁微博 9 年已经解释 14 次这个事情。
第二个是游戏中帆船旗帜的方向:
在现实世界中帆船旗帜方向与风向和船运动方向相同。但有些玩家认为旗帜应该和帆船的运动方向相反,可能玩家是受到陆地上的经验影响,人往前跑旗帜向后飘。于是有些游戏拗不过玩家,只好把旗帜方向改成错误的。
Copy & Rotate —— Figma 旋转插件
链接:https://www.figma.com/community/plugin/1003651932772848456/Copy-%26-Rotate
Figma 一直没有 Sketch 的 旋转复制(Rotate Copies)功能,现在终于有 Figma 插件补足这个功能了。
PANTONE 发布2021色彩流行趋势
链接:https://mp.weixin.qq.com/s/8uEf-gD23B7k6KbYdYZZkA
每年全球的色彩权威机构 Pantone,都会发布当年的春夏流行色,毫无例外,前段时间他们陆续发布 2021-2022 春夏十大流行色。这些颜色分别是:靛蓝彩雀、海边玻璃蓝、芭蕾舞步粉、蓝色环礁、明亮黄、熔岩流红、金盏花橘、橘褐色、泡菜辣椒绿和紫玫瑰。
Glass —— 照片分享 App
链接:https://glass.photo/
国外新推出的一个照片分享 App,有点像 Flickr 一样,它强调社区和质量,它也像 Instagram 一样,是一个易于使用的图片分享 iPhone App。并且没有广告、没有 算法推荐、没有滤镜也没有点赞。
Wand —— 二次元捏脸神器
链接:https://apps.apple.com/cn/app/wand/id1574341319
最近一款名为 Wand 的捏脸 App ,基于上海科技大学 ACM Transactions on Graphics 2021 成果技术,通过在画布上简单勾画的简笔画, AI 算法会生成一个可爱的卡通头像。
该 App 意外的登上了 App Store 图形和设计类排行榜的第一名,并且在微博上引起了网友们强烈的兴趣,称这款 App 为“老婆生成器”。
品牌矢量图标库
链接:https://worldvectorlogo.com/
该网站能下载知名品牌的矢量图标,右下角可将网站切换成中文,但是搜索仅支持英文。
Photopea —— 网页版在线 PS
Photopea 这个在线 PS 支持的格式太全了,PSD、AI、XD、Sketch、Figma、Affinity 都能打开编辑。出门在外没安装软件时拿来应急不错。
微信新增边写边译
向好友连续发三句英文,长按输入框,即可解锁边写边译,目前只有 iOS 版上线了该功能。
微信表情保存助手
有时候想把微信的表情存下来发到其他平台,但微信并不提供表情保存到本地功能。关注「表情保存助手」公众号,向该公众号发送表情,即可获得表情图片下载地址。
本条来自 @千古壹号
9月1日起 微信支付将下线支付后推荐关注公众号功能
Magic Drawing app —— 用 Mac 触控板代替手绘板
链接:https://apps.apple.com/cn/app/magic-drawing-app/id1581223559
画图鼠标不如手绘板,使用该软件,能用 Mac 触摸板代替手绘板进行画图。
iOS 15 Beta 6 发布:重点改进 Safari 浏览体验
链接:https://www.cnbeta.com/articles/tech/1167623.htm
8 月 18 日苹果发布了 iOS 15 的第 6 个 Beta 版本更新。原本 Safari 是 iOS 15 最大的设计改动,但似乎太过于炫酷导致很多用户不会用,因此在 iOS 15 Beta 6 中苹果添加了一个切换开关,可以将 Safari 地址栏移动到界面顶部,这使 Safari 恢复到类似 iOS 14 的设计,并减轻了早期 Beta 版中引入的所有 Safari 更改。
这也是苹果首次在测试版中针对单个 App 进行多次频繁设计变动,如果乔老爷子泉下有知,估计会托梦把相关苹果员工骂得狗血喷头。
2021 苹果 M1 iMac 开箱!苹果工程师来讲解苹果包装的设计
视频链接:https://www.bilibili.com/video/BV1BU4y177zA
视频作者 lan 曾经是苹果工程师,M1 iMac 的包装箱设计正是他在苹果工作时最后一个项目。通过工程师讲解让你了解到苹果对包装设计的细节追求。
Adobe 公司 12.7 亿美元收购视频协作平台 Frame.io
Frame.io 是全球最受欢迎的视频审核与协作平台,将剪辑好的视频上传到该平台,团队成员即可在线审核,在对应的帧画面上标记问题,便于后续修改。
Adobe 收购 Frame.io 之后可以和 Premiere Pro 和 After Effects 更好的结合,打造视频从剪辑到审核的完整工作流。
《苏杰的产品创新课》
《人人都是产品经》理大家都听说过吧,我最近正在看苏杰的专栏《苏杰的产品创新课》,对搭建产品宏观框架以及产品创新很有帮助。感兴趣的可以看看。
感谢极客时间广告赞助
体验碎周报第 59 期(2021.8.23)