網(wǎng)頁(yè) ( Web ) 和應(yīng)用 ( App ) 雖然不能像報(bào)紙一樣折疊起來(lái)，但將重要信息顯示在頁(yè)面重要位置的案例依然存在。有的企業(yè)仍然希望讀者能一眼看到所有東西，就像在你面前說(shuō)全都在這里，我們稱(chēng)之為主頁(yè)體驗(yàn)當(dāng)中的“藍(lán)色藥丸”。還有一種主頁(yè)體驗(yàn)被稱(chēng)為“紅色藥丸”，例如 Facebook 的無(wú)限卷軸，就像一粒神奇的藥丸，可以讓你無(wú)限投入其中。那么什么才是對(duì)企業(yè)和用戶最有效的？什么情況下把所有的信息直接呈現(xiàn)比逐漸呈現(xiàn)信息更加合理？

這取決于你的企業(yè)想要達(dá)到的目標(biāo)。你是希望你的訪客去選擇他們自己想要的內(nèi)容（ 例如 TED 演講 ) ，還是你想要幫他們作出選擇（ 例如 Netflix ）？也可能無(wú)需涉及任何決定，你希望人們因?yàn)楹猛娑谀愕闹黜?yè)上長(zhǎng)久地停留（ 例如 Pinterest ）。你的商業(yè)目標(biāo)將會(huì)幫助你決定主頁(yè)內(nèi)容將持續(xù)多長(zhǎng)時(shí)間：

如果你想要你的客戶自己去決定，就提供他們藍(lán)色藥丸。在頁(yè)面中直接展示所有選項(xiàng)，那么故事就結(jié)束了。

如果他們想要一個(gè)驚喜，那么紅色藥丸就是最好的選擇。就像在仙境中無(wú)限探索，向他們展示這兔子洞有多深。

如果你想為你的客戶選擇所需的路徑，那么請(qǐng)?jiān)跓o(wú)限卷軸中編織一個(gè)扣人心弦的故事，讓他們沉浸在你為他們優(yōu)先安排的體驗(yàn)當(dāng)中。

藍(lán)色藥丸主頁(yè) —— 預(yù)先選擇

你希望你的訪客首先選擇他們想要的。只有這樣，你才能更加深入的了解他們所選擇的道路。

這取決于你的企業(yè)正在努力要實(shí)現(xiàn)的目標(biāo)。什么情況下讓訪客先做決定比較合理？

• 當(dāng)你作為一個(gè)新手、剛進(jìn)入這個(gè)行業(yè)的時(shí)候，你并不知道什么才是受歡迎的。例如一個(gè)健身培訓(xùn)初創(chuàng)公司會(huì)提供 3-4 種獨(dú)特的培訓(xùn)計(jì)劃。因?yàn)樗麄儾⒉恢滥囊环N會(huì)變得最受歡迎。
• 當(dāng)選項(xiàng)內(nèi)容是你的優(yōu)勢(shì)時(shí)，你提供的每個(gè)選項(xiàng)都很受歡迎，并且你希望每位訪客都能先選擇以便于你深入了解用戶。例如蘋(píng)果商店會(huì)在你深入探索之前讓你選擇你感興趣的產(chǎn)品。
• 當(dāng)談?wù)摰絻r(jià)格的時(shí)候，當(dāng)前屏幕里合理公正的價(jià)格計(jì)劃能幫助用戶快速作出決定。雖然突出中間方案是一種很常見(jiàn)的做法，但其他所有選項(xiàng)也都是預(yù)先準(zhǔn)備好的。

你仍然可以幫助人們作出正確的選擇。關(guān)鍵點(diǎn)就是不要過(guò)早的深入細(xì)節(jié)，也不要挑出最喜歡的。盡管會(huì)巧妙的突出其中一個(gè)，但依然要將所有的選項(xiàng)以直觀的、無(wú)優(yōu)先級(jí)的、單一視圖的形式呈現(xiàn)給客戶。

紅色藥丸主頁(yè) —— 無(wú)限卷軸

你希望創(chuàng)造一個(gè)充滿了偶然性探索和發(fā)現(xiàn)的體驗(yàn)旅程，就如愛(ài)麗絲準(zhǔn)備進(jìn)入兔子洞。你的用戶不需要去尋找任何具體的內(nèi)容，也沒(méi)有詳細(xì)的目標(biāo)或特定的規(guī)則，無(wú)限卷軸就是這里的答案，用戶可以沉浸在內(nèi)容的海洋里。就像 Pinterest 和 Facebook 這樣的網(wǎng)站，伴隨著大量用戶生成的內(nèi)容而使用無(wú)限卷軸。

盡管驚喜是主旨，但是人們依舊需要時(shí)間感和空間感。一方面，用戶必須知道還存在多少信息，即使它正在下載；另一方面，用戶必須知道他們所在的位置，這樣更容易向兩個(gè)方向?qū)Ш剑?前進(jìn)或后退 ）。如果你的目標(biāo)只是為你的客戶安排一個(gè)旅程的優(yōu)先級(jí)而不是一個(gè)無(wú)止境的旅程，那么你該怎么辦?我們需要第三個(gè)藥丸.....

綠色藥丸主頁(yè) —— 長(zhǎng)卷軸

你希望為訪客們安排一條線性路徑的優(yōu)先級(jí)，你為他們省去了選擇的麻煩。想象一下你的衣櫥是根據(jù)你今天要穿什么來(lái)安排的，還是為你即將到來(lái)的旅行計(jì)劃來(lái)安排的?

在什么情況下這是一個(gè)好的主意?

• 當(dāng)你的業(yè)務(wù)數(shù)據(jù)表明了在你的產(chǎn)品中有一個(gè)明顯的贏家時(shí)。假設(shè)你是一家擁有 12 張信用卡的銀行，但是其中一張卡的銷(xiāo)售額占到 80%，你知道大多數(shù)人最終還是會(huì)買(mǎi)這張卡。
• 當(dāng)你的商業(yè)目標(biāo)是銷(xiāo)售新產(chǎn)品或服務(wù)時(shí)。例如，你出版了一本新書(shū)，你得想盡辦法去宣傳它。
• 當(dāng)你有故事要講的時(shí)候。它可以是一份郵件、一封老式的推銷(xiāo)信，比如約翰.卡爾頓和丹.肯尼迪寫(xiě)的那些，甚至是一份如下圖的視覺(jué)簡(jiǎn)歷!

圖片來(lái)源：http://www.rleonardi.com/interactive-resume/

長(zhǎng)卷軸在你的內(nèi)容里提供了一個(gè)連續(xù)的、自然流動(dòng)的節(jié)奏。回想一下你在閱讀紙質(zhì)書(shū)時(shí)獲得的樂(lè)趣，在鼠標(biāo)上輕輕滾動(dòng)或按下小鍵盤(pán)就像翻頁(yè)一樣，它是毫不費(fèi)力的、自然的和無(wú)干擾的，前進(jìn)和后退都很容易。當(dāng)然，你的故事需要足夠扣人心弦才能讀到高潮。你的觀點(diǎn)有多連貫和一致，這將決定你故事的線性流程。交叉引用或任何干擾都會(huì)打亂流程。即使你正在為你的訪客們推廣一條線性路徑，但是也不要忘記為其他可選擇的項(xiàng)目提供一個(gè)附屬選項(xiàng)。總有一些人會(huì)選擇很少有人走的路。

決定在于內(nèi)容的廣度，就像沉浸感是內(nèi)容的深度。最大的問(wèn)題是你希望你的主頁(yè)有多寬和多深。
作者：三分設(shè)
鏈接：https://www.zcool.com.cn/article/ZMTQyOTQxNg==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(www.73404.com.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。