发现很多设计人员缺乏基本的交互常识

[autoxbc]

最近在折腾智能家居调光照明，从 3W ，5W ，6W ，8W ，12W 的灯到自己改电路板到调光灯到智能调光灯，最后上了 HomeKit 智能调光灯。说说软件控制界面，从这个调光灯设置界面能看到什么问题？

只有一个不精确的转盘可以控制亮度和色温。虽然转盘可以让用户直觉化的设定大概数值，但是当用户希望调整到一个准确值时，几乎是做不到的。如果我刚好认为 5500K 的色温适合阅读，只能用手指缓慢挪动，看着数字从 5483K 到 5545K 之类的跳来跳去

先抛开这个问题，看一看更一般的交互界面应该怎样设计。这是一个 iPhone 的闹钟界面，有两个直觉化的转轮，这很好，那我要快速的设定时间应该怎么操作？

只要点击一下数字，马上弹出了数字软键盘，对的，正确的逻辑就是这样，「你的数字输出控件，同时应该是个数字输入控件」

再让我们看一个交互设计问题。这是苹果手机上的小龙聊天软件，问题在哪里？

显示当前已过时间的控件，用的字体是非等宽的，这样在时间变化时，数字整体会左右摆动。那么正确的设计在哪里？来看看电话应用的界面

「可变的时间和百分比控件，应该使用等宽体」，希望设计人员稍微用用自家产品，不要犯一些低级错误

[wjfz]

卧槽，我第一次知道闹钟还可以点击设置时间。

之前某个版本的 iOS 改成了输入框，一堆人喷，但我觉得输入 1852 代表 18:52 很方便，轮盘太慢了（以致于每次都是用 Siri 创建闹钟）。现在终于知道方便的操作方式了。

[liguanru]

卧槽，我第一次知道闹钟还可以点击设置时间

[cpstar]

记得当年 HTC 的时钟，使劲滑动快速翻动的时候，会自动停在整十分上

[efcndi]

严重同意 op 的观点。说实话，不要说我太狂妄，我真觉得国内的很多所谓设计人员，真的不过是依葫芦画瓢的抄袭者罢了，问题是知其然不知其所以然。这一点在手机圈表现得尤其普遍，那个刘海屏的设计即为典型案例。

[Sharuru]

OP 说的这两个问题可以说是在日常使用中经常碰到的了。
等宽字体的选择尚且能忍，色温调节这个可以说是所有智能家居界面都有的通病了。
就连 colorpicker 都知道允许用户输入 RGB 或 HEX 值取色...

[runze]

试了一下，MIUI 的闹钟就是典型的反面例子

[Jooooooooo]

"等宽字体" 这个在很多情况都算是高要求了.

[voidless]

设计（借鉴）

[voidless]

产品经理之神设计的国民社交 app 到了 2022 年过半才加入了应用内通知，在此之前产品经理应该是不看公众号不看朋友圈不看视频不和多个人聊天的

[geelaw]

当然，我们也可以知道 Apple 的设计师在 iOS 14 之前也不太懂设计（闹钟在 iOS 14 才引入了键入时间机制），而且这不是反话。

这个问题主要是有级（相邻值位置远）和无级（相邻值位置很近）的区别，对于需要精确控制的无级滚动条，应该引入更方便的输入机制。当然设计师可以认为精确调节色温不是需求。

[Osk]

Windows 11 UI 设计师: 好用有啥用? 我要好看

[mercury233]

MIUI 的天气在最中间第三醒目的地方放了一个反馈天气不准的按钮，点击天气雷达图时在屏幕中间放了一大块遮挡雷达图的东西。我一直怀疑这个设计师是友商派来的。

[mercury233]

还有天气里的地图允许旋转且归位按钮不能重置旋转

[orangy]

那个智能灯色温的问题，家庭 APP 的调色界面也是无法精准选择数值，甚至连数值都不显示😂

[binux]

我觉得设计师的问题不是不让你精确控制色温，而是让你看到了具体的数值。
你眼睛能看得出 5483K 和 5500K 有什么区别？你非得要精确的色温，你不会用下面那个色温情景？而且这个和时间能比？

[locochen]

没看懂等宽区别？

[autoxbc]

@geelaw #10 苹果的部分设计师确实有设计高于体验的执念，还被国内一些人学去了，这很不好

[autoxbc]

@binux #15 我确实不能看出微小的色温区别，我甚至认为灯本身也显示不出区别

我的需求是：
1. 符合常识
我们谈论色温用的是数值，那么设置色温也应该用数值。如果设计师隐藏了数值显示，那么实际是设计师的傲慢，这种傲慢遍地都是，包括上面朋友说的，苹果的「家庭」应用中的设置界面就是不显示精确数值的，这是不对的；
2. 符合预期
无论什么原因，只要应用把精确值显示出来了，那么用户在设置时就有一个精确的预期值，「可望而不可及」，这破坏了预期，也破坏了体验；

另外，下面的「色温情景」也不能精确控制

[binux]

@autoxbc “我们谈论色温用的是数值”这就是你的傲慢了。
90%的人不知道色温是什么东西。更别说数值了。既然不知道色温数值是什么东西，“精准”数值也就没有意义了。色温情景难道不是一个预设的“精确”数值吗？

[autoxbc]

@locochen #16 因为一些图床的限制，我没有录动图。苹果手机的微信和 MIUI 的电话是非等宽的，苹果手机的电话和 MIUI 上的微信是等宽的，只要拨通后盯着通话时间看一下，就知道有没有横向摆动了

[autoxbc]

@binux #19 「 90%的人不知道色温是什么东西」，他们自然也不会谈论色温，自然不在我们讨论的语境里，这是个概率论的逻辑陷阱

那么我们的语境是什么呢？就是买了智能调光灯的人，这些人几乎全部知道色温是什么，也知道色温应该怎么表述，因为几乎全部智能调光灯的介绍页面都有这些东西

[binux]

@autoxbc 1 第一，并不是所有的智能灯介绍页都有，比如 https://www.gelighting.com/smart-home/led-bulbs/full-color 。 当然 full spec 一定会有，但是就像灯泡接口一样，90%的人对于 A19 依旧没概念。
第二，灯是一个家居产品，使用者并不一定是购买者。苹果手机这个功能做出来，一个家庭就只能一个人用吗？别的家庭用户就不能调色温了？难道你父母就不用了？

[autoxbc]

@binux #22 知道为什么这个页面没有色温有关的精确值吗，因为这是个彩灯，你可以用颜色来描述，而我们的语言里并没有描述色温的词

第二，当父母开始调节色温时，发现怎么都不合适，然后问了你一句，「上次看电影时那个黄黄的颜色怎么调」，你说「色温 2700K 」

所有简洁优先的设计师必须知道一个道理，你的产品模型不能比常识更简洁，那样就失真了，只会给用户带来困扰

[binux]

@autoxbc 很明显这个页面里面用的是
Adjust white color tone from warm to cool 。而不是具体的数值。
你父母绝对不会说 某个不精确的数值，比如，2683k 不合适。因为根本就看不出来。而真正的设计是告诉他们用“暖色”的预设按钮。

[qwertyzzz]

闹钟从来没用过键入 也从来没有想要键入的想法过

[iXInbo]

人人都是产品经理，也就会人人都是垃圾

[yyh0808]

1 、国内不会给设计师加这种 KPI ，因为大多数老板不想浪费钱投入这种“没用的交互细节上”，收益不大。
2 、你没有看过设计稿，而是拿开发落地的实际情况来对比，锅甩给设计也是不太合理，我遇到 90%的开发都不会重视这种细节，甚至每次开发过程中砍掉一大堆交互细节，因为优先级低，在国内设计很难说服开发。
3 、我认为你应该先喷开发 app 的领导，堆细节容易，但是愿不愿投入更多精力，要看领导对这个事情执着程度。

[zmqiang]

计时器用非等宽字体很多地方都能看到，每次都觉得难受

[locochen]

@autoxbc 是的，来回飘动，特别是 1 ，到 2 这种。

但是这种我觉得需要资深人士在第一线才会安排处理这种问题。这种小细节可能就一般人员做个 demo 就过了，可以发版了

[lingalonely]

ux 是一种高级技能，而且没有太固定的范式

[autoxbc]

@qwertyzzz #25 总有不方便用语音的时候，比如旁边有人睡觉

[RainCats]

刚试了，iqoo 的闹钟设置没法输入，只能拖拖拖那个轮。这真的就是一个体验问题。。不谈什么国内国外，我只希望产品们可以多接点地气，多思考一下好的交互是怎么样的

[RainCats]

@autoxbc 当他允许我拖动调节的时候我就希望他也允许我直接输入数值，这难道不是很正常的需求吗

[idrawer]

这些产品几乎百分之九十多的用户根本不在乎这些行为逻辑，哪怕讲了也不会在乎还会觉得你玩手机的年轻人想太多怎么这么多花花道道。更别说开发和决定设计案的领导

[soilzhu]

> 只有一个不精确的转盘可以控制亮度和色温。虽然转盘可以让用户直觉化的设定大概数值，但是当用户希望调整到一个准确值时，几乎是做不到的。如果我刚好认为 5500K 的色温适合阅读，只能用手指缓慢挪动，看着数字从 5483K 到 5545K 之类的跳来跳去

这涉及到究竟是要精确还是不精确。从产品设计的角度来说这个灯泡是面向普通消费者而不是有着对灯光有着专业需求的专业人士，对于消费者来说 5500k 和 5555k 并没有什么本质上的区别，他只要看着舒服就行。有关于色温的精确调控的功能肯定是更好的，但这毕竟不是这个灯泡的职能，你也不是他的目标用户。

而闹钟是需要精确到每一分钟的，差了哪怕一分钟都无法说其是称职的，这也正是这二者的区别。

如果这个灯泡的视觉是我来做，我会选择把色温的这个值把它砍掉，只留下一个旋钮和一个参考的颜色，因为我们的目标用户并不需要那样的精确，真的需要精确的色温的工作者早就会购买更专业的灯光设备了。说白了就是给多少钱办多少事。

[CSGO]

那个米家的话，我觉得 1 ，好看就行，管它专业不专业。2 ，就是个业余的辅助，或者说那个数值毫无意义。

这也就是为什么米家里同一个设备或者相似的设备，UI 界面那么多个，变来变去，就是不同设计师随便设计罢了。

[autoxbc]

@soilzhu #35 设计师喜欢把自己的想法强加给用户，当用户不接受这种强加的时候就说你不是我的目标用户，这几乎是这个行业的万能答案

[AX5N]

@autoxbc 废话，设计师不喜欢把自己的想法强加给用户，那他干设计师是为了啥，为了舔好用户吃一口饭吗，那这种人不叫设计师，他的用户才叫设计师。

[zerofancy]

可能设计师和开发者都不知道系统字体支持情况，有时设计师也许发现了某处因为字体不等宽导致文本宽度挤压其他元素来回跳动，但研发说无法支持略过了。
这是我们实际发生的情况。安卓上各家手机用户都能自己设置奇奇怪怪的字体，知道可以设置 monospace 字体系列的研发就不多，知道也不一定敢用，谁知道会不会在某家的定制 ROM 上出问题。
而要嵌入字体又感觉不太值得

[redtree]

其实归根到底还是企业经营者和管理者的问题，本来要专业人做的事情随便抓了个阿猫阿狗的就开工，因为待遇和其他乱七八糟的理由呗

[codehz]

其实我觉得既然不能精确调整色温，那就把能调整的范围列出来，你能 100K 为单位变，那就最小刻度 100K （

[foufoufm]

当你拿一个锤子的时候，你看什么都是钉子

也不是故意抬杠，但你这举例实在是颇有鸡蛋里挑骨头的含义。

原则上先去猜想为什么这么做，是不是这么做，有没有更优解，才是开放式讨论，在这个帖子里我看到的是颇具有贬义和求认同的动机。

如果希望讨论，希望能够更加友善一些

[xiaohouzhi]

关于色温那个，我觉得有点扯，衡量一个设计好不好的前提看你的设计能不能满足目标用户的需求。你犯的最大错误就是认为你就是用户，你认为应该这样，所以别人都认为应该这样的。如果你真的去做一下用户调研，我有很大的把握可以说，大部分用户根本分不出来，也不在乎 5483K 和 5545K 的区别。很大的可能需要把数字调整到某一个精确值的需求是你自己意淫出来的，而不是大部分用户想要的。

[god7d]

的确是抄袭，还要再加上一堆自以为的功能，看起来更臃肿了

[leaderOrg]

@soilzhu 赞同，抛开目标用户谈设计，都是扯淡。

[jadewant]

@soilzhu 这一方面是有点说不通的，就像大部分开店的需要用计算机算一个几百块几千块或者几万块的帐而已，完全不需要用到亿级的位数，那是不是就不该有亿的位数显示？或者说为什么不针对那些小生意人做个最多只有百万的位数显示的计算器呢？
题主所描述的这种功能也不属于那种特别复杂的控制系统，就算从你所说的目标用户的角度考虑，那他就做成精确的，体验不更好？也就是说就算目标用户是“普通用户”，那就不能做成精确调控的而必须做成模糊调节的吗？很显然没有这个规定，那“目标用户”这个说法也就不是他这样设计的必然原因了，也就不能因为目标用户这个角度而断定他就必须这样做。
如果长时间用一种色温，也记住了常用的色温的数值，比如：5555k 这个数值，哪天因为误触突然变了，由于软件的调节功能不精确，不管往上调还是往下调就是差点意思，那怎么办？就算普通用户，也不能排除这种可能。
还有，“普通用户”也要看属于什么背景的，就拿智能家居这个用户群，喜欢用智能家居的，对参数都是比较熟悉的（至少占比有一定数量的），也应该有部分人喜欢追求完美精致的，那这种情况又怎么办？是怎么确信“普通用户”就一定是不在意这种精确的数值，而就非得是专业人士才能使用到这种精确的调节功能呢？
为“目标用户”所做的交互是在这个目标群体里尽可能多的想到使用场景和需求，而不是让他们的习惯或需求必须符合你的“目标”。
交互哪能这么干。