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

2022-08-02 20:17:33 +08:00
 autoxbc

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

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

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

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

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

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

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

5750 次点击
所在节点    设计
46 条回复
wjfz
2022-08-02 20:29:17 +08:00
卧槽，我第一次知道闹钟还可以点击设置时间。

之前某个版本的 iOS 改成了输入框，一堆人喷，但我觉得输入 1852 代表 18:52 很方便，轮盘太慢了（以致于每次都是用 Siri 创建闹钟）。现在终于知道方便的操作方式了。
liguanru
2022-08-02 20:41:03 +08:00
卧槽，我第一次知道闹钟还可以点击设置时间
cpstar
2022-08-02 20:44:30 +08:00
记得当年 HTC 的时钟，使劲滑动快速翻动的时候，会自动停在整十分上
efcndi
2022-08-02 20:47:05 +08:00
严重同意 op 的观点。说实话，不要说我太狂妄，我真觉得国内的很多所谓设计人员，真的不过是依葫芦画瓢的抄袭者罢了，问题是知其然不知其所以然。这一点在手机圈表现得尤其普遍，那个刘海屏的设计即为典型案例。
Sharuru
2022-08-02 20:52:27 +08:00
OP 说的这两个问题可以说是在日常使用中经常碰到的了。
等宽字体的选择尚且能忍，色温调节这个可以说是所有智能家居界面都有的通病了。
就连 colorpicker 都知道允许用户输入 RGB 或 HEX 值取色...
runze
2022-08-02 21:37:44 +08:00
试了一下，MIUI 的闹钟就是典型的反面例子
Jooooooooo
2022-08-02 21:41:24 +08:00
"等宽字体" 这个在很多情况都算是高要求了.
voidless
2022-08-02 22:03:09 +08:00
设计（借鉴）
voidless
2022-08-02 22:06:01 +08:00
产品经理之神设计的国民社交 app 到了 2022 年过半才加入了应用内通知，在此之前产品经理应该是不看公众号不看朋友圈不看视频不和多个人聊天的
geelaw
2022-08-02 23:19:06 +08:00
当然，我们也可以知道 Apple 的设计师在 iOS 14 之前也不太懂设计（闹钟在 iOS 14 才引入了键入时间机制），而且这不是反话。

这个问题主要是有级（相邻值位置远）和无级（相邻值位置很近）的区别，对于需要精确控制的无级滚动条，应该引入更方便的输入机制。当然设计师可以认为精确调节色温不是需求。
Osk
2022-08-02 23:23:50 +08:00
Windows 11 UI 设计师: 好用有啥用? 我要好看
mercury233
2022-08-02 23:26:47 +08:00
MIUI 的天气在最中间第三醒目的地方放了一个反馈天气不准的按钮，点击天气雷达图时在屏幕中间放了一大块遮挡雷达图的东西。我一直怀疑这个设计师是友商派来的。
mercury233
2022-08-02 23:28:33 +08:00
还有天气里的地图允许旋转且归位按钮不能重置旋转
orangy
2022-08-02 23:33:54 +08:00
那个智能灯色温的问题，家庭 APP 的调色界面也是无法精准选择数值，甚至连数值都不显示😂
binux
2022-08-02 23:37:42 +08:00
我觉得设计师的问题不是不让你精确控制色温，而是让你看到了具体的数值。
你眼睛能看得出 5483K 和 5500K 有什么区别？你非得要精确的色温，你不会用下面那个色温情景？而且这个和时间能比？
locochen
2022-08-02 23:52:42 +08:00
没看懂等宽区别？
autoxbc
2022-08-03 00:11:52 +08:00
@geelaw #10 苹果的部分设计师确实有设计高于体验的执念，还被国内一些人学去了，这很不好
autoxbc
2022-08-03 00:26:49 +08:00
@binux #15 我确实不能看出微小的色温区别，我甚至认为灯本身也显示不出区别

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

另外，下面的「色温情景」也不能精确控制
binux
2022-08-03 00:31:22 +08:00
@autoxbc “我们谈论色温用的是数值”这就是你的傲慢了。
90%的人不知道色温是什么东西。更别说数值了。既然不知道色温数值是什么东西，“精准”数值也就没有意义了。色温情景难道不是一个预设的“精确”数值吗？
autoxbc
2022-08-03 00:39:18 +08:00
@locochen #16 因为一些图床的限制，我没有录动图。苹果手机的微信和 MIUI 的电话是非等宽的，苹果手机的电话和 MIUI 上的微信是等宽的，只要拨通后盯着通话时间看一下，就知道有没有横向摆动了

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/870306

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX