網(wǎng)頁用戶體驗:藍(lán)色藥丸 VS 紅色藥丸

0 評論 1722 瀏覽 6 收藏 8 分鐘

選擇哪種設(shè)計,決定在于內(nèi)容的廣度,就像沉浸感是內(nèi)容的深度,最大的問題是你希望你的主頁有多寬和多深。

網(wǎng)頁(Web)和應(yīng)用(App)雖然不能像報紙一樣折疊起來,但將重要信息顯示在頁面重要位置的案例依然存在。

有的企業(yè)仍然希望讀者能一眼看到所有東西,就像在你面前說全都在這里,我們稱之為主頁體驗當(dāng)中的“藍(lán)色藥丸”。

還有一種主頁體驗被稱為“紅色藥丸”,例如 Facebook 的無限卷軸,就像一粒神奇的藥丸,可以讓你無限投入其中。

那么什么才是對企業(yè)和用戶最有效的?什么情況下把所有信息直接呈現(xiàn)比逐漸呈現(xiàn)信息更加合理?

網(wǎng)頁用戶體驗:藍(lán)色藥丸 VS 紅色藥丸

這取決于你的企業(yè)想要達(dá)到的目標(biāo)。

你是希望你的訪客去選擇他們自己想要的內(nèi)容(例如 TED 演講),還是你想要幫他們作出選擇(例如 Netflix)?也可能無需涉及任何決定,你希望人們因為好玩而在你的主頁上長久地停留(例如 Pinterest)。

你的商業(yè)目標(biāo)將會幫助你決定主頁內(nèi)容將持續(xù)多長時間:

  • 如果你想要你的客戶自己去決定,就提供他們藍(lán)色藥丸。在頁面中直接展示所有選項,那么故事就結(jié)束了。
  • 如果他們想要一個驚喜,那么紅色藥丸就是最好的選擇。就像在仙境中無限探索,向他們展示這兔子洞有多深。
  • 如果你想為你的客戶選擇所需的路徑,那么請在無限卷軸中編織一個扣人心弦的故事,讓他們沉浸在你為他們優(yōu)先安排的體驗當(dāng)中。

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

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

網(wǎng)頁用戶體驗:藍(lán)色藥丸 VS 紅色藥丸

這取決于你的企業(yè)正在努力要實現(xiàn)的目標(biāo)。

什么情況下讓訪客先做決定比較合理?

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

你仍然可以幫助人們作出正確的選擇,關(guān)鍵點就是不要過早深入細(xì)節(jié),也不要挑出最喜歡的。

盡管會巧妙突出其中一個,但依然要將所有的選項以直觀的、無優(yōu)先級的、單一視圖的形式呈現(xiàn)給客戶。

紅色藥丸主頁——無限卷軸

你希望創(chuàng)造一個充滿了偶然性探索和發(fā)現(xiàn)的體驗旅程,就如愛麗絲準(zhǔn)備進入兔子洞。你的用戶不需要去尋找任何具體的內(nèi)容,也沒有詳細(xì)的目標(biāo)或特定的規(guī)則。

無限卷軸就是這里的答案,用戶可以沉浸在內(nèi)容的海洋里。就像 Pinterest 和 Facebook 這樣的網(wǎng)站,伴隨著大量用戶生成的內(nèi)容而使用無限卷軸。

網(wǎng)頁用戶體驗:藍(lán)色藥丸 VS 紅色藥丸

盡管驚喜是主旨,但是人們依舊需要時間感和空間感。

一方面,用戶必須知道還存在多少信息,即使它正在下載;另一方面,用戶必須知道他們所在的位置,這樣更容易向兩個方向?qū)Ш剑ㄇ斑M或后退)。

如果你的目標(biāo)只是為你的客戶安排一個旅程的優(yōu)先級而不是一個無止境的旅程,那么你該怎么辦?

我們需要第三個藥丸……

綠色藥丸主頁——長卷軸

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

網(wǎng)頁用戶體驗:藍(lán)色藥丸 VS 紅色藥丸

在什么情況下這是一個好的主意?

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

網(wǎng)頁用戶體驗:藍(lán)色藥丸 VS 紅色藥丸

圖片來源:http://www.rleonardi.com/interactive-resume/

長卷軸在你的內(nèi)容里提供了一個連續(xù)的、自然流動的節(jié)奏。

回想一下你在閱讀紙質(zhì)書時獲得的樂趣,在鼠標(biāo)上輕輕滾動或按下小鍵盤就像翻頁一樣,它是毫不費力的、自然的和無干擾的,前進和后退都很容易。

當(dāng)然,你的故事需要足夠扣人心弦才能讀到高潮。你的觀點有多連貫和一致,這將決定你故事的線性流程,交叉引用或任何干擾都會打亂流程。

即使你正在為你的訪客們推廣一條線性路徑,但是也不要忘記為其他可選擇的項目提供一個附屬選項,總有一些人會選擇很少有人走的路。

網(wǎng)頁用戶體驗:藍(lán)色藥丸 VS 紅色藥丸

決定在于內(nèi)容的廣度,就像沉浸感是內(nèi)容的深度,最大的問題是你希望你的主頁有多寬和多深。

 

原文作者:Medium

原文地址:https://uxdesign.cc/blue-pill-red-pill-for-businesses-28682e0ffe37

本文由 @三分設(shè) 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Pixabay,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!