交互设计中,非常重要的一条,永远不要让用户产生歧义,这一点的优先级别,要远远高于精美的界面设计,功能层次方面的问题比美观度更重要,毕竟外观是为功能服务的,实现功能才是一个应用的核心。下面两组开关状态的对比就是很好的一个例子。
这两组都是switch按钮,就视觉传达的效果而言,哪种会让人一目了然呢?
看到第一组按钮的off状态,第一反应会产生疑问,究竟是目前是off状态,还是按钮滑到off才是off状态呢?这就是一个不好的设计方案,简而言之,你不知道off是动词还是状态词。而相比而言,第二组按钮所表达的意思就清晰了很多,把状态放到控件外,很容易看出所要表达的意思。
有人或许要问,第二种太过繁琐,我怎么才能在第一种的基础上实现准确无误的表达效果呢?其实把状态词off和on去掉就可以了,一般会知道灰度是未选中,高亮是选中,或者用红和绿来分别表示off状态和on状态,这是约定成俗的规则,只要有一定的生活经验,都不会产生疑问。
类似这种不带文字说明的,反而一目了然,因为就是单纯状态的表达。