網(wǎng)頁(yè)交互設(shè)計(jì)中的默認(rèn)值

寒冷的冬日到陌生環(huán)境中往往會(huì)碰到水溫調(diào)節(jié)，劇情一般是這樣的：你調(diào)節(jié)到一個(gè)自認(rèn)為合適的刻度，放了一段時(shí)間水后發(fā)現(xiàn)還是冷的，于是慢慢放大熱水，幾次調(diào)解后索性將熱水開(kāi)到最大，結(jié)果太燙，放大冷水，太冷，放小冷水，太燙，放小熱水……最后合適了，咱們即使沒(méi)有感冒也開(kāi)始記恨這個(gè)淋浴器。比較合理的是一種叫 “恒溫龍頭”的產(chǎn)品，它給定一個(gè)用戶不需要預(yù)設(shè)的默認(rèn)水溫：打開(kāi)就是38度，這個(gè)值是我們洗澡的舒適點(diǎn)，不過(guò)你要是覺(jué)得冷了，順時(shí)針變熱，反之逆時(shí)針變冷，變熱有閥值溫度40度，這個(gè)溫度以上會(huì)燙傷皮膚，實(shí)在想調(diào)高可以按住一個(gè)紅色的預(yù)設(shè)按鈕。所有的操作簡(jiǎn)單明了——大部分用戶提起開(kāi)關(guān)就可直接淋浴。

圖1、冬日在陌生環(huán)境遭遇不配合的淋浴器

交互設(shè)計(jì)中默認(rèn)值
在交互設(shè)計(jì)過(guò)程中涉及到系統(tǒng)缺省的都需要默認(rèn)值，它起到引導(dǎo)、補(bǔ)救、宣傳等作用。”默認(rèn)值”這個(gè)詞來(lái)自工程師術(shù)語(yǔ)，因?yàn)橄到y(tǒng)有很多默認(rèn)操作，例如前端重構(gòu)CSS中默認(rèn)字體就是宋體。上例中恒溫龍頭的與人類(lèi)的交互過(guò)程中就有個(gè)默認(rèn)值：38度。這個(gè)值作為缺省態(tài)，減少用戶操作學(xué)習(xí)成本；向前降低溫度，向后升高溫度，起到標(biāo)桿作用。通過(guò)“默認(rèn)值”實(shí)現(xiàn)了交互設(shè)計(jì)中易取、靈活高效、人性化的原則。
有了默認(rèn)值用戶就不會(huì)覺(jué)得慌亂，也就是給用戶一個(gè)常態(tài)，在現(xiàn)實(shí)中我們也可以看到這樣的例子，刀槍默認(rèn)值是上保險(xiǎn)的——安全，電腦默認(rèn)值是關(guān)閉的——省電。這種常態(tài) 在互聯(lián)網(wǎng)中起到誘導(dǎo)作用，比如網(wǎng)站默認(rèn)皮膚總是會(huì)選擇大家都能接收的，用戶沒(méi)有關(guān)注到這個(gè)會(huì)一直用下去，感覺(jué)到了可以修正，而不能一上來(lái)沒(méi)有默認(rèn)值讓用戶 自己去選擇，大大增加學(xué)習(xí)成本。

圖2、傳統(tǒng)方式與恒溫龍頭機(jī)制對(duì)比

交互設(shè)計(jì)中默認(rèn)值的分類(lèi)
按照作用可以分為：引導(dǎo)示范、查漏補(bǔ)缺、宣傳推廣這三大類(lèi)
一、引導(dǎo)示范類(lèi)。網(wǎng)易云閱讀客戶端中用戶在初次使用時(shí)已經(jīng)訂閱了網(wǎng)易新聞、文史參考等6個(gè)源，然后有一個(gè)帶”+“的添加訂閱，這樣用戶就很明顯的得知此處可以添加或者 去瀏覽內(nèi)容了。這六大訂閱源也是熱門(mén)訂閱源，涵蓋了：新聞、科技、美圖、攝影、文史等幾大類(lèi)的重點(diǎn)推薦，這個(gè)引導(dǎo)默認(rèn)值的存在和選擇都是符合用戶預(yù)期的， 很好的引導(dǎo)了用戶添加其他訂閱源和閱讀的需求。此外微博中新手引導(dǎo)總是讓我們不經(jīng)意間關(guān)注了很多名人微博也是通過(guò)默認(rèn)值方式讓我們快速融入這個(gè)社交產(chǎn)品的 氛圍；大部分網(wǎng)站總是有個(gè)默認(rèn)導(dǎo)航、點(diǎn)擊LOGO總是讓我們回到首頁(yè)；交互方式默認(rèn)引導(dǎo)總是能突破產(chǎn)品種類(lèi)的范疇，移動(dòng)互聯(lián)網(wǎng)中用戶知道兩個(gè)指頭劃開(kāi)可以放大圖片、長(zhǎng)按總能出來(lái)對(duì)話框、閱讀中向左滑是在向后翻頁(yè)，這些默認(rèn)值設(shè)計(jì)時(shí)總是被默認(rèn)接受以至于設(shè)計(jì)師幾乎意識(shí)不到它們的存在。

圖3、網(wǎng)易云閱讀默認(rèn)訂閱源

二、補(bǔ)救類(lèi)。網(wǎng)易云閱讀官網(wǎng)在開(kāi)發(fā)過(guò)程中遇到過(guò)一個(gè)問(wèn)題，用戶在通過(guò)網(wǎng)易寶買(mǎi)單后數(shù)據(jù)傳到平臺(tái)審核需要一段時(shí)間導(dǎo)致此時(shí)用戶可能再次點(diǎn)擊訂單再次購(gòu)買(mǎi)，原因有可能是網(wǎng)速、有可能是數(shù)據(jù)對(duì)賬……最后我們通過(guò)一個(gè)UFO事件解決了這個(gè)自己說(shuō)不清用戶知道也沒(méi)多大意義的bug。這類(lèi)報(bào)錯(cuò)頁(yè)面在網(wǎng)頁(yè)設(shè)計(jì)中很常見(jiàn)，網(wǎng)站出錯(cuò)了，原因說(shuō)也說(shuō)不清，何不采用默認(rèn)的幽默方式讓用戶會(huì)心一笑。

圖4、官網(wǎng)404報(bào)錯(cuò)頁(yè)面

三、宣傳類(lèi)。山寨機(jī)刷機(jī)預(yù)裝默認(rèn)應(yīng)用功能就是最常見(jiàn)現(xiàn)象，北京的某家互聯(lián)網(wǎng)這家公司通過(guò)預(yù)裝收費(fèi)還能上市，盡管后來(lái)被曝光和自家軟件合伙騙用戶，這是一個(gè)反面的宣傳類(lèi)默認(rèn)值。網(wǎng)易微博默認(rèn)頭像采用微博Logo很大程度上宣傳了自己，水印恐怕是最讓圖片愛(ài)好者頭疼的宣傳方式，卻很有效，一張好的圖片往往帶著好幾家微博的名稱(chēng)到處被轉(zhuǎn)發(fā)，不經(jīng)讓人想起有《富春山居圖》上無(wú)數(shù)的鑒賞章，清乾隆帝為了讓自己的風(fēng)雅隨畫(huà)流傳，將鑒賞章蓋滿了作品，還好那副作品不是真跡，不然就給毀了。宣傳類(lèi)的默認(rèn)值是運(yùn)營(yíng)同學(xué)喜歡利用，例如網(wǎng)易云閱讀在郵件推廣時(shí)，運(yùn)營(yíng)就提出在官網(wǎng)首頁(yè)放出四個(gè)平臺(tái)的下載按鈕，這個(gè)下載頁(yè)基本重復(fù)，這樣做除了浪費(fèi)資源外效果并不明顯，首頁(yè)的主要任務(wù)是告知云閱讀的作用，在商量后讓運(yùn)營(yíng)放棄了首頁(yè)多個(gè)按鈕的方案。

圖5、起宣傳作用的默認(rèn)水印與《富春山居圖》的鑒賞章

以上就是筆者對(duì)默認(rèn)值得分類(lèi)，下面再來(lái)給大家分享幾個(gè)我們?nèi)粘Ｊ褂卯a(chǎn)品過(guò)程中遇到的交互設(shè)計(jì)默認(rèn)值設(shè)定問(wèn)題，希望起到拋磚引玉的作用。
一、默認(rèn)性別。2011年的時(shí)候,因?yàn)闇y(cè)試注冊(cè)了蘑菇街，之后就沒(méi)怎么去過(guò)，某天再進(jìn)去發(fā)現(xiàn)自己的頭像默認(rèn)是一個(gè)很Q的女孩子，粉紅色的。當(dāng)時(shí)有點(diǎn)哭笑不得，被貼上異性的標(biāo)簽滋味有點(diǎn)……為了看看其它的網(wǎng)站的默認(rèn)性別我又測(cè)試了一些網(wǎng)站，發(fā)現(xiàn)社交類(lèi)網(wǎng)站都是性別在注冊(cè)時(shí)要求被選擇；社交性質(zhì)比較弱的如點(diǎn)點(diǎn)網(wǎng)、知乎沒(méi)有性別字段；再弱點(diǎn)的如蘑菇街、淘寶就處理為女性， 用戶沒(méi)選性別就是女性；移動(dòng)互聯(lián)網(wǎng)應(yīng)用的Path沒(méi)有性別字段。網(wǎng)易云閱讀直接把你處理為女性。性別即使作為必填字段也有個(gè)先后問(wèn)題，一般“男”在前面，美麗說(shuō)介個(gè)網(wǎng)站直接就是女性才能注冊(cè)，男性在注冊(cè)時(shí)被埋個(gè)陷阱，開(kāi)始讓你填很多資料，不過(guò)選擇男生后除了被拒絕注冊(cè)之外還被騙發(fā)一次關(guān)于自己在美麗說(shuō)亂注冊(cè)的微博給你的粉絲看。
不管是作為必填字段還是默認(rèn)選擇女性，都符合這些網(wǎng)站自身的定位。女性對(duì)很多網(wǎng)站來(lái)說(shuō)是寶貴資源，51.com甚至有數(shù)據(jù)證實(shí)一個(gè)女性的價(jià)值抵得上10個(gè)男生，用戶在沒(méi)有填寫(xiě)的條件下就是女性，然后間接的吸引10個(gè)人注冊(cè)，結(jié)果很可能是一個(gè)未選擇性別的男性帶來(lái)了另外10個(gè)男性，真是一本萬(wàn)利。
二、默認(rèn)頭像。頭像對(duì)很多網(wǎng)站自身很重要，卻不作為必填字段，在用戶沒(méi)有賦值時(shí)展示出來(lái)的頭像就是默認(rèn)頭像了，作用如下：
1、暗示用戶還是上傳一個(gè)真實(shí)頭像好。

圖6、網(wǎng)易微博與淘寶默認(rèn)頭像

如圖分別是網(wǎng)易微博和淘寶社區(qū)的頭像，促使用戶上傳頭像普遍采用這兩種方式：利益驅(qū)動(dòng)與卡哇伊的訴求，網(wǎng)易微博采用利益驅(qū)動(dòng)，暗合國(guó)內(nèi)民眾思想“有頭有臉”，而且上傳之后會(huì)有更多人關(guān)注你，不利之處在于產(chǎn)品本來(lái)定位就是休閑的還要搞得和名利場(chǎng)一樣？淘寶的“求真相”讓用戶會(huì)心一笑從而上傳頭像，卡哇伊的訴求在某些時(shí)候會(huì)失效，比如我覺(jué)得這個(gè)頭像比我自己設(shè)置的要好很多，那我我為什么要更換，第三種促使用戶上傳頭像的手法——惡搞，這里舉個(gè)極端的例子：用“如花”做默認(rèn)頭像，不換頭像的同學(xué)個(gè)個(gè)是如花，有些網(wǎng)站的頭像確實(shí)快達(dá)到這個(gè)境界，當(dāng)然這種惡搞也需要用戶黏度的，如果其它方面吸引力不夠就會(huì)導(dǎo)致用戶拋棄你。
2、刻入品牌形象，增加用戶感知。
用網(wǎng)站logo或吉祥物做默認(rèn)頭像的也比比皆是。

圖7、Facebokk、iPhone、windows8默認(rèn)頭像

Facebook默認(rèn)頭像據(jù)說(shuō)是創(chuàng)始人扎克伯格、蘋(píng)果設(shè)計(jì)通訊錄中默認(rèn)頭像怎么看都像喬布斯，這里求證。Windows8據(jù)說(shuō)默認(rèn)頭像用比爾的。這些有象征品牌意義的默認(rèn)頭像在潛意識(shí)中起了宣傳作用,美麗說(shuō)和蘑菇街用的都是偏女性化的購(gòu)物超人形象，蘑菇街會(huì)偏向保守。

圖8、美麗說(shuō)與蘑菇街默認(rèn)頭像

如果網(wǎng)站有用到用戶頭像就說(shuō)明頭像有一定的重要性，自然會(huì)希望用戶上傳頭像。上傳頭像的真假其實(shí)是不可控的，社交類(lèi)網(wǎng)站自然希望用戶用真人頭像，用戶又反過(guò)來(lái)看網(wǎng)站能給什么，世紀(jì)佳緣上你不傳真頭像可能沒(méi)人理你，淘寶上你你弄個(gè)藝術(shù)化的頭像也是上傳了，雖然淘江湖也希望你上傳真頭像。QQ私密熟人圈比較多，真頭像和藝術(shù)概念都可以。如果用戶相信網(wǎng)站品牌，真頭像概率就比較大，真頭像多會(huì)帶來(lái)更多的用戶上傳，這是個(gè)趨勢(shì)問(wèn)題。所以默認(rèn)頭像又兩個(gè)側(cè)重點(diǎn)：集中強(qiáng)調(diào)網(wǎng)站品牌，如蘑菇街；集中鼓勵(lì)用戶上傳真頭像，如婚戀網(wǎng)站。
三、默認(rèn)鈴聲
蘋(píng)果手機(jī)被稱(chēng)為街機(jī)原因之一是手機(jī)鈴聲，蘋(píng)果手機(jī)鈴聲是馬林巴琴作曲，聲音已經(jīng)達(dá)到一個(gè)境界，用戶沒(méi)理由去更換它，下面是知乎用戶回答iPhone默認(rèn)鈴聲的幾點(diǎn)，筆者覺(jué)得很中肯：
1. iPhone 改鈴聲太麻煩了
2. 裝X，（略夸張）“聽(tīng)見(jiàn)沒(méi)，老子的是iPhone”。
3. 自帶的也挺好聽(tīng)，懶得改了（以前Nokia和Moto鈴聲也臭過(guò)大街啊~~）
吐槽：我有同事把自己的諾基亞改成了iPhone鈴聲

iPhone的鈴聲由于設(shè)計(jì)的優(yōu)雅，已經(jīng)成為蘋(píng)果手機(jī)的象征，所以一聽(tīng)到馬林巴琴的聲音就知道是iPhone了，有時(shí)候默認(rèn)值還有品牌擴(kuò)散效應(yīng)，有些諾基亞手機(jī)用戶就換成iPhone鈴聲。默認(rèn)鈴聲的效果還有有這么一情景：用戶在焦急的等著紅綠燈，自然死定這前面車(chē)子的屁股，一看上面寫(xiě)著：燈，等燈、等燈。

圖9、intel默認(rèn)背景音樂(lè)

其實(shí)這個(gè)是英特爾的廣告配音默認(rèn)值，做的巧妙自然深入人心，茶余飯后就傳播開(kāi)了，這里發(fā)揮了默認(rèn)值的應(yīng)有價(jià)值。
其它的還有：空態(tài)頁(yè)面、屏幕亮度、等級(jí)積分、默認(rèn)權(quán)限、默認(rèn)下載、默認(rèn)字體
小結(jié)
前文列到需求交互設(shè)計(jì)默認(rèn)值得種類(lèi)和他們的設(shè)計(jì)方法，總體來(lái)說(shuō)，默認(rèn)值的設(shè)計(jì)中應(yīng)該注意以下事項(xiàng)：
1、除非誘導(dǎo)用戶更改，默認(rèn)值應(yīng)盡可能多的解決用戶需求，如果用戶用到設(shè)置選項(xiàng)，產(chǎn)品已經(jīng)開(kāi)始失效了。
2、應(yīng)該符合中間用戶的預(yù)期，這樣可以引導(dǎo)菜鳥(niǎo)用戶，告知骨灰級(jí)用戶。
3、符合運(yùn)營(yíng)目標(biāo)（如網(wǎng)易閱讀中默認(rèn)訂閱源）
4、考慮網(wǎng)站定位（SNS和非SNS網(wǎng)站的默認(rèn)頭像）
5、解釋不清楚的默認(rèn)值就一笑而過(guò)吧（404頁(yè)面）
6、能藝術(shù)點(diǎn)就不要太普通（iPhone鈴聲）
7、始終要知道大部分用戶不會(huì)更改默認(rèn)值（微博換膚）
……歡迎大家拍磚。