发现很多设计人员缺乏基本的交互常识
<p>最近在折腾智能家居调光照明，从 3W ，5W ，6W ，8W ，12W 的灯到自己改电路板到调光灯到智能调光灯，最后上了 HomeKit 智能调光灯。说说软件控制界面，从这个调光灯设置界面能看到什么问题？ </p>
<p><img alt="" class="embedded_image" loading="lazy" referrerpolicy="no-referrer" rel="noreferrer" src="https://i.imgur.com/xamowyh.png"></p>
<p>只有一个不精确的转盘可以控制亮度和色温。虽然转盘可以让用户直觉化的设定大概数值，但是当用户希望调整到一个准确值时，几乎是做不到的。如果我刚好认为 5500K 的色温适合阅读，只能用手指缓慢挪动，看着数字从 5483K 到 5545K 之类的跳来跳去 </p>
<p>先抛开这个问题，看一看更一般的交互界面应该怎样设计。这是一个 iPhone 的闹钟界面，有两个直觉化的转轮，这很好，那我要快速的设定时间应该怎么操作？ </p>
<p><img alt="" class="embedded_image" loading="lazy" referrerpolicy="no-referrer" rel="noreferrer" src="https://i.imgur.com/n7VWNSb.png"></p>
<p>只要点击一下数字，马上弹出了数字软键盘，对的，正确的逻辑就是这样，「你的数字输出控件，同时应该是个数字输入控件」 </p>
<p><img alt="" class="embedded_image" loading="lazy" referrerpolicy="no-referrer" rel="noreferrer" src="https://i.imgur.com/tcz52qm.png"></p>
<p>再让我们看一个交互设计问题。这是苹果手机上的小龙聊天软件，问题在哪里？ </p>
<p><img alt="" class="embedded_image" loading="lazy" referrerpolicy="no-referrer" rel="noreferrer" src="https://i.imgur.com/1r3EmCu.png"></p>
<p>显示当前已过时间的控件，用的字体是非等宽的，这样在时间变化时，数字整体会左右摆动。那么正确的设计在哪里？来看看电话应用的界面 </p>
<p><img alt="" class="embedded_image" loading="lazy" referrerpolicy="no-referrer" rel="noreferrer" src="https://i.imgur.com/EA1HHcy.png"></p>
<p>「可变的时间和百分比控件，应该使用等宽体」，希望设计人员稍微用用自家产品，不要犯一些低级错误</p>
收藏(0)
分享
相关标签：
注意：本文归作者所有，未经作者允许，不得转载
-
2022年8月2日 12:56
卧槽，我第一次知道闹钟还可以点击设置时间
0
0
-
2022年8月2日 13:58
试了一下，MIUI 的闹钟就是典型的反面例子
0
0
-
2022年8月2日 13:58
"等宽字体" 这个在很多情况都算是高要求了.
0
0
