現(xiàn)如今，用戶(hù)大多深陷于碎片化的時(shí)間和過(guò)量的信息，所以用戶(hù)更加青睞簡(jiǎn)約而現(xiàn)代的網(wǎng)頁(yè)設(shè)計(jì)?！吧偌词嵌唷笔沁@類(lèi)網(wǎng)站的設(shè)計(jì)哲學(xué)，少而精準(zhǔn)的內(nèi)容設(shè)計(jì)方式和內(nèi)容策略讓訪(fǎng)客從沉重的信息壓力中解放出來(lái)。

雖然做減法的方式很多，相比于增加內(nèi)容，簡(jiǎn)化設(shè)計(jì)和內(nèi)容更講究技巧。今天我們要聊的是如何借助“預(yù)期式設(shè)計(jì)”來(lái)幫你搞定設(shè)計(jì)簡(jiǎn)化。

什么是預(yù)期式設(shè)計(jì)？

來(lái)自Huge的設(shè)計(jì)師Aaron Shapiro是這樣界定預(yù)期式設(shè)計(jì)的：在用戶(hù)做決定之前為之提供相應(yīng)的反饋，以這種方式來(lái)簡(jiǎn)化設(shè)計(jì)。

實(shí)際上，預(yù)期式設(shè)計(jì)出現(xiàn)的時(shí)間已經(jīng)很久了，并且存在于許多基礎(chǔ)的功能中，最常見(jiàn)的就是我們所熟知的彈出框、應(yīng)用內(nèi)通知、功能建議等等。

所有的這些針對(duì)用戶(hù)的行為都是應(yīng)對(duì)用戶(hù)的某些行為的反饋，它們所提供的功能和選擇都是基于用戶(hù)之前的操作與感知偏好而設(shè)計(jì)的。

預(yù)期式設(shè)計(jì)目的是旨在為用戶(hù)提供更加清晰的認(rèn)知和體驗(yàn)，減少訪(fǎng)客在操作過(guò)程中耗費(fèi)的腦力。

當(dāng)用戶(hù)面對(duì)眼前信息的時(shí)候，預(yù)期式設(shè)計(jì)則試圖去降低這個(gè)過(guò)程中用戶(hù)需要耗費(fèi)的腦力。降低用戶(hù)在認(rèn)知上的負(fù)荷能讓用戶(hù)對(duì)信息的認(rèn)知更清晰，獲得更好的體驗(yàn)。

不同于我們所熟知的設(shè)計(jì)思路，預(yù)期式設(shè)計(jì)過(guò)程中你并不是讓用戶(hù)按照你的方式來(lái)交互，而是你按照用戶(hù)預(yù)期中的操作方式來(lái)創(chuàng)造網(wǎng)站體驗(yàn)。重要的是“用戶(hù)的期待”。

預(yù)期式設(shè)計(jì)和數(shù)據(jù)

理想中的預(yù)期式設(shè)計(jì)之下，產(chǎn)品的運(yùn)作遠(yuǎn)不止于設(shè)定一個(gè)迎合用戶(hù)的彈出框，而是將網(wǎng)站的用戶(hù)使用效率提升到一個(gè)全新的層次上。

若想借由預(yù)期式設(shè)計(jì)來(lái)提升整體的舒適度，需要進(jìn)行數(shù)據(jù)分析，并且根據(jù)分析結(jié)果來(lái)設(shè)定用戶(hù)流程和路徑。比如，通過(guò)追蹤之前的用戶(hù)的購(gòu)買(mǎi)量來(lái)決定接下來(lái)的購(gòu)買(mǎi)量，在賬戶(hù)注冊(cè)、產(chǎn)品推薦和結(jié)帳流程上進(jìn)行優(yōu)化。當(dāng)你有足夠的數(shù)據(jù)支撐你的系統(tǒng)進(jìn)行自動(dòng)化的決策的時(shí)候，預(yù)期式設(shè)計(jì)帶來(lái)的就不僅僅是單純的個(gè)性化網(wǎng)站體驗(yàn)了。

潛在的隱患

可以預(yù)料的是，預(yù)期式設(shè)計(jì)同個(gè)人信息保護(hù)和數(shù)據(jù)安全存在于一定的沖突。國(guó)外的用戶(hù)常用的谷歌確實(shí)走在技術(shù)最前沿，但是用戶(hù)常常會(huì)感到他們的數(shù)據(jù)被共享到不同的平臺(tái)上，這種侵犯感，在國(guó)內(nèi)也常常會(huì)感受到。你在京東亞馬遜淘寶上瀏覽過(guò)的商品，常常會(huì)出現(xiàn)在各個(gè)網(wǎng)站的廣告區(qū)，哪怕你瀏覽國(guó)外的網(wǎng)站也難以避免。這種常見(jiàn)的SEO手段有時(shí)候不錯(cuò)，但是也時(shí)長(zhǎng)會(huì)讓用戶(hù)擔(dān)憂(yōu)數(shù)據(jù)安全。

你為用戶(hù)所提供的舒適感，是否比你所擁有的用戶(hù)數(shù)據(jù)更重要？

所以，盡管技術(shù)足夠成熟，但是你為用戶(hù)提供的舒適感和安全感，是否比你所擁有的用戶(hù)數(shù)據(jù)更重要呢？所以，當(dāng)你需要為信息安全進(jìn)行更充分考慮的時(shí)候，預(yù)期式設(shè)計(jì)是可能會(huì)為你帶來(lái)負(fù)面的影響的。

另外，預(yù)期式設(shè)計(jì)可能會(huì)限制產(chǎn)品的可探索性。最典型的反例還是亞馬遜，它推薦的產(chǎn)品通常都是用戶(hù)瀏覽過(guò)的，這很明顯讓用戶(hù)的選擇更窄了，加上很多商品壓根就是用戶(hù)買(mǎi)過(guò)，或者不打算再瀏覽的，這使得推薦的有效度降低。用戶(hù)瀏覽的許多商品構(gòu)成了屬于這個(gè)個(gè)體的獨(dú)特的偏好和“路徑”，可是沿襲這個(gè)“路徑”的推薦系統(tǒng)會(huì)推著用戶(hù)一直做類(lèi)似的選擇。用戶(hù)看過(guò)幾本罪案類(lèi)小說(shuō)，系統(tǒng)再不斷地推薦同類(lèi)小說(shuō)，用戶(hù)什么時(shí)候才會(huì)發(fā)現(xiàn)科幻小說(shuō)的魅力呢？這種情況很有可能出現(xiàn)在孩子們頭上，作為可塑性極強(qiáng)的用戶(hù)群體，他們也更容易被說(shuō)服，但是這種預(yù)期式設(shè)計(jì)會(huì)降低他們的探索精神。

如何正確使用預(yù)期式設(shè)計(jì)？

了解你的用戶(hù)以及他們的瀏覽和操作行為可以更好地理解他們的需求和預(yù)期。今天的用戶(hù)對(duì)于網(wǎng)站路徑有清晰的需求，希望能以最快的速度完成目標(biāo)。

能否理解不同用戶(hù)群體的問(wèn)題與障礙，是抓住時(shí)機(jī)的關(guān)鍵。為了讓你能夠?qū)⑦@個(gè)概念更好的付諸實(shí)踐，你可以考慮借助下列的環(huán)節(jié)來(lái)優(yōu)化用戶(hù)體驗(yàn)：

• 能否根據(jù)用戶(hù)之前的選擇來(lái)提出相關(guān)的建議？在沒(méi)有初次數(shù)據(jù)的情況下，想想用戶(hù)之前可能買(mǎi)過(guò)什么，或者訪(fǎng)問(wèn)過(guò)哪些頁(yè)面。
• 能否提升附加值？如果可能的話(huà)，根據(jù)用戶(hù)購(gòu)物車(chē)中已經(jīng)有的產(chǎn)品，為他推薦一些輔助性的、補(bǔ)完性的產(chǎn)品，或者推薦一些他們可能會(huì)非常感興趣的服務(wù)。
• 能否幫用戶(hù)預(yù)先填寫(xiě)一些用戶(hù)名、登錄郵箱、基本信息等表單字段，讓用戶(hù)在完成目標(biāo)的過(guò)程中少點(diǎn)擊幾次？
• 能否以更加個(gè)人化的方式來(lái)發(fā)送郵件邀請(qǐng)或者提醒，而非看起來(lái)就是群發(fā)的那種？

總的來(lái)說(shuō)，這樣設(shè)計(jì)的目標(biāo)并不是推著用戶(hù)去做決定，而是在用戶(hù)直接主動(dòng)輸入之前為他們提供一個(gè)合理的選擇。操作步驟被簡(jiǎn)化了，之前的操作成為了展示給用戶(hù)的信息的影響因素，整個(gè)流程以更加自動(dòng)化的形式展現(xiàn)出來(lái)。

預(yù)期式設(shè)計(jì)實(shí)戰(zhàn)

案例總是理解案例的最佳途徑，如何借用預(yù)期式設(shè)計(jì)來(lái)保持用戶(hù)體驗(yàn)簡(jiǎn)單易行，看看下面的案例吧：

Google Now

作為最智能的個(gè)人助理，Google Now 會(huì)根據(jù)用戶(hù)的搜索習(xí)慣和之前的行為來(lái)推送信息，應(yīng)對(duì)需求。如果你在谷歌日歷中有預(yù)約餐廳的條目，Google Now 會(huì)幫你推薦附近的沒(méi)事，提供天氣狀況信息和交通狀況，來(lái)提升整體的價(jià)值。生日提醒、新聞更新、旅游資訊、娛樂(lè)、約會(huì)、體育賽事、酒店預(yù)訂、停車(chē)場(chǎng)提示等等這些信息在合理的場(chǎng)景下會(huì)有一定的關(guān)聯(lián)，在這一點(diǎn)上，Google Now比亞馬遜強(qiáng)過(guò)太多。

Pandora 的音樂(lè)基因組計(jì)劃

Pandora 是著名的可定制化互聯(lián)網(wǎng)電臺(tái)，你可以根據(jù)一首歌的歌曲、節(jié)奏、旋律、和聲、配器、歌詞等信息來(lái)尋找類(lèi)似的音樂(lè)列表。事實(shí)上，這個(gè)并不新的網(wǎng)站早在2000年的時(shí)候就已經(jīng)建立，擁有超過(guò)2.5億注冊(cè)用戶(hù)，其中有8000多人是活躍用戶(hù)。

Cook With M&S

Cook With M&S 為用戶(hù)提供了一系列誘人的食譜（漂亮的攝影和實(shí)例），M&S的APP不僅分享了食譜配方，還提供可供編輯的購(gòu)物清單，提供真正意義上一條龍的服務(wù)。

作為信息補(bǔ)完，APP中每個(gè)食譜都有用戶(hù)評(píng)論和可供參考的星級(jí)評(píng)分系統(tǒng)，營(yíng)養(yǎng)信息，烹調(diào)時(shí)間和難易程度。更重要的是，M&S 的APP還內(nèi)置了烹調(diào)用的定時(shí)器！雖然其中許多功能并不復(fù)雜，但是它們很好地滿(mǎn)足了用戶(hù)的需求，讓烹飪更加簡(jiǎn)單，更有樂(lè)趣。

結(jié)語(yǔ)

有的時(shí)候知道這回事，和從某個(gè)角度作為出發(fā)點(diǎn)來(lái)思考是兩回事，出發(fā)點(diǎn)和思路很重要。不管你所做的網(wǎng)站是什么類(lèi)型的，借助預(yù)期式設(shè)計(jì)來(lái)提升用戶(hù)和網(wǎng)站的可訪(fǎng)問(wèn)性總歸是一件重要而有用的事情。

【優(yōu)設(shè)酷站十二連發(fā)！】

《酷站兩連發(fā)！在線(xiàn)圖片壓縮神器+在線(xiàn)配色工具COLOURCO》
《酷站兩連發(fā)！寵物小精靈專(zhuān)屬配色網(wǎng)站+CSS HOVER動(dòng)畫(huà)收集站》
《酷站兩連發(fā)！游戲配色網(wǎng)站+免費(fèi)美女素材特供網(wǎng)站》
《酷站兩連發(fā)！在線(xiàn)配色神器+英文字體推薦網(wǎng)站》
《酷站兩連發(fā)！用代碼呈現(xiàn)DRIBBBLE作品+16進(jìn)制顏色網(wǎng)站》
《酷站兩連發(fā)！專(zhuān)注無(wú)縫紋理素材站+多邊形背景生成器》

原文地址：webdesignerdepot
優(yōu)設(shè)譯者：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量104萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com