互動設計中預設值
在互動設計過程中涉及到系統預設的都需要預設值,它起到引導、補救、宣傳等作用。” 預設值” 這個詞來自工程師術語,因為系統有很多預設操作,例如前端重構 CSS 中預設字型就是宋體。恆溫龍頭的與人類的互動過程中就有個預設值:38 度。這個值作為預設態,減少多使用者操作學習成本; 向前降低溫度,向後升高溫度,起到標杆作用。透過 “預設值” 實現了互動設計中易取、靈活高效、人性化的原則。
有了預設值多使用者就不會覺得慌亂,也就是給多使用者一個常態,在現實中我們也可以看到這樣的例子,刀槍預設值是上保險的——安全,電腦預設值是關閉的——省電。這種常態 在網際網路中起到誘導作用,比如網站預設面板總是會選擇大家都能接收的,多使用者沒有關注到這個會一直用下去,感覺到了可以修正,而不能一上來沒有預設值讓多使用者 自己去選擇,大大增加學習成本。
一、引導示範類
網易雲閱讀客戶端中多使用者在初次使用時已經訂閱了網易新聞、文史參考等 6 個源,然後有一個帶”+“的新增訂閱,這樣多使用者就很明顯的得知此處可以新增或者 去瀏覽內容了。這六大訂閱源也是熱門訂閱源,涵蓋了:新聞、科技、美圖、攝影、文史等幾大類的重點推薦,這個引導預設值的存在和選擇都是符合多使用者預期的, 很好的引導了多使用者新增其他訂閱源和閱讀的需求。
此外微博中新手引導總是讓我們不經意間關注了很多名人微博也是透過預設值方式讓我們快速融入這個社交產品的 氛圍; 大部分網站總是有個預設導航、點選 LOGO 總是讓我們回到頁; 互動方式預設引導總是能突破產品種類的範疇,移動網際網路中多使用者知道兩個指頭劃開可以放大圖片、長按總能出來對話方塊、閱讀中向左滑是在向後翻頁,這些預設值設計時總是被預設接受以至於設計師幾乎意識不到它們的存在。
網易雲閱讀預設訂閱源
二、補救類
網易雲閱讀官網在開發過程中遇到過一個問題,多使用者在透過網易寶買單後資料傳到平臺稽核需要一段時間導致此時多使用者可能再次點選訂單再次購買,原因有可能是網速、有可能是資料對賬……後我們透過一個 UFO 事件解決了這個自己說不清多使用者知道也沒多大意義的 bug 。這類報錯頁面在網頁設計中很常見,網站出錯了,原因說也說不清,何不採用預設的幽默方式讓多使用者會心一笑。
官網 404 報錯頁面
三、宣傳類
山寨機刷機預裝預設應用功能就是常見現象,北京的某家網際網路這家公司透過預裝收費還能上市,儘管後來被曝光和自家軟體合夥騙多使用者,這是一個反面的宣傳類預設值。網易微博預設頭像採用微博 Logo 很大程度上宣傳了自己,水印恐怕是讓圖片愛好者頭疼的宣傳方式,卻很有效,一張好的圖片往往帶著好幾家微博的名稱到處被轉發,不經讓人想起有《富春山居圖》上無數的鑑賞章,清乾隆帝為了讓自己的風雅隨畫流傳,將鑑賞章蓋滿了作品,還好那副作品不是真跡,不然就給毀了。
宣傳類的預設值是運營同學喜歡利用,例如網易雲閱讀在郵件推廣時,運營就提出在官網頁放出四個平臺的下載按鈕,這個下載頁基本重複,這樣做除了浪費資源外效果並不明顯,頁的主要任務是告知雲閱讀的作用,在商量後讓運營放棄了頁多個按鈕的方案。
起宣傳作用的預設水印與《富春山居圖》的鑑賞章
以上就是筆者對預設值得分類,下面再來給大家分享幾個我們日常使用產品過程中遇到的互動設計預設值設定問題,希望起到拋磚引玉的作用。
一、預設性別
2011 年的時候, 因為測試註冊了蘑菇街,之後就沒怎麼去過,某天再進去發現自己的頭像預設是一個很 Q 的女孩子,粉紅色的。當時有點哭笑不得,被貼上異性的標籤滋味有點……為了看看其它的網站的預設性別我又測試了一些網站,發現社交類網站都是性別在註冊時要求被選擇; 社交性質比較弱的如點點網、知乎沒有性別欄位; 再弱點的如蘑菇街、淘寶就處理為女性, 多使用者沒選性別就是女性; 移動網際網路應用的 Path 沒有性別欄位。網易雲閱讀直接把您處理為女性。
性別即使作為必填欄位也有個先後問題,一般 “男” 在前面,美麗說介個網站直接就是女性才能註冊,男性在註冊時被埋個陷阱,開始讓您填很多資料,不過選擇男生後除了被拒絕註冊之外還被騙發一次關於自己在美麗說亂註冊的微博給您的粉絲看。
不管是作為必填欄位還是預設選擇女性,都符合這些網站自身的定位。女性對很多網站來說是寶貴資源,51.com 甚至有資料證實一個女性的價值抵得上 10 個男生,多使用者在沒有填寫的條件下就是女性,然後間接的吸引 10 個人註冊,結果很可能是一個未選擇性別的男性帶來了另外 10 個男性,真是一本萬利。
二、預設頭像
頭像對很多網站自身很重要,卻不作為必填欄位,在多使用者沒有賦值時展示出來的頭像就是預設頭像了,作用如下:
暗示多使用者還是上傳一個真實頭像好
網易微博與淘寶預設頭像
如圖分別是網易微博和淘寶社群的頭像,促使多使用者上傳頭像普遍採用這兩種方式:利益驅動與卡哇伊的訴求,網易微博採用利益驅動,暗合國內民眾思想 “有頭有臉”,而且上傳之後會有更多人關注您,不利之處在於產品本來定位就是休閒的還要搞得和名利場一樣?
淘寶的 “求真相” 讓多使用者會心一笑從而上傳頭像,卡哇伊的訴求在某些時候會失效,比如我覺得這個頭像比我自己設定的要好很多,那我我為什麼要更換,第三種促使多使用者上傳頭像的手法——惡搞,這裡舉個極端的例子:用 “如花” 做預設頭像,不換頭像的同學個個是如花,有些網站的頭像確實快達到這個境界,當然這種惡搞也需要多使用者黏度的,如果其它方面吸引力不夠就會導致多使用者拋棄您。
刻入品牌形象,增加多使用者感知,用網站 logo 或吉祥物做預設頭像的也比比皆是。
Facebook 、 iPhone 、 windows8 預設頭像
Facebook 預設頭像據說是創始人扎克伯格、蘋果設計通訊錄中預設頭像怎麼看都像喬布斯,這裡求證。 Windows8 據說預設頭像用比爾的。這些有象徵品牌意義的預設頭像在潛意識中起了宣傳作用, 美麗說和蘑菇街用的都是偏女性化的購物超人形象,蘑菇街會偏向保守。
美麗說與蘑菇街預設頭像
如果網站有用到多使用者頭像就說明頭像有一定的重要性,自然會希望多使用者上傳頭像。上傳頭像的真假其實是不可控的,社交類網站自然希望多使用者用真人頭像,多使用者又反過來看網站能給什麼,世紀佳緣上您不傳真頭像可能沒人理您,淘寶上您您弄個藝術化的頭像也是上傳了,雖然淘江湖也希望您上傳真頭像。 QQ 私密熟人圈比較多,真頭像和藝術概念都可以。如果多使用者相信網站品牌,真頭像機率就比較大,真頭像多會帶來更多的多使用者上傳,這是個趨勢問題。所以預設頭像又兩個側重點:集中強調網站品牌,如蘑菇街; 集中鼓勵多使用者上傳真頭像,如婚戀網站。
三、預設鈴聲
蘋果手機被稱為街機原因之一是手機鈴聲,蘋果手機鈴聲是馬林巴琴作曲,聲音已經達到一個境界,多使用者沒理由去更換它,下面是知乎多使用者回答 iPhone 預設鈴聲的幾點,筆者覺得很中肯:
iPhone 改鈴聲太麻煩了
裝 X,(略誇張)“聽見沒,老子的是 iPhone” 。
自帶的也挺好聽,懶得改了 (以前 Nokia 和 Moto 鈴聲也臭過大街啊~~)
iPhone 的鈴聲由於設計的優雅,已經成為蘋果手機的象徵,所以一聽到馬林巴琴的聲音就知道是 iPhone 了,有時候預設值還有品牌擴散效應,有些諾基亞手機多使用者就換成 iPhone 鈴聲。預設鈴聲的效果還有有這麼一情景:多使用者在焦急的等著紅綠燈,自然死定這前面車子的屁股,一看上面寫著:燈,等燈、等燈。
intel 預設背景音樂
其實這個是英特爾的廣告配音預設值,做的巧妙自然深入人心,茶餘飯後就傳播開了,這裡發揮了預設值的應有價值。
其它的還有:空態頁面、螢幕亮度、等級積分、預設許可權、預設下載、預設字型
小結
前文列到需求互動設計預設值得種類和他們的設計方法,總體來說,預設值的設計中應該注意以下事項:
除非誘導多使用者更改,預設值應儘可能多的解決多使用者需求,如果多使用者用到設定選項,產品已經開始失效了。
應該符合中間多使用者的預期,這樣可以引導菜鳥多使用者,告知骨灰級多使用者。
符合運營目標 (如網易閱讀中預設訂閱源)
考慮網站定位 (SNS 和非 SNS 網站的預設頭像)
解釋不清楚的預設值就一笑而過吧 (404 頁面)
能藝術點就不要太普通 (iPhone 鈴聲)
始終要知道大部分多使用者不會更改預設值 (微博換膚)