V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
autoxbc
V2EX  ›  设计

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

  •  1
     
  •   autoxbc · 2022-08-02 20:17:33 +08:00 · 5764 次点击
    这是一个创建于 853 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

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

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

    46 条回复    2022-12-11 23:10:59 +08:00
    wjfz
        1
    wjfz  
       2022-08-02 20:29:17 +08:00   ❤️ 2
    卧槽,我第一次知道闹钟还可以点击设置时间。

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

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

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

    另外,下面的「色温情景」也不能精确控制
    binux
        19
    binux  
       2022-08-03 00:31:22 +08:00 via Android
    @autoxbc “我们谈论色温用的是数值”这就是你的傲慢了。
    90%的人不知道色温是什么东西。更别说数值了。既然不知道色温数值是什么东西,“精准”数值也就没有意义了。色温情景难道不是一个预设的“精确”数值吗?
    autoxbc
        20
    autoxbc  
    OP
       2022-08-03 00:39:18 +08:00
    @locochen #16 因为一些图床的限制,我没有录动图。苹果手机的微信和 MIUI 的电话是非等宽的,苹果手机的电话和 MIUI 上的微信是等宽的,只要拨通后盯着通话时间看一下,就知道有没有横向摆动了
    autoxbc
        21
    autoxbc  
    OP
       2022-08-03 00:50:35 +08:00   ❤️ 1
    @binux #19 「 90%的人不知道色温是什么东西」,他们自然也不会谈论色温,自然不在我们讨论的语境里,这是个概率论的逻辑陷阱

    那么我们的语境是什么呢?就是买了智能调光灯的人,这些人几乎全部知道色温是什么,也知道色温应该怎么表述,因为几乎全部智能调光灯的介绍页面都有这些东西
    binux
        22
    binux  
       2022-08-03 05:40:28 +08:00 via Android
    @autoxbc 1 第一,并不是所有的智能灯介绍页都有,比如 https://www.gelighting.com/smart-home/led-bulbs/full-color 。 当然 full spec 一定会有,但是就像灯泡接口一样,90%的人对于 A19 依旧没概念。
    第二,灯是一个家居产品,使用者并不一定是购买者。苹果手机这个功能做出来,一个家庭就只能一个人用吗?别的家庭用户就不能调色温了?难道你父母就不用了?
    autoxbc
        23
    autoxbc  
    OP
       2022-08-03 06:31:23 +08:00   ❤️ 1
    @binux #22 知道为什么这个页面没有色温有关的精确值吗,因为这是个彩灯,你可以用颜色来描述,而我们的语言里并没有描述色温的词

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

    所有简洁优先的设计师必须知道一个道理,你的产品模型不能比常识更简洁,那样就失真了,只会给用户带来困扰
    binux
        24
    binux  
       2022-08-03 06:51:13 +08:00 via Android
    @autoxbc 很明显这个页面里面用的是
    Adjust white color tone from warm to cool 。而不是具体的数值。
    你父母绝对不会说 某个不精确的数值,比如,2683k 不合适。因为根本就看不出来。而真正的设计是告诉他们用“暖色”的预设按钮。
    qwertyzzz
        25
    qwertyzzz  
       2022-08-03 08:29:14 +08:00
    闹钟从来没用过键入 也从来没有想要键入的想法过
    iXInbo
        26
    iXInbo  
       2022-08-03 10:06:58 +08:00
    人人都是产品经理,也就会人人都是垃圾
    yyh0808
        27
    yyh0808  
       2022-08-03 10:11:05 +08:00
    1 、国内不会给设计师加这种 KPI ,因为大多数老板不想浪费钱投入这种“没用的交互细节上”,收益不大。
    2 、你没有看过设计稿,而是拿开发落地的实际情况来对比,锅甩给设计也是不太合理,我遇到 90%的开发都不会重视这种细节,甚至每次开发过程中砍掉一大堆交互细节,因为优先级低,在国内设计很难说服开发。
    3 、我认为你应该先喷开发 app 的领导,堆细节容易,但是愿不愿投入更多精力,要看领导对这个事情执着程度。
    zmqiang
        28
    zmqiang  
       2022-08-03 11:11:55 +08:00   ❤️ 1
    计时器用非等宽字体很多地方都能看到,每次都觉得难受
    locochen
        29
    locochen  
       2022-08-03 12:13:01 +08:00 via iPhone
    @autoxbc 是的,来回飘动,特别是 1 ,到 2 这种。

    但是这种我觉得需要资深人士在第一线才会安排处理这种问题。这种小细节可能就一般人员做个 demo 就过了,可以发版了
    lingalonely
        30
    lingalonely  
       2022-08-03 15:38:39 +08:00
    ux 是一种高级技能,而且没有太固定的范式
    autoxbc
        31
    autoxbc  
    OP
       2022-08-03 16:09:41 +08:00
    @qwertyzzz #25 总有不方便用语音的时候,比如旁边有人睡觉
    RainCats
        32
    RainCats  
       2022-08-03 17:12:58 +08:00
    刚试了,iqoo 的闹钟设置没法输入,只能拖拖拖那个轮。这真的就是一个体验问题。。不谈什么国内国外,我只希望产品们可以多接点地气,多思考一下好的交互是怎么样的
    RainCats
        33
    RainCats  
       2022-08-03 17:14:43 +08:00
    @autoxbc 当他允许我拖动调节的时候我就希望他也允许我直接输入数值,这难道不是很正常的需求吗
    idrawer
        34
    idrawer  
       2022-08-04 01:51:29 +08:00
    这些产品几乎百分之九十多的用户根本不在乎这些行为逻辑,哪怕讲了也不会在乎还会觉得你玩手机的年轻人想太多怎么这么多花花道道。更别说开发和决定设计案的领导
    soilzhu
        35
    soilzhu  
       2022-08-04 08:59:50 +08:00
    > 只有一个不精确的转盘可以控制亮度和色温。虽然转盘可以让用户直觉化的设定大概数值,但是当用户希望调整到一个准确值时,几乎是做不到的。如果我刚好认为 5500K 的色温适合阅读,只能用手指缓慢挪动,看着数字从 5483K 到 5545K 之类的跳来跳去

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

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

    如果这个灯泡的视觉是我来做,我会选择把色温的这个值把它砍掉,只留下一个旋钮和一个参考的颜色,因为我们的目标用户并不需要那样的精确,真的需要精确的色温的工作者早就会购买更专业的灯光设备了。说白了就是给多少钱办多少事。
    CSGO
        36
    CSGO  
       2022-08-04 11:47:56 +08:00 via Android
    那个米家的话,我觉得 1 ,好看就行,管它专业不专业。2 ,就是个业余的辅助,或者说那个数值毫无意义。

    这也就是为什么米家里同一个设备或者相似的设备,UI 界面那么多个,变来变去,就是不同设计师随便设计罢了。
    autoxbc
        37
    autoxbc  
    OP
       2022-08-04 16:10:23 +08:00
    @soilzhu #35 设计师喜欢把自己的想法强加给用户,当用户不接受这种强加的时候就说你不是我的目标用户,这几乎是这个行业的万能答案
    AX5N
        38
    AX5N  
       2022-08-05 03:00:36 +08:00
    @autoxbc 废话,设计师不喜欢把自己的想法强加给用户,那他干设计师是为了啥,为了舔好用户吃一口饭吗,那这种人不叫设计师,他的用户才叫设计师。
    zerofancy
        39
    zerofancy  
       2022-08-06 15:04:10 +08:00
    可能设计师和开发者都不知道系统字体支持情况,有时设计师也许发现了某处因为字体不等宽导致文本宽度挤压其他元素来回跳动,但研发说无法支持略过了。
    这是我们实际发生的情况。安卓上各家手机用户都能自己设置奇奇怪怪的字体,知道可以设置 monospace 字体系列的研发就不多,知道也不一定敢用,谁知道会不会在某家的定制 ROM 上出问题。
    而要嵌入字体又感觉不太值得
    redtree
        40
    redtree  
       2022-08-06 15:16:03 +08:00
    其实归根到底还是企业经营者和管理者的问题,本来要专业人做的事情随便抓了个阿猫阿狗的就开工,因为待遇和其他乱七八糟的理由呗
    codehz
        41
    codehz  
       2022-08-08 12:51:51 +08:00   ❤️ 1
    其实我觉得既然不能精确调整色温,那就把能调整的范围列出来,你能 100K 为单位变,那就最小刻度 100K (
    foufoufm
        42
    foufoufm  
       2022-08-15 16:18:46 +08:00
    当你拿一个锤子的时候,你看什么都是钉子

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

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

    如果希望讨论,希望能够更加友善一些
    xiaohouzhi
        43
    xiaohouzhi  
       2022-08-16 16:08:36 +08:00
    关于色温那个,我觉得有点扯,衡量一个设计好不好的前提看你的设计能不能满足目标用户的需求。你犯的最大错误就是认为你就是用户,你认为应该这样,所以别人都认为应该这样的。如果你真的去做一下用户调研,我有很大的把握可以说,大部分用户根本分不出来,也不在乎 5483K 和 5545K 的区别。很大的可能需要把数字调整到某一个精确值的需求是你自己意淫出来的,而不是大部分用户想要的。
    god7d
        44
    god7d  
       2022-09-26 07:09:15 +08:00 via iPhone
    的确是抄袭,还要再加上一堆自以为的功能,看起来更臃肿了
    leaderOrg
        45
    leaderOrg  
       2022-11-14 10:07:15 +08:00
    @soilzhu 赞同,抛开目标用户谈设计,都是扯淡。
    jadewant
        46
    jadewant  
       2022-12-11 23:10:59 +08:00   ❤️ 1
    @soilzhu 这一方面是有点说不通的,就像大部分开店的需要用计算机算一个几百块几千块或者几万块的帐而已,完全不需要用到亿级的位数,那是不是就不该有亿的位数显示?或者说为什么不针对那些小生意人做个最多只有百万的位数显示的计算器呢?
    题主所描述的这种功能也不属于那种特别复杂的控制系统,就算从你所说的目标用户的角度考虑,那他就做成精确的,体验不更好?也就是说就算目标用户是“普通用户”,那就不能做成精确调控的而必须做成模糊调节的吗?很显然没有这个规定,那“目标用户”这个说法也就不是他这样设计的必然原因了,也就不能因为目标用户这个角度而断定他就必须这样做。
    如果长时间用一种色温,也记住了常用的色温的数值,比如:5555k 这个数值,哪天因为误触突然变了,由于软件的调节功能不精确,不管往上调还是往下调就是差点意思,那怎么办?就算普通用户,也不能排除这种可能。
    还有,“普通用户”也要看属于什么背景的,就拿智能家居这个用户群,喜欢用智能家居的,对参数都是比较熟悉的(至少占比有一定数量的),也应该有部分人喜欢追求完美精致的,那这种情况又怎么办?是怎么确信“普通用户”就一定是不在意这种精确的数值,而就非得是专业人士才能使用到这种精确的调节功能呢?
    为“目标用户”所做的交互是在这个目标群体里尽可能多的想到使用场景和需求,而不是让他们的习惯或需求必须符合你的“目标”。
    交互哪能这么干。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5883 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 03:11 · PVG 11:11 · LAX 19:11 · JFK 22:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.