網(wǎng)頁 ( Web ) 和應(yīng)用 ( App ) 雖然不能像報(bào)紙一樣折疊起來，但將重要信息顯示在頁面重要位置的案例依然存在。有的企業(yè)仍然希望讀者能一眼看到所有東西，就像在你面前說全都在這里，我們稱之為主頁體驗(yàn)當(dāng)中的“藍(lán)色藥丸”。還有一種主頁體驗(yàn)被稱為“紅色藥丸”，例如 Facebook 的無限卷軸，就像一粒神奇的藥丸，可以讓你無限投入其中。那么什么才是對企業(yè)和用戶最有效的？什么情況下把所有的信息直接呈現(xiàn)比逐漸呈現(xiàn)信息更加合理？
這取決于你的企業(yè)想要達(dá)到的目標(biāo)。你是希望你的訪客去選擇他們自己想要的內(nèi)容（ 例如 TED 演講 ) ，還是你想要幫他們作出選擇（ 例如 Netflix ）？也可能無需涉及任何決定，你希望人們因?yàn)楹猛娑谀愕闹黜撋祥L久地停留（ 例如 Pinterest ）。你的商業(yè)目標(biāo)將會幫助你決定主頁內(nèi)容將持續(xù)多長時間：
如果你想要你的客戶自己去決定，就提供他們藍(lán)色藥丸。在頁面中直接展示所有選項(xiàng)，那么故事就結(jié)束了。
如果他們想要一個驚喜，那么紅色藥丸就是最好的選擇。就像在仙境中無限探索，向他們展示這兔子洞有多深。
如果你想為你的客戶選擇所需的路徑，那么請?jiān)跓o限卷軸中編織一個扣人心弦的故事，讓他們沉浸在你為他們優(yōu)先安排的體驗(yàn)當(dāng)中。
藍(lán)色藥丸主頁 —— 預(yù)先選擇
你希望你的訪客首先選擇他們想要的。只有這樣，你才能更加深入的了解他們所選擇的道路。
這取決于你的企業(yè)正在努力要實(shí)現(xiàn)的目標(biāo)。什么情況下讓訪客先做決定比較合理？
- 當(dāng)你作為一個新手、剛進(jìn)入這個行業(yè)的時候，你并不知道什么才是受歡迎的。例如一個健身培訓(xùn)初創(chuàng)公司會提供 3-4 種獨(dú)特的培訓(xùn)計(jì)劃。因?yàn)樗麄儾⒉恢滥囊环N會變得最受歡迎。
- 當(dāng)選項(xiàng)內(nèi)容是你的優(yōu)勢時，你提供的每個選項(xiàng)都很受歡迎，并且你希望每位訪客都能先選擇以便于你深入了解用戶。例如蘋果商店會在你深入探索之前讓你選擇你感興趣的產(chǎn)品。
- 當(dāng)談?wù)摰絻r(jià)格的時候，當(dāng)前屏幕里合理公正的價(jià)格計(jì)劃能幫助用戶快速作出決定。雖然突出中間方案是一種很常見的做法，但其他所有選項(xiàng)也都是預(yù)先準(zhǔn)備好的。
你仍然可以幫助人們作出正確的選擇。關(guān)鍵點(diǎn)就是不要過早的深入細(xì)節(jié)，也不要挑出最喜歡的。盡管會巧妙的突出其中一個，但依然要將所有的選項(xiàng)以直觀的、無優(yōu)先級的、單一視圖的形式呈現(xiàn)給客戶。
紅色藥丸主頁 —— 無限卷軸
你希望創(chuàng)造一個充滿了偶然性探索和發(fā)現(xiàn)的體驗(yàn)旅程，就如愛麗絲準(zhǔn)備進(jìn)入兔子洞。你的用戶不需要去尋找任何具體的內(nèi)容，也沒有詳細(xì)的目標(biāo)或特定的規(guī)則，無限卷軸就是這里的答案，用戶可以沉浸在內(nèi)容的海洋里。就像 Pinterest 和 Facebook 這樣的網(wǎng)站，伴隨著大量用戶生成的內(nèi)容而使用無限卷軸。
盡管驚喜是主旨，但是人們依舊需要時間感和空間感。一方面，用戶必須知道還存在多少信息，即使它正在下載；另一方面，用戶必須知道他們所在的位置，這樣更容易向兩個方向?qū)Ш剑?前進(jìn)或后退 ）。如果你的目標(biāo)只是為你的客戶安排一個旅程的優(yōu)先級而不是一個無止境的旅程，那么你該怎么辦?我們需要第三個藥丸.....
綠色藥丸主頁 —— 長卷軸
你希望為訪客們安排一條線性路徑的優(yōu)先級，你為他們省去了選擇的麻煩。想象一下你的衣櫥是根據(jù)你今天要穿什么來安排的，還是為你即將到來的旅行計(jì)劃來安排的?
在什么情況下這是一個好的主意?
- 當(dāng)你的業(yè)務(wù)數(shù)據(jù)表明了在你的產(chǎn)品中有一個明顯的贏家時。假設(shè)你是一家擁有 12 張信用卡的銀行，但是其中一張卡的銷售額占到 80%，你知道大多數(shù)人最終還是會買這張卡。
- 當(dāng)你的商業(yè)目標(biāo)是銷售新產(chǎn)品或服務(wù)時。例如，你出版了一本新書，你得想盡辦法去宣傳它。
- 當(dāng)你有故事要講的時候。它可以是一份郵件、一封老式的推銷信，比如約翰.卡爾頓和丹.肯尼迪寫的那些，甚至是一份如下圖的視覺簡歷!
圖片來源：http://www.rleonardi.com/interactive-resume/
長卷軸在你的內(nèi)容里提供了一個連續(xù)的、自然流動的節(jié)奏?；叵胍幌履阍陂喿x紙質(zhì)書時獲得的樂趣，在鼠標(biāo)上輕輕滾動或按下小鍵盤就像翻頁一樣，它是毫不費(fèi)力的、自然的和無干擾的，前進(jìn)和后退都很容易。當(dāng)然，你的故事需要足夠扣人心弦才能讀到高潮。你的觀點(diǎn)有多連貫和一致，這將決定你故事的線性流程。交叉引用或任何干擾都會打亂流程。即使你正在為你的訪客們推廣一條線性路徑，但是也不要忘記為其他可選擇的項(xiàng)目提供一個附屬選項(xiàng)?？傆幸恍┤藭x擇很少有人走的路。
決定在于內(nèi)容的廣度，就像沉浸感是內(nèi)容的深度。最大的問題是你希望你的主頁有多寬和多深。
作者：三分設(shè)
鏈接：https://www.zcool.com.cn/article/ZMTQyOTQxNg==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。
蘭亭妙微(www.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
