体验碎周报第 75 期(2021.12.20)

体验碎周报第 75 期(2021.12.20)

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

体验亮点

小米有品轮播结合评价

小米有品在看商品头图轮播时,图内同时会展示已购买用户对该商品的好评。有利于增强潜在买家对商品的了解,促进下单意愿。

飞书企业百科查询术语

每家企业有自己的文化和沟通习惯,逐渐会产生“赋能、某平台”等私有的专业术语或缩写词,新员工可能不知其意。
飞书内置的企业百科功能,能对这些私有概念进行统一管理和查询。员工在聊天、搜索时能快速匹配百科卡片,了解概念的释义和相关链接。便于企业统一术语,员工快速学习,提高沟通效率。

来自 @刘英滕

体验槽点

iOS 摘要通知不支持向左滑动

iOS 通知支持向左滑动快速删除通知,但同处锁屏的摘要通知却不支持滑动操作,强行滑动会被识别成滑动整个锁屏,于是误触打开了相机。

来自 @eelfaron

支付宝健康码多次加载跳转

自从杭州疫情复发后,用支付宝得先扫码定位途经地点再跳转页面出示健康码,其中会先后出现 2 次跳转 loading 页面,从健康码页面用安卓手势退出,会触发页面内返回报错。

推荐阅读

设计团队的 OKR 执行手册

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

字节跳动企业服务体验设计负责人周陟谈设计团队为什么需要 OKR 以及怎么在设计团队内实施好 OKR。

从认知负荷角度分析竞技类手游的新手引导设计

链接:https://www.zcool.com.cn/article/ZMTIzMTcwNA==.html

竞技游戏学习成本较高,游戏本身自由度也高,而且一旦犯错可能就输了。作者从认知负荷理论入手,运用多个原则优化新手引导,降低游戏门槛。

列表流、卡片流、瀑布流、Feed流,你能分清它们的设计特点吗?

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

这四个概念都是列表以及变种,四个概念放在一起容易弄混。作者写文厘清了它们的区别和联系。

新 MacBook Pro 的 Touch Bar 没「消失」,只是变成了「刘海」

链接:https://astrianzheng.cn/notch-on-new-macbook-pro-is-new-touch-bar.html

最新的 MacBook Pro 砍掉了 Touch Bar,但屏幕加入了「刘海」。作者从苹果的设计理念分析,论证 Touch Bar 为什么要砍掉,再论证为什么要设计成「刘海」这个形态。

设计入门必备万金油-场景篇

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

我一直感叹场景这个词是个框,啥都能往里装。当一个同行跟我说场景的时候,要思考他说的:

  • 到底是 scenario(设想可能发生的情况)
  • 或者是 use case(用例,一种用户使用系统功能的描述)
  • 也许是 context(事件发生的背景信息)
  • 可能是 story(事件发展过程的描述)
  • 还是 experience(亲身的经历)

由于这几个概念有不同的时间状态、虚拟真实、具体抽象的差别,所以每次我都得思考好久,才能听懂对方表达的意思。

这篇文章把场景在不同情况下的定义和作用,以及如何在设计中使用,写得很明白了。

新品发布

vivo OriginOS Ocean 发布

链接:https://www.vivo.com/originos

时隔一年之后 vivo 发布基于安卓的 OriginOS 第二个大版本 —— Ocean。对界面设计、交互、流畅度和安全等方面都有很多创新。我已经刷到内测版本,很流畅,有些细节很好用,但是整体来看风格不统一,有些乱。

Adobe 为非专业用户推出 Creative Cloud Express

链接:https://www.adobe.com/express/

一直以来 Adobe 总给人只服务专业用户的感觉,致使像美图秀秀、搞定设计等易用的小白工具发展壮大。Adobe 希望扩大用户量,为非专业用户服务,于是把之前 Spark Post 优化一下再改名发布 Creative Cloud Express 。该服务提供 App 和网页版,内置众多模板和工具,即使不是设计师也能快速制作漂亮的海报。基本功能免费,付费用户可获得更多模板和高级功能。

米家 App 正在内测 7.0 版

米家 App 是小米旗下的智能家居控制中心。相比于 6.0,新版 Tabbar 新增【全屋】,并且排在第一位。便于用户了解整个家中正在运行的智能电器,并且对灯光、环境、摄像头和音箱进行快捷控制。

百度 Wonder —— 年轻人的效率和娱乐工具

12 月 15 日发布,定位于年轻群体泛信息服务平台,涵盖搜索、生活服务、考研考公等功能。

界面鲜明可爱,有“禅”和“躁”两种模式。使用躁模式时,各类热搜和有趣的内容都可以边搜索边查看,切换至禅模式时,界面会变得比较简洁,聚焦于搜索。

当然,搜索的医疗广告肯定是不会少的。

抖音盒子 —— 字节跳动独立电商 App 上线

链接:http://www.boxdouyin.com

主要是卖衣服、彩妆这些,界面设计上倒是没啥特别的地方。

WalkSafe —— 治安地图

链接:https://www.walksafe.io

英国两名女生创建的 App,希望帮助女性发现夜路的潜在风险,以规划更安全的路线,并在发生危险时及时联系家人。

来自 @witmin

OPPO 发布智能眼镜和折叠屏手机

OPPO 把这次发布会叫「未来科技大会」,特地做了一个互动网页,3D城市,可定制角色在里面闲逛游玩,与其他玩家或新发布的电子产品互动。就差说自己是元宇宙了。

链接:https://www.oppo.com/cn/events/innoday2021/

Glass Air 智能眼镜

提供四种交互方式,包括触控、语音、手势和头动操控,支持天气提醒、日程提醒、演讲题词、实时翻译、步骑行导航。目前官方还未公布售价和开卖日期。

OPPO Find N 内折叠手机

价格仅售 7699 元起,是目前售价最低的内折叠手机。而且针对折叠形态做了很多交互和功能优化。

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

工具素材

腾讯发布 TDesign 企业级设计体系

Figma 链接:https://www.figma.com/@tencent

Github 链接:https://github.com/Tencent/tdesign

Figma 链接泄露出来了,12 月 23 日会正式发布,设计价值观、视觉风格指南、组件库、设计资源 等素材。

摹客DT —— 国产在线协作 UI 设计工具

链接:https://www.mockplus.cn/dt

Figma 估值超过一百亿美金,国产模仿越来越多,都想分块蛋糕吃。

即时设计社区开放

链接:https://js.design/square

类似 Figma 的另外一个产品即时设计迭代速度很快,最近推出设计社区功能。

  1. 每一位设计师、每一个团队,都可以在即时设计的资源社区公开发布自己的作品,并遵循 CC BY 4.0 协议,为自己进行持续品牌曝光和平台引流;

  2. 任何人都可以将社区中用户发布的开源作品以任何形式进行使用、复制、修改、分发,甚至是商业目的,当然,前提是要标明原作者、作品来源以及是否对原作品进行了修改。

Framer 推出 Motion 3D 功能

链接:https://www.framer.com/docs/three-introduction/

Framer 引入 React Three Fiber 使其支持 3D 动画,得有一点前端代码基础才能玩得转。

Sketch 内测 Web 平台的 Canvas 视图

链接:https://www.sketch.com/blog/2021/12/01/canvas-view-beta-now-live-web/

当在网页中打开 Sketch 文件时,可以点击 Canvas Views 进入视图,在查看设计稿中所有的画板,而且会感觉很流畅。

猎站 —— 发现小众好站

链接:http://www.whose.design

该网站整理了众多设计、研发、娱乐和生活方面的网站和在线工具。还能把常用的网站像 macOS dock 栏一样,固定在底部。

有蛋案例 —— 设计案例发现平台

链接:http://www.youdananli.com

该网站集合了知名 App 的设计案例,每个案例都进行 5 个纬度的系统描述,还能精确筛选+搜索每个案例。还可以欣赏各个互联网大厂的精选 H5 活动。

TryDraw —— 反馈式插画学习工具

链接:https://www.trydraw.com

当你在网页左边绘图时,右侧临摹对象会用红色标注画错的地方,由易到难提供多个课程,帮你提升观察和线条优化的技巧,一步步地提升绘画的水准。

建议用 iPad 打开练习,绘图效果会更好一些。

来自 @Continue

Insert Big Image —— Figma 导入超高分辨率图片插件

链接:https://www.figma.com/community/plugin/799646392992487942/Insert-Big-Image

由于 WebGL 的限制,Figma 最大只能导入宽或高低于 4096px 的图片。如果强行导入会被压缩变糊。该插件可以打破 Figma 这个限制,原理很简单,该插件先把大图裁切成若干低于 4096px 的图片,再用 Group 包起来。

本条来自 @chi

10 分钟临时邮箱

链接:https://10minutemail.net

有些互联网服务要填写邮箱使用,如果你担心收到垃圾邮件,或者希望通过注册不同的邮箱延长某些服务的试用时间,可以考虑使用该网站生成临时的一次性邮箱地址。在信箱还未到期前,你可以延长信箱的使用时间,最多可以设定成 100 分钟。

AWS Amplify Studio

链接:https://aws.amazon.com/cn/amplify/studio/

亚马逊云刚宣布推出的新工具,志在缩小设计以及代码之间的差距,以提供一个“用最少的编码创建全栈应用的开发环境”。使用 Amplify Studio,你可以导入 Figma 设计稿,通过拖拽快速生成界面代码,并且生成后端数据模型,从而快速制作出一个 App。

ArtStation Learning 永久免费

链接:https://www.artstation.com/learning

ArtStation 是 Epic 旗下的 3D、原画等美术设计展示平台,而 ArtStation Learning 是旗下教育品牌,提供数百个高质量教程和讲座。现在官方已经正式宣布 ArtstationLearning 全部开放永久免费供所有人学习。

相关资讯

GDC Award 2021

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

GDC设计奖由「深圳市平面设计协会(SGDA)」策划运营,每两年举办一次。GDC 设计奖 2021 获奖作品展览开幕式在欢乐海岸 OCT 创意展示中心盛大开幕。链接里看到所有获奖作品。

挪威法律规定广告中使用美颜必须打水印

链接(挪威语):https://www.stortinget.no/no/Saker-og-publikasjoner/Saker/Sak/?p=84478

为了打击容貌压力,改善数字化平台带来的“身材压力”导致年轻人的“低自尊”现象。挪威政府通过了一项正式立法,要求网络上的广告商和“网红”们在付费推广内容中,必须对经过修饰的照片加以明示,打上政府部门指定的水印。任何“通过修饰或其他操作改变身体形状、大小或皮肤”的照片都必须标明是经过编辑的。违规者将面临罚款,严重者甚至可能入狱。

字节跳动国内首款音乐 App “汽水音乐”正在内测

链接:https://www.36kr.com/p/1527891464024706

“汽水音乐”是一款面向热爱音乐潮流的年轻人的听歌平台。其整体风格接近字节在海外的音乐产品“Resso”,播放界面即为首页,汽水音乐采取和短视频一致,上下滑的音乐切换模式,且会在播放界面中采用视频动态作为背景。音乐采取 AI 推荐的方式,向用户推送智能曲库。

左为Resso播放界面,右为汽水音乐播放界面设计草图

左为Resso播放界面,右为汽水音乐播放界面设计草图

汽水音乐界面设计草图

汽水音乐界面设计草图

轻芒团队宣布将关闭轻芒杂志,正开发新产品「阅览室」

宣布关闭链接:https://read.land/hello/

阅读室链接:https://read.land

由于轻芒杂志在今年 5 月份被迫暂停服务,创业资金也即将消耗殆尽。团队决定关闭轻芒杂志、逐渐停止轻芒小程序+ 服务,并且开发新的「阅读室」。依然是一款阅读产品,一个给认真阅读的人读长文章的地方,并且是一个全付费产品,不提供免费档。

Maxon 收购 ZBrush

为艺术家提供高级创意工具的开发商 Maxon 宣布,其已达成收购 Pixologic 资产的最终协议。Pixologic 是曾荣获奥斯卡奖的雕塑和绘画软件 ZBrush 的开发公司。此次收购预计将于 2021 年第四季度完成,但尚待惯例监管批准和其他成交条件的达成。在此项交易完成前,双方将继续独立运营。交易完成后,Pixologic 创始人兼首席执行官 Ofer Alon 及其团队将加入 Maxon。更多交易细节将在交易完成后公布。

「黑人牙膏」将更名为「DARLIE好来」

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

1933 年,来自宁波的严柏林与严中立兄弟在上海创立了黑人牙膏,取名「黑人牙膏(英文名称DARKIE)」的原因也很简单,因为非洲黑人的牙齿都很白。

1990 年初,因「黑人牙膏」的名字对黑人具有种族歧视的成分,便将英文名字从「DARKIE」改为「DARLIE」并重新设计了 LOGO。但当时只改了英文,中文名称并无变更。

从明年 2022 年 3 月起,「黑人牙膏」将更名为「DARLIE 好来」,意味着未来将看不到「黑人牙膏」这四字了。

金山办公更换 LOGO 和品牌 Slogan

链接:mp.weixin.qq.com/s/AuqTAWf0R4r74sBVNoSHcQ

整体 LOGO 融合字母 K 和「折叠的文档」概念,红色寓意中国民族企业代表,如迎风飘扬旗帜,做国民软件品牌的扛旗者。

新 Slogan:让智慧流动绽放。

蒙牛 LOGO 换新

由苹果 Logo 设计者,设计师 Rob Janoff 操刀。新 LOGO,沿袭了 1999 年的牛角、河流、草原等基本特征,去掉“MENGNIU”的英文,对图形进行放大及简化,省略笔刷的书法笔触,同时,外部的方框倒角更加圆润,并放大了“蒙牛”二个汉字。

为什么鼠标箭头是不对称的?

为了尽可能减少低分辨率导致的锯齿现象,早期的 GUI 设计师在绘图时,会优先考虑 5 种线条,水平线、竖直线、45 度线、斜率为 1:2 和 2:1 的两条斜线。这些线条看上去比其他角度的线条更加平滑。鼠标箭头完全由这 5 种线条组成,因此不是严格的对称形状。

来自 @张土福

未经授权短视频不得自行剪切、改编电影、电视剧和影视剧

链接:http://politics.people.com.cn/n1/2021/1215/c1001-32309186.html

12 月 15 日,中国网络视听节目服务协会发布了《网络短视频内容审核标准细则》(2021)。明确了网络播放的短视频节目,及其标题、名称、评论、弹幕、表情包等,其语言、表演、字幕、背景中不得出现的 21 类、100 项内容。

第二十一条中的第 93 小条指出,未经授权不得自行剪切、改编电影、电视剧、网络影视剧等各类视听节目及片段。意味着“3分钟看完一部片”的短视频要消失了。

2021 OPA 大会于 12 月 19 日举行

链接:https://opa.xiaoxxx.cn/

ONE PINGAN(OPA design)由平安个金会(平安集团个人客户综合金融管理委员会)发起,平安集团品宣指导,由平安集团旗下 10 多家子公司共同参与的设计组织。该大会各个设计团队将会一起分享和探讨,从集团品牌共性、体验一致性的角度, 通过求同存异的原则,一起打造一个可持续迭代的设计系统、一个活力有创造性的设计组织。

Material Design Award Winners 2021

链接:https://material.io/blog/mda-2021-winners?linkId=8015491

这个奖和 Google Play 市场的年度奖不一样,Material Design Awards 是专门颁发给使用 Material Design 创造出优秀体验的产品。今年的奖项从三个维度,颁发给三个不同的产品。

动效设计奖:Post-it

大屏幕适配奖:Todoist

暗黑模式奖:Meetly

体验碎周报第 75 期(2021.12.20)

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

作者

龙爪槐守望者

发布于

2021-12-20

更新于

2021-12-19

许可协议

评论