体验碎周报第 99 期(2022.6.13)
系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。
体验亮点
浪琴 Zulu 手表网站
链接:https://zulu.longines.com
Zulu 是航空和军事领域的通用时间表达,浪琴 Zulu 手表支持多时区。网站以 Zulu 手表历史发展为轨迹叙事,往下滚动画面却往右下角移动,期间穿插着飞机飞跃全球的沉浸式动画,非常炫酷。
来自 @seikei_kin
淘宝评价倒计时
淘宝的评价倒计时,无形中给用户压力促进了评价转化率。
来自 @小新
体验槽点
哔哩哔哩会员购模块弹窗的关闭按钮
我在努力寻找哔哩哔哩会员购模块弹窗的关闭按钮,没想到人家根本就没关闭按钮,是延时自动关闭的。
微博会员开通弹窗只有确定按钮
从编辑微博按钮打开的会员开通弹窗只有确定按钮,当然点蒙层可以关闭弹窗,不过普通用户应该会点确定然后被骗到微博会员页面看一眼。
推荐阅读
未来 HMI 设计趋势 — 3D 车模
链接:https://mp.weixin.qq.com/s/i7floOSOg6ZYtWDUVCOoig
这篇文章字不多,案例动图特别多,举了 HMI 和汽车 APP 各种案例和作用。
没有真实用户怎么办?
链接:https://mp.weixin.qq.com/s/ivn52Q8sTNCGJLRvBg4WtA
这个标题其实是很多设计师都遇到的情况,号称注重用户体验,其实用户都没见过,都是 YY。作者发现《敏捷软件开发》一书中有描述到「用户代理」一词。
“我们期望和尽可能多的用户沟通,这些用户代表了产品的不同视角,当我们无法直接和他们接触时,我们需要求助于用户代理,他们本身可能不是用户,但是在项目里他们能够代表用户。”
文中列举了 7 种用户代理的优缺点。
企业级产品设计 | 用推理为设计加持
链接:https://mp.weixin.qq.com/s/h0Y0R3h_joafV0uZ_v7ZWQ
设计之所以需要推理,是为了让我们在面临复杂的情况时能更好地决策,推理本身是从已知的命题得出新命题的思维过程。怎么做可以让推理变得更严谨?作者仔细讲解了 3 种思维方式:批判性思维、结构化思维和故事化思维。
《南华早报》可视化团队:比起炫技,传递信息更重要
链接:https://mp.weixin.qq.com/s/lOGvL_AekI8zx2ilLjppqg
《南华早报》数据新闻团队,作为世界上最有趣的数据新闻团队之一,他们的作品获得过多项国际大奖,包括Sigma Awards 数据新闻奖、凯度信息之美奖、Malofiej 奖。
数据可视化协会的期刊《南丁格尔》对他们的采访。《南华早报》创意总监达伦·朗(Darren Long)、设计师马塞洛·杜哈德 (Marcelo Duhalde)和阿道夫·阿兰兹(Adolfo Arranz)会分享他们在设计理念、团队协调和跨部门合作等方面的经验和体会。
一个公式教你搞定场景化设计
链接:https://mp.weixin.qq.com/s/yX10sOLod_kC0MwM8lwQBg
所谓场景化设计,就是把用户使用产品的典型场景进行提炼,并以场景公式的形式清晰地描述出来,然后在产品设计中把用户场景具象化,在特定的时机为用户提供所需的信息和自然交互,帮助用户自然而然达成目标的一种设计方式。
这篇文章很基础详细的场景化设计教程文章。
让用户在输入密码时看到明文吧
链接:http://beforweb.com/node/658
一篇很老的译文,至今很多 APP 设置密码都还是暗文,其实国外早就有研究发现在手机上明文设置密码并没有什么安全问题,而且能提高效率。
设计师怎么玩概念
链接:https://mp.weixin.qq.com/s/yCcuJe4sh3dJnwPkZjQk9Q
现在的这个越来越卷的行业形势,也的确在不断地要求交互设计师提升自己的思考维度,往更系统化、更结构化的方向去走。虽然作者不鼓励不推荐大家一点小破事就上纲上线去整模型做PPT,但客观来讲,学会玩概念是交互设计师的一个高阶能力,是思维逻辑的技能化体现。
那么,如何能够合理地、有理有据地玩概念?什么情况下需要我们去玩概念?本篇文章将解决你的这方面疑惑。
谈谈 B 端用户帮助体系的搭建
链接:https://mp.weixin.qq.com/s/2XKnfqSIUtWGh8RvIRSf6A
B 端产品因为其特殊的业务属性和复杂度,通常其学习成本不低。为了保证用户在一个大型业务系统的可用性,让用户有路可走且引导用户走正确的路,避免无路可走和走弯路的状况发生,引入一个在全局系统层面内能够大范围内覆盖的 B 端用户帮助体系对于提升用户体验是非常有帮助的。
这篇文章对 B 端用户帮助体系有系统性讲解
工具资源
苹果人机界面设计指南
链接:https://developer.apple.com/design/
WWDC2022 期间,苹果对其人机界面设计指南全新改版,不再按以前那样按操作系统区分多份不同指南,而是统一成一份跨平台的设计指南。此外还新增视频板块,对历届 WWDC 有关设计的视频归类整理。
阿里健康体 —— 支持盲文的无障碍字体
链接:https://mp.weixin.qq.com/s/iJI_2foG2vwUCGY1AvkpDQ
HMI Design Gallery —— 汽车人机界面案例库
链接:https://www.hmi.gallery/
车型包括 Tesla、Lucid Air、Polestar、Apex、保时捷、奥迪、梅赛德斯奔驰、标志、捷豹等。展示了特性、功能、字体、图标的设计。
Apple Logo Artwork
链接:https://www.figma.com/community/file/1117235995751919225
一个集结了苹果 2018 年纽约发布会在邀请函中出现的 Apple Logo 的 Figma 项目。共计 350 个不同版本的 Apple Logo 图片文件。
来自 @studiomockup
Anno-tation —— 设计说明 Figma 插件
链接:https://www.figma.com/community/plugin/1103493732826231240/Anno-tation
集合了流程线、页面标题、分区、标记、多层级文本的 Figma 插件,适合给交互设计师写说明,不过样式有点丑。
Design Vault —— UI 设计灵感库
链接:https://designvault.io/
Design Vault 收集来自世界上最受欢迎的应用程序和网站的 UI 模式和设计灵感库。它将帮助你:探索最佳实践和常见的 UI 模式、从世界上最好的应用程序和网站找到灵感、评估设备特定的交互、研究竞争对手。
Design Patterns for Mental Health —— 心理健康产品设计模式库
链接:https://designpatternsformentalhealth.org/patterns/
这是一个特殊的设计模式库,它的对象不是通用界面,而是心理健康有关的数字产品,这个网站收集了最佳实践指南,帮助组织和个人设计为人们服务的心理健康产品和服务。
Decathlon Design System —— 迪卡侬设计系统
链接:https://www.decathlon.design/726f8c765/p/71b8e3-decathlon-design-system
Figma 素材链接:https://www.figma.com/@decathlon
迪卡侬集团是法国大型连锁运动用品量贩店。他们的设计系统内容非常多,除了常规的品牌、组件还有实体店的物料规范。Figma 素材也很全面。
System 1 iOS Macintosh —— 复古的黑白像素 iOS 主题
链接:https://system1-icons.com
模仿 1984 年第一代 Mac 的黑白像素 iOS 主题,连小组件也像素化了,价格 6 美元。
ReallyGoodUX —— 优秀设计截图库
链接:https://www.reallygoodux.io/
这个网站收集国外产品优秀设计的截图,并对优秀的点进行简要说明。
IconFont 挂了,还有哪些图标网站堪称一绝
链接:https://mp.weixin.qq.com/s/D7N1-0TjH11FGw8O5Z1g5A
这周真的是邪门了,Figma 断断续续挂了 1 天,IconFont 挂了 2 天,很影响设计师工作。这篇文章推荐了 7 个代替IconFont 的网站。
全球手机号码规则
链接:https://support.huaweicloud.com/intl/zh-cn/productdesc-msgsms/phone_numbers.html
因为我最近要做海外产品注册登录,需要了解外国的手机号码区号和规则,发现华为有整理全球手机号码规则,很全了。
产品发现
云游长城 —— 腾讯出品的长城保护公益小程序
腾讯通过照片扫描建模技术,实现了对喜峰口长城的毫米级测量,然后渲染了超过 5 万张的海量素材,最终生成了超 10 亿面片的超拟真数字模型。让用户能以 3A 游戏级别,学习长城保护常识,体验长城,“拔草”,还能练习“搬砖”,为长城修“Bug”。
Sleepy Coffee —— 揭开咖啡与睡眠的关系
链接:https://apps.apple.com/cn/app/sleepy-coffee/id1622169968
开发者 @HWang 很喜欢喝咖啡,但是睡眠质量又不是那么好,就想记录咖啡饮用情况并读取你的睡眠数据,揭开咖啡与睡眠的关系,从而适度调整生活习惯,让爱喝咖啡的你也能睡好觉。
Planet
链接:https://www.planetable.xyz
Planet 是一个 Web3.0 的开源 macOS 原生 App,让你可以直接从自己的电脑上发布一个网站或者博客到 IPFS,并且这个网站或者博客可以绑定到一个 ENS 域名(比如 .eth 结尾)上。因为 IPFS 和 ENS 都是去中心化的,所以你发布的这个网站也是去中心化的。其他人可以通过这个 App 来 follow 你最新的更新,你的更新可以直接到达你的观众,不依赖一个中心化的云。
教程:https://ipfs.io/ipns/olivida.eth/D2FC97F4-4F27-4FE2-A6BE-12C8DF44BBC1/
艺爪付费 —— 为网站App提供会员、订阅、内购付费功能
链接:https://www.ezfuns.com/
这个服务适用于网站或 App 通过增值付费盈利的场景,适合于个人开发者、小团队、初创企业以及中小型企业,计划中支持中国+海外市场。
支持订阅制、买断制、积分道具等多种付费模式,支持兑换码,简单配置即可上线使用。 支持微信支付、支付宝、收款码、比特币、PayPal 等多种支付渠道,个人开发者也能收款。 累计收款 100 万元内免费,超出后按 1% 收取服务费。
这是作者黄康德(网络 ID guyskk)于 2021 年 4 月离职后一人独自在家创业开发的作品,他的博客记录的创业过程。
链接:https://blog.guyskk.com
HYUNDAI CONNECTED CAR SERVICE
韩国现代汽车的 App 设计,拿了红点奖。
链接:https://www.behance.net/gallery/131044767/Hyundai-Connected-Car-Service
Yoto Mini —— 儿童音频播放器
链接:https://www.pentagram.com/work/yoto-mini
Pentagram 设计工作室为 Yoto 设计的无屏幕音频播放器,让孩子们安全地探索数百个故事、歌曲、电台和播客。通过插入不同的卡片来播放不同的内容。设计得非常可爱又复古,很受儿童喜欢。
THE TRUE SIZE OF ——地图的真实大小比较
链接:https://www.thetruesize.com
因为地球是一个椭球体,而地图是平面的。想要把球体在平面上呈现,必须要经过投影。所谓投影,就是将地球椭圆上的点转换到地图平面上的点的方法。而经过投影呈现出的地图,最终都会不同程度地出现失真的现象。越往南北两极失真越大。就像如果我们想把橘子皮变成一个平面,只有两种办法,一种是强行挤压,另一种是把橘子剥开。
而这给网站可以将某个国家的区域拖动到其他地方,比较真实的大小。比如把俄罗斯拖动到和中国同一个维度,发现俄罗斯其实没那么大。
工信部在内测手机号码一键解绑互联网服务功能
工信部旗下的中国信息通信研究院推出“一键查询”和“一键解绑”功能。“一键查询”可以查到该手机号注册绑定的互联网账号情况;“一键解绑”提供解除本人持有号码前(即号码注销重启前)号码注册绑定的互联网账号关联关系(本人持有号码期间绑定的互联网账号不受影响)。在微信搜索信通院旗下的“一号通查”微信公众号即可。不过目前该服务还在内测中,覆盖的互联网服务还不够全。
蜘蛛笔记 —— 白板结合笔记
链接:https://spidernote.com
在思考时,我们会将信息与信息进行关联、归类、归纳,然后输出思考结果。这样的思考往往不是线性而是网状的,蜘蛛笔记尝试用「白板」+「笔记」的方式可视化思考的过程。
VERSE —— 印象笔记旗下的类 Notion 笔记
链接:https://verse.app.yinxiang.com/product/
功能和 Notion 差不多,目前看到唯一的区别是界面布局比较自由,比如顶部可以拖动最近浏览的笔记多页面预览。
相关资讯
Telegram 推出 Premium 付费会员计划
Telegram 的体验秒杀微信,可惜国内用不了。Telegram 之前一直免费,靠创始人俄罗斯亿万富翁帕维尔·杜罗夫烧钱运营,之前尝试过广告盈利不成功,现在宣布做付费会员。用户保持现有功能免费的同时,会员用户将获得更高的聊天、媒体和文件上传限额。
耐克跑步 APP 将在中国停止运营
耐克公司周三表示,将从 7 月起在中国停止运营 Nike Run Club APP。这款 2010 年在中国推出的应用目前在中国大陆拥有超过 800 万注册用户。用户可以利用该应用记录运动情况,包括户外慢跑路线、跑步的时间以及锻炼时长。耐克未就停止运营该应用给出具体原因。
招聘信息
阿里巴巴本地生活招聘「P7+ 用户体验设计师」
base 上海/杭州,欢迎自荐或转推荐
岗位职责
负责阿里巴巴本地生活C端/B端的用户产品的体验设计工作,业务包含客如云点餐小程序、CRM、商家中心、POS 等; 基于业务目标与用户链路,制定相应设计策略,独立产出不同保真程度的产品设计方案并跟进落地; 正确运用各类设计方法,推导体验优化方案并保证对结果的验证和调优; 与多方配合,跟踪线上产品数据和用户反馈,汇总信息后定位设计价值与创新机会点。
岗位要求
本科以上学历;3 年以上互联网、电商、O2O 平台相关设计工作经验; 较高的审美水平、较强的逻辑性、通过有效的设计表达推动提案; 积极主动,具备良好的沟通能力和项目管理能力,保障设计完善落地; 独立思考,不断获取信息并掌握,促成合理的设计决策,驱动业务创新; 坚持自我学习、自我驱动、专业输出,能给团队和合作伙伴带去积极影响。
联系方式 邮箱投递,hxh212258@alibaba-inc.com,请附上简历和作品集;面试官微信,hxh6cn,欢迎私聊。