zoukankan      html  css  js  c++  java
  • 人机交互 由美的空调柜机不一致的面板设计 谈递增与递减设计原则

    近期气温高,经常使用空调。房间内三个空调,两个壁挂机,一个柜机。壁挂都使用遥控器,柜机也就直接使用上面的面板进行操作了。

    操作了几次,记住几个常用基本操作按钮位置,这样在晚上休息不开灯时,也可以直接操作。可是,今天操作柜机面板时,才发现柜机面板的按钮与遥控按钮最关键的操作按钮竟然是相反的,看下面的图片:

    美的柜机上的温度调控面板:左为升温,右为降温

    美的柜机对应的遥控器:左为降温,右为升温

    上面的图片是柜机面板按钮布局,面板的调节温度按钮布局是:左边为升高温度,右边是降低温度;再看下面对应的遥控器面板,是左边为降低温度,右边为升高温度。面板与遥控器的操作按钮布局正好相反!

    对于美的这样的个大公司,竟然可以把柜机中面板与遥控器操作按钮中最重要温度调节按钮设计得不一致,是不是太漫不经心了,或者根本就没有人机交互的思想?

    对于递增和递减的按钮设计,无论是机器上的按钮设计或者是计算机界面(也包括触摸屏界面)一般有两种办法:一种是上下布局的办法,上下布局的按钮,上方的是递增,下方的递减,比如淘宝、天猫网站的商品页面,增减数量时,目前采用这种办法;另外一种是左右布局的办法,右边是递增,左边是递减,比如火车站的自动售票机,在确定购买车票数据量,默认是一张票,左边是减号,右边是加号,分别代表递减与递增。这是设计规约符合大家平时约定的标准:从左向右的方向,从下向上的方向,都是递增,二维坐标即是按这种标准来规约的。最常见的,是电视机遥控器的五键操作部分,上键右键为递增(声音及频道),下键左键为递减(声音及频道)。

     

    淘宝 天猫使用的上下方式进行递增与递减

     

    自动售票机使用的右左方式进行递增与递减(有意写为右左方式,右为递增,左为递减)

     

    所以,给美的公司建议:柜机面板温度调节按钮的设计应该改过来,左边为降温,右为为升温,与规约符合,同时更重要的是,与自己的遥控器温度调节按钮相符合。这在人机交互设计中叫做“一致性原则(Consistency)”

    一句话:细节决定成败!

  • 相关阅读:
    数据库内连接、外连接与自连接
    安装MySQL容易出现的问题
    安装MySQL时提示3306端口已被占用的解决方案
    Smoke Testing
    冒烟测试与BVT测试
    以操作系统的角度述说线程与进程
    Notepad++配置Python开发环境
    Notepad++使用教程
    Sublime Text 皮肤插件安装
    小狼毫输入法常用设置
  • 原文地址:https://www.cnblogs.com/wusir/p/3221428.html
Copyright © 2011-2022 走看看