我遇到的這個(gè)例子，和“概念模型”有關(guān)，在這里分享給大家。

這個(gè)酒店房間的開(kāi)關(guān)是這樣的：

酒店床頭開(kāi)關(guān)

酒店客廳開(kāi)關(guān)

這個(gè)開(kāi)關(guān)是觸控式的，開(kāi)關(guān)本身有亮/暗兩個(gè)狀態(tài)；大家迅速看一眼，我想請(qǐng)問(wèn)大家，你們認(rèn)為，亮著的開(kāi)關(guān)（圖1的5個(gè)燈，圖2的右上、左下2個(gè)燈）對(duì)應(yīng)的狀態(tài)應(yīng)該是打開(kāi)的還是關(guān)閉的？

如果心中有了答案了，繼續(xù)往下看。

之前在文章從交互維度量化用戶體驗(yàn)中我說(shuō)過(guò)一次我個(gè)人理解的最小交互模型，大概是下面這段話：

狹義的交互（Interaction）定義交互主體必須是人本身，而客體可以是產(chǎn)品，環(huán)境，服務(wù)等等，且不論交互客體是什么，只要主體是人，人和客體去進(jìn)行交互的時(shí)候，一定是人帶著一定的心理預(yù)期施加一個(gè)行為，然后客體會(huì)根據(jù)這個(gè)行為給與一個(gè)反饋（沒(méi)有反饋本質(zhì)也是一個(gè)反饋），而人會(huì)根據(jù)這個(gè)反饋是否符合預(yù)期去進(jìn)行心理修正。如下圖所示（紅先黑后）：

那隨之而來(lái)的另一個(gè)問(wèn)題就產(chǎn)生了，人進(jìn)行交互行為時(shí)的心理預(yù)期是從哪兒來(lái)的？

人初生的時(shí)候都是一張白紙，每天重復(fù)的交互行為產(chǎn)生的心理預(yù)期會(huì)隨著不同的教育、家庭進(jìn)行變化；今年我們家在廣州過(guò)年，我第一次見(jiàn)到兩歲的小侄子，通過(guò)這一周對(duì)小侄子的觀察更能體會(huì)出人其實(shí)是有某些說(shuō)不清的潛能在里面的，舉個(gè)例子，有一天小侄子生病了，要吃兩種藥，一種是甜的，一種是苦的；吃甜藥的時(shí)候小侄子很開(kāi)心，愉快的呀呀的說(shuō)這藥是甜的，而吃苦藥的時(shí)候小侄子也是皺著說(shuō)這藥好苦，關(guān)鍵的問(wèn)題是，出生兩年來(lái)，家人從來(lái)沒(méi)有對(duì)他描述過(guò)苦味是什么，也沒(méi)有明確告訴他這兩種藥有一種是“苦味”的，但是兩歲的小孩子就能?chē)L到苦味的藥在沒(méi)有接觸過(guò)“苦”這個(gè)詞的時(shí)候就講得出來(lái)這是“苦”。

再舉個(gè)例子，還是我的小侄子，我們貴州人過(guò)年一般都會(huì)真金白銀的打麻將，小侄子目睹了幾天我們?cè)诼閷⒆郎嫌么蟀训牧沐X(qián)來(lái)支付，有一天我們?nèi)ス珗@玩，遇到一個(gè)熟人給小孩子了一個(gè)紅包，我們就問(wèn)他“錢(qián)是干什么的呀”? 我小侄子脫口而出：“錢(qián)是用來(lái)打麻將的呀！”

為什么會(huì)發(fā)生這樣的現(xiàn)象呢？

大概是現(xiàn)在的人買(mǎi)東西都用微信支付寶支付，所以對(duì)于小孩子的認(rèn)知來(lái)說(shuō)，他們由于沒(méi)有見(jiàn)到過(guò)紙幣參與交易的行為，而這幾天不斷被我們麻將桌上的現(xiàn)金沖擊視覺(jué)，才會(huì)突然脫口而出這句話。

可能在我小侄子的認(rèn)知里，手機(jī)才是用來(lái)買(mǎi)東西的。

我們互聯(lián)網(wǎng)圈的設(shè)計(jì)行業(yè)其實(shí)能形成理論的東西不多的，大多數(shù)時(shí)候?yàn)榱俗糇C某些東西，我們需要從心理學(xué)、社會(huì)學(xué)、行為學(xué)中找到一些理論支撐。我在做產(chǎn)品設(shè)計(jì)的過(guò)程中，最長(zhǎng)這么時(shí)間一直使用的一種方法是思考用戶在這個(gè)頁(yè)面的心理預(yù)期。（比如在商品詳情頁(yè)，業(yè)務(wù)目標(biāo)肯定是引導(dǎo)用戶購(gòu)買(mǎi)，但是用戶心理上之所以點(diǎn)進(jìn)了這個(gè)商品的詳情，無(wú)非是在有購(gòu)買(mǎi)意愿的基礎(chǔ)上，需要一些信息去輔助決策，這時(shí)候如果你仔細(xì)思考并模擬一下你自己在購(gòu)買(mǎi)時(shí)候點(diǎn)擊詳情頁(yè)的行為，其實(shí)會(huì)發(fā)現(xiàn)其實(shí)影響決策的信息大多不是價(jià)格（因?yàn)閮r(jià)格在上一級(jí)的列表頁(yè)已經(jīng)標(biāo)明了），更多的可能是產(chǎn)品描述和用戶口碑等等）

在做尤其是app設(shè)計(jì)的時(shí)候，能明確每一個(gè)頁(yè)面的業(yè)務(wù)目標(biāo)和用戶點(diǎn)進(jìn)來(lái)的預(yù)期，其實(shí)是一件非常重要的事情，大家可以多留心在這兩點(diǎn)上。

好的扯遠(yuǎn)了，回到狀態(tài)開(kāi)關(guān)的事情上來(lái)，還記得剛剛的那個(gè)圖么？

酒店床頭開(kāi)關(guān)

酒店客廳開(kāi)關(guān)

我相信絕大對(duì)數(shù)的人第一反應(yīng)都是，亮著的開(kāi)關(guān)對(duì)應(yīng)的燈應(yīng)該是亮的，因?yàn)檫@個(gè)符合常識(shí)，但是如果這個(gè)酒店也是這樣的話，我就不會(huì)舉這個(gè)例子了，沒(méi)錯(cuò)，上面開(kāi)關(guān)亮著的燈是關(guān)的，沒(méi)有亮的開(kāi)關(guān)對(duì)應(yīng)的燈是打開(kāi)狀態(tài)。

我相信設(shè)計(jì)這個(gè)開(kāi)關(guān)的人是為了讓用戶在夜晚起夜的時(shí)候使用方便，但是他完全可以用更加高明的辦法，比如換成夜光材質(zhì)之類的。這種設(shè)計(jì)師很愚蠢的，我觀察這么多天下來(lái)，我們所有親戚每次開(kāi)關(guān)燈幾乎都會(huì)誤觸，因?yàn)槲覀兊男闹且恢币恢闭J(rèn)為的是亮著的開(kāi)關(guān)亮著的燈。

這里就牽扯出一個(gè)問(wèn)題，我們?cè)赼pp設(shè)計(jì)中如何去設(shè)計(jì)狀態(tài)開(kāi)關(guān)的問(wèn)題。

首先需要明確，最無(wú)歧義的狀態(tài)開(kāi)關(guān)一定是需要具備兩個(gè)意符：

其一是表征當(dāng)前狀態(tài)

其二是表征用戶點(diǎn)擊之后的狀態(tài)。

而現(xiàn)在市面上很多app在這兩個(gè)意符上是混的，一般都知道用icon的樣式來(lái)表征當(dāng)前狀態(tài)，但是下面的輔助文字則是表征當(dāng)前狀態(tài)的和點(diǎn)擊之后狀態(tài)的都有。

這就會(huì)讓用戶很蒙。

比如相機(jī)app、短視頻app、K歌app中就比較明顯會(huì)有很多狀態(tài)按鈕，如下圖所示是某相機(jī)app的截圖，這樣的設(shè)計(jì)就是“有歧義的設(shè)計(jì)”，比如“延時(shí)關(guān)閉”和“補(bǔ)光燈關(guān)閉”這兩個(gè)文案，會(huì)很容易讓人困惑這文案指代的是當(dāng)前狀態(tài)呢還是點(diǎn)擊之后的狀態(tài)呢？

給大家提供一個(gè)我個(gè)人的小tips：

設(shè)計(jì)狀態(tài)按鈕，盡量把當(dāng)前狀態(tài)和點(diǎn)擊行為拉出兩個(gè)層級(jí)關(guān)系來(lái)設(shè)計(jì)。

當(dāng)前狀態(tài)可以體現(xiàn)在icon上，但是不能只體現(xiàn)在icon上（比如他這個(gè)延時(shí)關(guān)閉的圖標(biāo)有一個(gè)x，但是補(bǔ)光燈關(guān)閉又沒(méi)有x，這就更加歧義了）

比如如果是我去設(shè)計(jì)它這個(gè)按鈕，我會(huì)這么設(shè)計(jì)：

這樣的話，確實(shí)，用戶操作復(fù)雜度上會(huì)多一級(jí)（之前直接點(diǎn)icon，現(xiàn)在點(diǎn)icon之后需要再點(diǎn)開(kāi)關(guān)），但是用戶完全沒(méi)有認(rèn)知成本。

這就是我說(shuō)的把當(dāng)前狀態(tài)和點(diǎn)擊行為拉出兩個(gè)層級(jí)關(guān)系來(lái)設(shè)計(jì)。其實(shí)這個(gè)犧牲交互成本減少用戶認(rèn)知成本的方法在交互設(shè)計(jì)工作中經(jīng)常被我們使用，當(dāng)我們遇到一個(gè)問(wèn)題實(shí)在是一步很難理清的時(shí)候，不妨可以多嘗試這種思路。不過(guò)這種提高復(fù)雜度的減少認(rèn)知的方法，不適用于業(yè)務(wù)強(qiáng)指引型頁(yè)面（比如購(gòu)買(mǎi)、導(dǎo)航之類）

文章來(lái)源：站酷   作者：Seany

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.0391cbd.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)