江凌

V1

2022/06/19阅读:28主题:前端之巅同款

体验碎周报第 100 期(2022.6.20)

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

历时近 3 年,热烈庆祝本周刊达到 100 期!

体验亮点

柯路建筑事务所官方网站

链接:https://www.clouarchitects.cn

CLOU(柯路)是一家在建筑、室内、景观设计领域屡获殊荣的国际设计事务所,作品涵盖城市综合体、商业建筑、高层办公楼、酒店、教育建筑、艺术装置等项目类型。官方网站的动效特别赞,案例图片呈一个圆环旋转,点击分类有镜头缩放效果。

后续 App 字体选择玩梗

由知名独立开发者 waylybaye 开发的后续 App,在字体选择文案上玩了罗永浩当年拍的微电影《幸福 59 厘米之小马》里讽刺星巴克中杯大杯超大杯的梗——“就要中间那个”。

来自 @林登万

贝壳找房日照模拟

贝壳找房具备日照模拟功能,不同季节不同时刻不同楼栋的日照效果可以动态查看,帮助用户选择合适的楼栋。

体验槽点

闲鱼保留商品状态卡片按钮不变

闲鱼一直保留商品状态卡片的按钮不变没必要。比如现在已付款店家已发货,【去付款】没必要显示。货还在路上【查看快递状态】比【确认收货】更重要。

闲鱼推荐准度太差

在闲鱼买了一次桌面升降台,现在给我推工业用油压升降台,这推荐准度也太差了。再者桌面升降台不容易损耗,短期不会再买第二个,推点办公椅、键盘手托才合适啊。

爱奇艺「随刻热点」的排版

爱奇艺「随刻热点」的排版一言难尽,账号和内容间距区分不明显,看不清到底哪个是谁发的。再加上有广告,视频封面也是花花绿绿的,整个看着就觉得满屏幕都是广告。

推荐阅读

用例驱动设计,让你的设计更严谨

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

用例(Use Case)的概念早在 1986 年就已被提出,它是 UML 中用来给传统软件需求分析的好帮手,可有效的划定范围、锚定用户、区分关系、定义价值,通过不同颗粒度的抽象层次,不断瓦解复杂系统,使设计和管理有序化。本文基于早已发展成熟的用例驱动设计理念,试图从中找到一条适合体验设计师介入的小径,来应对复杂业务的产品设计,把复杂梳理成简单。

交互体验之动效深耕

链接:https://www.zhisheji.com/jiaocheng/1557661.html

动效设计不仅能够增加用户操作的舒适度,还能引导用户关注重要的信息,而这些都只是动效诸多作用当中的一小部分,一个优秀的动效设计能够赋能产品价值,带给用户更高质量的用户体验。在本文,你可以全面的了解到: · 动效设计的意义与价值

· 动效的作用

· 交互动效的设计原则

· 产品中的动效分类

· 动效时长

· 动效落地的N 种解决方案

用“讲故事”的方法做设计作品集

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

好的 UX 作品集要做到能让你像讲一个故事一样精彩纷呈去呈现内容——它有开头、有结局、中间有抑有扬;不求面面俱到,但求脉络清晰、环环相扣。这样才能让面试官留下深刻印象。

那么我们如何组织出 UX 作品集的“故事型脉络”呢?本文将按照开端、发展、高潮、结局几个部分分别解释。

  1. 什么是“故事型脉络”?
  2. 开端:矛盾鲜明的问题阐述
  3. 发展:环环相扣的策略推演
  4. 高潮:能体现解决能力+专业能力的关键页展示
  5. 结局:令人期待的愿景设想
  6. 做好整体的内容把控

国际化产品设计:Hofstede 的文化维度

链接:http://www.woshipm.com/pd/4448329.html

不同国家的文化和用户习惯可能有着很大的差距,产品经理在设计跨文化领域的产品时,除了需要理解当地的文化、使用习惯以外,也需要针对当地的个性化需求和文化在产品上做出不同的策略,以更好的服务于不同文化的用户。本文作者与大家分享一个用于衡量跨文化价值观最广泛使用的框架——Hofstede 的文化维度。

如何做东南亚的本地化产品设计?

链接:https://zhuanlan.zhihu.com/p/386551748

不少国内企业斥巨资出海东南亚。但东南亚是一个地域差异很大的市场,每个国家的人口结构,生活方式、伦理道德、宗教信仰也不同,造成用户的消费习惯及行为也会不一样。那么,东南亚市场该怎么做?如何才能使产品在当地较有亲和力,产品和企业能够被本地人认同和喜爱?而作为设计师又可以在中间担任什么角色? 恰好作者一直在做东南亚市场的设计,总结出一些东南亚设计经验。

苹果:重新定义 VR “手柄”

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

关于苹果的 MR 眼镜(Mix Reality 是苹果内部对其 VR 产品的称呼),作者已从供应链获取多个一手信源信息。但由于目前苹果产品还处于高保密阶段,因此从信源获取的信息暂时还不便披露。而今天作者要“曝光”的是苹果 MR的“手柄”,文章内容主要来自对苹果专利的研究,并不涉及供应链直接信源。

工具资源

Storybook showcase —— 设计系统文档收集

链接:https://storybook.js.org/showcase

Storybook 是国外用来写设计系统文档的工具,而 showcase 就是用来展示他们的成功案例,包含微软、爱彼迎和 Adobe 等知名公司的 86 个设计系统,支持按标签和组件名称进行筛选。

奥迪设计系统

链接:https://www.audi.com/ci/en/renewed-brand.html

除了传统的控件,包含很多品牌、媒体广告、视频和经销商设施等规范。

LaudableApps —— 收集设计精美 App

链接:https://laudableapps.com

LaudableApps 是一个收集设计精美 App 的网站,虽然更新不快,但历史悠久。甚至还有我 2013 年刚入行那会儿流行的拟物寿司 App。

Kingsoft Cloud Design 2.0 —— 金山云企业级设计解决方案

链接:https://design.ksyun.com/

由金山云 UED 团队和云计算前端团队历时四年开发和维护。提炼于复杂的云产品业务场景,提供设计风格、设计指南、⼯具、业务模板等,从产品到测试全流程的设计解决方案,为跨部门协作提供了丰富的资源。不仅支持 Vue2、Vue3、React 等业界主流的技术框架,同时还支撑了云平台上百个产品,服务于金山云内外部用户。

乐字蒙黑体 —— 免费商用字体

乐字蒙黑体是“乐字”制作的一款美术标题字。它的整体字形偏长,字面结构饱满,有稳重中具备力量感的同时笔画结构蕴含乐趣在其中,使其多了一些生动活泼。

网易内部设计资料限量放送

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

有道设计总监亲自分享,助力您实现升值加薪。

产品发现

Uber 3D 车模演示

链接:https://s3-us-west-2.amazonaws.com/uber-common-public/garage/index.html

Uber 对 App 里展示的 3D 车模重新设计,为了让业内人士看清楚车模的细节,特地用 WebGL 做了一个车模演示网站。

Perception —— 科幻电影虚拟 UI 设计工作室

链接:https://www.experienceperception.com/work.html

这家工作室被美国广播电视界最具权威的的艾美奖提名过,给钢铁侠、蜘蛛侠、雷神、复仇者联盟等电影里做科幻 UI。

多邻国推出 Super Duolingo

Super Duolingo 取代了 Duolingo Plus 成为多邻国的订阅服务,其实权益和价格都没什么变化,就是界面更炫酷些。之所以改名是从游戏中获得灵感,给用户更多学习的成就感。

Wookmama Color Visualizer —— 实时预览实物调色效果

链接:https://apps.apple.com/us/app/wookmama-color-visualizer/id1553793793

该 App 提供了数百种由设计师精心策划并按类别组织的色彩方案。我们可以保存、定制或创建色彩方案。然后把色彩方案应用到 App 内置的各种包含墙纸、包装的场景图片中,实时预览调色效果。

设计师心乐的个人网站

链接:https://xinle.design

字节跳动设计师心乐的个人网站,用 Framer 做的,已经被 Framer 被官方当作示例案例了。

日本设计中心

链接:https://www.ndc.co.jp/cn/

1959 年作为促进日本广告设计的发展及质量水平的创造集团,召集了日本最高水准的设计人员、广告文案创意人、摄影师。由 8 家公司出资成立。现任总监原研哉,作品包括平面、空间、Web 和 App、视频等,值得一看。

Gareth Hughes 的个人网站

链接:https://www.gareth-hughes.com

Gareth Hughes 是 Welsh 的设计总监,从业 12 年,网站上有很多很棒的作品。

Diverse UI —— 免费的用户头像生成

链接:https://diverseui.com

Diverse UI 提供 Sketch 插件,为设计师做 UI 时快速填充多样化的用户头像。

相关资讯

Challenge: Pixel perfect design —— 苹果像素设计挑战

链接:https://developer.apple.com/news/?id=3sgp4ps7

今年 WWDC 苹果搞了个新玩法,发起了一个像素设计挑战。你可以下载 PSD 模板在48 × 48像素、32 × 32像素或16 × 16像素的画布上仅使用黑白颜色创建像素级的应用程序图标。推特上有很多设计师晒出了作品。

Internet Explorer 浏览器正式退出历史舞台

在 2022 年 6 月补丁星期二活动中,微软表示现有 IE 浏览器今后将不再获得任何错误或者漏洞修复,鼓励用户切换到的 Microsoft Edge 浏览器。

小米旗下智能家居平台米家崩溃

米家 App 是小米推出的智能硬件管理平台。通过米家 App,用户可完成手机与智能硬件之间的交互,并实现智能设备之间的互联互通。6 月 16 日,小米米家 App 出现崩溃问题,所有设备无法加载。由于米家所有控制指令都要通过云端的小米服务器处理,就算你在家也没办法用手机控制智能家居。这种体验非常扯淡,比如小偷来了剪断网线,即使你在家也听不到智能家居的警报。

国家互联网信息办公室关于《互联网跟帖评论服务管理规定(修订草案征求意见稿)》公开征求意见的通知

链接:https://mp.weixin.qq.com/s/IX6RntB-FGGgFKgp7O7jow

《互联网跟帖评论服务管理规定》规定不得向未认证真实身份信息的用户提供跟帖评论服务。对跟帖评论信息内容实行先审后发。

开发者改造 MacBook 刘海:成为 AirDrop 文件快捷入口

去年年底发布的 14/16 英寸 MacBook Pro 采用了“全新”的刘海造型,媒体和用户对这个熟悉的设计褒贬不一。为了更充分利用这个刘海区域,国外开发者 Ian Keen 对其进行改造,使其成为 AirDrop 发送兼容文件的快捷入口。

001 - 1537299401202274304.gif
001 - 1537299401202274304.gif

exping 推出路线功能

链接:https://mp.weixin.qq.com/s/5J5IOEtrJlM9mnKiDxvjyA

之前给大家介绍过的 exping 是一款为创作者而生的地图标记工具,最近更新版本支持标记路线。例如自驾游路线、自由行路线攻略、徒步路线、骑行路线......等。可根据地点之间的距离自动标记出行工具,也可切换成你所需的交通工具,每一条路线都可生成一张精美的路线图。

Aphrodite 将持续时间上限延长至 240 分钟

Aphrodite 出一款记录性生活的 App,最近部分用户强烈要求,将持续时间上限延长至 240 分钟。比日本爱情动作片的时间都长,一看就是用户吹牛炫耀叶公好龙的需求。

思考碎片

笔记的输入和调用不可兼得

之前看到一篇讲新笔记软件的文章下的评论:“所有数字化的卡片笔记产品,都在想方设法地还原纸质使用感” 从纸张变成数字化,我们获得了永久存储和易于编辑,但按格式存储的特性又让写东西变得麻烦,笔迹和文字要不同的工具、标签和文本本质都是文字但要在不同的地方输入。如果用纸质就只有笔和纸,不需要切换工具才能够让思维和手自由专注于写。表达和编辑、自由和格式,其实充满了矛盾。

一个是调用最优,一个是输入最优。

分类:

设计

标签:

用户体验

作者介绍

江凌
V1