体验碎周报第 105 期(2022.7.25)
系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。
体验亮点
即刻我关注 TA 时的昵称
社交网络的网友经常改昵称,就需要备注功能。即刻 App 在备注内可快速将“我关注 TA 时的昵称”作为备注。毕竟对网友最初的记忆就是关注 TA 时的昵称,这样能更快想起 TA 是谁。
iOS 截图隐藏触控悬浮按钮
iOS 在截图期间会自动隐藏辅助触控悬浮按钮,保持截图干净。
体验槽点
「企业微信」的「腾讯文档」不提供转发到「企业微信」功能
在「企业微信」里打开的「腾讯文档」附属窗口,不提供转发到「企业微信」功能。如果我强行按「转发到微信」,「企业微信」跳出来提示“当前微信客户端版本过低”,其实我电脑上根本没装「微信」。
推荐阅读
国人设计师参与的爆赞神作《爱死机》,解禁一手概念设计!
链接:https://mp.weixin.qq.com/s/8NftgB63WMsmekbJLW_dVw
《爱,死亡和机器人》第三季中的《糟糕之旅》《虫群》都是由中国团队天何言工作室担任整体的视觉设计。六月底开始,天何言团队开始在微博和 A 站逐步解禁了这两集的全部概念设计图。从线稿草图,再到 3D 模型图,为大家揭秘了不同的设计方案、迭代过程以及创作细节,满足了大家对于「概念设计」这个新鲜的设计领域强烈的好奇心。
B 端设计经验总结-帮助新人快速上手
链接:https://mp.weixin.qq.com/s/ql1MLrsajQ8l6V3HHohiVw
本篇文章总结了交互新人在初工作过程中可能面临的疑惑与问题,并结合自身经历总结了相关设计经验,希望能够帮助新人设计师快速上手 B 端设计,游刃有余的应对工作中面临的各种机遇与挑战。
Design Process(英文)—— 设计流程模型简史
链接:http://www.dubberly.com/wp-content/uploads/2008/06/ddo_designprocess.pdf
你可能知道很多设计流程模型,比如双钻设计模型、设计思维五阶段等。这份 PDF 系统性梳理了 20 世纪至今所有的设计流程模型,从零推导,由浅入深。
来自 @陈金栋
一场与用户之间的设计“对话”
链接:https://mp.weixin.qq.com/s/PXzX0FwnhfgyYodQH9q3sA
针对火车票改签抢流程中,推荐用户改签座席类车票的场景,此次为用户对新车票决策的承接页进行改造,着重梳理了我们在这个核心页面中,如何对用户进行有价值的“对话”的几个方法。
从 7 个方面,从零开始帮你掌握导视设计
链接:https://www.uisdc.com/guide-design-2
我们常会因为各种原因去到陌生的环境,初来乍到的我们是怎么快速清晰的定位自己,找到目的地的?
多数建筑空间在早期就融入了导视系统,起着认路、寻人的大作用。就拿高铁站内来说,供人们定位寻路的有样熟悉的地标(德克士、肯德基)。也有着这样的高频设施(服务台、闸机口)。以及站内间隔百米矗立的会合点。这些都可以作为我们识路寻人的参照。
那导视究竟是什么?又应该怎么设计呢?这篇文章有很详细的讲解。
工具资源
Figma Components —— 一键复制的 Figma 组件平台
链接:https://figmacomponents.com
Figma 官方社区如果要用别人做好的组件需要先拷贝一份到本地再去复制,这个网站简化了这个流程,找到合适的组件,一键复制,直接去 Figma 里粘贴就好了。
Loose Drawing —— 可商用的免费漫画风素材
来自日本的免费插图素材网站,每周都会更新,可以在线修改插图的颜色。
品牌规范收集
链接:https://brandingstyleguides.com
该网站收集互联网上公开的企业品牌规范网站。可以按字母、语言、发布年份等维度筛选。目前已经收集了 2328 个。
CALLTOIDEA —— 设计灵感案例收集
CALLTOIDEA 是一个 2011 年运营的网站,目标是帮助设计师找灵感。由运营团队精细挑选创新设计案例按照控件分好类展示。
Hey Design Systems! —— 设计系统的资料网站
该网站汇聚了全网有关设计系统的经典资料并归类整理好,是非常全面的设计系统资料网站。
图标工厂 —— 一键生成所有尺寸的应用图标
支持 jpg、png、psd 文件。一键同时生成 iOS、Android和 PhoneGap 应用的图标。优化图标,尤其是尺寸较小的图标。保证清晰度,并优化图片内存占用,减小包体积,提高性能。除此之外还有便捷的在线启动图制作工具。
洛丽塔 (lottie editor) —— lottie 文件压缩工具
链接:https://design.alipay.com/lolita
支付宝设计团队推出的 lottie 文件压缩工具,图片类压缩率 20%50%,纯矢量类压缩率 70%90%。
主要功能点:一键压缩、资源转换 ( base64 <-> url )、预览 (模拟 android 版本 native 的预览播放器)、性能诊断 、帧预览编辑 。
useAnimations —— 微动效图标库
链接:https://useanimations.com/index.html
基于 Lottie 框架的带动效图标库,80+ 个图标都直接下载 SVG 或 Lottie 文件格式用到自己的产品里。
产品发现
BonBon Jump —— 陌陌推出的 AR 跳舞 App
链接:https://www.bonbonjump.com/index.html
BonBon Jump 是一款跳舞类运动 App。你可穿着喜欢的虚拟 3D 形象,跟随 AR 游戏指引,在动感节奏中,体验到互动性、爽快感、暴汗指数更强的舞蹈类运动。
哔哔叽 —— 腾讯年轻人互动娱乐平台
“哔哔叽”以派对游戏为主,用户可体验到多人在线的派对玩法,并能够实时语音聊天。此外,用户还可以围观其他人,并发表弹幕。
DOC —— 设计出版平台
链接:https://www.doc.cc/category/design-history
这个网站是 Medium 上最大的设计出版号 UX Collective 团队发布的一个新的实验性出版平台。邀请数字产品设计师来这里发布真正精品的设计内容。
网站里有一个设计与历史的考古模块我很喜欢,最近这篇讲解数字键盘发展简史,介绍历史上的奇怪数字键排列方式,解释为什么计算器和设计拨号界面的数字键盘设计得不一样。
公交线路辐射图
「公交线路辐射图」是一个实用的地理位置评估工具。基于可视化地图,它能帮助你快速、便捷地了解全国任意地点周边的公共交通辐射能力(公交、地铁)、周边设施分布(如市场、医院等),尤其适用于 租房 、 买房和差旅订酒店等场景。
有道词典 9 电脑版
链接:https://cidian.youdao.com/index-mac.html
这是 6 月ff的事情了,不小心被我漏掉了,现在厚脸补一条。新版除了界面,在学术专业领域翻译能力有很大的增强。支持多行业的术语库、AI 英文润色批改、图片 OCR 翻译、学术论文搜索等。
微软推出社交应用 Viva Engage
Viva Engage 的界面非常类似 Facebook,与现有的微软 Viva 套件相连接,允许领导分享相关的公司新闻并与员工沟通,还可以举办虚拟活动,并在 Teams、Outlook 和 Viva Connections 中添加带有通知的钉对话和公告。
6pen Art —— 中文 AI 自动绘画
之前给大家介绍的都是国外用英文描述自动绘画的 AI,6pen 是一个使用 AI 技术,利用中文文本生成绘画作品的产品,这意味着,你可以仅仅通过文字描述画面内容,风格,就可以得到画面(支持4K分辨率),这些作品可能风格迥异。除了网页版还有 iOS App。
OneMusic - 复古音乐播放器
链接:https://apps.apple.com/app/id1631977822
OneMusic 播放器的界面模拟现实中经典漂亮的音乐播放设备,比如 iPod、磁带随身听等。不仅界面漂亮,操作也调用振动马达模拟触觉反馈。
相关资讯
游戏引擎为汽车 HMI 提供设计解决方案
虚幻引擎:https://www.unrealengine.com/zh-CN/hmi
Unity:https://unity.com/cn/automotive-transportation/human-machine-interface-hmi
汽车的中控屏效果越来越炫酷,传统的设计工具在效果和效率满足不了。游戏引擎虚幻、Unity 都提供完整的 HMI设计工具链。炫酷的 3D 效果、无代码的交互原型制作、所见即所得的开发,非常强大。
抖音规范谐音梗创作表达 公布 50 个高频使用词语
用户担心被平台规则“审核”或“处罚”,于是使用谐音等不规范表达。抖音为了解决此问题发布抖音的《平台倡议规范用语》,公布 50 个高频使用词语。未来将持续总结不规范使用现象并定期公布,与广大用户沟通,增进了解。希望用户可以放心创作,规范表达,减少不规范表达的使用。
抖音解释称,出现这一现象的部分原因,是平台规则介绍不够清晰,网友对平台规则缺乏了解,误以为一些正常词语是所谓的“敏感词”。这些词语正常使用表达不会被审核、处罚,仅在被用作传播色情低俗、违规引流交易、虚假宣传等违法违规行为时加以管理。
我做了一把模块化机械键盘
链接:www.bilibili.com/video/BV19V4y1J7Hx
这几天键盘圈最火的视频,作者稚晖君(彭志辉)是华为 AI 架构师,入选“华为天才少年计划”,外号“野生钢铁侠”。这把键盘从软件到硬件全是自己设计制作,为了让可玩性和智能更高,底部加入 USB 扩展器,左侧可接入自定义可编程模块实现功能拓展,空格键下方增加触控条。非常硬核,膜拜!
招聘信息
小米汽车招聘 B 端体验设计师
3-5 年经验,坐标上海,感兴趣的同学可以投递简历+作品集到邮箱:hubingbing3@xiaomi.com
体验碎周报第 105 期(2022.7.25)