体验碎周报第 97 期(2022.5.30)

体验碎周报第 97 期(2022.5.30)

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

体验亮点

StackOverflow 搜索语法建议

StackOverflow 网站搜索框在获取焦点后,会提供若干搜索的语法建议,帮助用户输入更精确的关键词,得到更好的搜索结果。

微信群踢出再次申请加群

被从微信群踢出的人再次申请加群,管理员能查看 ta 曾经的聊天记录,便于判断 ta 是否适合入群。

来自 @leadream4

体验槽点

支付宝生日积分领取后按钮文案

生日送积分的界面,领取后的按钮文案是“机会已用完”有些冷冰冰,如果是“心意已领取”之类的可能情感传递更好一些。

来自 @Amiyuko

轻松筹诱导多支付

支付页与钱有关的信息要强调显示便于用户确认,轻松筹的支付页面把多支付 3 元包装成同意《用户资助说明》,弱化价格。如果你不勾选,接下来继续弹窗诱导你多支付 3 元,依然弱化价格。这是做慈善还是做诈骗?

来自 @Koci丶

推荐阅读

语言选单设计完全指南

链接:https://mp.weixin.qq.com/s/0KzwbUMthzkcsrkU5GHsuQ

当用户打开一个非自己母语的网页时,首先会寻找这个入口,把语言切换到自己的母语。但在设计语言选单的时候,不同的公司/网站采取的策略各不相同。

设计网站 SmashingMagazine.com 的主编、UX 设计师、前端开发者 Vitaly Friedman 就撰写了一篇非常详尽的文章,梳理分析了现有网站实现语言选单时的各种做法,最后总结出了非常具有实操价值的语言选单设计原则。

点赞功能背后的洞察与价值

链接:https://achgdesign.com/0ca2268c1d364dd49ace9fca5f431837

非常全面地总结,点赞的起源,对于用户体验、商业价值全面又深入。

评论中的细节

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

作者分析了很多产品的评论设计,得出结论:

  • 要分清评论里面回复的主次关系展现形式;
  • 不同业务场景下评论的形式会发生改变;
  • 在需要促进用户评论活跃的过程也要考虑保护用户隐私。

骑手怎么看“骑手活在系统里”

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

前段时间有很多网友为团饿了么欺压骑手打抱不平,觉得是资本家压榨无产阶级。作者参与美团官方组织的骑手恳谈会面对面和几位美团骑手聊了聊。他认为骑手工作时间自由远不是关在写字楼 996 被资本家榨干的白领们可以共情的。骑手真正觉得欺辱他们的是阻扰进小区的物业,还有打差评的顾客。
互联网热衷扁平消灭中间商降低成本,导致中枢对一线的直接管控,结果是一线被中枢逼着内卷。

HMI 领域深入研究!设计知识体系

链接:https://www.ui.cn/details/626219

本次文章主要是针对了 HMI 车载系统的首页、状态栏、导航栏(dock 栏)进行了分析和讲解,列举了众多车型去
比对,从中得出一些行业的结论,并结合自己的想法去深入地探讨可行性。

你用什么做笔记?聊聊我的经验

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

本篇探讨笔记工具优缺点,并且分享自己用的笔记工具和工作流。

工具资源

中央美术学院毕业展网上展厅

链接:https://2022art.cafa.edu.cn/

一年一度毕业季又到了,中央美术学院的毕业展疫情之前我每年都去看,现在疫情就只能在网上展厅看了。

WPDS —— 华盛顿邮报的设计系统

链接:https://build.washingtonpost.com

组件文档不是很完善,比较有意思的是具备 Figma Slot 的视频教程,还有举办 Workshop 的录像,都挺实在的。

ClipDrop —— Figma 位图图层分离插件

内测申请链接:https://docs.google.com/forms/d/e/1FAIpQLSf3RaSmcq-pp5n5LTOk4M9Gz5Ui1TpRHQNRf3eR3EpIbyYj0Q/viewform

该插件能把位图中元素分离成多个图层,便于再调整。不过插件还在内测,需要填写表单申请。

其实 Figma 插件只是出品方的一个小产品,他们的主要产品支持更多维度的图片调整,比如去背景、清理图中某个元素、提升图片的画质。

Pose Search —— 根据骨骼姿势找图片

链接:https://x6ud.github.io/pose-search/#/

画人体需要找参考,这个在线工具能根据你选择的身体部位,调整骨骼的姿势,帮你找到可供参考的照片。

Eagle 3.0 Alpha 体验版

链接:https://eagleteam.notion.site/3-0-Alpha-90adf96ef3064ba68719fd12b300eeaa

Eagle 应该是最知名的设计师素材管理工具吧。这次放出了 3.0 的早期测试版,新功能包括:

  • 推出资源共享社区
  • 支持所有文件格式导入
  • 自动化动作批处理
  • 保存筛选结果
  • 侧栏新增「最近使用」分类
  • 添加到其他资源库
  • 悬停预览 YouTube / Vimeo 视频
  • 性能大幅优化
  • 智能文件夹
  • Eagle API

另外未来 Eagle 4.0 版本,将带来全新的「插件系统」。

Power Apps Express Design —— 根据图片转代码

链接:https://powerapps.microsoft.com/en-us/blog/new-express-design-in-power-apps-converts-images-and-designs-to-apps-in-seconds/

微软搞出来的 AI 黑科技,你可以从 Figma 、PDF 甚至是手绘的界面草图,通过 AI 识别 UI 元素,自动生成代码。

DEX 周刊

链接:https://newsletter.dex.group

很多阅读本周报的读者都觉得我见闻广博,其实我就是个信息的二道搬运工。我最佩服的是丁一做的 DEX 周刊,这是关于产品、设计、前端、软件等内容的精华资讯邮件列表。相信我,看了他的 周刊之后就觉得我不过尔尔。

iOS vs Android UI Kits —— Figma 设计素材

链接:https://www.figma.com/community/file/1104021135241005147

iOS 用户界面指南和 Material Design 是移动 UI 设计师必学规范,这份 Figma 设计素材将两个规范的内容对比整理,适合系统学习。当然也做了组件化,可以直接拿来用到自己的设计稿里。

Illustrator + SVG Import —— 从 Illustrator 复制到 Figma

链接:https://www.figma.com/community/plugin/1110823324890582795/Illustrator-%2B-SVG-Import

导入你的插图和 SVG 文件到 Figma。这个插件解决了大多数导入问题,包括:

  • 从 Illustrator 复制到 Figma
  • SVGs 使用 HSL/HSLa
  • SVGs 宽度/高度有误

Framer Sites —— 无代码建站工具

链接:https://www.framer.com/launch/

Framer 在设计工具这条道路扑腾很久成绩却远不如后来居上的 Figma,现在他们找到了无代码建站这条道路,目前看效果不错,各行各业的案例都有,甚至还有设计系统的网站案例(https://www.framer.com/templates/template/documentation/),希望他们顺利。

Typedream —— 无代码建站工具

链接:https://typedream.com

使用方式混合了 Notion 和 Figma,既可以块状编辑内容,可以通过右侧面板调整参数。内置很多漂亮的模板,做自适应和深色模式也很快。

CSS GUI —— 可视化 CSS 编辑

链接:https://components.ai/css-gui

CSS GUI 是一个可视化工具,可以像填表单那样编辑网页上的元素样式。

UIVERSE.IO —— 开源前端 UI 代码拷贝库

链接:https://uiverse.io

这个网站按控件对很多漂亮的前端 UI 效果进行归类整理,前端工程师可以直接拷贝代码拿来直接用,支持在线调整预览效果。

产品发现

mysc —— 碎片信息收集整理

链接:https://www.mysc.app

又是一款笔记软件,主打碎片信息记录和整理,特点是可以拖拽对碎片进行归类。

Territory Studio —— 知名的电影科幻 UI 设计工作室

链接:https://territorystudio.com/project-category/screen-graphics/

Territory Studio工作室最出名的在于给好莱坞制作电影画面里出现的科幻 UI,比如:《钢铁侠》、《蜘蛛侠》、《环太平洋》、《头号玩家》、《黑镜》等,甚至还有《上海堡垒》。

OneSearch —— 一键在常用 App 里搜索

链接:https://apps.apple.com/cn/app/onesearch/id1624217138
OneSearch 能快速跳转常用 App 内的搜索功能,并且保存搜索记录。它将结束您在不同 App 的搜索框之间辗转的噩梦。限时免费中。

联想语音 - 实时音视频翻译浏览器插件

链接:https://chrome.google.com/webstore/detail/联想语音-音视频翻译、辅助语言学习、追剧好帮手/aalekkcehaiinnegckolngodogalghfl?hl=zh-CN

相当于同传,可以对浏览器内播放的音视频实时翻译,显示字幕。

HUGYOU —— 鼠标指针变 emoji

链接:https://h-u-g.co.jp

很有创意的网站,在不同的部分鼠标指针变成不同的 emoji。

muse 发布 2.0 版本

链接:https://museapp.com

muse 是一款致力于成为第二大脑的生产力笔记工具,这次 2.0 版新增:嵌套板、用于视觉和空间思维的卡片和笔迹的开放画布,以及 PDF、视频和 tweet 等内容片段。

嵌套板

开放画布

圆领 —— 远程工作雇佣平台

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

这是一个远程工作雇佣平台,企业主可以发布远程工作招聘,工人也可以发布自己的简历和需求。

相关资讯

为什么 iPad 没有原生计算器

链接:https://bootcamp.uxdesign.cc/why-3-trillion-worth-of-a-company-cant-make-a-simple-calculator-b9958d94f8

第一代 iPad 在 2010 年 1 月发布。在发布会前一个月,史蒂夫 · 乔布斯检查了新产品的软件,要求一个新的计算器设计。当时 iPad 的计算器和 iPhone 一样,只是尺寸比 iPhone 大得多。当时 iPad 软件开发团队的领导人 Scott Forstall 回答说,计算器并没有什么新设计,他试图说服乔布斯,计算器并不重要。乔布斯不喜欢这个计算器应用的原因是它的设计。正如你在图片中看到的,按钮的大小和数字太大了,看起来很难看。所以这就是第一代 iPad 没有原生计算器的主要原因。

如今史蒂夫 · 乔布斯已经不再是苹果公司的 CEO 了,为什么苹果公司仍然没有为它的 iPad 做一个计算器呢?

现任苹果公司软件工程高级副总裁 Craig Federigh 在一次采访中回答了这个问题。他说: “我的意思是,开发一个计算器应用程序显然很容易,但是开发一个让人感觉‘哇,这是最棒的 iPad 计算器应用程序’的应用程序是公司的目标。那一天可能会到来”。所以以后苹果可能会在他们发现最棒的计算器设计时加入一个原生计算器应用。

𝐏𝐥𝐚𝐲𝐒𝐭𝐚𝐭𝐢𝐨𝐧 𝟏 图标

来自巴西的设计师 jardel marques 绘制的 𝐏𝐥𝐚𝐲𝐒𝐭𝐚𝐭𝐢𝐨𝐧 3D 图标,半透明的制材里有经典游戏的画面,真好看。

微软正在测试全新的 OneNote

新的 OneNote 大量采用圆角,匹配 Windows 11 的视觉风格。

Instagram 品牌更新

https://about.instagram.com/brand

Instagram 推出了一个重大的“品牌更新”。使用更鲜明的颜色,创造了自己的字体 Instagram Sans,采用更突出内容的布局规范。

雪碧换 Logo 和包装

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

雪碧于 2022 年 5 月宣布全球品牌更新,推出了全新的视觉识别系统,其更新包括新的包装设计和新的 LOGO。

Airbnb 关闭中国区业务

爱彼迎(Airbnb中国)发布致中国用户的一封信,宣布爱彼迎中国最新业务调整,将暂停支持中国境内游房源、体验及相关预订,仅服务于出境游。预计将在今年夏天完成。

禁止非公有资本进行新闻采编

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

根据江西省广播电视局官网的《通知》,广播电视网络视听领域市场准入负面清单(2022 年版)禁止准入类事项为:禁止违规开展新闻传媒相关业务,具体包括以下几个方面:

  • 非公有资本不得从事新闻采编播发业务。
  • 非公有资本不得投资设立和经营新闻机构,包括但不限于通讯社、报刊出版单位、广播电视播出机构、广播电视站以及互联网新闻信息采编发布服务机构等。
  • 非公有资本不得经营新闻机构的版面、频率、频道、栏目、公众账号等。
  • 非公有资本不得从事涉及政治、经济、军事、外交,重大社会、文化、科技、卫生、教育、体育以及其他关系政治方向、舆论导向和价值取向等活动、事件的实况直播业务
  • 非公有资本不得引进境外主体发布的新闻。
  • 非公有资本不得举办新闻舆论领域论坛峰会和评奖评选活动。

招聘信息

悦刻 Relx 招聘设计师

链接:https://www.relxtech.com/innovation-and-initial-heart

有大量招聘需求,有感兴趣的可以来试试。邮箱:lake.hu@relxtech.com

  1. 线上运营视觉设计(banner、H5、活动页、一些线上的平面)
  2. 偏 B 端 / 数据 / web 桌面 / 后台的用户体验设计师
  3. 海外(原生 APP、品牌 or 电商官网、一些活动 H5)用户体验设计师

minglab 新加坡招聘

Design Intern:https://minglabs.com/careers/ux-design-intern-sin/
UX Designer:https://minglabs.com/careers/ux-designer-sin/
Senior UX Designer:https://minglabs.com/careers/senior-ux-designer-sin/
Design Lead:https://minglabs.com/careers/ux-design-lead-sin/

投递邮箱: jobs@minglabs.com

TikTok 招聘产品设计师 / 设计专家

体验碎周报第 97 期(2022.5.30)

http://www.ftium4.com/ux-weekly-97.html

作者

龙爪槐守望者

发布于

2022-05-30

更新于

2022-05-29

许可协议

评论