交互設計中,非常重要的一條,永遠不要讓用戶產生歧義,這一點的優先級別,要遠遠高于精美的界面設計,功能層次方面的問題比美觀度更重要,畢竟外觀是為功能服務的,實現功能才是一個應用的核心。下面兩組開關狀態的對比就是很好的一個例子。
這兩組都是switch按鈕,就視覺傳達的效果而言,哪種會讓人一目了然呢?
看到第一組按鈕的off狀態,第一反應會產生疑問,究竟是目前是off狀態,還是按鈕滑到off才是off狀態呢?這就是一個不好的設計方案,簡而言之,你不知道off是動詞還是狀態詞。而相比而言,第二組按鈕所表達的意思就清晰了很多,把狀態放到控件外,很容易看出所要表達的意思。
有人或許要問,第二種太過繁瑣,我怎么才能在第一種的基礎上實現準確無誤的表達效果呢?其實把狀態詞off和on去掉就可以了,一般會知道灰度是未選中,高亮是選中,或者用紅和綠來分別表示off狀態和on狀態,這是約定成俗的規則,只要有一定的生活經驗,都不會產生疑問。
類似這種不帶文字說明的,反而一目了然,因為就是單純狀態的表達。