要知道在這個(gè)快節(jié)奏的生活中头谜，用戶可以因?yàn)榫W(wǎng)站打開速度慢而關(guān)閉網(wǎng)站，也可以因?yàn)樵谧?cè)過程中因?yàn)樽?cè)流程冗長而放棄此次購買音比，所以網(wǎng)站的界面需要做得清晰明了纺非，讓用戶輕而易舉的知道哪一個(gè)版塊是什么功能，因此舱馅，網(wǎng)頁設(shè)計(jì)當(dāng)中的自喻原則就相當(dāng)重要缰泡。

自喻原則比較好理解，指界面當(dāng)中某個(gè)元素可以清晰明了的讓用戶明白當(dāng)前元素的功能或操作意圖代嗤。自喻的使用可以節(jié)省用戶的操作時(shí)間和思考時(shí)間棘钞。

在網(wǎng)頁設(shè)計(jì)界面當(dāng)中，我們分下面三點(diǎn)來講講自喻的重要性干毅。

1宜猜、元素類

頁面中有很多細(xì)小的元素，例如按鈕硝逢、鏈接姨拥、搜索框、圖標(biāo)等渠鸽，這些小的元素在各個(gè)界面中都會(huì)出現(xiàn)叫乌，它們小但是也扮演著相當(dāng)重要的角色。所以在設(shè)計(jì)這些元素的時(shí)候一定要考慮到這些元素是做什么的徽缚，怎么讓用戶能第一時(shí)間知道這些元素的功能憨奸。而自喻的使用恰恰可以讓這些元素變得更好辨認(rèn)，降低用戶認(rèn)知成本凿试。

例如簡書的登陸界面排宰，采用了拖動(dòng)完成拼圖的方式來驗(yàn)證登陸似芝。滾動(dòng)條的地方設(shè)計(jì)了提示語言，這樣的設(shè)計(jì)就是用了自喻板甘，讓用戶清晰的知道這個(gè)元素是做什么的党瓮。

舉一個(gè)反例，上面這個(gè)網(wǎng)站首頁中的某一區(qū)塊盐类，就違反了自喻原則寞奸。紅框內(nèi)的圖標(biāo)：跟下面的標(biāo)題不搭，這樣的設(shè)計(jì)是真的純粹為了設(shè)計(jì)而做的傲醉。

當(dāng)一個(gè)網(wǎng)頁中需要圖標(biāo)的出現(xiàn)時(shí)蝇闭，最好使用通用圖標(biāo)或該圖標(biāo)跟表達(dá)內(nèi)容相對(duì)應(yīng)，否則應(yīng)該用文本代替硬毕。提供適當(dāng)?shù)膸椭畔⑸胍üぞ咛崾尽棾雒姘搴臀淖侄温渫驴龋珣?yīng)該讓幫助信息簡短明了逻悠。

2、區(qū)塊類

區(qū)塊跟元素一樣韭脊，在頁面區(qū)塊多的情況下童谒，自喻的運(yùn)用就顯得重要了。

禪道官網(wǎng)就是個(gè)很好的例子沪羔，主題內(nèi)容的區(qū)塊比較多饥伊，但是每個(gè)區(qū)塊的都設(shè)有標(biāo)題，所以用戶可以很快的找到自己想要的內(nèi)容蔫饰。

3琅豆、頁面類

在瀏覽一些網(wǎng)站的時(shí)候有可能出現(xiàn)這樣的情況：進(jìn)一個(gè)二級(jí)頁面后，點(diǎn)著點(diǎn)著篓吁，你就不知道你當(dāng)前的界面在哪個(gè)類目下茫因，這樣的用戶體驗(yàn)很糟糕。所以在網(wǎng)站的子頁面當(dāng)中杖剪，我們一般會(huì)加一個(gè)面包屑冻押，面包屑就起到了自喻的功能。

之前在給一個(gè)客戶定制網(wǎng)站的時(shí)候盛嘿，客戶強(qiáng)烈要求刪掉面包屑洛巢，覺得不美觀。最后無奈之下刪掉了孩擂，過了一段時(shí)間狼渊，客戶又要求加上，說他們都不知道自己看到哪里去了类垦。這是一個(gè)很典型的錯(cuò)誤案例狈邑。面包屑的作用不僅僅是讓用戶了解目前所處位置，以及當(dāng)前頁面在整個(gè)網(wǎng)站中的位置蚤认，還體現(xiàn)了網(wǎng)站的架構(gòu)層級(jí)米苹，能夠幫助用戶快速學(xué)習(xí)和了解網(wǎng)站內(nèi)容和組織方式。為用戶提供返回各個(gè)層級(jí)的快速入口砰琢，方便用戶操作蘸嘶。

除了上面說的三種，其實(shí)還有一些功能流程類的界面陪汽，例如登錄注冊(cè)训唱、個(gè)人中心等類似界面，設(shè)計(jì)這樣的界面挚冤，最好盡量讓任務(wù)流程簡單况增，如果要分步驟的話應(yīng)該讓用戶知道在哪個(gè)步驟。如果一個(gè)操作是異步的训挡，盡量提示進(jìn)度和操作結(jié)果。

再舉一個(gè)反例澜薄，上面這個(gè)網(wǎng)站的注冊(cè)界面为肮，也違反了自喻原則。紅框內(nèi)的文字：如果你不同意以上條款肤京，請(qǐng)離開本站颊艳，其實(shí)我覺得這句話不用說大家都知道，在這里加這么一句話只是增加用戶的時(shí)間成本忘分。在界面的設(shè)計(jì)當(dāng)中棋枕，盡量做到簡潔明了。

圍觀我們周遭饭庞，許多日常的客體都具有自喻的功能：有些是外顯的(如門手柄上寫著的“推”字信息)戒悠，有些是內(nèi)隱的(如椅子可以用來打破玻璃或者用來當(dāng)做武器)。這個(gè)概念最初由心理學(xué)家詹姆斯·吉布森提出舟山，隨后被唐納德·諾曼在《設(shè)計(jì)心理學(xué)》一書中引進(jìn)到人機(jī)交互領(lǐng)域绸狐。

善用自喻的功能，網(wǎng)站在設(shè)計(jì)界面功能的時(shí)候累盗，盡量讓設(shè)計(jì)人性化寒矿，充分利用用戶既有經(jīng)驗(yàn)和隱喻，例如音量調(diào)節(jié)中0表示靜音若债，100表示最大符相。只有做到簡單明了的網(wǎng)站才能更好的留住用戶和吸引用戶。