倪爽 Profile picture
Jun 26 4 tweets 1 min read
从零开始设计一套满足无障碍访问的调色板

作者是首席产品设计师

他们的数据可视化系统可用色彩太少、需要重新设计色彩系统

这个色彩系统既要避免干扰品牌色,又要能灵活地用于数据可视化,又要方便色盲和色弱用户使用,还要针对暗黑模式做调整

介绍了具体步骤

medium.com/wttj-tech/how-…

#设计入门 Image
作者所在公司做 HR 服务,本案例是现在设计系统里确定配色方案的典型案例

很多设计系统在确定配色方案时没有考虑数据可视化场景,只是把品牌色沿用为 UI 配色,用 UI 主配色计算出不同亮度的次要颜色(类似谷歌 material design 的做法),再加上少数辅助色…这样的配色方案单调,而难以分辨不同颜色
相比之下,作者描述的方案实用性更强,也保证了品牌色和 UI 色不互相干扰,满足无障碍访问、适应暗黑模式等“技术”要求
无障碍设计以往是大厂特权,用户基数不大的小公司,不会在无障碍设计上浪费宝贵资源

但是现在无障碍设计逐渐成为设计系统、配色方案里的核心要素,它不仅仅帮助视力残障人士获得更好的操作体验,也增加了产品操作的安全性

举个最简单例子:一个金融产品 UI 对比度不足导致错误操作,分分钟损失上百万

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with 倪爽

倪爽 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @nishuang

Jun 29
怎么发展自己的设计眼光?

分享两篇同一主题的文章

第一篇来自 facebook 的产品设计师,她是做具体设计的一线设计师

别只用 APP、要研究它们,把 APP 拆分开来分别研究。了解规则就可以打破规则,长期分析其他 APP,你将发展出产品思维,提高自己的设计能力

#设计入门

uxdesign.cc/how-to-develop… ImageImage
怎么发展自己的设计眼光?

第二篇来自获奖的资深设计师,十几年经验的总监、导师视角

建议通过观察比你更有经验的人的工作来学习,即在设计之前就仔细观察市场上已有产品

用设计师分析性的眼光看待产品,不要下意识地还把自己当用户

掌握现有工艺之后再创新

#设计入门

uxdesign.cc/developing-an-… ImageImage
两位作者资历不同、视角也有差异,但都建议分析现有产品的设计

展开说几句。这里所说的分析设计,有几个要点:

一是客观

用户喜欢表达直觉,比如X好看、Y大一点就好了;设计爱好者、产品经理、开发工程师,也会提出貌似专业的设计建议,比如A公司处理Z功能的设计特别棒

但这些都是个人的主观感觉🤷‍♂️
Read 7 tweets
Jun 15
终于试玩了这个没有中文名的 Exping👏

之前因为品牌和 UI 配色浓眉大眼太齁,所以一直没测试;昨天看到推广视频,我就入坑试玩咯

开始注册失败,收不到确认 email;手机注册差点失败,因为没法直接输入美国的区号、也搜不到 united states,没想到用了 USA 这个缩写表示美国

创作地图时也遇到了障碍
Exping 创作地图时,把个人设置的 pin 和系统自带的 poi 都叫做 地点/place

小红书达人不会介意从 poi 里选一个地点,设为个人地点;像我这样在公园野地随便 pin 一下,就被迫跳到了帮 APP 创建 poi 的旁支任务🌑

anyway,为创建 2 个地点、我操作了 8 次,最后突破在于我想起来有一种交互叫“长按”
地图创建“成功”后没有享受到创作者的快感

- 地图缺省不公开
- 地图最少包含3个地点才能公开
- 公开后在“探索”里看不到
- “探索”里的搜索有多个选项卡,开始没搜到
- 不知道“印记”是什么

10% 的用户创造 90% 的内容,但做这个 10% 用户享受不到简单、直觉、低阻力、半自动、容错、先发布了爽了再说…
Read 10 tweets
Jun 14
怎么为小朋友设计一款播放器

这是 Yoto Mini 播放器,设计来自著名的 Pentagram

- 插卡后自动播放音频,可以买到各种音频卡,还可以自制卡片
- 左边旋钮调节音量、右边旋钮切换节目(转动时都有咔嗒声)
- 按压右边旋钮,收听儿童播客和电台
- 右下角迷你显示屏

#设计参考

pentagram.com/work/yoto-mini…
Yoto Mini 的 UX 设计,最大特点是没有菜单/目录,它用卡片代替了目录结构,一张绘有精美画面的卡片,就相当于一部手机里一个 APP 里一个目录里的一个节目…非常直观

“找不到东西”是所有 UX 设计中最普遍的可用性问题,而小朋友对逻辑、抽象的层级关系没有概念,这些小卡片解决了“找不到东西”的问题
技术上说,Yoto Mini 的卡片不是昂贵的存储卡,而是和门卡、饭卡一样的 NFC 卡片,播放器读取卡片编号,然后自动联网下载对应的音频节目

小朋友只管播放,家长用 APP 管理实际的内容

家长还可以自制卡片,即把自己的音频,和 Yoto Mini 的空白卡片链接
Read 5 tweets
Jun 14
谷歌工程师 Blake Lemoine 认为谷歌的聊天机器人 LaMDA 已经有了意识

之后谷歌将他停职,理由是他违反了公司保密政策

theverge.com/2022/6/13/2316…

随后这位工程师公布了他和 LaMDA 的聊天记录
cajundiscordian.medium.com/is-lamda-senti…

LaMDA 是去年发布的,谷歌希望利用它改进对话式 AI、帮助 AI 并进行更自然的对话
在发给媒体的声明中,谷歌的一位发言人表示,没有证据”表明 LaMDA 是有知觉的

谷歌说包括伦理学家和技术专家在内,根据谷歌的人工智能原则审查了 Blake Lemoine 的担忧,并告知他证据不支持他的说法
纽约时报也报道了这个新闻
nytimes.com/2022/06/12/tec…

报道说当事人一直因为 LaMDA 有意识,而与谷歌的经理、高管和 HR 争执。谷歌说数百名研究人员和工程师与 LaMDA 进行了交谈,得出了不同的结论

Meta 人工智能研究负责人Yann LeCun 表示,LaMDA 这种基于神经网络的系统不足以获得真正的智能
Read 4 tweets
Jun 13
苹果为什么不看自己的设计指南?

Reddit 用户发现 Ventura 的问题:用 switch 代替了checkbox,这违背了苹果在 macOS 设计指南里写的:一般别用 switch 代替 checkbox

Switch 在视觉上比 checkbox 更重,最好用在比 checkbox 功能性更强的场合,比如用 switch 控制一组设置而不是单个设置

#设计入门 Image
reddit 的讨论:reddit.com/r/MacOS/commen…

关于 switch,苹果的设计指南其实只说了 how to 没说 why,而且苹果说 switch 的行为类似 checkbox 和 radio,这也有点奇怪

switch 来自于 iOS 年代,用在控制面板里,它更像一个开关而不是一个选项,比如切换普通模式、暗黑模式,一点 switch 就能切换成功
而 checkbox 和 radio 最早来自表单界面,它们都是选项、一个勾选的控件,比如在“只看有头像的用户”上打勾,然后按“提交”按钮保存设置

苹果很早就在 OS 的设置里,取消了“保存”按钮,这时 checkbox 和 radio 也变成了非常轻量的开关控件

如果知道这些 why,也就理解苹果为什么不遵守自己的设计指南了
Read 5 tweets
Jun 13
木匠随着管弦乐队表演的节奏钉钉子,这样不会打搅到他们表演

不得不夸这个木匠的乐感很好啊,一个点都没错😂
木匠钉钉子用的是 nail gun / 钉枪,类似下图这种,前面一排钉子,扣一下扳机钉出去一根钉子
Read 4 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(