網頁用戶體驗:藍色藥丸 VS 紅色藥丸

2021-01-09 人人都是產品經理

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

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

有的企業仍然希望讀者能一眼看到所有東西,就像在你面前說全都在這裡,我們稱之為主頁體驗當中的「藍色藥丸」。

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

那麼什麼才是對企業和用戶最有效的?什麼情況下把所有信息直接呈現比逐漸呈現信息更加合理?

這取決於你的企業想要達到的目標。

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

你的商業目標將會幫助你決定主頁內容將持續多長時間:

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

藍色藥丸主頁——預先選擇

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

這取決於你的企業正在努力要實現的目標。

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

當你作為一個新手、剛進入這個行業的時候,你並不知道什麼才是受歡迎的。例如一個健身培訓初創公司會提供 3-4 種獨特的培訓計劃。因為他們並不知道哪一種會變得最受歡迎。當選項內容是你的優勢時,你提供的每個選項都很受歡迎,並且你希望每位訪客都能先選擇以便於你深入了解用戶。例如蘋果商店會在你深入探索之前讓你選擇你感興趣的產品。當談論到價格的時候,當前屏幕裡合理公正的價格計劃能幫助用戶快速作出決定。雖然突出中間方案是一種很常見的做法,但其他所有選項也都是預先準備好的。你仍然可以幫助人們作出正確的選擇,關鍵點就是不要過早深入細節,也不要挑出最喜歡的。

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

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

你希望創造一個充滿了偶然性探索和發現的體驗旅程,就如愛麗絲準備進入兔子洞。你的用戶不需要去尋找任何具體的內容,也沒有詳細的目標或特定的規則。

無限捲軸就是這裡的答案,用戶可以沉浸在內容的海洋裡。就像 Pinterest 和 Facebook 這樣的網站,伴隨著大量用戶生成的內容而使用無限捲軸。

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

一方面,用戶必須知道還存在多少信息,即使它正在下載;另一方面,用戶必須知道他們所在的位置,這樣更容易向兩個方向導航(前進或後退)。

如果你的目標只是為你的客戶安排一個旅程的優先級而不是一個無止境的旅程,那麼你該怎麼辦?

我們需要第三個藥丸……

綠色藥丸主頁——長捲軸

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

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

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

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

長捲軸在你的內容裡提供了一個連續的、自然流動的節奏。

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

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

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

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

原文作者:Medium

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

本文由 @三分設 翻譯發布於人人都是產品經理,未經許可,禁止轉載。

題圖來自 Pixabay,基於 CC0 協議

相關焦點

  • 網頁內容的用戶體驗,紅色藥丸和藍色藥丸,哪一顆能打造超級產品
    網頁和手機應用,雖然不能像報紙一樣能夠摺疊,卻能將最重要的信息顯示在顯眼的位置上。總有一些企業希望用戶能夠一眼看到全部的內容,我們稱這種產品主頁體驗叫做「藍色藥丸」。還有一種產品主頁內容體驗我們稱之為「紅色藥丸」,例如,抖音、快手、短視頻、就像一顆神奇的藥丸,讓用戶沉迷其中。
  • 《明日之後》紅色藥丸怎麼獲得 紅色藥丸作用介紹
    導 讀 明日之後紅色藥丸怎麼獲得呢?很多玩家都想知道這個紅色藥丸的獲得方法是什麼。
  • 《黑客帝國》:你會選藍色藥丸,還是紅色藥丸?
    「救世主」尼歐在黑客帝國的世界中,電腦人工智慧製造了一個巨大的人類文明世界,而發現這個秘密的一類人從虛擬世界中醒來,他們要尋找能拯救人類的救世主,當真實世界中的人類領袖在虛擬世界中找到救世主尼歐時,領袖墨菲斯告訴了尼歐虛擬世界的真相,並在尼歐面前擺了兩顆藥丸
  • 紅色藥丸難入喉
    可是這麼久以來,紅色藥丸並未讓我的生活有太大改變。」      「你確定吞下它了嗎?」      紅色藥丸的類比來自於《黑客帝國》,Neo服用了紅色藥丸,開始了他從虛擬實境(母體)中脫離的過程。在這個虛擬實境中,他和其他人類被囚禁了起來。隨後他在一個巨大的震驚中醒來,出現在一個痛苦的陌生的世界。
  • 紅色還是藍色:《黑客帝國》裡墨菲斯的藥丸,你吞哪個?
    作者:《黑客帝國》中有一個經典橋段,墨菲斯給主人公尼奧兩片藥丸:藍色代表「從夢中醒來」,紅色代表「跟我前進,領你去看真相」。幾乎沒有猶豫,尼奧選擇吞下紅色藥丸,探索 Matrix 之謎。John Gaeta 是操刀《黑客帝國》系列特效的團隊負責人,製作了第一集中的名場景「子彈時間」(bullet time)。
  • 帝國女兒伊萬卡接受了馬斯克的紅色藥丸
    有著外星人稱號的特斯拉CEO埃隆馬斯克,發布一條推文:「服下紅色藥丸吧。」,同時配上紅玫瑰表情符。或許,有上百萬人被新冠感染的美國,需要先拯救的是經濟。沒人希望重溫大蕭條。之前,馬斯克曾直言不諱地批評加利福尼亞州對新冠疫情的應對,甚至違反禁令,讓特斯拉製造工廠恢復生產。這條推文似乎在向所有人說:經濟機器不能停,停了重啟的代價太大。
  • 《黑客帝國》中寓意現實的「紅色藥丸」,在這部劇中卻有其他含義
    並通過她,發現了另一個隱藏的虛擬世界,或者說可以將其看作是一個組織——「紅色藥丸(Red Pillers)」。電影《駭客帝國》劇中對「紅色藥丸」的定義給出了解釋:在1999年的電影《駭客帝國》中,主角尼奧要在紅色藥丸和藍色藥丸間,二選一。
  • 破除幻覺,選擇紅色藥丸的西方佛教徒
    電影裡有一個關於「紅色藥丸」的片段,很好地闡釋了尼奧所面臨的選擇——要麼繼續生活在幻境中,要麼醒來,回歸現實。反叛軍進入尼奧的夢境(或者嚴格來講,他們的化身進入了尼奧的夢境),聯絡到了尼奧。他給了尼奧兩顆藥丸,一顆紅色,另一顆藍色。尼奧可以吃下藍色藥丸,回到夢境世界;也可以吃下紅色藥丸,打破幻境的束縛。尼奧選擇了紅色藥丸。這是一個很嚴酷的選擇:是選擇被束縛的幻境人生,還是選擇自由的充滿真相的人生。
  • 【紅藥丸】為什麼越是藍藥丸越是愛撒謊
    當然,故事中的這個人他是異常的算是藍色藥丸的,這個毋庸置疑,那接下來引出來的問題是:他是女人眼裡的壞蛋嗎?越是藍藥丸越是愛撒謊,這是兩性當中一直被忽略的點,在藍色藥丸的視角當中,相反,不會撒謊的男人才是藍色藥丸。那我只能說這真的是自欺欺人,第一,紅色藥丸沒有必要去撒謊,他有足夠的自信。
  • 「服下紅色藥丸吧」,馬斯克發推引用《黑客帝國》臺詞,伊萬卡轉發...
    【環球網報導 記者 侯佳欣】當地時間5月17日,特斯拉CEO埃隆·馬斯克發布了這樣一則推文:「服下紅色藥丸吧。」他還在推文最後配上了一個紅玫瑰的表情符號。↓馬斯克沒有在推文中給出更多解釋。這則推文是什麼意思?「紅色藥丸」又代表著什麼?
  • 《紅色藥丸》:男人的權力運動,到底是一個什麼樣的存在和立場?
    《紅色藥丸》:男人的權力運動,到底是一個什麼樣的存在和立場?社會在進步,我們需要傾聽不同的聲音。影片《紅色藥丸》講的是一個叫保羅的男性創立了一個網站。這是一個男人的權利運動人士交流的地方。在女人的權力主義成為主流的今天,男人的權力運動到底是一個什麼樣的存在和立場?這個片子從女人的權利和男人的權力雙方的立場讓我們聽到一些不同的聲音。
  • 美國批准首款女性「偉哥」:女人們有了紅色小藥丸
    美國批准首款女性「偉哥」:女人們有了紅色小藥丸 澎湃新聞記者 戴一葦 綜合報導 2015-06-05 11:13 來源:澎湃新聞
  • 1600年前的古墓中,科學家發現紅色藥丸,傳說中的「不老藥」?
    1600年前的古墓中,科學家發現紅色藥丸,傳說中的「不老藥」?隨著年齡的增長,看著自己日益衰老的容貌,很多的女生都慌張不已,她們通過各種各樣的醫學手段,通過整容的方式,讓自己看起來更加的年輕,在自己這張臉上花多少錢她們都不在乎。
  • 一顆紅色藥丸就要了明光宗的命?真相至今成謎
    一顆紅色藥丸就要了明光宗的命?真相至今成謎。紅丸案是明朝的三大案件之一,光宗朱常洛在病重的時候,大臣上供了一種紅色的藥丸,沒想到光宗吃下更是一命嗚呼。後面徹查了很久殺了多人,但依然沒有確定定論。朱常洛當太子時寵妃鄭貴妃為了討好他,送給了他很多美女。
  • 男性弱者的「紅色藥丸」:全球視野下「女權壓迫男性」的迷思
    文中介紹了一部名為《紅色藥丸》的紀錄片,作者對片中的男權人士予以深刻同情,並認為女權主義儘管讓女性掙脫枷鎖,卻沒有足夠關注承擔了更多犧牲的男性。然而正是這樣的文章,隔著一層文化的紗幔,讓美國另類右翼的「紅藥丸」概念堂而皇之地闖進了中國主流媒體的評論板塊。評論人認為電影《紅色藥丸》中呈現的景象,是當代政治正確的產物。
  • 輝瑞的「小藥丸」logo被「解鎖」了
    記者 | 原禕鳴編輯 | 許悅1據1月5日輝瑞官網,自1948年以來使用的「藍色小藥丸」式logo正式改變成了藍色雙螺旋形狀。圖片來源:輝瑞公司官網logo是一個企業最具代表性的標誌,其可以高度傳達一個公司企業文化、精神、以及價值觀,而換logo往往代表著公司的關鍵轉型或理念的更新迭代。
  • 東晉時期的古墓中,科學家發現紅色藥丸,檢測結果卻讓人唏噓!
    打開之後,意外發現瓷瓶中含有一種紅色的藥丸。對於這種東西,當時的考古專家十分疑惑。為了更好地了解清楚這種紅色藥丸究竟有什麼作用,科研人員把它帶回了實驗室。 在對這種紅色藥丸的研究過程之中,檢測的結果卻令人唏噓。
  • 《永無止境》:一片讓人生走上巔峰的藥丸
    竭盡全力逃脫殺手後,愛迪聯繫到前妻見面,詢問了藥丸的相關問題之後才知道藥丸不能斷,但可以慢慢減少服用來降低副作用,直接戒斷的話可能會造成生命威脅,並且服用藥丸後不能酗酒。回到家裡,之前借高利貸的人找上門來要錢,愛迪沒有現金要去取被當做是戲弄他,第一時間打了他一頓並搶了愛迪準備服用的小藥丸吃下,戒斷反應強烈的愛迪在銀行取錢還上後只能找到自己現任女友要她幫忙去她家裡取他藏起來的藥。但現女友也被殺手跟蹤上並追殺,絕望之間,只能聽從電話裡男友的指示,服下了小藥丸逃脫,之後帶給男友小藥丸服用,但卻沒有上癮,並且勸愛迪不要依賴這種東西。
  • 【紅藥丸】為什麼紅藍藥丸的人生態度相同且不同
    相信各位都看過搏擊俱樂部這部電影,主人公傑克,在認識帶領他活出真實自己的泰勒之前,他就是一個把所有的幸福和自信建立在金錢之上的,用錢去買一些對自己沒有用的東西,來進行自我麻痺自我安慰,讓自己掉進一個金錢萬能論的惡性循環當中,有錢,掙錢,就是他們每天要做的事情,奢侈品,物質條件對於他來說是精神寄託,當沒有金錢和這些物質自信,他就會萎靡不振不知道該幹什麼,而在視頻當中所謂尋找幸福的藥丸,我們就可以歸類成是藍色藥丸
  • 《小說藥丸》讓你擁有不一樣的靈魂
    ……這一切,在生活中可能遇到的煩惱,在這本《小說藥丸》裡都有!與這本書的相遇,其實是源於一次圖書促銷時的湊單,但收到後卻感到萬分驚喜!這是一本擁有神奇力量的診療書,來自兩位畢業於劍橋大學英文系的中年才女,蘇珊·埃爾德金和埃拉·伯紹德。