首頁

體驗陷阱丨被你忽視的文章編輯器對用戶體驗的影響有多糟糕

資深UI設(shè)計者

我們都在研究好的設(shè)計,感嘆優(yōu)秀的產(chǎn)品帶給我們的尖叫,但我們或許從未思考過,糟糕的用戶體驗設(shè)計也會給用戶帶來很大的傷害。這個產(chǎn)品體驗欄目的靈感來自于喬納森·沙利亞特的《設(shè)計的陷阱:用戶體驗設(shè)計案例透析》這本書。在本書的介紹里,有這么一句話——設(shè)計能殺人、使人憤怒、使人傷心。讀到這句話的時候,讓人驚愕,讓人不可思議,但這就是事實,這就是糟糕的用戶體驗設(shè)計會導(dǎo)致的后果?!阁w驗陷阱」的第一期,就讓我們來看看那些被忽視的文章編輯器對用戶體驗的影響有多糟糕。


一、什么是文章編輯器?


文章編輯器是一個產(chǎn)品最基礎(chǔ)的構(gòu)成部分,不管是前臺還是后臺,編輯器都是一個非?;A(chǔ)的功能。比如一個產(chǎn)品需要發(fā)布新的資訊內(nèi)容,在后臺就一定需要有一個文章編輯器才能實現(xiàn)這個功能。
文章編輯器在各大網(wǎng)站、APP產(chǎn)品里都非常常見,特別對于以內(nèi)容生產(chǎn)為主的社區(qū)、平臺,比如像站酷網(wǎng)、人人都是產(chǎn)品經(jīng)理、知乎、頭條、網(wǎng)易這些平臺,文章編輯器是一個非?;A(chǔ)又必不可少的功能。


二、我們理想中的文章編輯器?


1. 有用性
文章編輯器要能實現(xiàn)內(nèi)容的發(fā)布,當用戶從本地或在線文檔(比如騰訊文檔、飛書、石墨等)復(fù)制內(nèi)容進去時候,可以輕松實現(xiàn)二次編輯,比如插入圖片、調(diào)整標題樣式等。
2. 易用性
編輯器的界面、功能,要能滿足多數(shù)用戶的期望,比如支持多張圖片上傳、第三方音頻/視頻鏈接,以及整個操作過程中使用起來愉悅、友好。
3. 容錯性
當用戶出現(xiàn)操作錯誤的時候,系統(tǒng)能夠及時給用戶提示,比如圖片上傳進度、圖片尺寸大小限制、必填項勾選等等。容錯性對用戶體驗的影響特別大,如果用戶在使用過程中不清楚哪個地方犯錯不能繼續(xù)操作,用戶對系統(tǒng)就會陷入焦慮。



三、實際產(chǎn)品設(shè)計中的編輯器


1. 站酷
站酷網(wǎng)是全國最大的設(shè)計師平臺,吸引了國內(nèi)眾多優(yōu)秀的設(shè)計師和設(shè)計知識創(chuàng)作者,但是他們的文章編輯器,體驗下來卻非常糟糕。接下來讓我們來看看這個糟糕的文章編輯器,給用戶帶來了多大的體驗傷害。
當我開開心心地把一篇在騰訊文檔寫好的內(nèi)容復(fù)制到站酷編輯器的時候,在對標題進行格式調(diào)整的時候,全局樣式竟然會同步更改,比如想把「標題」更改為「標題1」的樣式,整篇文章就會一起更新,這讓人摸不著頭腦。不過我沒放棄,經(jīng)過多番嘗試,才發(fā)現(xiàn)需要在標題上下各加一個Enter,這樣才能設(shè)置成功(我是一個BUG解決天才)。


當文章篇幅撐過編輯器的默認高度以后,這個時候就會出現(xiàn)一個非常糟糕的體驗,你找不到編輯器的工具欄。比如你想上傳圖片或者修改內(nèi)容,你都不知道工具欄去哪里了,這個時候用戶徹底迷失,變得異常焦躁。解決這個問題的唯一辦法是——把編輯器全屏。


創(chuàng)過第一關(guān)以后,全屏的編輯器又出現(xiàn)一個非常糟糕的體驗。那就是當你去調(diào)整某一段文字的時候,比如加一個換行,這個時候編輯器的光標就會像幽靈一樣跑到底部,你只能重新找到剛才的原位置,你以為是眼花再試一次之后,光標再次出現(xiàn)在底部,簡直讓你懷疑人生。


當你從頭部開始上傳圖片的時候,和調(diào)整字段一樣,光標又會像幽靈一樣跑到底部,這個時候,你還得去找之前的位置,才能繼續(xù)上傳。不過經(jīng)過多番的嘗試,我又破解了站酷編輯器的設(shè)計密碼,原來可以從底部開始倒著傳圖片,那該死的光標,就不會跑到底部去了,這個秘訣讓我提升了很高的效率,我真感慨自己的的智商:)


從站酷的編輯器可以看出,他們違反了尼爾森十大原則的系統(tǒng)性可見原則和防錯原則。第一,在用戶的內(nèi)容高度超出編輯器默認高度以后,編輯器的工具欄消失不見,這其實是一個功能BUG,不但沒有修復(fù)也沒有提示用戶使用全屏操作,用戶徹底迷失;第二,在用戶調(diào)整內(nèi)容換行的時候,光標會像幽靈一樣跳到底部,這也屬于功能的BUG,沒有修復(fù)也沒有系統(tǒng)提示,最后導(dǎo)致用戶在內(nèi)容發(fā)布階段就變得垂頭喪氣,最終浪費了無數(shù)寶貴的時間。
拓展閱讀:
尼爾森十大可用性原則第一條,系統(tǒng)可見性原則,保持界面的狀態(tài)可見,變化可見,內(nèi)容可見。讓用戶知道發(fā)生了什么,在適當?shù)臅r間內(nèi)做出適當?shù)姆答仭?
尼爾森十大可用性原則第五條,防錯原則,比出現(xiàn)錯誤信息才提示更好的,是通過更用心的設(shè)計來防止這類問題發(fā)生。在用戶選擇動作發(fā)生之前,就要防止用戶混淆或者錯誤選擇。對產(chǎn)品進行不同的操作、重組或特別安排,防止用戶出錯。
2. UI中國
UI中國的文章編輯器,雖然不支持從騰訊文檔、飛書文檔直接復(fù)制過去的格式,但編輯器設(shè)計得非常清爽,給用戶的第一印象非常好。但是,就在用戶開開心心準備發(fā)布一篇精心準備的文章時候,噩夢來了。
UI中國的服務(wù)器非常不穩(wěn)定,所以當用戶上傳圖片的時候,圖片的加載進度特別慢。其實慢一點也能接受,但是當進度條達到100%以后,圖片始終還是無法載入,有時候需要等幾秒,有時候等10幾秒最后換回來的一串錯誤代碼——Error during file upload。這個時候用戶還有耐心,也許就是服務(wù)器偶然發(fā)生故障,于是再次重新上傳,但收到的還是同樣的結(jié)果。


為了解決這個問題,我以為是圖片的尺寸或大小出現(xiàn)了問題,但經(jīng)過查閱,并無任何問題,完全是官方的尺寸規(guī)范以內(nèi)。最后通過數(shù)次的嘗試,我總算摸到一點點規(guī)律,當一張圖片反復(fù)上傳出現(xiàn)亂碼的時候,那就先去傳其他的圖片,最后再返回上傳這張圖片,運氣好的時候就解決了,運氣不好的話,你就休息一下再來上傳。我只能感慨自己實在太聰明了。
從UI中國的編輯器可以看出,他們和站酷一樣,違反了尼爾森十大原則的第五條原則,防錯原則。在用戶上傳圖片出現(xiàn)錯誤以后,并沒有給用戶及時的中文提示(99%的設(shè)計師看不懂Error during file upload這串英文代碼,毫無意義),導(dǎo)致用戶在使用過程中產(chǎn)生焦躁、憤怒的情緒,浪費了無數(shù)寶貴的時間。
3. 微信公眾號
微信公眾號是知識創(chuàng)作者最常用的工具了,但事實上對于新手來說,它的設(shè)計非常不友好。我還想起當我第一次操作公眾號發(fā)布文章的時候,當我把內(nèi)容都編輯好以后,我找不到「發(fā)布」的按鈕。我很難理解「群發(fā)」的功能,特別是當我在下拉列表發(fā)現(xiàn)竟然還藏著一個「發(fā)布」按鈕,我以為那就是發(fā)布。但當我開開心心準備分享我的推文時候,我在自己的公眾號卻怎么也找不到這篇文章。


最后我只能重新編輯一次,但問題還是沒有解決。群發(fā)到底是什么意思?當我點擊以后「群發(fā)」以后,又出現(xiàn)了群發(fā)、定時群發(fā)和分組群發(fā)的按鈕,我實在難以理解這幾個按鈕有什么不同,我現(xiàn)在又應(yīng)該選擇什么。我猶豫不定,害怕犯錯,又不知道如何解決,最后只能求助朋友。


微信公眾號在「發(fā)布文章」這個環(huán)節(jié)的設(shè)計,完全違背了交互心理學(xué)上的席克定律,給用戶太多、不清晰的選擇,增加了用戶的學(xué)習(xí)和消耗成本,對于公眾號新手來說,簡直就是一次噩夢。其次也違背了尼爾森十大原則的第十條,人性化幫助原則,沒有給新手解釋清楚「群發(fā)」和「發(fā)布」的區(qū)別,也沒有對核心功能做出對應(yīng)的文字解釋,讓用戶在操作的過程中產(chǎn)生數(shù)次焦躁,最終只能求助于他人。
拓展閱讀:
席克定律是指人的信息傳遞時間與刺激的平均信息量之間呈線性關(guān)系。簡單一點我們可以理解為:人面臨越多的選擇,所要消耗的時間成本越高。
尼爾森十大原則第十條,人性化幫助原則,幫助性提示最好的方式是:①無需提示;②一次性提示;③常駐提示;④幫助文檔。
4. 脈脈
脈脈作為擁有1.1億用戶的職場社交獨角獸,為用戶提供的專欄編輯器,用戶體驗差到讓人絕望。
脈脈使用的編輯器,屬于十年前最早一批的編輯器,不管是功能還是樣式,都非常掉身價,和他們的品牌調(diào)性不匹配。它們不支持從騰訊文檔、飛書復(fù)制過去的文章(Markdown格式),所以我每次都需要調(diào)整格式才能和源文檔格式一致,極大增加了編輯成本。這也是我最后放棄脈脈更新的原因,他們流失了一個內(nèi)容創(chuàng)作者。


在用戶上傳圖片以后,他們沒有做自適應(yīng)配置,整個編輯器無法看到圖片的完整內(nèi)容,用戶根本不知道自己上傳的圖片是否正確。更糟糕的是,當你想等比例調(diào)整圖片的大小,圖片就完全扭曲,讓用戶進一步崩潰。


點擊上傳圖片以后,還需要用戶點擊「上傳」,才能真正實現(xiàn)圖片上傳,增加了用戶的操作步驟。其次已上傳的圖片不能取消選中,如果想要取消當前圖片,只能再次上傳一次圖片。
最糟糕的是,文章竟然不支持自動或手動保存,想象一下當你花費了1個小時好不容易編輯好的文章,最后因為不小心關(guān)閉瀏覽器導(dǎo)致文章丟失了,這就是使人憤怒的設(shè)計,這幾乎把用戶使用的欲望徹底剿滅了,永遠不會再回來。
脈脈的編輯器設(shè)計,嚴重違反了尼爾森十大原則中的多條原則,比如撤銷重做原則、防錯原則、容錯原則等,可以說是非常糟糕的設(shè)計,這樣的編輯器幾乎可以毀滅任何一個內(nèi)容創(chuàng)作者的心情。
拓展閱讀:
尼爾森十大可用性原則第三條,撤銷重做原則,給用戶更多自主操作權(quán),當用戶在使用產(chǎn)品過程中產(chǎn)生錯誤的操作時,應(yīng)提供更多的解決方案,例如撤銷或重做等功能。
尼爾森十大可用性原則第九條,容錯原則,幫助用戶從錯誤中恢復(fù),將損失降到最低。如果無法自動挽回,則提供詳盡的說明文字和指導(dǎo)方向,而非代碼如404等。
5. 135編輯器
135編輯器作為國內(nèi)最大的編輯器頭部產(chǎn)品,他們幾乎把編輯器可能有的功能都設(shè)計了,比如導(dǎo)入文章、語音合成、模版、一鍵排版等等。但是這個功能如此豐富的編輯器給新用戶的體驗則留下糟糕的印象。
135編輯器的功能非常強大,這就像一個2003年半的Word辦公軟件,一眼望去,都是數(shù)不清的功能。這樣的設(shè)計導(dǎo)致了新手不知道如何開始,他們的按鈕權(quán)重幾乎都一樣,比如新建、關(guān)閉、導(dǎo)入、微信復(fù)制等等,沒有重點突出核心功能。


人在操作軟件時候的記憶屬于短期記憶,一般只會保留5-7秒,這便是心理學(xué)上最出名的7±2效應(yīng)。在新手首次使用該軟件的時候,面對幾十上百個的功能,根本不知道如何下手。用戶需要學(xué)習(xí)的成本非常高,甚至當你編輯好文章以后,你都不知道如何把文章同步到微信公眾號,因為「微信復(fù)制」這個按鈕沒有重點突出,從字面意思也無法獲取真正的意思。這也違背了人類運動的預(yù)測模型費茨定律,如果你想小孩子也簡單輕松的能關(guān)掉房屋的開關(guān),那么你的開關(guān)就應(yīng)該大一點,明顯一點。


其次過度商業(yè)化把這款編輯器的用戶體驗毀滅了,幾乎80%的功能都需要加入VIP會員,然后你需要反復(fù)關(guān)閉窗口,操作路徑變得又長又繁瑣。試問,一個新用戶在使用一款陌生的編輯器的時候,需要關(guān)閉幾十次廣告,你覺得他還有耐心去使用嗎?


拓展閱讀:
7±2效應(yīng)就是指人的短期記憶容量在7±2的數(shù)量之間浮動,也就是說,用戶最多同時處理5~9個信息。
費茨定律是人類運動的預(yù)測模型,主要用于人機交互和人體工程學(xué)。該定律預(yù)測光標或手指從一個起始位置移動到最終目標所需的時間(T)由兩個參數(shù)決定,即光標或手指到目標的距離(D)和目標的大?。╓)。
6. 國內(nèi)某知名CMS系統(tǒng)
這是一個國內(nèi)非常出名的開源CMS系統(tǒng),目前已停止更新維護,不過國內(nèi)的企業(yè)網(wǎng)站估計有50%都是基于這個系統(tǒng)搭建。做過外包設(shè)計的朋友都知道,經(jīng)常會聽見客戶說系統(tǒng)難用,那么為什么難用,我們先來看看這些商業(yè)項目中管理后臺的編輯器有多糟糕。
點擊添加內(nèi)容后,直接跳轉(zhuǎn)到一個新窗口,這個新窗口還把當前屏幕都遮住了,這不得不讓用戶需要把這個窗口縮小才能復(fù)制內(nèi)容。這個設(shè)計最讓人頭疼的是當你的桌面應(yīng)用打開過多時候,你根本不知道這個內(nèi)容窗口在哪里,讓人感到無比焦躁。


編輯器的的樣式、功能就幾乎可以忽略不計了,因為這畢竟是一款開源的系統(tǒng),而且官方都已經(jīng)停止更新了。如果你從騰訊、飛書文檔直接復(fù)制內(nèi)容進去,文本格式就是錯亂的,這和脈脈一樣,這幾乎需要在編輯器里重新調(diào)整格式才行,這嚴重提升了用戶的使用成本。這對于很多兼職為公司負責更新網(wǎng)站的用戶來說,簡直就是一場災(zāi)難。過去有太多次用戶對編輯器的問題提出了很多次,包括不懂使用、增加功能等,總之,這些開源系統(tǒng)的編輯器,對很多用戶來說就是一場噩夢。



四、思考總結(jié)


通過數(shù)款大廠產(chǎn)品的體驗總結(jié),我們發(fā)現(xiàn),對于文章編輯器這個非?;A(chǔ)但又必不可少的功能,其實帶給用戶的體驗非常糟糕。類似的糟糕體驗,其實還數(shù)不勝數(shù),我們這一期就不再展開。最后我們對此次的體驗陷阱做一個簡單的總結(jié)。
我認為,造成如此糟糕的編輯器體驗的原因有兩個,第一個,大部分的產(chǎn)品團隊完全不重視編輯器這個功能。在很多產(chǎn)品、設(shè)計,包含程序工程師看來,這就是一個非常基礎(chǔ)簡單的功能,所以他們對編輯器非常輕視,也許開發(fā)出來的產(chǎn)品團隊自己都沒有親身測試發(fā)布過,才會導(dǎo)致有如此多明顯、讓人憤怒的BUG。然而他們根本不知道這樣的設(shè)計對用戶的實際體驗影響有多么糟糕。
第二個,產(chǎn)品團隊完全沒有遵循最基礎(chǔ)的設(shè)計原則意識。國內(nèi)大部分產(chǎn)品設(shè)計師對設(shè)計基礎(chǔ)原則、理論都非常忽視,甚至覺得這些純理論的指導(dǎo)原則毫無意義。這也是設(shè)計這門學(xué)科在國內(nèi)發(fā)展的真實寫照,但我們從這些體驗陷阱可以看出,一個沒有遵循設(shè)計基礎(chǔ)原則的產(chǎn)品,體驗下來,是多么的糟糕,多么的讓人絕望。


作者:設(shè)計大偵探
 來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

                          

1.1萬字深度拆解丨樊登讀書如何找到書中的黃金屋?

資深UI設(shè)計者

你有想過你的孩子一邊喝六個核桃,一邊聽樊登讀書嗎?如果沒有,這是因為你不知道樊登讀書的銷售場景有多豐富,他們和六個核桃就設(shè)計了一個聯(lián)名套餐,售價429元。
你有想過你的辦公場地可以加入一個讀書角,讓員工每天讀書學(xué)習(xí)嗎?如果沒有,這是因為你不知道樊登讀書有一個服務(wù)叫數(shù)字閱讀空間,它可以讓你的員工一鍵掃碼即可閱讀學(xué)習(xí)。
你有想過樊登讀書2023年會解讀什么書嗎?如果你想知道,你可以購買他的「未來書單」,他都為你設(shè)計好了,不僅有52本實體書,還會給你一份未來書單專屬認證的學(xué)員徽章。
如果不去拆解樊登讀書,你根本不知道這個產(chǎn)品可以把讀書這個原本枯燥乏味的學(xué)習(xí)形式變得這么有創(chuàng)意,絕對超出你的想象。
樊登,作為前央視的主持人,在2013年創(chuàng)辦了樊登讀書會以后,發(fā)展不到10年,APP會員數(shù)已經(jīng)突破了6000萬,年營收超過10億,全國線下樊登讀書運營中心超過2000家,成為了知識付費行業(yè)的一個獨角獸。這樣一個讀書產(chǎn)品,到底有什么魅力,能讓用戶對它如此著迷,樊登又是如何找到他的書中黃金屋,本期設(shè)計大偵探,為大家?guī)矸亲x書的產(chǎn)品拆解,讓我們一看究竟。

一、導(dǎo)讀

1. 內(nèi)容結(jié)構(gòu)
全文11158字,分為六個部分,分別是導(dǎo)讀、產(chǎn)品畫像、讀書服務(wù)、內(nèi)容服務(wù)、會員服務(wù)和設(shè)計總結(jié),你可以通過下面的思維導(dǎo)圖對本文內(nèi)容結(jié)構(gòu)有全面的了解。




2. 適合人群
第一類,UI/交互設(shè)計師,可以跳出執(zhí)行層,去思考樊登讀書的產(chǎn)品設(shè)計策略,提升產(chǎn)品分析能力;
第二類,產(chǎn)品經(jīng)理/運營,通過全面的產(chǎn)品設(shè)計拆解、策略推導(dǎo),獲取產(chǎn)品設(shè)計參考;
第三類,知識付費行業(yè)從業(yè)者,通過對樊登讀書的全面拆解,獲取競品設(shè)計參考。




3. 分析模型
我們主要運用三種模型對產(chǎn)品的功能、設(shè)計進行拆解,由于沒有權(quán)威的官方數(shù)據(jù),所以我們更多以推導(dǎo)的形式去思考樊登讀書為什么這樣設(shè)計。
第一個,增長模型。由戴夫·麥克盧爾提出,包含用戶獲取、用戶激活、用戶留存、獲取收入、用戶推薦,分別對應(yīng)用戶生命周期中的5個重要環(huán)節(jié),主要用于分析產(chǎn)品的功能價值。
第二個,上癮模型。由尼爾·法埃爾提出,通過對上千種習(xí)慣類產(chǎn)品的調(diào)研,總結(jié)出一款產(chǎn)品如果要讓用戶習(xí)慣、上癮,可以按照觸發(fā)、行動、多變的酬賞和投入四個步驟去設(shè)計,主要用于分析產(chǎn)品的功能價值和推導(dǎo)產(chǎn)品的策略設(shè)計。
第三個,社會心理學(xué)。主要結(jié)合西奧迪尼的社會心理學(xué)《影響力》六大說服力原則——互惠、承諾和一致、社會認同、喜好、權(quán)威和稀缺,去推導(dǎo)產(chǎn)品設(shè)計的用戶心理設(shè)計,主要用于推導(dǎo)產(chǎn)品的策略設(shè)計。




二、產(chǎn)品畫像
在本節(jié),我們將會通過樊登讀書官網(wǎng)、百度百科、易觀千帆和七麥數(shù)據(jù)等資料網(wǎng)站,讓大家對樊登讀書有一個初步的了解。

1. 產(chǎn)品介紹
樊登讀書成立于2013年,是前央視主持人樊登創(chuàng)辦的知識付費品牌。樊登讀書APP是一款為用戶提供書籍精華解讀(非電子書)、精品課程教授、社群學(xué)習(xí)等知識服務(wù)的軟件,致力于為3億國人養(yǎng)成閱讀習(xí)慣。根據(jù)樊登讀書2022年三季度的社會責任報告顯示,樊登讀書目前會員數(shù)突破6000萬,音視頻累計播放超45億人次,用戶收聽總時長超8.1億小時,是知識付費行業(yè)的頭部品牌。




2. 商業(yè)模式
樊登讀書以讀書點亮生活為價值主張,旨在幫助3億國人養(yǎng)成閱讀習(xí)慣,目標用戶群體有C端大眾消費者以及B端企業(yè)客戶。樊登讀書作為一個知識付費平臺,吸引了眾多知識創(chuàng)作者加入,主要為用戶提供內(nèi)容生產(chǎn)、出版合作、線上電商和線下書店四塊業(yè)務(wù),其次通過線下加盟代理的模式,目前在全國已經(jīng)建立超過2000家城市運營中心。樊登讀書的盈利模式非常豐富,除了最基礎(chǔ)的會員VIP服務(wù),還有課程、訓(xùn)練營、聽書和電商等增值服務(wù),年營收在2021年就超過10個億。




3. 用戶畫像
樊登讀書的用戶群體男女比例均衡,女性占比54.67%,男性占比45.33%;年齡以24-30歲居多,占比40.21%,其次為31-35歲,占比26.36%;樊登讀書的用戶消費能力較強,中等以上消費者占比71.09%;用戶以三線城市最多占比23.20%,一線城市僅占8.93%,其中廣東省最多,山東和河南省位居前三。




4. 信息結(jié)構(gòu)
樊登讀書的菜單欄主要分為「首頁」、「樊登講書」、「免費視頻」和「我的」四個一級欄目?!甘醉摗挂訲AB切換的形式向用戶展示不同的子欄目內(nèi)容,非常夯實;「樊登講書」是范登讀書的王牌欄目,可以收聽樊登每年講解的52本書;「免費視頻」是一個短視頻欄目,主要截取樊登講書視頻的精華內(nèi)容,通過沉浸式的體驗,提升用戶使用產(chǎn)品時長;「我的」就是用戶中心,主要儲存用戶的讀書數(shù)據(jù),可以查看歷史讀書記錄、訂單和購買歷史等內(nèi)容。




5. 重要迭代記錄
樊登讀書的首個APP版本發(fā)布于2015年2月16日,截止到10月28日,APP版本已經(jīng)更新至V5.56.0版本,平均1年更新次數(shù)為33次。




版本迭代重要記錄
2015年12月,發(fā)布V3.0.1版本,Slogan為「成功人士有聲閱讀神器」;
2017年8月,發(fā)布V3.9.0版本,Slogan升級為「幫助3億國人養(yǎng)成閱讀習(xí)慣的學(xué)習(xí)型社區(qū)」;
2018年4月,發(fā)布V3.9.16版本,品牌形象全新升級,加入知識課程等內(nèi)容;
2018年7月,發(fā)布V3.9.22版本,樊登讀書會更名為樊登讀書;
2018年10月,發(fā)布V3.9.26版本,Slogan升級為「讀書點亮生活」;
2020年5月,非凡精讀館公測上線,為用戶帶來更多專家解讀書籍;
2021年7月,發(fā)布V5.18.0版本,上線李蕾慢讀欄目;

6. 產(chǎn)品生命周期
根據(jù)易觀千帆數(shù)據(jù)顯示,截止到2022年7月,樊登讀書月活躍用戶人數(shù)115.94萬,注冊用戶超過6000萬,年營收早在2021年就超過10億。明年即將年滿十歲的樊登讀書,目前處于產(chǎn)品生命周期的成熟期,當下聚焦于商業(yè)變現(xiàn)和用戶增長。




7. 競爭圖譜
和聽書類APP相比,樊登讀書月活躍用戶人數(shù)排名第19,喜馬拉雅1.3億月活躍用戶人數(shù)全網(wǎng)第一;和讀書類APP相比,樊登讀書排名第四,起點讀書月活躍用戶人數(shù)1762.70萬全網(wǎng)第一。




三、讀書服務(wù)
「讀書服務(wù)」是樊登讀書最核心的服務(wù),是實現(xiàn)商業(yè)變現(xiàn)最重要的方式。從講書人去拆分,樊登讀書設(shè)計了樊登講書(火車頭)、李蕾講經(jīng)典(前央視主持人,自帶流量和曝光度)和非凡精讀(匯聚各行業(yè)精英大咖)三個版塊。從知識學(xué)習(xí)的場景拆分,樊登讀書設(shè)計了「課程」和「書城」兩大版塊,如今的樊登讀書,已經(jīng)成為一個非常豐富的知識付費學(xué)習(xí)平臺,不僅有各種知識付費、職業(yè)培訓(xùn)課程,還有訓(xùn)練營、系統(tǒng)課,以及有聲書和實體書銷售等業(yè)務(wù),內(nèi)容非常夯實。從用戶群體去拆分,樊登讀書還設(shè)計了企業(yè)共讀營、線下翻轉(zhuǎn)課堂和數(shù)字閱讀空間這些面向企業(yè)的讀書服務(wù),把讀書賦能給企業(yè),為他們提供提供綜合性的讀書解決方案,以建立學(xué)習(xí)型組織為目標。




1. 個人IP
樊登讀書以「樊登」這個超級IP作為火車頭,每年講解52本書為底層服務(wù)內(nèi)容,現(xiàn)在加入了「非凡精讀」和「李蕾講經(jīng)典」兩個內(nèi)容欄目。這兩個欄目,不僅可以豐富平臺的內(nèi)容,還可以彌補樊登一年只講52本書的數(shù)量缺陷,從而滿足更多用戶的需求。

1.1 樊登講書
「樊登講書」是樊登讀書的王牌欄目,是吸引用戶收聽和付費的主要內(nèi)容。樊登以每年為用戶講解52本書和提煉45分鐘書籍精華為賣點,幫助那些沒有時間讀書、讀不懂書的人培養(yǎng)閱讀習(xí)慣。從內(nèi)容分類看,「樊登講書」主要分為心靈、個人成長、親子家庭、人文歷史、商業(yè)財經(jīng)、社科新知、健康生活和作者光臨9個欄目。其中親子家庭是最熱門的內(nèi)容之一,育兒的書籍是樊登最吸引用戶的內(nèi)容,樊登還擁有育兒專家的頭銜。




1.1.1 講書詳情頁
①「講書」有三種傳播形式,默認為音頻,其次還有視頻和文稿,非常豐富,用戶可以在頭部自由切換。每一本書就像一個產(chǎn)品、一個主題,除了收聽講書內(nèi)容,還支持下載音頻和思維導(dǎo)圖,其次還加入了增值服務(wù),比如實體書購買和訓(xùn)練營(根據(jù)這本書的主題設(shè)計)。




②講書詳情介紹分為解讀時間軸、評論話題、薦語、你將獲得、作者簡介和精彩選段六個部分。這里的內(nèi)容結(jié)構(gòu)設(shè)計得非常好,「解讀時間軸」是把講書的內(nèi)容拆分,讓用戶快速獲取講書的結(jié)構(gòu);「評論話題」是為了增加用戶互動,以評論領(lǐng)禮品的形式提升用戶活躍度;「薦語」和「你將獲得」,是為了吸引用戶閱讀,讓用戶知道這本書對自己有什么幫助;「精彩選段」把這本書的一些名言警句以圖片海報的形式設(shè)計出來,吸引用戶分享傳播。




③「文稿」的設(shè)計體驗特別好,和其他音頻產(chǎn)品相比,樊登讀書的文稿像是參考了微信讀書這樣的閱讀產(chǎn)品。用戶可以劃線,可以發(fā)表想法,劃線最終會生成筆記儲存在用戶中心,還可以把劃線的內(nèi)容生成海報分享,為平臺拉新引流。





1.2 李蕾講經(jīng)典
李蕾是前央視主持人,2021年加入樊登讀書。圍繞「李蕾」這個個人IP,樊登讀書設(shè)計了「李蕾講經(jīng)典」欄目,每年為用戶解讀52部經(jīng)典名著,包含世界名著、國風(fēng)經(jīng)典、名人傳記和中國現(xiàn)代經(jīng)典。在商業(yè)變現(xiàn)的設(shè)計形式方面,樊登讀書把「李蕾講經(jīng)典」作為一個獨立的欄目,用戶需要單獨購買VIP會員才能收聽。




1.3 非凡精讀
「非凡精讀」是樊登攜手80+各領(lǐng)域大咖為用戶深度解讀好書,樊登讀書作為一個讀書平臺,鏈接了其他優(yōu)質(zhì)領(lǐng)域的大咖,為用戶提供更豐富的內(nèi)容。
非凡精讀的欄目首頁分為金剛區(qū)(鎮(zhèn)館之寶、聽書指南、好書共讀和全部書籍)、本周新書、最近在讀、為你推薦、今日限免、精選書單、非凡主講人和口碑好書八個部分,書籍類型包含個人成長、家庭經(jīng)營、心靈療愈、人文經(jīng)典等內(nèi)容,其次「非凡精讀」的內(nèi)容也需要用戶單獨購買VIP會員才能收聽。




2. 課程
樊登讀書充分利用知識付費的消費場景,吸引了眾多知識付費KOL加入平臺,為用戶提供豐富的知識付費課程。根據(jù)官方數(shù)據(jù)統(tǒng)計,目前平臺已經(jīng)有198門課程,包含個人成長、親子家庭、人文歷史、商業(yè)財經(jīng)、社科新知、聲音劇、有聲書、新父母和樊登專區(qū)9個欄目。
課程欄目首頁的設(shè)計,主要包含金剛區(qū)、熱銷課程、課程合集、限免節(jié)目、最近在學(xué)和專屬為你推薦六個內(nèi)容。在銷售方式上,課程是以單個付費的形式銷售,定價在100-300元之間。




2.1 樊登課程
樊登不僅講書,還設(shè)計了很多的課程,比如樊登講《論語》、可復(fù)制的領(lǐng)導(dǎo)力這些以代表作設(shè)計出來的課程。樊登課程的欄目首頁包含了精選好課、限免試聽、熱銷周邊和學(xué)習(xí)園地四個內(nèi)容。




2.2 技能培訓(xùn)
樊登讀書還吸引了眾多職場知識創(chuàng)作者的加入,為用戶提供職場技能培訓(xùn)課程,比如7天求職實戰(zhàn)訓(xùn)練營、個人IP打造課、0基礎(chǔ)抖音商業(yè)化實操課等,課程形式有錄播課也有系統(tǒng)課,定價也不便宜。




2.3 訓(xùn)練營
相比課程和講書,訓(xùn)練營是一個動態(tài)的系統(tǒng)課程服務(wù),是解決用戶學(xué)習(xí)的最后一公里。當用戶聽完書以后,事實上只是勾起了用戶的學(xué)習(xí)興趣,如果要想把知識吃透,還需要深入學(xué)習(xí)?!赣?xùn)練營」就是為了解決這樣的痛點而設(shè)計的,不僅可以幫助用戶解決學(xué)以致用的痛點還增加了新的變現(xiàn)形式。其次訓(xùn)練營的內(nèi)容形式非常豐富,不僅包含常見的打卡返現(xiàn)活動,還有系統(tǒng)班、私教課,變現(xiàn)能力非常強。




2.3.1 打卡返現(xiàn)
「打卡返現(xiàn)」是訓(xùn)練營比較常見的一個活動形式,活動規(guī)則是用戶需要繳納保證金才能參與學(xué)習(xí)打卡,如果全勤,可以退回保證金,反之保證金將會被扣除。這個服務(wù),對于用戶的活躍度提升有很大的幫助,其次以全勤退還保證金為噱頭,但事實上能拿回保證金的用戶很少。




2.3.2 小課程
「小課程」是指培訓(xùn)時間在3-7天左右的訓(xùn)練營,比如7天《焦慮自救手冊》行動營(199元)、3天《分享閱讀》線上啟動營(9.9元)。這類小課程是樊登讀書訓(xùn)練營的核心內(nèi)容,屬于短頻快的業(yè)務(wù),商業(yè)變現(xiàn)能力極強。




2.3.3 系統(tǒng)課
「系統(tǒng)課」是指培訓(xùn)時間在15天以上的訓(xùn)練營,比如21天《爆款視頻號》訓(xùn)練營(售價1980元)、家庭教育實戰(zhàn)講師認證營(售價8980元)這樣的課程。系統(tǒng)課是屬于高利潤產(chǎn)品,定價均在1500元以上。




2.4 新父母
「新父母」是樊登讀書聯(lián)合「新教育研究院」共同發(fā)起的欄目,用戶人群是30-45歲這個用戶群體,旨在通過正確的教育理念幫助傳統(tǒng)的父母找到全新的教育方法,和孩子建立和諧、健康的親子關(guān)系。整個欄目首頁主要分為入門必修、父母進階和副業(yè)變現(xiàn)三個內(nèi)容。「入門必修」為父母提供了新父母五門必修大課,售價590元;「父母進階」是實戰(zhàn)特訓(xùn)營,通過直播授課、小班實操教學(xué),幫助父母快速掌握育兒難題,售價898元;「副業(yè)變現(xiàn)」是系統(tǒng)課,通過31天的系統(tǒng)學(xué)習(xí),幫助有意向在親子育兒領(lǐng)域發(fā)展副業(yè)的父母通過專業(yè)的培訓(xùn)成長為一名實戰(zhàn)講師,售價8980元。




2.5 知識副業(yè)
樊登讀書提供7種形式的知識副業(yè),分別是樊登小店、知識主播、知識顧問、翻轉(zhuǎn)師、社群運營官、溝通力講師和兼職客服。其中翻轉(zhuǎn)師、社群運營官和溝通力講師這三個需要付費報名學(xué)習(xí)的崗位,目標人群以自由講師、教師、企業(yè)培訓(xùn)者為主,為樊登讀書源源不斷補充講師資源。




2.5.1 樊登小店
樊登小店就是樊登讀書入門級的分銷商,用戶可以零成本申請加入。每個用戶都可以擁有自己的一個小書店,可以通過建立自己的社群或朋友圈進行書籍分享,用戶下單后,出版社直接發(fā)貨,店主賺取銷售提成。




2.5.2 知識主播
知識主播就是負責樊登讀書的電商直播,通過直播帶貨,實現(xiàn)副業(yè)收入。知識主播可以免費報名,分為兼職主播和全職主播。




2.5.3 知識顧問
知識顧問就是為用戶解決知識困惑的咨詢師,本質(zhì)是樊登讀書的銷售。用戶可免費報名,樊登讀書提供系統(tǒng)的專業(yè)培訓(xùn)。




2.5.4 翻轉(zhuǎn)師
翻轉(zhuǎn)師是樊登讀書·雨知教育的核心服務(wù),課程體系分為六大板塊,目標人群是自由講師、教師、企業(yè)培訓(xùn)者等,最終幫助他們成為樊登讀書的授課講師、知識主播和知識顧問。翻轉(zhuǎn)師是付費的系統(tǒng)培訓(xùn),定價5686元。




2.5.5 社群運營官
社群運營官屬于一個付費的系統(tǒng)培訓(xùn),定價3980元。這個服務(wù)主要針對在校學(xué)生、全職寶媽、自由職業(yè)和朝九晚五的上班族,通過21天的系統(tǒng)培訓(xùn)學(xué)習(xí),掌握社群運營的知識和技巧,其次也有機會成為樊登讀書簽約的樊登讀書運營官。




2.5.6 溝通力講師
溝通力講師也是付費服務(wù),價格沒有公開。溝通力講師主要是通過學(xué)習(xí)樊登的《可復(fù)制的溝通力》課程,最終有機會成為樊登讀書溝通力團隊的簽約講師機會。




2.5.7 兼職客服
兼職客服就是主要幫助樊登讀書處理客服的工作,只要用戶有時間,都可以報名申請參與。




3. 書城

3.1 有聲書
「有聲書」包含了樊登專區(qū)、情感家庭、心靈療愈、小說文藝等內(nèi)容,為用戶提供更多的聽書選擇,不過相比喜馬拉雅、微信聽書這樣以開通VIP會員付費收聽的模式,樊登的有聲書直接以單本書籍售價,而且單價不低,均價在19-39元之間。




3.2 心選商城
「心選商城」是樊登讀書官方為用戶提供的一個在線購買實體書和周邊產(chǎn)品的平臺,從書籍數(shù)量看,內(nèi)容包含了兒童科普、兒童繪本、職場進階、心靈治愈、人文社科等類型,非常夯實;從商品類型看,除了書籍,心選商城還支持各種周邊、聯(lián)名商品的購買。和傳統(tǒng)的書城相比,心選商城的內(nèi)容設(shè)計非常創(chuàng)新。




3.2.1 三本好書
「三本好書」的本質(zhì)是一個組合套裝,但是樊登讀書用書單的形式來設(shè)計,不僅增加了銷售量,還為用戶設(shè)計了充足的購買理由。在「三本好書」的介紹里,文案是這樣的描述——多讀一本書,解決更多生活中的問題;多讀一本書,收獲更多的歸屬感、幸福感;多讀一本書,更深度拓展和提升思維認知,可謂情懷滿滿,讓用戶產(chǎn)生了強烈的購買欲望。




3.2.2 樊登未來書單
「樊登未來書單」定價2199元,屬于高利潤產(chǎn)品,它主要有三個賣點,第一,每月會把當月樊登即將解讀的4本書籍提前郵寄給用戶,讓用戶可以搶先讀;第二,贈送樊登專屬證書、52本書的思維導(dǎo)圖實體卡片、1本專屬定制未來書單禮記和微信專屬社群,不僅擁有精美的實物禮品,還能享受專屬社群,突出尊貴感;第三,以選書、讀書、用書和“寫”書四個環(huán)節(jié)的服務(wù)幫助用戶每周讀透一本書、實現(xiàn)跨越式增長為賣點,為「未來書單」增加了「學(xué)習(xí)」屬性,從而讓用戶感覺自己買的不是書單,而是成長。




4. 企業(yè)服務(wù)

4.1 企業(yè)讀書
「企業(yè)讀書」面對的是企業(yè)用戶,以讀書學(xué)習(xí)為切入點,幫助企業(yè)員工建立讀書習(xí)慣,協(xié)助企業(yè)打造學(xué)習(xí)型組織?!钙髽I(yè)讀書」是一個綜合性的讀書解決方案,由內(nèi)容、工具和服務(wù)構(gòu)成。在內(nèi)容端,為企業(yè)提供樊登讀書超過800+優(yōu)質(zhì)內(nèi)容,還可以為企業(yè)量身定制書單;在工具端,為企業(yè)員工提供一個滿足多場景學(xué)習(xí)的高效工具,企業(yè)還可以通過PC管理端查看企業(yè)員工的讀書數(shù)據(jù),實現(xiàn)數(shù)字化管理;在服務(wù)端,為企業(yè)提供專家團隊1V1支持服務(wù),賦能企業(yè)組織線下活動,最終幫助企業(yè)員工建立閱讀習(xí)慣。




4.1.1 企業(yè)共讀營
「企業(yè)共讀營」是通過優(yōu)質(zhì)書單和共讀工具,讓員工在21天社群的督促和專家指導(dǎo)下,一起共讀,通過聽、學(xué)、教、練和評五個步驟幫助員工學(xué)習(xí)讀書,打造全流程的閉環(huán)訓(xùn)練場景,旨在幫助員工養(yǎng)成讀書的習(xí)慣,為組織營造讀書氛圍。




4.1.2 線下翻轉(zhuǎn)課堂
「線下翻轉(zhuǎn)課堂」是由專業(yè)引導(dǎo)師帶領(lǐng)學(xué)員共同解構(gòu)一本書,幫助學(xué)員理清邏輯結(jié)構(gòu)、重點知識,深化實際場景應(yīng)用,在交流互動中營造良好的讀書氛圍?!妇€下翻轉(zhuǎn)課堂」就像一次企業(yè)員工拓展活動,以讀書溝通為主題,充分調(diào)動員工的學(xué)習(xí)熱情,增強團隊學(xué)習(xí)氛圍,豐富企業(yè)員工生活。




4.1.3 數(shù)字閱讀空間
「數(shù)字閱讀空間」就是在企業(yè)辦公場地可利用的空間里面,通過硬件設(shè)備作為載體,將圖片、文字、音視頻等內(nèi)容置入,讓員工掃碼就可以收聽,同時通過這樣的設(shè)計,為企業(yè)打造閱讀的氛圍。




4.2 開放平臺
樊登讀書已經(jīng)把讀書做成了標準化的產(chǎn)品,支持接入網(wǎng)頁、小程序、APP、車載等終端,打造了一個通過接入樊登讀書API就可以實現(xiàn)合作的第三方開放平臺。目前樊登讀書有針對教育、銀行、出行等行業(yè)設(shè)計了解決方案,創(chuàng)意驚人。




5. 總結(jié)
從讀書服務(wù)我們可以看出,樊登讀書是一個非常有創(chuàng)意和變現(xiàn)能力超強的產(chǎn)品。不管是面對C端大眾消費者,還是面對B端企業(yè)用戶,他都可以把「讀書」賦能到到不同的場景和主題中。比如「新父母」這樣的欄目,就是抓住了眾多傳統(tǒng)的父母對孩子教育沒有正確方式的痛點,讓用戶看著就難受、看著就羞愧、看著就恨不得立馬開通會員學(xué)習(xí)。
其次樊登的商業(yè)變現(xiàn)形式設(shè)計,非常有層次感。以「新父母」這個服務(wù)為例,首先為你推薦基礎(chǔ)課程,如果用戶的自律性不夠或者無法理解,它又設(shè)計了訓(xùn)練營,二次變現(xiàn)。更厲害的是,它為讀書賦予了“副業(yè)變現(xiàn)”這個屬性,然后通過8980元的系統(tǒng)課,幫助那些全職或想做副業(yè)賺錢的媽媽用戶群體進行系統(tǒng)培訓(xùn),層層推進。這樣的設(shè)計方式,甚至在企業(yè)端也復(fù)制了一套,變現(xiàn)能力驚人。

四、內(nèi)容服務(wù)
「內(nèi)容服務(wù)」是幫助產(chǎn)品實現(xiàn)用戶留存和激活的關(guān)鍵方式。樊登讀書如今已經(jīng)把「免費視頻」作為APP的一級欄目,通過1-2分鐘的精華片段播放,可以有效提升新用戶的激活率,最終成為付費用戶;其次樊登讀書還有精彩豐富的線下線下活動。




1. 免費視頻
「免費視頻」是一個短視頻欄目,內(nèi)容主要從樊登講書的視頻提煉出精華片段剪輯成1-2分鐘的短視頻。這個欄目設(shè)計得非常好,第一,把一個長達45分鐘的讀書視頻拆分出來以后,不僅可以降低閱讀成本,還增加了碎片化閱讀的形式,降低用戶讀書的時間成本,可以極大提升用戶的讀書時間;第二,一個免費視頻對新用戶來說,就是一次免費試聽,通過對精華內(nèi)容的提煉,對用戶的激活有非常大的幫助;第三,免費視頻同時可以作為高質(zhì)的短視頻素材,分發(fā)到抖音、視頻號、小紅書和知乎等平臺,幫助平臺傳播引流。




2. 活動
樊登讀書的「活動』是用戶運營的主要方式之一,活動分為線下活動和線上活動兩種形式。樊登讀書的活動主題非常豐富,不僅可以直接分享平臺的熱門書籍,比如《非暴力溝通》、《職場焦慮》、《陪孩子終身成長》等,還可以結(jié)合樊登自己創(chuàng)作的系列書籍為主題,比如《可復(fù)制的職場溝通力》等,內(nèi)容的邊際成本非常低,可不斷復(fù)制。樊登讀書在全國擁有2000多家城市運營中心,每一次活動,其實就是一次分享傳播和新用戶激活,另外樊登讀書的活動不是免費參加,很多活動都需要付費報名參與,變現(xiàn)能力非常強。




2.1. 沐光公益
沐光公益是樊登讀書創(chuàng)立的公益品牌,主要為落后的偏遠山區(qū)孩子們建立愛心圖書室,幫助孩子們建立閱讀習(xí)慣。他的捐贈規(guī)則是當用戶捐贈的光束足夠多,樊登讀書就會為欠發(fā)達地區(qū)捐贈一座“沐光書屋”。用戶可以通過兩種方式為山區(qū)的孩子們進行捐贈,第一種是在樊登讀書APP每聽完一本書就會產(chǎn)生一束光;第二種就是通過在樊登讀書的直播間購買書籍,捐獻一束光。這樣的活動設(shè)計,結(jié)合了公益,更容易打動用戶,重新讓用戶更愿意多讀書,提升用戶活躍度。




3. 眼界
「眼界」是由上海科創(chuàng)教育和樊登讀書聯(lián)合打造的一個內(nèi)容欄目,從2022年9月15日到2023年1月31日,每周更新一期專題內(nèi)容,目前已更新六期。從這個欄目可以看出,樊登讀書不僅僅是一個聽書產(chǎn)品,而是成為一個有深度的教育學(xué)習(xí)平臺。未來類似這樣高質(zhì)量的欄目相信會越來越多,這會對品牌的宣傳、公信力以及用戶的留存起到非常大的幫助。




4. 發(fā)現(xiàn)
「發(fā)現(xiàn)」這個版塊,藏得比較深,在「用戶中心」的「常用工具」。但這個版塊的內(nèi)容非常夯實,它就是一個社區(qū),有熱點新聞、視頻、文章、活動、書友等十余個欄目。從內(nèi)容設(shè)計看,這個欄目有很多想象空間,比如目前內(nèi)容的生產(chǎn)形式是以媒體號發(fā)布,用戶還可以關(guān)注,未來樊登打造自己的讀書社區(qū)嗎?由于資料有限,并不知道未來這個欄目會怎樣定位和規(guī)劃。




5. 總結(jié)
從內(nèi)容服務(wù)的拆解,我們可以看出樊登讀書的未來發(fā)展空間非常大。首先短視頻的設(shè)計會極大提升用戶使用產(chǎn)品的時間,讓產(chǎn)品有更多的可能性。其次通過「發(fā)現(xiàn)」這個版塊的設(shè)計推導(dǎo),也許未來樊登讀書會朝著一個讀書社區(qū)發(fā)展。

五、會員服務(wù)
「會員服務(wù)」是樊登讀書實現(xiàn)用戶留存和傳播拉新的重要方式。樊登讀書的會員服務(wù)非常豐富,而且有很多創(chuàng)新點。樊登讀書設(shè)計了四種VIP會員卡,分別是樊登講書、非凡精讀、李蕾講經(jīng)典和心選黑卡,享受不同的會員權(quán)益服務(wù);在用戶運營方面,為用戶提供專業(yè)完善的學(xué)習(xí)分析工具,記錄用戶的學(xué)習(xí)時長,其次還有每日簽到、成長福利和小書童服務(wù);在用戶福利方面,還為用戶設(shè)計了禮品卡、聯(lián)合福利、聽書卡和車主福利;最后為了吸引用戶分享推廣,還設(shè)計了邀請好友和組隊讀書兩種方式。




1. VIP會員卡

1.1 樊登講書
樊登講書的VIP會員售價388元一年,擁有內(nèi)容(可收聽樊登講書欄目所有內(nèi)容)、功能(支持音頻、視頻和文稿)、服務(wù)(專屬書童服務(wù))、折扣(購買課程享受折扣)和親友(1人購買多人免費聽)五大特權(quán)。
其次樊登讀書還設(shè)計了一個多聽多送卡的會員升級服務(wù),售價488元,鼓勵已付費的會員進行會員升級。升級以后可贈送下一年的樊登講書年卡,每周聽1本書可贈送7天VIP時間,不限時間積累,贈滿1年即可獲得下一年VIP。




1.2 非凡精讀
非凡精讀會員定價388元一年,購買后可以暢聽非凡精讀800+本優(yōu)質(zhì)書籍資源,服務(wù)內(nèi)容主要是每周更新3本好書、5張14天樊登講書親友卡和每月發(fā)放價值超300元的學(xué)習(xí)福袋。




1.3 李蕾讀經(jīng)典
李蕾講經(jīng)典定價也是388元一年,購買后可以暢聽李蕾講經(jīng)典的所有內(nèi)容,還擁有5張李蕾講經(jīng)典親友卡以及400+分鐘配套朗讀節(jié)目。




1.4 心選黑卡
心選黑卡是心選商城的會員VIP,定價99元一年,購買后,可以享受最低9.2折的購物折扣,還擁有專屬的黑卡月券和社群。





2. 用戶運營

2.1 成長福利
樊登讀書根據(jù)用戶每天讀書的時間記錄詳細的讀書數(shù)據(jù),包括累計學(xué)習(xí)天數(shù)、累計學(xué)習(xí)時長等,這里的交互體驗設(shè)計得非常友好,用戶可以直接滑動日歷查看過去半年的讀書時間,非常方便。




2.1.1 勛章
勛章分為五大類,分別是小試牛刀(門檻低,用戶通過完善資料、評論和分享即可獲得)、學(xué)無止境(門檻略高,根據(jù)學(xué)習(xí)時間來頒發(fā)勛章)、推薦達人(鼓勵用戶分享拉新)、讀書小隊(根據(jù)書單任務(wù)設(shè)計)和限量勛章(根據(jù)用戶忠誠度設(shè)計,分為相伴1周年、2周年和3周年等),可以看出設(shè)計得非常用心。




2.2 學(xué)習(xí)歷史
「學(xué)習(xí)歷史」就是用戶學(xué)習(xí)數(shù)據(jù)看板,樊登讀書會把用戶每周的學(xué)習(xí)數(shù)據(jù)都記錄下來,包括當周學(xué)習(xí)時長,歷史學(xué)習(xí)時長等,其次還提供測試、筆記、想法、下載記錄和閱讀記錄等功能。




2.2.1 學(xué)習(xí)數(shù)據(jù)
「學(xué)習(xí)數(shù)據(jù)」的統(tǒng)計維度非常細,為用戶生成今日、本周以及歷史學(xué)習(xí)時長記錄,根據(jù)用戶的閱讀習(xí)慣生成「聽書偏好指數(shù)」。其次還設(shè)計了一個影響指數(shù),也就是如果用戶分享給好友以后,「學(xué)習(xí)數(shù)據(jù)」也會統(tǒng)計好友的讀書時長,生成用戶的影響聽書時長,設(shè)計得特別有創(chuàng)意。




2.2.2 測試
當用戶聽完一本書,為了幫助用戶更好的理解這本書的知識,樊登讀書設(shè)計了一個測試答題的環(huán)節(jié)。用戶答完題以后,不僅可以查看答案解析,還可以生成朋友圈海報分享,傳播拉新。




2.3 每日簽到
用戶可以通過每日簽到領(lǐng)取積分,以7天為一個周期,連續(xù)簽到積分加倍,積分可以在商品購買時候進行抵扣。在任務(wù)中心,樊登讀書設(shè)計了不同的小任務(wù),以極低的行動成本鼓勵用戶進行分享、讀書和評論從而贏取積分。




2.4 小書童
小書童的設(shè)計非常巧妙,它并不是一個智能AI客服,而是讓用戶添加企業(yè)微信客服,這其實是把用戶留存和銷售場景移植到微信上,從而實現(xiàn)用戶激活和復(fù)購。




3. 用戶福利

3.1 禮品卡
「禮品卡」是一種線上的虛擬VIP卡,用戶可以購買贈送給好友,售價388元,其實就是樊登講書的VIP。樊登讀書把禮品卡設(shè)計成了一種裂變形式,官方會給用戶贈送限時的禮品卡(一般為7天),好友領(lǐng)取以后,用戶還可以獲得3天的VIP時長,傳播拉新能力非常強。




3.2 聯(lián)合福利
「聯(lián)合福利」就是樊登讀書通過學(xué)習(xí)的場景鏈接了其他第三方品牌,以聯(lián)名的形式向用戶推出聯(lián)合服務(wù)??梢哉f,樊登讀書把讀書學(xué)習(xí)和場景的鏈接,發(fā)揮到了極致,比如六個核桃×樊登讀書聯(lián)名套裝,你可能想不到還有這樣的套餐,一邊喝六個核桃,一邊聽樊登讀書。




3.3 領(lǐng)聽書卡
「領(lǐng)聽書卡」這個用戶權(quán)益主要是回饋教師和醫(yī)護這兩個行業(yè)的用戶群體。樊登讀書設(shè)計得特別巧妙,如果你是這兩類用戶,你可以填入個人信息進行申請;如果你不是,你可以分享給你的老師或朋友(職業(yè)為教師和醫(yī)護),這樣的設(shè)計簡直讓用戶很難有抵抗力,讓用戶主動為產(chǎn)品拉新。而且聽書卡只有1個月的福利,免費試聽結(jié)束后極大可能轉(zhuǎn)化為付費會員。




3.4 車主福利
「車主福利」也是一個樊登讀書和其他行業(yè)完美鏈接的活動形式,樊登讀書通過和一些汽車品牌進行深度合作,直接以車載應(yīng)用的形式載入到汽車設(shè)備,用戶在駕車的時候可以直接收聽樊登讀書的內(nèi)容,多場景提升用戶黏度,讓用戶隨時隨地都能收聽。




4. 用戶推廣

4.1 邀請好友
「邀請好友」的設(shè)計特別簡單,但是海報的文案非常打動人,通過很多名言警句和熱門書籍生成的海報,直接轉(zhuǎn)發(fā)給好友或發(fā)布在朋友圈,有新用戶注冊付費以后,老用戶則可以領(lǐng)取聽書時長。




4.2 組隊讀書
「組隊讀書」的活動規(guī)則很簡單,所有人都可以發(fā)起組隊,三人成組開始聽書,完成任務(wù)以后可以獲取積分。這個活動對用戶的拉新和提升活躍度有很大幫助,老用戶為了獲取更多的積分,邀請到越多的新用戶,組隊獎勵就會翻倍。




5. 總結(jié)
從會員服務(wù)的拆解我們可以看出,樊登讀書的用戶運營和營銷形式設(shè)計得非常豐富。為了增加用戶的投入成本,他們設(shè)計了非常專業(yè)完善的學(xué)習(xí)統(tǒng)計工具,通過勛章、測試、每日簽到形式鼓勵用戶每天聽書、學(xué)習(xí)。其次還引導(dǎo)用戶添加「小書童」,通過1V1、高頻的鏈接,和用戶建立關(guān)系,實現(xiàn)激活和復(fù)購。在營銷形式方面,以領(lǐng)書卡為例,如果你是老師,你可以直接領(lǐng)取,而如果你不是老師,那你可以分享給你的老師,這樣的拉新方式,非常值得學(xué)習(xí)。

六、設(shè)計總結(jié)

1. 極致的單點突破
樊登讀書可謂是一個單點突破的典型案例。樊登在《講好一本書》中分享過他的創(chuàng)業(yè)歷程。最初用戶就是不想讀、沒時間看、讀不懂,他們愿意給樊登交錢讓他讀給他們聽。所以樊登從成立樊登讀書開始,就以每年52本經(jīng)典好書為主要賣點,解決用戶沒時間讀書、讀不懂書這個痛點,單點突破,最終打造了樊登這個超級火車頭,把講書這件事,做到極致,才有了今天超過6000萬會員的樊登讀書會。

2. 天馬行空的創(chuàng)意
樊登讀書在內(nèi)容層的設(shè)計可謂天馬行空。它不僅把讀書設(shè)計了一個標準化的產(chǎn)品,支持消費者隨時收聽、學(xué)習(xí)。而且升級成了一個塊芯片,可以即插即用,比如讀書開放平臺,支持多設(shè)備、多場景的對接,讓樊登讀書和其他行業(yè)進行更深入的鏈接。甚至一個普通心選商城,樊登讀書都能設(shè)計出三個書單、未來書單這樣的創(chuàng)意服務(wù)。

3. 豐富的變現(xiàn)形式
樊登的商業(yè)變現(xiàn)形式實在太豐富了,就像齊天大圣的72變,在任何環(huán)節(jié),都能讓用戶為知識掏腰包。你可能想象不到你的孩子可以一邊喝六個黑桃一邊聽樊登讀書,又或者你的全職太太正在通過樊登讀書的系統(tǒng)訓(xùn)練營正在學(xué)習(xí)如何通過副業(yè)變現(xiàn),甚至當你聽完《焦慮自救手冊》手足無措的時候,你發(fā)現(xiàn)原來還有王丹老師為你設(shè)計了一個走出焦慮的行動營。




作者:設(shè)計大偵探

 來源:站酷

著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

                  

19歲的貼吧,互動體驗如何煥新顏?

資深UI設(shè)計者

// 前言

良好的互動氛圍是社區(qū)產(chǎn)品的核心,貼吧作為一款近二十歲的社區(qū)產(chǎn)品,設(shè)計師秉承年輕包容的產(chǎn)品理念,始終在探索屬于貼吧的特色互動形態(tài),在這過程中,希望通過互動系統(tǒng)設(shè)計方法,升級貼吧互動體驗,培養(yǎng)用戶心智,形成良性互動鏈路,最終提升用戶活躍。

一、探索互動系統(tǒng)的設(shè)計方法

較為簡單的互動形態(tài)為作者生產(chǎn)內(nèi)容,瀏覽者為喜歡的內(nèi)容點贊、回復(fù),甚至私信創(chuàng)作者,這些互動行為會激勵創(chuàng)作者繼續(xù)生產(chǎn)內(nèi)容。

基于以上互動形態(tài)我們搭建了循環(huán)互動系統(tǒng),創(chuàng)作者為瀏覽者供給內(nèi)容后,我們需要在互動環(huán)節(jié)引導(dǎo)互動行為發(fā)生,在觸達環(huán)節(jié)優(yōu)化互動信息觸達,在反饋環(huán)節(jié)引導(dǎo)參與互動反饋,從而形成正向循環(huán)。結(jié)合實際的項目經(jīng)驗我們發(fā)現(xiàn)互動系統(tǒng)運轉(zhuǎn)離不開“信息更易懂”、“路徑更順暢”、“玩法有驚喜”這三個要素。


二、尋找貼吧互動設(shè)計機會點

貼吧的角色是由創(chuàng)作者—樓主、瀏覽者—吧友組成,良好的產(chǎn)品運轉(zhuǎn)模式為:創(chuàng)作者向瀏覽者生產(chǎn)供給內(nèi)容,瀏覽者對其互動激勵。但貼吧多年來互動鏈路中斷,導(dǎo)致從互動到供給無法形成正向循環(huán)。

1.特色場景洞察問題

貼吧的場景及形態(tài)廣泛,與其他產(chǎn)品有所不同,具有內(nèi)容形式多樣、瀏覽場景獨特、互動類型廣泛、回復(fù)邏輯精細、互動玩法多元等特點,通過走查上述特色場景發(fā)現(xiàn)諸如鏈路中斷、功能缺失、結(jié)構(gòu)混亂、內(nèi)容丟失等問題。



2.下探設(shè)計機會點

基于以上問題的共性,我們可以從中總結(jié)出核心體驗斷點:

a.看不懂:回復(fù)列表內(nèi)容結(jié)構(gòu)不合理、收藏后看不懂更新的樓層內(nèi)容;

b.看不到:Push通路不穩(wěn)定無法觸達用戶、大多用戶關(guān)閉推送push;

c.沒意思:贊、回復(fù)等互動方式老舊,刷貼、簽到行為重復(fù),沒有特別的玩法。


下面會使用上述總結(jié)的互動系統(tǒng)設(shè)計方法,對貼吧現(xiàn)存問題進行體驗升級,提高用戶的互動積極性。

三、 互動系統(tǒng)設(shè)計方法應(yīng)用舉例

1.信息更易懂

貼吧的回復(fù)場景多,邏輯復(fù)雜,創(chuàng)作者與瀏覽者在看到對方的回復(fù)后,內(nèi)容展示需要易讀易懂,彼此才會有意愿回復(fù)反饋。

a.查看列表—優(yōu)化結(jié)構(gòu)

查看評論列表的舊體驗存在回復(fù)對象錯亂、內(nèi)容缺失的問題,新體驗根據(jù)語境自由展現(xiàn)原貼、樓層、樓中樓三層結(jié)構(gòu),承接上下文關(guān)系,降低用戶理解成本,并將其復(fù)用在查看點贊、查看@ 等場景中。


b.查看詳情—精準定位

點擊列表頁后的精準定位也是易懂的關(guān)鍵,我們對內(nèi)容被折疊、定位不準舊體驗問題進行優(yōu)化,新體驗?zāi)J展開原貼及樓層內(nèi)容,細化點擊貼子、樓層、樓中樓后的定位邏輯,幫助用戶精準看到想看到的內(nèi)容。


c.繼續(xù)消費—延長步長

用戶從回復(fù)列表進入查看詳情頁后,舊體驗只展示當前的評論樓層,看不到上下文內(nèi)容。新體驗在定位樓層前后增加樓層內(nèi)容,同時通過“查看之前樓層”和“加載之后樓層”方式繼續(xù)瀏覽,延長步長。


2.路徑更順暢

產(chǎn)品的推送Push向用戶推送感興趣的信息,需要穩(wěn)定的觸達用戶且有意愿打開,才能達到召回用戶目的。

a.打開推送開關(guān)—場景引導(dǎo)

舊體驗引導(dǎo)開啟push場景缺失,方式過于生硬,新體驗選取貼吧高頻互動場景,在用戶簽到后、回復(fù)后、發(fā)布后選擇合適形態(tài)展現(xiàn)引導(dǎo),提高推送通知打開率。


b.展示推送—有吸引力

舊體驗互動push內(nèi)容表述凌亂,新體驗將push內(nèi)容結(jié)構(gòu)化,以“用戶昵稱+動作+互動對象”的結(jié)構(gòu)展示推送內(nèi)容,并強化互動用戶的頭像,適當展示互動詳情,吸引用戶點擊。


3.玩法有驚喜

貼吧點贊、回復(fù)等互動方式存在多年,缺乏新穎性,用戶互動心智疲軟,急需通過輕量、有趣的創(chuàng)新玩法,刺激瀏覽者互動。

a.新增動態(tài)表情

結(jié)合貼吧元素,補充單擊、長按、雙擊的遞進互動點贊方式,給予用戶感官刺激,提升點贊爽感。


結(jié)合時效性運營活動,增加高考、勞動節(jié)、618活動點贊,營造驚喜感。

首次私信提供貼吧IP表情,助力用戶關(guān)系破冰。后續(xù)私信增加開香檳、丟炮竹以及丟炮竹炸滑稽雙向互動玩法,持續(xù)提升用戶互動意愿。


b.新增潮流表態(tài)

虛擬形式是近幾年受用戶喜愛的潮流表態(tài)玩法,探索虛擬形輕互動方式,互動后通過私信觸達,并沉淀社交貨幣資產(chǎn),進而引導(dǎo)雙向互動。


// 小結(jié)

文本搭建的“信息更易懂”、“路徑更順暢”、“玩法有驚喜”互動系統(tǒng)設(shè)計方法,已將其運用在貼吧的特色互動體驗升級中,并取得正向數(shù)據(jù)和用戶反饋,希望該項目的設(shè)計方法及經(jīng)驗?zāi)転榇蠹姨峁﹨⒖肌?

作者:百度MEUX
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司


。                           

這篇導(dǎo)流條設(shè)計方法,讓我打開了新思路

資深UI設(shè)計者

// 寫在前面


端到端導(dǎo)流是指在產(chǎn)品矩陣體系內(nèi)引導(dǎo)優(yōu)質(zhì)產(chǎn)品的用戶使用另外一款產(chǎn)品,帶來使用量的提升,從而實現(xiàn)用戶規(guī)模提升的一種增長手段。隨業(yè)務(wù)快速增長,有駕從百度汽車頻道衍伸出了有駕小程序、M站、PC站以及APP等多緯度的產(chǎn)品矩陣,依托各端流量實現(xiàn)矩陣產(chǎn)品間的導(dǎo)流,逐步積累用戶規(guī)模,是有駕目前獲客渠道中占比最高的方式。本文將以有駕導(dǎo)流體驗升級的項目為例,分享導(dǎo)流增長探索的設(shè)計思路與實踐經(jīng)驗。



// 為什么要做導(dǎo)流


導(dǎo)流的目的

對于業(yè)務(wù)本身而言,隨著移動互聯(lián)網(wǎng)流量紅利期的結(jié)束,獲取新用戶的成本越來越高,不管是新產(chǎn)品還是成熟型產(chǎn)品,都需要通過導(dǎo)流的手段來持續(xù)擴充新用戶。其次,對于有駕產(chǎn)品生態(tài)而言,需要各端產(chǎn)品間的相互聯(lián)動,協(xié)同發(fā)揮優(yōu)勢,實現(xiàn)流量價值最大化。


導(dǎo)流的優(yōu)勢

  • 成本低,相較于投放、活動等渠道流量獲取方式,矩陣導(dǎo)流成本低;

  • 高意向,用戶購車意向明確更容易實現(xiàn)商業(yè)轉(zhuǎn)化;

  • 可共享,用戶數(shù)據(jù)及行為關(guān)聯(lián)互通。


// 如何做好導(dǎo)流設(shè)計


1.問題分析

通過梳理核心場景的4種導(dǎo)流條,發(fā)現(xiàn)各個場景導(dǎo)流形式各異,用戶缺乏統(tǒng)一認知,導(dǎo)流引導(dǎo)語單一內(nèi)容吸引力弱。在用戶在瀏覽頁面時,點擊功能入口或想要繼續(xù)查看更多內(nèi)容,需要下載APP才能繼續(xù)阻礙用戶瀏覽

  • 缺乏統(tǒng)一認知:視覺表達形式不成體系,用戶感知不夠;

  • 內(nèi)容吸引力弱:內(nèi)容單一缺乏吸引力,用戶沒有點擊欲望;

  • 阻礙用戶瀏覽:打斷用戶正常使用功能,影響用戶體驗。



從導(dǎo)流鏈路的用戶行為來看,整個流程下載路徑過長,發(fā)現(xiàn)用戶流失較大的轉(zhuǎn)化點:

  • 從小程序落地頁到下載頁:在進入小程序瀏覽頁面時,用戶沒有注意到導(dǎo)流條就滑走了;

  • 點擊導(dǎo)流條進入下載頁:點擊導(dǎo)流條會先調(diào)起導(dǎo)流彈窗,點擊確認后再進入到下載頁,用戶未選擇下載就退出了。



2.明確設(shè)計方向

針對導(dǎo)流現(xiàn)狀缺乏統(tǒng)一認知,內(nèi)容吸引力弱、阻礙用戶瀏覽、下載路徑過長的問題,我們搭建了一個完整的導(dǎo)流鏈路圖,根據(jù)用戶增長模型,把用戶生命周期各節(jié)點的用戶行為與產(chǎn)品觸點一一羅列出來,找到增長路徑的設(shè)計機會點。



通過以上的問題分析,如何建立用戶和產(chǎn)品的鏈接,保障友好的體驗,是本次導(dǎo)流升級要解決的問題。根據(jù)用戶關(guān)鍵行為,我們可以將整個導(dǎo)流鏈路拆分為3個階段來挖掘主要機會點:

  • 下載前:興趣激發(fā)導(dǎo)流吸引,建立用戶穩(wěn)定認知;

  • 下載中:強化用戶轉(zhuǎn)化動機,刺激用戶完成下載;

  • 下載后:保障還原體驗暢通,提升首次使用體驗。



下面將分別介紹導(dǎo)流下載前階段的設(shè)計落地實踐,以及下載中、下載后階段的延伸設(shè)計思考。


// 下載前


1.強化觸點吸引

是否能成功引起用戶注意,是轉(zhuǎn)化開始的第一步,統(tǒng)一的視覺風(fēng)格和滿足用戶訴求的內(nèi)容,有利于增強導(dǎo)流條的吸引力。


1)收斂導(dǎo)流條類型

針對【阻礙用戶瀏覽】打斷用戶正常使用功能、用戶沒有跳轉(zhuǎn)預(yù)期的體驗問題,下線了阻斷式和截斷式兩種體驗不友好的導(dǎo)流類型,將原來4種導(dǎo)流類型收斂為2種,僅保留通用導(dǎo)流條和功能延展導(dǎo)流條,基于這2種導(dǎo)流形態(tài)進行深入的設(shè)計探索。



2)建立通用視覺標準

針對【缺乏統(tǒng)一認知】視覺表達形式不成體系、用戶感知不夠的視覺問題,建立了通用導(dǎo)流條標準化規(guī)范。統(tǒng)一視覺形態(tài),優(yōu)化為頁面內(nèi)通欄嵌入式,同時融入品牌色強化用戶感知,根據(jù)頁面布局制定了不同的展示規(guī)則。



上線后,內(nèi)嵌導(dǎo)流條在展現(xiàn)受限的情況下,導(dǎo)流轉(zhuǎn)化數(shù)據(jù)與改版前基本持平,為了進一步提升導(dǎo)流的點擊效果,開始探索場景化定制提轉(zhuǎn)的設(shè)計方向。


3)定制場景化內(nèi)容

針對【內(nèi)容吸引力弱】內(nèi)容單一缺乏吸引力、用戶沒有點擊欲望的內(nèi)容問題,在通用標準化形態(tài)的基礎(chǔ)上,根據(jù)不同場景用戶訴求點,豐富導(dǎo)流內(nèi)容。分別從內(nèi)容定制、按鈕文案優(yōu)化、以及氛圍強化3個方向驗證對轉(zhuǎn)化的影響。

  • 內(nèi)容定制:豐富導(dǎo)流利益點、場景化內(nèi)容更能激發(fā)用戶興趣,促進轉(zhuǎn)化達成;

  • 按鈕文案:轉(zhuǎn)化按鈕文案導(dǎo)向性明確、內(nèi)容與導(dǎo)流利益點匹配,可以助力按鈕轉(zhuǎn)化提升;

  • 氛圍強化:導(dǎo)流樣式上適度弱化氛圍、樣式更傾向于原生功能,有助于提升導(dǎo)流條點擊。



2.拓展場景擴量

復(fù)利通用標準導(dǎo)流條的成功經(jīng)驗,應(yīng)用到功能延展類導(dǎo)流條中繼續(xù)驗證有效性,從產(chǎn)品價值點出發(fā),挖掘高流量場景的機會點從而帶來轉(zhuǎn)化增量。


1)價值傳遞

根據(jù)小程序和APP兩端各自的不同點,分別從功能差異及體驗差異兩個方向進行優(yōu)化。

  • APP特有功能:APP完善的功能體驗可以更好滿足用戶訴求,例如參配瀏覽場景下,引導(dǎo)用戶體驗搜索及橫屏查看的高頻功能,對于導(dǎo)流轉(zhuǎn)化有正向幫助;

  • 各端體驗差異:小程序和APP兩端體驗存在差異,例如圖片瀏覽場景下,APP清晰流暢的瀏覽體驗及放大全屏查看圖片的交互體驗,能夠刺激用戶轉(zhuǎn)化。



2)價值延續(xù)

當用戶完成核心內(nèi)容消費后,是否可以引導(dǎo)用戶去APP繼續(xù)瀏覽更多相關(guān)內(nèi)容,進而引導(dǎo)用戶下載呢?

  • 服務(wù)透傳:平臺服務(wù)內(nèi)容傳遞,例如在內(nèi)容落地頁文末增加品牌廣告導(dǎo)流條,幫助用戶建立品牌認知;

  • 相關(guān)推薦:引導(dǎo)相關(guān)內(nèi)容消費,例如在文章或視頻頁增加相關(guān)推薦導(dǎo)流條,引導(dǎo)用戶瀏覽更多相似內(nèi)容。




// 下載中


當用戶通過導(dǎo)流條進入到下載流程時,還有哪些手段可以刺激用戶激活減少流失呢?

  • 強化下載動機:下載頁前置APP落地頁內(nèi)容,例如將通用下載頁優(yōu)化為場景化下載頁,給用戶超前產(chǎn)品體驗吸引轉(zhuǎn)化;

  • 減少用戶流失:縮短鏈路簡化流程,例如可在下載中間頁完成應(yīng)用下載,同時退出下載頁時增加挽留。




// 下載后


當用戶在應(yīng)用商店下載完成后,我們還能做哪些提升首次啟動APP的體驗?zāi)兀?

  • 還原鏈路暢通:提升場景還原成功率,減少頻繁提示信息干擾;

  • 建立用戶心智:引導(dǎo)新用戶探索功能,根據(jù)用戶興趣推薦適合的內(nèi)容。


以上內(nèi)容是下載中和下載后階段導(dǎo)流優(yōu)化方向的一些延伸設(shè)計思考,為大家提供可以繼續(xù)探索的方向。



// 寫在最后


總結(jié)一下本篇文章關(guān)于導(dǎo)流的體驗設(shè)計要點:

  • 全鏈路洞察,對導(dǎo)流鏈路進行拆解,通過盤點導(dǎo)流鏈路的用戶行為,明確每個節(jié)點的設(shè)計方向;

  • 降低廣告干擾性,減少用戶瀏覽過程中的阻斷感,適度弱化廣告氛圍;

  • 用戶的視角引導(dǎo),讓用戶專注于產(chǎn)品本身傳遞的價值,引領(lǐng)用戶完成對產(chǎn)品的探索從而完成下載激活。


作者:百度MEUX
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司


                       

天貓雙十一品牌設(shè)計背后的故事

資深UI設(shè)計者

一年一度,天貓雙十一全球狂歡節(jié),如約而至!

從2015年開始,我們每年都會在雙十一期間,將雙十一品牌設(shè)計的完整思路分享給大家,這已經(jīng)成為雙十一設(shè)計團隊的傳統(tǒng)。不為別的,各位同仁辛苦一年,想跟大家就著新鮮出爐的設(shè)計嘮嘮嗑。 

每逢雙十一logo出街,都會有熱心的朋友幫我們解讀,也有人問我們?yōu)樯恫桓銈€官方發(fā)布?各位朋友,您現(xiàn)在看到的就是官方發(fā)布的內(nèi)容,它不只有l(wèi)ogo,而是從頭到尾一個完整的故事。


2019天貓雙十一主logo


2019天貓雙十一主logo多語言版本

今年是雙十一的第十一年,當我們接到這個任務(wù)的時候,就有機靈的同學(xué)提議:“我們用6個1吧,111111,61兒童節(jié)!”、“讓我們回歸購物的純真快樂!”。


“哈哈哈哈哈哈…”魔性的笑聲在整個會議室回蕩,看來往年撓破頭也解不開的難題,就這么解開了?故事當然不會這么簡單,我們還沒有往這個方向嘗試就被否了。


其一,雙十一是一個深入人心的認知,這四個一已經(jīng)成為了超級符號,是我們寶貴的品牌資產(chǎn),而六個一不但不能幫我們強化認知價值,反而會增加認知成本。


其二,六個一是一個純視覺的創(chuàng)意,他很難支撐起我們要傳達的消費者價值,也很難建立起情感連接。


我們應(yīng)該從哪兒入手?


回歸到設(shè)計的本質(zhì)來思考,我們認為,設(shè)計的本質(zhì)是將一個想法或者觀點巧妙的表達給目標對象,表達的過程中,形式只是手段,重點在于我們要表達什么。


我們集合了阿里各事業(yè)部的設(shè)計師代表,讓大家回歸到一個普通消費者的狀態(tài),一起聊一聊各自的雙十一故事,把這些故事提煉出來,就是消費者對于雙十一普遍真實的認知。在全年最便宜的一天,無論湊熱鬧也好,跟風(fēng)也好,貪便宜也好,好像不買點什么總感覺錯過了什么。在這一天,“購物”毫無疑問成為頭等重要的事情。


阿里巴巴經(jīng)濟體設(shè)計師共創(chuàng)

那么我們要對消費者表達“購物”嗎,講我們多么便宜,貨品多么豐富,多么物美價廉?這些是消費者早就形成的認知,是我們不用表達大家都知道的事,它看起來并不是一個想法和觀點。


還是購物,但肯定不是教大家怎么購物,作為消費者,購物能給我們帶來什么?


有人說,購物能讓我們吃飽穿暖,讓我們出行方便,讓我們安居無憂。


如果這些你都有,你為什么還要購物?


因為每個人都向往更好的生活!


為了更好的生活,我們需要通過物品的改善帶來心理的滿足感。當然也有人會會說,滿足感也可以通過其他的方式獲取,比如關(guān)愛他人、親近自然、學(xué)習(xí)、修行、冥想等等,我們非常認同,更好的生活當然不僅僅只有購物。但我們當下探討的范疇僅僅只是“購物”以及“購物”能帶來的滿足感,對這種滿足感的期待,是每一個消費行為的動因。比如你想要買一件新衣服的時候,其實你已經(jīng)在期待穿上這件新衣服的樣子,你在挑選一件禮物的時候,已經(jīng)在期待他人收到這件禮物時的反應(yīng)……


雙十一,全年最便宜的一天,無疑讓你的期待,變得“更值得”期待,所以“更值得”讓大家買得更多。


但,這些洞察還只是幫我們理清了消費行為背后的共性規(guī)律,實際上,細分到每個消費者,因為身份角色生活方式的不同,動因各自不同,還不能簡單的用向往更好的生活來概括,因為它太抽象,聽上去對,但每個消費者更關(guān)心的是我的需求是不是被滿足,而對于雙十一來講,我們就是要打造屬于每一人的雙十一,而不僅僅只是購物,這樣它才具有節(jié)日的文化屬性。



所以,我們開始探尋真實的消費者故事,尋找那些通過物品讓生活變得更好的故事,這些真實的故事,給了我們很大的感觸。我們發(fā)現(xiàn),購物行為下,其實還隱藏了每一個消費者內(nèi)心更深層的需求,它是一個個藏在心底的愿望,正是這些不同人的愿望,成就了每一個平凡人鮮活的人生。我們想要幫助他們實現(xiàn)自己的愿望。在雙十一當天,幫助每個消費者“愿望11實現(xiàn)”!這才是雙十一更應(yīng)該滿足的消費者需求,它不僅僅是購物,而是通過物品價值上升到情感價值,這樣的品牌,才真正能夠讓人感受到溫度。在傾聽這些故事的時候,我們的阿里女神被感動了,她主動要求幫我們寫一首歌,她想把她的感動通過音樂的方式記錄下來,配合我們精選出來的11個故事,講給大家聽。


雙十一品牌設(shè)計概念篇mv

 

 “l(fā)ogo出來了?”低沉而沙啞的聲音,把我們從自我陶醉中喚醒,我們找到了想要表達什么,但和怎么表達之間還隔著上百個logo方案。 


于是,我們開始了一輪又一輪的打磨,打磨的的重點放在了如何表達“愿望11實現(xiàn)”這一主題,這個過程中,有兩個大方向上的分歧:


一個大方向是表現(xiàn)愿望,因為它比較有畫面感,也比較容易表達。


另一個大方向是表現(xiàn)實現(xiàn),因為它是對結(jié)果的描述,更符合消費者對結(jié)果的預(yù)期。


在糾結(jié)掙扎過后,我們選擇了把兩個方向融合,劇情貌似又回到了熟悉的設(shè)計故事,“把這兩個方案融合一下!”我相信做設(shè)計的朋友,一定反復(fù)聽過這句話,沒聽過的朋友,那說明你做設(shè)計還不久,我保證在你今后的職業(yè)生涯里,這句話一定會反復(fù)出現(xiàn)。(一個會心的微笑) 


融合說起來容易,這么抽象的文字怎么轉(zhuǎn)換成圖形表達,同時還要和貓頭+11.11融合,為什么要和貓頭+11.11融合呢,因為這是我們重要的品牌形象資產(chǎn),從2015年開始,貓頭+11.11的組合就固定下來了,這意味著logo的80%的主體已經(jīng)固定,我們的難點就在于在這20%的區(qū)域里,如何既要表達主題,還能做出和往年不一樣的感覺。我敢向你保證,雙十一的logo是所有l(wèi)ogo里最難的,沒有之一,至少是我十幾年職業(yè)生涯里最硬的茬。 


“愿望、實現(xiàn)、貓頭、11.11”這幾個詞反復(fù)在腦海里縈繞,經(jīng)驗告訴我們,當面對如此復(fù)雜的局面,我們應(yīng)該從里面跳出來,換個視角看問題,換什么視角?當然還是再次回到消費者視角,消費者愿望實現(xiàn)時是一種什么樣的狀態(tài)?是愿望實現(xiàn)時的滿足?好像還差點意思,愿望平時也能實現(xiàn),和在雙十一實現(xiàn)愿望有什么不同?

 


我們認為,它應(yīng)該是超越你期待的表達,從愿望實現(xiàn)時的滿足,升級到愿望實現(xiàn)時的驚喜!這才是狂歡節(jié)該有的味道。當然,驚喜也有很多種它還不夠有體感,如何找準驚喜體感? 



答案是感同身受。于是我們開始了場景模擬,模擬消費者逛雙十一的場景。



當我們來到雙十一的時候:“咦!今年好像真的不一樣!” 



繼續(xù)探索的時候:“呀!找了好久的idou同款原來在這里!”



準備下單的時候:“喔!真的很便宜!”



收到快遞的時候:“哇?。。?!”


聽上去有點夸張,但這確實是我們想要營造給消費者的驚喜,當人感到超越期待的驚喜時,會不自覺的放大瞳孔、張開嘴巴脫口而出。這是人類共通的體感,是不用解釋就有的共鳴。這讓我們瞬間被點亮了,“驚喜到脫口而出!”我們一下子找到了核心創(chuàng)意。


通過反復(fù)嘗試,我們發(fā)現(xiàn)氣泡形的表達,不僅能成為承載所有消費者愿望的想法框,同時也能成為表達愿望實現(xiàn)時驚喜到脫口而出的對話框,把這個氣泡形和貓頭+11.11結(jié)合,這就是我們今年雙十一主logo的原由,這個logo和以往雙十一的logo最大的不同在于,它更像是一個容器,容納不同人不同的個性化表達。它一改之前一直端著的狀態(tài),以一種更加親民,更加個人化的方式呈現(xiàn)給大家。


2019天貓雙十一品牌logo演繹視頻


當然,作為容器,我們還要把核心創(chuàng)意延展到線上線下各個場景。



雙十一定制禮盒


走向全球的雙十一


過去幾年,我們向大家介紹過天貓雙11的主風(fēng)格的來龍去脈,一定會在創(chuàng)新的基礎(chǔ)上,保持一貫的傳承。所以今年波普藝術(shù)的主基調(diào)還是會延續(xù)下去,問題又回到了我們?nèi)绾卧诓ㄆ账囆g(shù)這個大的基調(diào)下面,通過老元素的新組合,創(chuàng)造出全新的視覺感受。相比符號,視覺風(fēng)格更容易表現(xiàn)“驚喜到脫口而出!”這個idea,它可以通過形色質(zhì)構(gòu)全方位的表達。當一個人“驚喜到脫口而出!”的時候,快樂的氣場圍繞在他周圍,這些無形的從中心向四周放散的表現(xiàn),看上去很像是圓形聲波,同時它還能根據(jù)不同人的狀態(tài)做動態(tài)變化,這就形成了一種設(shè)計語言,一種能用固定的形式做出千變?nèi)f化的效果的語言。





當我們把它和波普藝術(shù)的主基調(diào)結(jié)合的時候,就形成了今年雙十一獨特的視覺語言,再通過形色質(zhì)構(gòu)的拆解,應(yīng)用到各個場景。



裝置應(yīng)用


天貓雙十一發(fā)布會現(xiàn)場應(yīng)用


天貓雙十一開幕盛典現(xiàn)場應(yīng)用


天貓雙十一許愿貓


天貓雙十一,助你愿望11實現(xiàn)!


現(xiàn)在參與阿里巴巴設(shè)計官方微博@AlibabaDesign 的雙十一話題互動,就有阿里設(shè)計限量周邊好禮相贈!這個雙十一,我們一起讓愿望11實現(xiàn)~

作者:阿里巴巴設(shè)計
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

                         

配色老被說不好看?這160種配色方案拿去用吧!

資深UI設(shè)計者

顏色可以在很大程度上影響一件設(shè)計作品的調(diào)性和美觀性,要想抓準一件設(shè)計作品的調(diào)性,選擇一個合適的色彩搭配組合尤為關(guān)鍵,為此,蔥爺花兩天時間整理了19大設(shè)計調(diào)性,多達160種配色方案,趕緊收藏起來以備不時之需吧。


1. 高端


視覺調(diào)性高端的色彩,通常具有明度低、飽和度低、顏色數(shù)量少等特點,所以很多高端的設(shè)計都會以深色作為背景色,因為深色更顯低調(diào)、更具神秘感,所以給人的感覺更高貴。然后以亞金色、銀色、桔紅色、白色等作為輔助色。


2.科技


想要表現(xiàn)科技感,色彩的整體調(diào)性通常會偏冷色系,明暗對比要強,且通常會使用漸變色。比如以深藍色到藍色的漸變作為背景色,然后用高飽和度、高亮度的青色和紫色作為輔助色,這時這些輔助色就會非常的跳躍,具有一種發(fā)光的效果。


3.時尚

其實所有調(diào)性的配色都應(yīng)該要盡量時尚一點,即使是想表現(xiàn)復(fù)古,也不能太土,所以這里所說的時尚特指偏向年輕、潮流的時尚。這種色彩通常具有飽和度高、明度適中、色相對比較大等特點。蔥爺這里概括了兩類,一類是以純色作為背景,這種色彩比較適合于品牌設(shè)計、網(wǎng)頁設(shè)計、畫冊設(shè)計等;一類是以漸變色作為背景,這種色彩比較適合于電商設(shè)計、廣告設(shè)計等。


4.酷炫

酷炫是指那種視覺效果特別張揚、甚至是極具個性的色彩搭配,比如近幾年比較火的蒸汽波風(fēng)格、酸性風(fēng)格、賽博朋克風(fēng)格、故障風(fēng)格,其色彩就屬于酷炫類的。該類設(shè)計通常也是以深色作為背景,圖片元素會使用高飽和度且對比很強的漸變色,色彩相對較多。


5.好吃


即讓人感覺很有食欲的色彩搭配,這種色彩通常以暖色為主,比如紅色、橙色、黃色。飽和度較高、明度較低的組合方式通常用于餐飲行業(yè);而飽和度較低、明度較高的色彩組合通常用于甜點、飲料等行業(yè)。


6.夏天


目前正值火熱的夏季,所以蔥爺專門整理了一些適合表現(xiàn)夏季的好看色彩,該類色彩通常會以藍色、青色、綠色這種冷色系最為主要顏色,然后以黃色或紅色、白色作為輔助色,這種色彩組合會給人清涼、快樂的感覺。


7.清新


小清新的視覺感受為輕松、柔和、淡雅,要達到這樣的效果,顏色的明度通常是比較高的,飽和度偏低,常用的顏色有淺青色、淺綠色、淺黃色、粉紅色等,在奶茶、女性護膚品的相關(guān)設(shè)計中比較常見。


8.快樂

快樂是張揚的、是活潑的,所以快樂的色彩飽和度較高、明度不會太低、色彩的種類會比較多,通常也是以暖色為主,但是會搭配冷色一起使用。黃色具有很強的快樂、陽光屬性,所以想要表達快樂,黃色通常是少不了的。

9.可愛


跟兒童、年輕女性相關(guān)的設(shè)計,通常需要表現(xiàn)出可愛的調(diào)性,這類色彩通常是用冷色和暖色相互組合,顏色的明度同樣不會太低,否則會有壓抑的感覺,另外飽和度也不要過高,飽和度稍低一點效果會更柔和一些。


10.健康


想到健康我們立馬就會想藍天白云、青山、綠色的草地和樹葉,還有黃色的小野花等等,所以藍色、綠色、青色、黃色、白色都是常用于表現(xiàn)健康的色彩,紅色也可以偶爾作為點綴色加進來。由于健康的調(diào)性也是要給人一種舒適、輕松的感覺,所以整體的顏色明度不要太低。


11.運動


要想讓色彩動起來,對比一定要強,可以是色相對比、也可以是明度對比和飽和度對比。橙色和黃色是兩個很具活力的的顏色,所以常用于表現(xiàn)運動的設(shè)計里。

12.科幻


這是一些科幻電影、機動游戲的海報設(shè)計常用的色彩搭配組合,給人的視覺感受是穩(wěn)重而大氣,科技感和神秘感并存,所以背景色通常也比較暗,喜歡用青色和黃色這種比較亮的顏色作為點綴。

13.喜慶



在設(shè)計節(jié)日海報或促銷海報時,通常需要表現(xiàn)出喜慶的調(diào)性,有些設(shè)計師會局限在大紅色、黃色、和橙色里,這樣搭配出來的色彩容易土,而想要解決這個問題,一方面可以加入冷色搭配使用,另一方面顏色的飽和度和亮度也不要過高。


14.復(fù)古


這類色彩的特點是顏色的飽和度會相對低一點,而且大多數(shù)情況下,整體的明度通常也不會太高,常用類比色搭配和對比色搭配。

15.中國風(fēng)


具有中國風(fēng)特色的顏色和色彩組合有很多,蔥爺這里僅列舉了8個組合。這類色彩同樣飽和度不會達到最高,有點復(fù)古和充滿文化氣息的感覺。胭脂(暗紅色)、緗色(中黃)、紺青(深藍色)、黛(褐色)等是中國風(fēng)常用的顏色。


16.夢幻


夢幻具有奇妙和神秘的感覺,好像在黑暗中找到了一點曙光,奇遇了驚喜一般,所以大多數(shù)情況下,背景色會使用從深色到亮色的漸變。顏色相對會比較豐富,而且以漸變色居多。


17.女性


女性是溫柔的,是感性的,所以該類色彩組合通常為類比色,偶爾會用一點對比色作為點綴,以增加畫面的活潑氣息,顏色的明度和飽和度都不能太低,當然飽和度最好也不要過高,粉色、紫色是常用于表現(xiàn)女性的色彩。

18.優(yōu)雅


優(yōu)雅可以理解為低調(diào)、高級、溫和、安靜,所以這類色彩的對比通常不會太強,飽和度也會比較低,整體的色彩調(diào)性會偏中性,常用卡其色、麻色,還有單色組合及類比色組合。


19.經(jīng)典色彩組合

除了以上十八大調(diào)性,蔥爺還給大家推薦一些經(jīng)典的配色,很難把它們具體歸為哪一類,但是我們在做很多設(shè)計時,用上這種配色總能得到不錯的效果,比如紅黃黑、紅白藍、黃綠黑、等等,在很多平面海報設(shè)計中經(jīng)常能看到。


以上所列舉的色彩組合,矩形色塊為背景色,圓形色塊為畫面中圖片元素或文字使用的顏色。根據(jù)需要可以把其中的某些純色轉(zhuǎn)變?yōu)閱紊珴u變,或者也可以把某些單色漸變轉(zhuǎn)化為純色。另外,在不包含黑白灰的色彩組合里,仍可以根據(jù)需要自行加入黑白灰,比如用于填充文字的顏色。

當然,能體現(xiàn)以上這些調(diào)性的顏色還有很多,大家可以自行補充,建立起自己的色庫。


藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。 

作者:蔥爺   來源:站酷


分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司                          

8個立馬提升設(shè)計感的畫冊標題排版技巧

資深UI設(shè)計者

標題排版在畫冊設(shè)計中有著很關(guān)鍵的作用,標題排得好可以讓整個版面的氣質(zhì)提升不少,反之亦然,而很多設(shè)計師在排畫冊的標題時,通常都是單純選擇一個筆畫較粗的字體,把字號拉大與正文對齊,這種標題的排版太過常規(guī),容易導(dǎo)致整個版面缺乏設(shè)計感,比如下圖。

其實畫冊的標題也能排出許多新意,本篇文章,蔥爺來給大家分享幾個可以給畫冊設(shè)計加分的標題排版技巧。

01.描邊字錯位組合

上圖是某院校招生畫冊的“學(xué)院簡介”排版,由于太過講究對齊,缺少變化,所以顯得不夠靈活,我們可以把標題的中英文詞匯拆開進行錯位排版,錯位時要注意左右的平衡,另外,三行錯位比起兩行錯位的變化會更豐富一些。

單純只是做錯位處理,效果并不怎么好,因為沒有層級關(guān)系,所以可以再加上字號大小的變化,突出重點詞匯,弱化次要詞匯。

這樣層級豐富多了,但是眾多很粗很黑的字體擠在一起略顯壓抑,把其中部分詞匯改成描邊后,整體就變得更透氣、更有設(shè)計感一些了,注意描邊要細一點,以避免描邊的筆畫重疊在一起影響識別性和美觀性。

標題排好以后,再根據(jù)標題調(diào)整一下內(nèi)文、頁眉、頁碼的排版,內(nèi)文通常會對齊標題中的某個字詞,但一邊對齊就好,不需要兩端都對齊,頁眉、頁碼可以作為裝飾來排版,填充一點顏色可以讓版面變得更活躍。


02.彩色標題疊加灰色圖片

還是拿前面的那個案例舉例,把學(xué)校圖片換成一張沒有去底的矩形照片,然后把它處理成黑白色照,移動至版面上方,標題使用藍色壓住圖片的左上角,這時標題就不是孤立的幾行文字了,而是與圖片形成了一個整體,這種排版方式在網(wǎng)頁設(shè)計中比較常見,用于畫冊的標題排版,效果也是很不錯的。

圖片做出血處理顯得更大氣,左下角的頁碼與標題左對齊,可以加強版面的整體性和關(guān)聯(lián)性。

3.手寫體搭配黑體

同一個標題我們通常只會使用一種字體(不包括英文),但有時候也可以試試用兩種字體搭配來使用,比如手寫字體搭配無襯線字體,這兩種字體在風(fēng)格上完全不一樣,對比非常強烈,能夠給版面帶來新意。

由于該中文標題過于簡短,所以搭配上英文會更豐富一些。

正文刻意與標題進行了錯位排版,當然,同時也保持著某些對齊關(guān)系,圖片的排版同樣如此,與正文錯位,但與標題左對齊,整個版面既靈活又很有序,符合學(xué)校畫冊的調(diào)性。

04.文字疊加色塊

加色塊是標題設(shè)計中常用的手法,但如果只是用一個色塊把標題包住,那么效果是比較普通的,很容易像促銷折頁的做法。所以我們可以只把色塊作為標題的一個裝飾元素,用一個小小的色塊放在標題后面,使其視覺上更豐富、更突出。

圖片的刻意錯位很關(guān)鍵,如果圖片與正文兩端對齊,那么英文標題、正文、圖片、頁碼都是沿著一條直線對齊的,整個版面就會變得生硬很多。

文字加色塊還有另一種效果也不錯,即把文字色塊合并在一起做成補丁效果,首先把文字錯位排版,然后分別給每一行文字加一個色塊把文字框住,色塊與色塊上下相連。

搭配上序號和英文標題,豐富標題的對比關(guān)系,使其更美觀、更有設(shè)計感,色塊可以根據(jù)需求適當超出文字的長度。

正文的排版我做了一點改變,把第一段單獨拿出來作為引文使用,剛好這段文字在內(nèi)容上也正好是起到提前說明的作用,這樣處理后這個版面也變得有了一些新意,標題十分顯目。

05.手寫體跨版

在畫冊設(shè)計對于有些版面,可以排得大氣一點,比如把原本可以1P排完的內(nèi)容排成一個跨P,這時標題也可以拉大跨版排列,這種做法可以加強文字的大小對比,也會有更多留白空間。


為什么用手寫體呢?宋體和黑體不行嗎?其實也可以,不過由于漢字的筆畫比較復(fù)雜,宋體和黑體又比較方正,所以拉太大排列時會顯得不夠靈活,如果是英文則會好一些,所以在排版的時候我還做了了傾斜與裁剪處理,并且搭配了英文進行錯位排版,不然會顯得過于單調(diào)。

06.標題與正文左右排版

在豎版的畫冊中,我們通常喜歡把標題排在正文的上方,而如果把標題與正文左右擺放,那么又會有種不一樣的感覺。

但不要把標題與正文水平對齊,那樣的話標題的空間就過小了,會顯得很壓抑,而是要把標題放在正文的左上方,并保持某些對齊關(guān)系。

如果把這種排版方式看成是分欄網(wǎng)格,那么它屬于不對稱網(wǎng)格,即正文欄應(yīng)該比標題欄更大一些,以保證有足夠大的空間排列正文內(nèi)容。標題欄可以有大量留白,頁腳可以與標題形成呼應(yīng),豐富版面的細節(jié)。

07.扭曲標題

這種標題處理手法在海報設(shè)計中比較常見,其實國外很多畫冊也這么做,效果很酷,沖擊力很強。

用中文來做這種效果行不行呢?也可以,不過不適合太嚴肅的畫冊,用在設(shè)計類和時尚類的畫冊中會比較合適,比如前面列舉過的設(shè)計書籍的排版。

由于文字較多,所以進行分行錯位處理,然后在頂部菜單欄中選擇對象-封套扭曲-用網(wǎng)格建立,把網(wǎng)格參數(shù)設(shè)置為3行5列。

移動網(wǎng)格的錨點使文字呈波浪形,如下圖。

拉拽錨點左右兩邊的手柄使波浪形變得柔和一點。

波浪效果做得差不多后,按快捷鍵E調(diào)出自由變換工具面板,并選擇自由扭曲工具,把標題扭曲成如下效果。

再調(diào)整一下細節(jié),然后把它放在版面中,把內(nèi)容篇章的序號處理成描邊樣式與標題疊加在一起,可以起到裝飾的作用。

扭曲的標題搭配上鮮艷一點的顏色,效果會更時尚,對于這種版面,正文也不要排得過于規(guī)矩,所以,我刻意把版面中的兩張圖片做了錯位處理。

08.打散排列

通常我們會把標題文字集中排放,但對于設(shè)計和時尚類畫冊,我們可以打破傳統(tǒng)的做法,把標題做適當?shù)姆稚⑴虐妫Ч埠懿诲e,當然,標題文字如果太少就不合適了。

另外,為了使標題更特別 ,給文字加上下劃線效果會更好,并且下劃線可以根據(jù)需求適當延長,以加強這些分散文字的關(guān)聯(lián)性,甚至還可以加上英文做裝飾。

正文的排版與標題文字左右兩端保持對齊。

結(jié)語

設(shè)計是一個不斷嘗試、調(diào)整的過程,排標題同樣也是如此。另外,標題的排版固然是很重要的,但是想要整體效果得到比較大的改善,正文、圖片、頁眉、頁腳、頁碼的配合也很重要,永遠要把整體的大效果擺在第一位。


藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。 

作者:蔥爺   來源:站酷


分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司       

五步提升智能產(chǎn)品體驗

資深UI設(shè)計者



1、場景細分

隨著各大智能廠商對用戶行為數(shù)據(jù)的收集積累,拆分提煉出了不同場景下用戶的特定需求,相比以前的大而全臃腫的功能界面,現(xiàn)在的功能、信息更加精確,產(chǎn)品將不同場景下的解決方案為用戶提前準備好,用戶只需要簡單的選擇就好,更加人性便捷:

 

1-1 B&O音箱歌曲模糊切換界面

B&O音箱面向的人群是音樂發(fā)燒友,他們對音樂有獨到的理解,為了為用戶提供便捷合乎口味的音樂,B&O將歌曲類型與顏色情感相結(jié)合,分別是:黃色代表愉快的歌曲、紅色代表激情的歌曲、紫色代表憂郁的歌曲、藍色代表輕松的歌曲。用戶只需要選擇顏色就可以播放相應(yīng)風(fēng)格的音樂,給用戶濃烈的感性藝術(shù)氣息。


并且B&O將音樂播放場景做了細分:只收聽自己收藏的歌曲、收聽與自己品味相似的歌曲、隨便聽聽;這三個場景下的需求通過三層圓環(huán)來滿足:點擊外環(huán)區(qū)域播放全網(wǎng)歌曲、點擊中環(huán)區(qū)域播放與用戶收藏相似的歌曲、點擊內(nèi)環(huán)區(qū)域播放用戶收藏的歌曲。這種感性的操作方式省去了搜索歌曲的過程,極大的提高了便捷性。

 

1-2 三星智能冰箱2.0系統(tǒng)

我們先了解一下三星智能冰箱1.0的系統(tǒng)是什么樣的,首頁包含時間、天氣顯示、音樂播放、購物清單、備忘錄、相冊、留言板、設(shè)備控制,用戶在冰箱面板上什么都能做,整體感覺是一個臃腫的功能集合。


在2.0中,三星將用戶使用場景做了以下的細分:烹飪模式、日常模式、娛樂休閑模式、家庭管理模式;在烹飪場景下,為用戶展現(xiàn)菜譜,用戶可以專注的去研究飯菜制作方法;在日常場景下,為用戶提供日歷、照片墻、留言板、日程等日常生活相關(guān)信息;娛樂場景下,用戶可以在廚房一邊忙碌一邊聽音樂,還可以查看社交消息,所有的功能都是圍繞娛樂休閑;家庭管理場景下,全職媽媽可以一邊做著飯,一邊看著監(jiān)控屏幕上兒童房孩子的情況及全屋的安防情況,也可以控制家中的設(shè)備。


場景細分可以有重點的為用戶提供他們真正需要的服務(wù),讓用戶感受到產(chǎn)品帶來的貼心感。

 

1-3 Orvibo 燈光照明場景


Orvibo根據(jù)用戶使用燈光的習(xí)慣,按照用戶對于光線的需求程度,將燈光使用場景分為:夜晚光線昏暗需要明亮的光照、白天光線充足不需要燈光、休閑時需要柔和些的光線、閱讀需要不刺眼但明亮的光線、起夜時微弱的輪廓照明即可。為用戶提供每種場景下的照明方案,準確快速的滿足用戶不同的需求。

 

1-4 小米TV端空調(diào)控制界面

小米根據(jù)用戶對于空調(diào)各個功能的操作頻率,羅列出核心功能:開關(guān)、溫度調(diào)節(jié)、冷熱模式,界面中只體現(xiàn)這幾種種信息,將低頻功能隱藏起來,為視覺降噪,突出核心功能,提升了用戶操控效率。

 

1-5 WOM天氣展示模塊

針對那些上班中不方便看手機、穿好衣服正要出門、旅游到達當?shù)鼐频晷枰匆谎厶鞖鉅顩r的場景,WOM提供了簡潔直觀的設(shè)計方案,產(chǎn)品顯示區(qū)域只保留4種常見天氣類型,高亮的天氣icon代表當前的天氣狀況,當天氣將要發(fā)生變化時,相應(yīng)的天氣icon會閃爍。


此外,通過利用顏色來傳達不同的溫度,藍色代表0℃,白色代表10℃,黃色代表20℃,紅色代表30℃,在不需要手機的情況下為用戶提供了豐富的展現(xiàn)形式。

 

1-6 三星電子畫框

隨著手機的普及,家庭對于電視的需求已不完全是為了收看節(jié)目,往往一個禮拜也看不了幾回。三星基于這種情況為了延續(xù)電子屏幕的銷量,賦予了電視裝飾屬性,演變?yōu)榧冋故镜碾娮赢嬁?,用戶可以選擇各種風(fēng)格的肖像或風(fēng)景圖片進行輪播展示,扮演藝術(shù)裝飾畫的角色,從而滿足用戶日常家庭裝飾需求。


2.直觀明確的表現(xiàn)方式

在設(shè)計中融入圖片,將操作、狀態(tài)可視化,這些具象的形式可以讓用戶快速理解并操作,讓我們看看各大智能產(chǎn)品廠商是如何實施的:

 

2-1 Nest溫控器安裝界面

大多數(shù)智能設(shè)備買回家后,需要用戶自己安裝,有的甚至牽扯到線路問題,Nest溫控器安裝界面采用與實物一致的模型元素,讓用戶有參照依據(jù);通過零部件的運動告訴用戶安裝順序;通過放大細節(jié),告訴用戶應(yīng)該選哪一個部件及如何鏈接。讓用戶有更好的參與感、成就感,還可以降低公司的人力安裝成本、客服成本。

 

2-2 小米智能家居電視

小米智能家居電視背景運用實物圖片,給用戶營造家庭的氛圍,設(shè)備卡片icon運用半寫實風(fēng)格,和實際產(chǎn)品一一對應(yīng),便于用戶快速查找設(shè)備;卡片底部體現(xiàn)設(shè)備狀態(tài),精簡的卡片信息使得設(shè)備的狀態(tài)更容易被用戶感知到。

 

2-3 三星、蘋果智能家居系統(tǒng)首頁

三星、蘋果都運用圖片作為系統(tǒng)的背景,可以很好的和用戶拉近距離,通過白色或磨砂卡片與背景做區(qū)分,三星的設(shè)備icon采用多彩漸變風(fēng)格,和它趨于年輕化、時尚個性的品牌戰(zhàn)略方向保持一致。

 

2-4 Whirlpool洗衣機、烤箱、冰箱模式選擇界面

由于洗衣機、烤箱、冰箱的運行模式和用戶想要洗的衣物類型、材質(zhì)、烹飪的食物類型、儲藏的食物類型有強關(guān)聯(lián),Whirlpool運用圖片作為模式背景,將功能和物品類型結(jié)合,用戶可以直觀感性的理解和區(qū)分各個功能,從而快速做出選擇。

 

2-5 Orvibo MixPad

Orvibo在大屏智能面板的設(shè)計上大量使用圖片元素,不僅可以區(qū)分各個功能模塊,還增添了內(nèi)容的豐富性,要知道智能面板的首屏和設(shè)備控制列表頁功能是不一樣的,它是用來承接并向用戶展示房間內(nèi)各個信息的,房間圖片作為背景烘托出家的氛圍,每個房間頁面的左上角顯示屋內(nèi)溫度、濕度、當前開啟的設(shè)備類型及數(shù)量,很直觀的向用戶展示屋內(nèi)信息。

 

每個場景都用具體的圖片作為卡片背景,可以讓用戶預(yù)想到每個場景對應(yīng)的運行效果。有的場景卡片中體現(xiàn)所屬房間信息,告訴用戶該場景只聯(lián)動運行特定區(qū)域的設(shè)備。


運用圖片會有以下問題:1、找到能體現(xiàn)各個特定功能的圖片增加了人力成本;2、圖片的多樣性容易打破畫面的整體統(tǒng)一感。所以要結(jié)合公司的現(xiàn)狀克制的運用圖片。

 

2-6 Amazon智能家居系統(tǒng)

Amazon的監(jiān)控設(shè)備卡片背景外顯了房間內(nèi)的監(jiān)控畫面,用戶在設(shè)備列表界面就可以直觀的看到監(jiān)控區(qū)域的信息,強調(diào)了用戶關(guān)注的內(nèi)容,縮短了操作步長。

 

2-7 Lenovo Smart Clock 備忘提醒時間設(shè)置界面

通常,我們設(shè)置時間時,系統(tǒng)會給我彈出時間選擇控件,需要我們上下滑動設(shè)置;Lenovo Smart Clock的做法是將時、分的設(shè)置具象成了時鐘實際運行的圓形軌跡,與用戶對于時間的認知保持一致,很貼心的設(shè)計,這種方式非常值得我們學(xué)習(xí)。

 

2-8 Google Nest Hub 定時界面

Google Nest Hub 將傳統(tǒng)的定時列表具象成了一個個正在倒計時的時鐘,用戶可以更直觀的每個定時的狀態(tài)。點擊某個定時卡片可以快速的進行暫?;騽h除操作。

 

2-9 小米空氣凈化器界面

小米空氣凈化器界面,每一檔空氣質(zhì)量值都對應(yīng)不同的顏色,并且將顏色延續(xù)到了其他操控按鈕,讓用戶對當前空氣質(zhì)量有更強的感知;凈化器被關(guān)閉時,顯示區(qū)域、控制區(qū)域置灰,明確告知用戶設(shè)備狀態(tài)及可操作區(qū)域。

 

2-10 三星SmartThings 設(shè)備連接查看界面

房屋面積大,會有很多的設(shè)備與多個網(wǎng)關(guān)連接,家中與網(wǎng)關(guān)連接的智能設(shè)備有時候會連接中斷,具體哪個設(shè)備與哪個網(wǎng)關(guān)中斷了不容易被查清。三星SmartThings將設(shè)備與網(wǎng)關(guān)的連接情況可視化,可以向用戶直觀的反映出哪個設(shè)備連接出了問題。


3.運用手勢控制

通過利用不同形式的手勢操控,讓用戶和產(chǎn)品的交互過程更新穎更便捷。要注意的是雖然手勢不需要操控物理按鍵,但手勢操控的形式要建立在用戶已有認知習(xí)慣之上,請看以下案例:

 

3-1 LG手機系統(tǒng)控制界面

最左邊的圖為行程信息截屏操作,目前截圖方式有幾個按鍵一起按下的,也有手機背面敲擊三下的,這些都需要與設(shè)備接觸,接觸交互的過程就需要花費用戶更多的時間,LG通過雙手捏合截圖的形式體現(xiàn)現(xiàn)實中“抓取”的語義,用戶使用起來順其自然,瞬間就可以完成截圖的目標。

中間的圖為應(yīng)用快速切換操作,用戶只需要對著屏幕做揮手動作,就可以切換至下一個應(yīng)用,這個隔空操控的手勢核心使用場景是:當你正在廚房,手上沾著面粉或其他東西時,需要操控手機又不想弄臟手機,那么隔空操作就可以解決這一痛點。

最右邊的圖為多媒體音量調(diào)節(jié),只需要作出旋鈕的動作,就可以實現(xiàn)音量的控制,是不是覺著很Cool。這種新的控制形式可以讓用戶加深對產(chǎn)品的印象。

 

3-2 Google Nest Hub音樂播放控制界面

在Google Nest Hub的音樂播放界面,當你想開啟或暫停音樂播放,只需要手掌隔空朝著屏幕方向做按壓動作,就可以快速觸發(fā)相應(yīng)功能,這種方式讓用戶會感覺很爽,自己就像有了魔力。

 

3-3 Google Nest Hub鬧鐘控制界面

早上鬧鐘響起時,需要用戶選擇關(guān)閉鬧鐘還是稍后提醒,常見的情景是,用戶睜開眼伸手去點擊某個選項,會干擾想要接著睡的用戶。Google Nest Hub在此處增加了隔空操控手勢,用戶如果想關(guān)閉鬧鐘,只需要閉著眼,手掌朝著屏幕一揮手,就可以搞定了,有沒有被寵愛的感覺。

 

3-4 HomePod 音樂投射功能

蘋果用戶如果想將手機上正在聽的歌曲通過HomePod播放,只需要將手機靠近HomePod,就可以輕松完成音樂投射,整個過程就像將一個容器的內(nèi)容倒入到另一個容器內(nèi),既充滿趣味性又大大簡化了音樂播放設(shè)備切換的過程。


4.提供個性化、多樣化的選擇

通過設(shè)計語言為用戶提供更多的視覺風(fēng)格,甚至開放編輯權(quán)限讓用戶更自由的制定自己喜歡的形式,這些都可以滿足用戶的個性化需求及專屬感,請看以下案例:


4-1 Sony HUIS遙控器

Sony HUIS遙控器為用戶提供了最大限度的自主編輯權(quán),用戶可以從后臺設(shè)定每個按鍵的形式及功能,也可以在屏幕中設(shè)置戶型圖,方便控制對應(yīng)的設(shè)備。


甚至可以繪制只有自己理解的專屬圖案,大大提升了專屬感。

 

4-2 三星智能冰箱屏保

用戶具有喜新厭舊的心理,三星智能冰箱為用戶提供了豐富的屏保:有沒有任何信息展示的抽象幾何藝術(shù)畫風(fēng)格、有配合溫度展示的春夏秋冬風(fēng)格、有簡潔素雅的時間顯示風(fēng)格、還有照片背景墻風(fēng)格;兼顧了用戶日常裝飾和功能的需求。

 

4-3 Lenovo Smart Clock

Lenovo Smart Clock對于時鐘屏保為用戶提供了不同的風(fēng)格,涵蓋了大多數(shù)的人群風(fēng)格喜好:活潑跳躍、實用直觀、極簡現(xiàn)代、抽象藝術(shù)、純文字、純數(shù)字等

 

甚至在同一種風(fēng)格中再細分為多種色彩搭配方案供用戶選擇。可以說想盡辦法來滿足用戶的個性化需求。


5.統(tǒng)一的設(shè)計語言及操控邏輯

這里的統(tǒng)一設(shè)計語言有兩個方面:一、同一個功能在不同的智能設(shè)備上布局要一致;二、同一類設(shè)備在APP中的功能布局要一致;操控邏輯統(tǒng)一指的是:產(chǎn)品中設(shè)備的操控方式要和用戶對實際設(shè)備的認知一致。一致性可以降低學(xué)習(xí)成本,提升更穩(wěn)定的操控體驗。請看以下案例:

 

5-1 溫控器多端控制界面

Nest溫控器及ecobee溫控器在設(shè)備上的設(shè)計語言和App上的保持一致,方便用戶在多端設(shè)備上的無縫操控體驗。移動端與智能設(shè)備界面唯一不同的是,移動端,同一層級上展示的功能入口更多,適合更復(fù)雜的操作;

 

5-2 Orvibo 移動端設(shè)置界面

在移動端設(shè)置智能面板功能按鍵的界面中,Orvibo將按鍵列表做成與實物一致的樣式,便于用戶快速找到對應(yīng)的按鍵進行設(shè)置,這是提升智能家居一致體驗常見的方式。

 

5-3 三星SmartThings 功能卡片

在智能家居App中,由于功能種類繁多、內(nèi)容不確定等因素,承載它們的卡片在布局設(shè)計上面臨很大挑戰(zhàn),需要兼容各種功能、還要保證卡片的整體一致性及合理的屏效比;在SmartThings智能家居控制系統(tǒng)中,三星對功能卡片進行了統(tǒng)一的部署,卡片左上角為功能名稱,左下角為狀態(tài)信息,右下角區(qū)域為操控區(qū),并且還考慮了只有功能控制沒有狀態(tài)、只有信息沒有功能控制情況下卡片的拓展形式。充分保證了操控的一致體驗。

 

5-4 Google Nest Hub調(diào)光燈控制界面

在調(diào)光燈的操作邏輯里有這么個問題:是將亮度值調(diào)至0%關(guān)閉燈光還是需要一個單獨的開關(guān)按鈕??纯碐oogle是怎么做的,它將調(diào)光區(qū)域與燈的開關(guān)做了區(qū)分,也就是說亮度通過調(diào)光區(qū)域操作最低為1%,需要通過開關(guān)按鈕進行關(guān)閉;這樣做的好處是操作邏輯明確,并且當用戶在80%亮度下關(guān)閉燈光,下次開啟時還是80%的亮度,更加人性。


總結(jié):

發(fā)表一下個人的心得,內(nèi)容是關(guān)于如何選擇正確的產(chǎn)品提升方法,目前網(wǎng)上各平臺的智能產(chǎn)品界面有很多,然而大多都是不落地的概念稿,里面的設(shè)計稿由于沒有具體場景及需求的約束,大多都無法解決公司實際項目中的問題,經(jīng)常瀏覽僅能提升個人審美。只有平時通過對各行業(yè)實際落地產(chǎn)品的搜集積累和分析,才能發(fā)現(xiàn)它們在提升產(chǎn)品體驗道路上的共通點、差異點,從而為公司提供真正有價值的設(shè)計方案。


藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。 

作者:土木君    來源:站酷


分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司                            

戴森Dyson Link智能產(chǎn)品解析

資深UI設(shè)計者

這篇文章主要探索Dyson App 各版本界面的差異點、交互方式;以及為了平衡用戶與品牌方,設(shè)計做的努力,從而開拓我們的設(shè)計思路。


0 產(chǎn)品背景

根據(jù)互聯(lián)網(wǎng)消費調(diào)研中心,了解到戴森的消費者大致有三個特征:高品質(zhì)消費、重視生活之美、新生活開啟者。重視生活之美的消費者更注重設(shè)計美觀、獨特、有辨識度的產(chǎn)品。

戴森品牌定位:高端、黑科技、高顏值。

下面我們通過案例去了解戴森是如何通過設(shè)計滿足品牌方和消費人群的。



1-1 首頁1.0

表現(xiàn)層:

戴森APP 1.0首頁通過模擬房屋、顏色變化來向用戶直觀展示屋外、屋內(nèi)的空氣狀態(tài);整體來看擬物化可以很直觀的向用戶展示信息,房屋的造型給用戶一種溫馨家的生活之美,更有辨識度。

 

功能層:

屋外主要有天氣、AQI(空氣質(zhì)量)、溫度、濕度、PM2.5、紫外線等信息;

屋內(nèi)主要有Wifi強度、房間名稱、屋內(nèi)空氣質(zhì)量、溫度、濕度其它信息、設(shè)備圖片;

頁面左下角為設(shè)備控制入口、右下角為時間設(shè)置;底部可以通過左右滑動切換設(shè)備類型。

繁多的信息雖然給用戶專業(yè)的感覺,但無形之中削弱了信息的層級,并且有的圖標使用不準確,用戶不知道是什么。頁面中使用產(chǎn)品圖可以強化自身產(chǎn)品品牌,增強產(chǎn)品辨識度。



1-2 首頁2.0

戴森APP 2.0首頁相比1.0,區(qū)分了信息層級,增強了操控體驗。

功能層:

根據(jù)用戶使用習(xí)慣,屋外只保留了空氣質(zhì)量等級、溫度、濕度這些常用的信息;

擴大了房間區(qū)域,為信息提供更多展示空間,降低視覺干擾。屋內(nèi)保留Wifi強度、房間名稱、屋內(nèi)空氣質(zhì)量、溫度濕度,將設(shè)備核心功能入口外顯,用戶可以更便捷去操控設(shè)備,提升了易用性。

 

表現(xiàn)層:

使用局部放大的產(chǎn)品,用圓形襯底,并且還可以體現(xiàn)設(shè)備開關(guān)狀態(tài),這樣做可以統(tǒng)一不同產(chǎn)品下的畫面,增強了用戶對于產(chǎn)品狀態(tài)的感知,從而強化了產(chǎn)品品牌。

 

體驗層:

首頁通過上滑、下拉等手勢可以查看關(guān)于空氣質(zhì)量的更多詳細信息,將主次信息分級,既能凸顯首頁主要信息,還不影響用戶快速查看詳情的效率。



1-3 Smartmi P1

表現(xiàn)層:

相比戴森,Smartmi P1在灰底上只保留空氣質(zhì)量、Pm2.5、產(chǎn)品圖,大留白,從而凸顯的是簡潔的科技感。

 

功能層:

功能上也做了整合,簡化了操控細節(jié),為用戶提供了自動、睡眠、中速、自定義等快捷選擇。

兩個品牌對比來看,戴森體現(xiàn)了家的溫情,Smartmi P1則體現(xiàn)了簡約的科技。

在家電市場中,廠家都希望消費者提高購買頻次,界面底部濾芯的剩余使用時長,可以起到提示用戶及時更換濾芯的作用,從而提高購買頻次。這一點還是值得借鑒的。



1-4 戴森界面色彩使用

表現(xiàn)層:

通過查看戴森店鋪裝修風(fēng)格、流程界面縮略圖,發(fā)現(xiàn)戴森將它的品牌色——黑色、紫色貫穿至每一個需要引起用戶注意的元素上,視覺感受上更有一種“黑”科技的感覺,強化了品牌感知。



1-5 空氣質(zhì)量等級可視化

表現(xiàn)層:

對于空氣質(zhì)量等級顏色的選擇,戴森與空氣質(zhì)量指數(shù)(AQI)等級顏色保持一致性。

室內(nèi)室外顏色均可根據(jù)空氣質(zhì)量等級顯示不同效果,可以給用戶提供更加直觀的感受。

Smartmi P1 則是通過文字和部分顏色來體現(xiàn)空氣質(zhì)量等級,用戶感知弱。



1-6 空氣質(zhì)量等級詳情

表現(xiàn)層:

空氣質(zhì)量詳情頁,戴森和SmartP1均使用色塊體現(xiàn)等級,戴森使用的面積更大,更加明顯,P1則一貫延續(xù)留白的簡潔科技感。兩者都有數(shù)據(jù)分析功能,戴森通過刻度、細線條、更加規(guī)整的布局,看上去更具專業(yè)性,品質(zhì)感。



1-7 空氣污染物質(zhì)量等級說明

功能層:

戴森和Smart P1都有各個空氣污染物等級的說明,用戶可以了解當前空氣質(zhì)量情況及顯示規(guī)則。

Smart P1 可以讓用戶設(shè)置哪些空氣污染物顯示,空氣污染物等級說明在一頁顯示,用戶需要上下滑動來查找相關(guān)污染物。

戴森將污染物類型做成導(dǎo)航形式,用戶可以快速選擇要看的類型;

 

表現(xiàn)層:

范圍區(qū)間和對應(yīng)的顏色放一起,強調(diào)了他們之間的關(guān)聯(lián)性,并且可以承載更多的說明信息。



1-8 在App中如何融入產(chǎn)品

對于硬件廠商,在設(shè)計界面時,其中一個重要的需求就是“在界面中體現(xiàn)產(chǎn)品”,從而增強產(chǎn)品的獨特性、辨識度。那么如何做才能恰到好處的向用戶展示產(chǎn)品信息呢?來看看戴森怎么做的,具體主要有兩方面:

1、App中產(chǎn)品出現(xiàn)的節(jié)點;2、以什么形式展示產(chǎn)品。

最順其自然的就是在設(shè)備控制界面放置對應(yīng)的產(chǎn)品,其次就是在引導(dǎo)頁中體現(xiàn),可以很直觀的告知用戶如何操作及產(chǎn)品當前的狀態(tài)反饋。

最后還可以在登錄頁、空狀態(tài)頁作為裝飾元素出現(xiàn)。

 

產(chǎn)品展現(xiàn)形式在控制界面及引導(dǎo)頁面要盡可能展示產(chǎn)品當前場景下的樣子。

例如:在調(diào)節(jié)角度界面,用俯視圖可以更加直觀體現(xiàn)旋轉(zhuǎn)角度的狀態(tài)。

在房屋界面,由于只需要體現(xiàn)設(shè)備狀態(tài),所以用45度視角盡可能體現(xiàn)產(chǎn)品獨特的造型細節(jié)。

在登錄頁使用產(chǎn)品線框圖作為裝飾元素,減少對文本內(nèi)容的干擾。



1-9 戴森空氣凈化器控制界面樣式

表現(xiàn)層:

首頁上空氣凈化器選取常用的功能作為快速入口,并且使用圓、圓角矩形作為按鍵外框,我們看它的實體遙控器、產(chǎn)品造型,就知道為什么要用這2種形態(tài)了,這樣可以延續(xù)戴森的產(chǎn)品特征,使得整體品牌更具辨識度,達到強化品牌滲透的目的。

右下角為設(shè)備控制詳情入口,通過使用不透明白底與快捷功能鍵作出區(qū)分,還能保持整體性,品質(zhì)感。



1-10 空氣凈化器控制詳情頁

表現(xiàn)層:

控制詳情頁放置產(chǎn)品實物圖,可以直觀展示產(chǎn)品狀態(tài),功能圖標前期做了區(qū)分歸類,保證每一行的圖標尺寸一致的同時確保它們之間的相關(guān)性。角度設(shè)置界面,產(chǎn)品使用俯視圖,可以直觀展示角度信息。



1-11 空氣凈化器操控手勢

體驗層:

對于用戶常用的操作使用滑動手勢,例如:風(fēng)量,長按上下滑動可以很方便設(shè)置等級,松手返回確認,風(fēng)量按鈕可以顯示風(fēng)量等級條,用戶不僅可以通過數(shù)字了解風(fēng)量等級,還可以通過進度條更直觀感知風(fēng)量大小。



1-12 快捷鍵功能權(quán)限定義

功能層:

從畫面中可以看出,同樣的風(fēng)向設(shè)置按鈕,在首頁,點擊后只能進行開啟、關(guān)閉風(fēng)向;進入控制詳情頁,則可以設(shè)置具體的角度值;保證在不同場景下即可以快速便捷控制設(shè)備,也可以精確控制設(shè)備。



1-13 戴森掃地機控制界面

表現(xiàn)層:

最左邊的控制界面是最早的版本,只有啟動或停止機器的功能,使用帶角度的視角來展示機器與場景,并且機器是可以進行移動擦除動畫,體現(xiàn)運行中的狀態(tài),這種方式比較耗費開發(fā)時間。

 

中間的界面是過渡版本,較上一個版本做了優(yōu)化,采用正視圖,并且增加了運行強度、運行區(qū)域、定時功能,底部的地板元素漸變處理減少了畫面對功能入口的干擾,既能體現(xiàn)場景,還更加易用。

 

最右邊界面為最新版本,放大了產(chǎn)品,減少了不必要的視覺元素,弱化了地板背景;充電圖標和設(shè)備狀態(tài)放置頂部,與功能區(qū)做區(qū)分;運行強度選項由展開變成收起,估計這個功能使用頻率較低;運行區(qū)域、定時功能的圖標做了優(yōu)化,更加貼切。視覺和功能得到了完美的平衡。



1-14 戴森燈光控制界面

功能層:

燈光控制界面,主畫面是燈頂部實物圖,值得一提的是,點擊圖片上的開關(guān)按鈕就可以實現(xiàn)燈的開啟關(guān)閉,很直接;點擊開關(guān)上部的區(qū)域,會彈出色溫、亮度調(diào)節(jié)界面。功能區(qū)域和實物結(jié)合的形式值得我們學(xué)習(xí)。



1-15 戴森燈光場景功能

功能層:

右下角為場景選擇,可以選擇系統(tǒng)自帶的燈光使用場景,例如:讀書模式、休閑模式,也可以自定義,可以方便快速設(shè)定光線。



總結(jié):

通過對戴森App的分析,我們了解到了可以通過擬物或者將功能控制區(qū)與實物結(jié)合的方式,提升用戶操控體驗及產(chǎn)品品牌辨識度;對于硬件產(chǎn)品App,要盡可能保持與實物的一致性,突出產(chǎn)品特征,包括按鈕形狀、色彩;還有就是可以學(xué)習(xí)到戴森為了平衡用戶與品牌方的需求,在視覺層面、交互層面的細微改動下的思考方式。

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。 

作者:土木君    來源:站酷


分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司                              

支付寶 雙12內(nèi)容場景化營銷探索

資深UI設(shè)計者


今年支付寶雙12的營銷活動剛剛結(jié)束,在這次的12月生活優(yōu)惠節(jié)項目中,我們設(shè)計團隊以“分享生活小甜蜜”為主題提出了內(nèi)容場景化營銷的設(shè)計策略,并這里分享下我們的設(shè)計思路跟各位設(shè)計師交流下.有意向加入我們團隊的小伙伴也可以聯(lián)系下我們.
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索
收藏
「支付寶」雙12內(nèi)容場景化營銷探索

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。 

作者:螞蟻設(shè)計集團    來源:站酷


分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍藍設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司   

                         

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔