首頁

如何做簡單又高級的設(shè)計?這21個設(shè)計方法總結(jié)的太全面了,必須收藏!

seo達人


圖片

現(xiàn)如今企業(yè)都在不斷追求打造簡單好用的產(chǎn)品,期望在產(chǎn)品中有更多的功能,更新的技術(shù)以及更強的能力但仍然能有一個非常輕量和簡單使用體驗。但通常情況下,做減法反而是最難的事情。

 

一、如何定義”簡單“?

我們可以把簡單定義為容易理解,不難做到的事情。然而簡單是主觀的,某些事情對某些人來說簡單,但對另一些人來說又會很難。一般來講,我們對任何簡單或復(fù)雜的過程形成個人意見,大致分為三個階段:

圖片

為用戶在實現(xiàn)他們目標的路上消除困難,幫助他們輕松的到達目的地。John Maeda在《簡單法則》一書中提出了在商業(yè)、技術(shù)和設(shè)計中平衡簡單與復(fù)雜的十條法則,核心思想就是希望做更少的動作但得到更多。

圖片

《簡單法則》 John Maeda: http://lawsofsimplicity.com/

Maeda是MIT媒體實驗室教授,也是世界著名的圖形設(shè)計師,他一直在探索如何重新定義”改進“的概念,使得這個概念不再人云亦云。這本書非常不錯,所以推薦大家去看看。

 

二、什么是復(fù)雜的?

談到簡單的時候,需要考慮到它的反面范圍。簡單或是復(fù)雜是比較主觀的感受。經(jīng)過適當?shù)呐嘤?xùn),即使是造火箭都可能不會那么難。但有幾個因素會使非常簡單的任務(wù)復(fù)雜化。在產(chǎn)品設(shè)計中,應(yīng)該盡可能地避免以下這些情況:

圖片

我們應(yīng)該如何應(yīng)用到產(chǎn)品設(shè)計中?

1、建立產(chǎn)品的核心價值

有許多產(chǎn)品都希望盡可能地滿足所有用戶,然后成為行業(yè)中領(lǐng)頭羊。如果你希望你的產(chǎn)品變得簡單,就需要定義產(chǎn)品的核心價值,并且確定你真正想要服務(wù)好的用戶群體。不是每一個產(chǎn)品都需要內(nèi)置一個facebook。

圖片

2、移除掉任何不必要的元素

變簡單最直接的辦法就是深思熟慮地做減法。當你猶豫這個元素要不要拿掉時,拿掉就好。次要信息,不經(jīng)常使用的控件需要處理,把樣式盡量弱化。就是這么簡單,一旦你使用這個原則后,效果是立竿見影的。只是你需要考慮清楚,哪些需要移除掉。

圖片

”簡單不意味著沒有復(fù)雜的功能,只是在結(jié)果上簡單。簡單是某種程度上描述一個物件和產(chǎn)品的目標及位置。不復(fù)雜是說產(chǎn)品本身的功能設(shè)計不是雜亂無章的,要做到這一點并不簡單。“——Jonathan Ive(蘋果的喬納森)說。

3、數(shù)據(jù)轉(zhuǎn)換為更直觀的樣式

我們?nèi)粘TO(shè)計的大多數(shù)產(chǎn)品都聚集在用戶需要理解的大數(shù)據(jù)上,以便有效地執(zhí)行他們的日常任務(wù)。當你知道用戶對于趨勢和變化更有興趣,把數(shù)據(jù)可視化會比單純的數(shù)字表格對用戶來說更有幫助。在數(shù)據(jù)圖表中,還可以根據(jù)需要顯示更多有價值的信息,并將這些直觀呈現(xiàn)在用戶的面前。

圖片

4、支持快速決策

用戶被各種選擇狂轟濫炸,不得不花時間去理解和決定,給他們增加了不必要的工作。這里可以用一個非常著名的希克定律來解釋,選項增多會增加用戶做決定的時間和精力。所以,如果你想提升用戶體驗,讓用戶感覺到簡單,那么就盡可能地幫助用戶更快地做出決定。盡可能地減少不必要的選擇。

圖片圖片

5、太多的選擇會嚇跑用戶

當前的心理學理論和研究肯定了個人選擇對情感和動機的積極影響。這些發(fā)現(xiàn)導(dǎo)致了一種流行的觀念,即選擇越多越好——人類管理選擇的能力和欲望是無限的。但在現(xiàn)實中,研究證明了相反的情況。

Jam實驗是消費心理學中最著名的實驗之一,減少消費者的選擇有利于銷售。重要的是,研究表明準確地提供較少的選擇可能會提高你的銷量。

圖片

這個實驗似乎證明了,與選擇較多的顧客相比,選擇較少的顧客購買的可能性是前者的10倍。它一直是選擇過多的一個關(guān)鍵例子,即給顧客提供太多的選擇實際上會抑制顧客購買。

圖片

6、在有多個選擇的時候提供建議

當多選不可避免時,試著增加一些建議。給選擇增加推薦選項,或分享其他客戶最喜歡的數(shù)據(jù)。通過設(shè)計清晰地向用戶傳達選項之間的關(guān)鍵區(qū)別。這種方法通過用于選擇不同套餐的界面。

圖片

7、將用戶的注意力吸引到正確的區(qū)域

當你理解用戶實現(xiàn)目標的過程時,每個步驟都有一些更相關(guān)的內(nèi)容,這些內(nèi)容將幫助你朝著最終目標前進。找到這些關(guān)鍵區(qū)域并讓用戶能聚集在這些區(qū)域上。(彩云注:給操作設(shè)定好清晰的優(yōu)先級)

圖片

8、使用顏色和排版來傳達內(nèi)容的層次結(jié)構(gòu)

你應(yīng)該經(jīng)常能聽到——”用戶不喜歡閱讀“。這沒錯,我們對能記住和對需要深入了解的東西是有選擇性的。如果你曾經(jīng)一個字都不愿意讀就選擇同意了用戶協(xié)議,你肯定懂我的意思。有許多因素會影響傳達:字體類型、尺寸、字間距、行距、大小寫、顏色。用這些要素來組織內(nèi)容的結(jié)構(gòu)層次,使用正確的顏色和字體,將能夠增強品牌感,使其更好地被識別,更有吸引力和記憶。

圖片

9、合理的組織能夠幫助系統(tǒng)看起來更簡單好用

讓我們做一個簡單的測試。下面的2張圖片,用秒表來記錄下你大概花多久時間數(shù)完所有的黑點。

圖片

結(jié)束了嗎?就像你自己會看到的那樣,計算不規(guī)則的圓點方塊會花費更多的時間,除此之外,還會給你帶來更多的認知負擔。為什么我們會得到這個結(jié)果?因為正方形中有相同數(shù)量的點。

把這些點擺成一個特殊的矩陣,在視覺上可以幫助掃描,成組的非常好統(tǒng)計。在左邊沒有組織的方塊中,我們必須逐個計算。另外,對于左圖來說,有時候你還可能會統(tǒng)計錯誤,需要再次確認才能放心,太麻煩了。

圖片

組織好的元素不僅僅好認,而且還非常好記。不論是操作什么樣的產(chǎn)品,記住所有控件位置和功能非常重要。讓我們做另一個小練習,一分鐘前,你還在認真的數(shù)兩張圖中的點,現(xiàn)在請你回憶下兩個正方形中的每個點的位置。對大多數(shù)人來說,回憶這種無序的結(jié)構(gòu)幾乎是不可能的。

圖片

10、將內(nèi)容分組

簡化一個頁面,有一個簡單的辦法就是把內(nèi)容進行分組。此時,用戶在處理組信息時,精力耗費很少,而不是要看大量不相關(guān)的元素。在元素或元素組周圍添加邊框是創(chuàng)建與周圍元素分離的一種簡單方法。格式塔心理學中有多種分組原則可以幫助物品產(chǎn)生關(guān)聯(lián)性:接近性、相似性、連續(xù)性、封閉性和連通性。

圖片

11、把大任務(wù)分解成小步驟,嘗試用一列來布局

現(xiàn)在幾乎每個產(chǎn)品中都有不同的表單,為了收集你的資料。有時候即使去掉所有不必要的東西后,它依然會很復(fù)雜。這些表單會讓用戶失去完成的動力。所以我們能做的就是把這個大任務(wù)分解成一系列的小任務(wù)。眨眼間,把這個過程進行到底似乎變得容易多了。完成小的子任務(wù)會給用戶帶來一部分內(nèi)啡肽和繼續(xù)進行的滿足感。

在設(shè)計這個表單時,用單列布局替代多列布局。單列布局更容易填寫。這樣用戶就不大需要考慮下一步要填什么,只需要沿著直線向下移動填完就好了。

圖片

12、及時告知進度和當前狀態(tài)

不確定性讓我們感到焦慮,在操作過程中應(yīng)該盡可能地給用戶確定的信息。用戶需要知道他現(xiàn)在的位置,下一步要做什么。常駐一個信息進度摘要會是一個非常棒的做法,能讓用戶降低認知壓力,并能方便退回前一步確認信息。

圖片

13、幫用戶自動計算

人類大腦不擅長涉及數(shù)字的原始計算。嘗試讓系統(tǒng)自動完成所有計算對用戶來說會有更好的體驗。

圖片

14、采用漸進式呈現(xiàn)復(fù)雜信息

漸進呈現(xiàn)是UX設(shè)計中更容易讓用戶理解的一種用戶界面設(shè)計模式。它涉及到在多個界面上排列信息和動作,這樣就不會讓用戶淹沒在無關(guān)信息中,直至優(yōu)化到所有信息都強相關(guān)。漸進呈現(xiàn)屬于從”抽象到具體“的典型概念,包括用戶行為和交互順序。一個非常好的漸進案例就是iOS的嵌套開關(guān)設(shè)置界面。

圖片

15、設(shè)計普遍接受的模式和交互

用戶將大部分時間花在其他產(chǎn)品上。這意味著用戶喜歡用在其他產(chǎn)品上他已有習慣來使用你的產(chǎn)品,他們會對你的產(chǎn)品的外觀和性能有特定的期望。

這句話適用于從互聯(lián)網(wǎng)產(chǎn)品到你家冰箱的任何數(shù)字或?qū)嶓w產(chǎn)品,反映了用戶心態(tài)。但這并不意味著你應(yīng)該停止創(chuàng)新,更多的是評估背離傳統(tǒng)的導(dǎo)航或控制方式是否能讓用戶改變他們的思維模式。

圖片

16、設(shè)計一個精簡的新手引導(dǎo)

設(shè)計的主要目標是為了將用戶與產(chǎn)品提供的價值聯(lián)系起來。任何阻擋在用戶和他實際操作之間的東西都是障礙,除非它服務(wù)于功能性需求。首次體驗對于產(chǎn)品來說非常重要,我們?nèi)祟悤芸煨纬蓪Ξa(chǎn)品的看法,當我們不滿意就會立即離開。

你在第一次操作時,即使是最簡單的任務(wù)也可能是一項挑戰(zhàn)。有時在我們操作產(chǎn)品之前需要額外的學習。在數(shù)字設(shè)計中,用戶期望的是產(chǎn)品應(yīng)該足夠簡單易懂,他們希望根據(jù)需求得到幫助,或者在出現(xiàn)問題時得到幫助。提供上下文幫助,而不是預(yù)先為用戶提供學習材料,設(shè)計一堆引導(dǎo)頁。

圖片

17、牢記人體工程學和使用產(chǎn)品的環(huán)境

簡單,正如我們已經(jīng)定義的,你可以多么容易地使用產(chǎn)品。人體工程學是設(shè)計、產(chǎn)品和系統(tǒng)的考慮因素,以使它們適合操作它們的人。大多數(shù)人認為這與座位或汽車控制裝置和儀表的設(shè)計有關(guān),事實確實如此。但它的意義遠不止于此。人體工程學適用于任何與人有關(guān)的設(shè)計,包括數(shù)字產(chǎn)品。

1954年,心理學家保羅·菲茨(Paul Fitts)對人體運動系統(tǒng)進行了研究,發(fā)現(xiàn)移動到一個目標所需的時間取決于它與目標的距離,與目標的大小成反比。因此,要確保常用元素的尺寸較大,并將它們放置在靠近用戶的常用位置。

圖片

18、支持內(nèi)聯(lián)編輯和自動建議值

刪除每個流程中所有不必要的交互、視圖和步驟。用戶操作系統(tǒng)有一個最佳速度,它被稱為“心流狀態(tài)”。不要用彈出窗口打破這種流暢。對于以后可以更改的所有操作/值,盡可能支持內(nèi)聯(lián)編輯。當有大量值可用時,應(yīng)當自動建議值。

圖片

19、使用智能默認值來減少認知負荷

智能默認設(shè)置是給問題預(yù)先填入答案,讓用戶更快地完成表單。在定義相關(guān)的默認值時,設(shè)計師需要理解用戶以及他們將在何種環(huán)境下使用產(chǎn)品。這只有通過深入的研究和測試才能實現(xiàn),從用戶身上學習,并根據(jù)用戶的歷史數(shù)據(jù)和使用模式調(diào)整默認值。如果需要明確的選擇,就將默認選項設(shè)置為絕大多數(shù)用戶(比如90 – 95%)會選擇的選項。

圖片

20、預(yù)防錯誤

錯誤消息會帶來很大的壓力,讓用戶覺得他們搞砸了或者不能勝任任務(wù)。確保自動檢查輸入的數(shù)據(jù),并對不適當?shù)臄?shù)據(jù)輸入提供警報或提醒,以減少錯誤。要么消除容易出錯的條件,要么檢查這些條件,并在用戶提交操作之前向他們提供確認選項。應(yīng)使用強制功能保護破壞性和不可恢復(fù)的操作,以確保用戶意識到他們的選擇將產(chǎn)生的影響。

圖片

21、無障礙設(shè)計

作為一名設(shè)計師,你的目標是維護易用性,確保你的產(chǎn)品能夠被更廣泛的受眾所訪問。全世界有超過10億人有殘疾。不要把顏色作為傳達信息的唯一視覺手段(彩云注:增加圖標不僅僅是為了好看,也為了提升操作的識別性)。確保文本和背景之間有足夠的對比度,支持鍵盤導(dǎo)航等。可訪問性并不局限于具有某些不同能力的一組用戶,當針對可訪問性進行設(shè)計時,你將改善每個使用產(chǎn)品的人的體驗。

圖片

 

三、總結(jié)

設(shè)計出好用簡單易于理解的產(chǎn)品不容易,但那是一個方向,這些快速的小技巧能夠快速地讓界面變得簡單。如有學到,記得點贊分享給朋友們~


作者:彩云Sky


轉(zhuǎn)載請注明:學UI網(wǎng)》如何做簡單又高級的設(shè)計?這21個設(shè)計方法總結(jié)的太全面了,必須收藏!

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號: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è)計公司



“老字號”互聯(lián)網(wǎng)產(chǎn)品的年輕化之路

ui設(shè)計分享達人

一、項目背景

百度文庫APP是一個在線文檔分享平臺,上線已有十余年的時間,是一款名副其實的老字號互聯(lián)網(wǎng)產(chǎn)品。隨著互聯(lián)網(wǎng)的成熟以及年輕用戶的涌入,時代語境和流行文化發(fā)生了變化。年輕化設(shè)計已經(jīng)成為互聯(lián)網(wǎng)產(chǎn)品設(shè)計中不可避免的話題。在日常對用戶反饋的監(jiān)測中,我們發(fā)現(xiàn)文庫APP當時的體驗已經(jīng)不能滿足用戶多樣化的需求。并且在體驗走查以及用戶訪談中發(fā)現(xiàn),文庫APP的視覺風格、交互方式、使用感受都存在老舊、不貼合流行趨勢的問題。

二、由內(nèi)而外,打造年輕化感知

通過對年輕市場進行洞察,我們發(fā)現(xiàn)年輕用戶對產(chǎn)品的需求是多維度的。不僅對產(chǎn)品的“顏值”有高要求,他們更追求使用時的便捷和流暢度。他們對新鮮事物的接受程度更高,也更愿意去探索產(chǎn)品新的玩法,與產(chǎn)品進行沉浸的情感互動。

所以此次年輕化改版不能只是對“產(chǎn)品的外表”進行升級,要從視覺、體驗進行全方位、多維度的年輕化升級。由內(nèi)而外的打造年輕化感知。



三、“老字號”互聯(lián)網(wǎng)產(chǎn)品的煥新之路

2.1 視覺升級-更好看















2.2 體驗升級-更好用









寫在最后

從UI設(shè)計誕生初期,設(shè)計師在屏幕上模擬現(xiàn)實世界的交互方式,用擬物化的設(shè)計風格幫助用戶熟悉UI界面操作。到現(xiàn)在用戶對移動屏幕越來越熟悉,設(shè)計師們可以在產(chǎn)品設(shè)計中去嘗試更多的可能性。產(chǎn)品與用戶共同成長才是年輕化設(shè)計的意義。

未來,我們也會保持好奇心和探索欲,不斷打磨產(chǎn)品體驗,與用戶共同成長。

作者:百度MEUX

轉(zhuǎn)載請注明:站酷

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號: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è)計公司

怎樣分層理解用戶需求

ui設(shè)計分享達人

要做好用戶體驗設(shè)計,就必須要了解用戶多種多樣的需求,否則就會經(jīng)常發(fā)生“會錯了用戶的意”的情況。這種情況多了,別說用戶體驗有沒有做好了,產(chǎn)品的生存可能都要成問題了。

那么,我們知道,人性的表現(xiàn)是多種多樣的,所以構(gòu)建體驗設(shè)計的關(guān)鍵脈絡(luò),就是要看如何用產(chǎn)品設(shè)計抓住人性、抓住用戶需求。比如:

· 為什么有的品牌會擁有很高的忠誠度,而有的品牌用戶用完就走。

· 為什么有的用戶會為很多社群貢獻內(nèi)容,完全沒有物質(zhì)回報也可以堅持。

· 為什么有的產(chǎn)品看上去很棒,但卻一波過去就消失得無影無蹤。

· ……

為了解決這些問題,應(yīng)該對用戶的需求進行分層。當然,每個產(chǎn)品人都有自己為用戶需求分層的方法。根據(jù)我的經(jīng)驗,往往會把用戶的需求分成三類:解決痛感、刷好存在、滿足好奇。



這三類用戶需求對于產(chǎn)品設(shè)計來說,打法完全不同。

第一類:解決痛感

解決痛感是人最底層的需求。每個人獲取生活的資源、衣食住行相關(guān)的硬性基礎(chǔ)效率性剛需,都屬于這個維度的需求。

比如,滴滴其實是有三個最內(nèi)核的產(chǎn)品定位,即:效率、經(jīng)濟和安全。

· 效率就是打得到車,并且越快越好。

· 經(jīng)濟就是性價比高,盡量讓用戶感覺很值得。

· 安全就是出行安全,盡量降低事故率。

而其他的所有衍生出來的需求,都是這上面的延展。

所以,他們的核心就是要讓用戶經(jīng)濟、效率、安全地打車,解決用戶安全效率經(jīng)濟出行的基礎(chǔ)痛點。在出行平臺的早期階段,打到車是核心,所以所有的出行平臺都在努力地發(fā)補貼獎勵司機,因為誰的司機多,誰就有更好的用戶體驗,用戶可以打到車,這就是出行工具的網(wǎng)絡(luò)效應(yīng)。

接下來,做好訂單的匹配、分發(fā)、價格計算的算法和各種運營的策略,就是做好效率打車的第二步,同時也要盡量做好價格的計算和調(diào)價策略,來協(xié)調(diào)供給的分配。比如,在高峰時段多發(fā)補貼,讓司機愿意多拉單,滿足用車用戶在高峰期的需求。另外,我們也要根據(jù)不同地區(qū)的不同呼叫量,采取用流量和補貼的手段來協(xié)調(diào)司機去到不同的地方等等。

而安全則更是出行產(chǎn)品的重中之重,只有保證了安全,同時還保證了效率,那才是好的出行體驗。

所以可以看到,一個出行產(chǎn)品想滿足用戶的基礎(chǔ)剛需,也是要做非常細致的工作才能達到一個運轉(zhuǎn)順利的要求。

其實,除了滴滴這款出行產(chǎn)品,任何產(chǎn)品都是用戶生活里的各種痛點的解決方案。這一個品類里面,誰能最大程度地、最低成本地撫平用戶的痛點,誰就會成為用戶最終的選擇。

在找尋用戶痛點、判斷自己的產(chǎn)品要滿足哪些痛點時,還要注意一個問題:不能本末倒置,一定要分清楚主次。就比如說,滴滴就算是司機服務(wù)做得再好,但如果打不到車,也留不下用戶;或者一個餐飲店營銷得再花哨或者服務(wù)再好,但做出來的東西就是不好吃,那用戶也很難留下。

所以痛點一定要夠痛,而且要做好優(yōu)先級排序。只有這樣,才能抓住一個產(chǎn)品最基本的核心。

第二類:刷好存在

在解決了用戶的痛點之后,產(chǎn)品要解決的就是要讓用戶滿足好自己的存在需求、意義需求,也就是讓用戶能夠刷好存在感。比如,王者榮耀里的排行榜,微信計步器上的排行,社交網(wǎng)絡(luò)中的話語權(quán),等等。這個時代的我們,正在經(jīng)歷一種排位稀缺和意義稀缺。

在很多社區(qū)里,會發(fā)現(xiàn)人們會因為被點贊和被認可而去努力地創(chuàng)造好內(nèi)容。人們在尋找到群體認同的時候,會有很大的滿足感,尤其是被我們認可的群體認同時。

在滿足用戶刷存在感這一方面,抖音就做得非常出色。抖音的生產(chǎn)工具和分發(fā)工具,不僅會幫助每一個內(nèi)容創(chuàng)作者都能創(chuàng)造出好內(nèi)容,而且會高效率地把創(chuàng)作的內(nèi)容分發(fā)給有可能喜歡他們的人。這樣一來,抖音就滿足了好內(nèi)容創(chuàng)作者的需求。

也學你看到很多 C2C 二手平臺會有疑問,經(jīng)常會問:“賣一個二手產(chǎn)品并沒有賺到太多錢,人們?yōu)槭裁催€喜歡做?” 得到的很多回答都是:“這讓我有一種掌控生活的感覺?!?掌控生活,也就是踐行自己生活意義的一種,是自我存在的一種認定。所以,每個人都需要團體和自己對自我的認可。而每個注重品牌和體驗的產(chǎn)品,都在通過品牌和體驗或多或少地滿足用戶的此類需求。

每個用戶在使用產(chǎn)品的同時,都在通過這個產(chǎn)品發(fā)出的信號意義來獲取認同,而這種認同,就是一種人生存在感的體現(xiàn):成為那個我期望中的、被認可的自我。

所以,產(chǎn)品非純功能性的需求,也是要被我們關(guān)注的。

第三類:滿足好奇

除了解決痛點和刷好存在外,人們還有向未知探索的需求。

如果刷抖音的話,經(jīng)常會有一種感覺,一下子幾個小時就過去了。產(chǎn)生這種感覺的原因也很簡單,就是因為小視頻這種濃縮新奇體驗的產(chǎn)品,大大滿足了我們獵奇的需求。更進一步地,抖音的生產(chǎn)工具,正好能夠幫助生產(chǎn)者生產(chǎn)海量卻又非常個性的短視頻,再配合音樂的情緒渲染,最終交付給我們的體驗就是,最快速度地滿足自己探索世界的好奇心。

電影、戲劇、旅行、密室逃脫等等產(chǎn)品,在這個時代備受歡迎,其實都是因為解決了用戶探索新奇體驗的需求。

那么,所有產(chǎn)品要取得成功,是不是都要滿足這三類需求呢,是不是都要等比例地滿足呢?在我看來,任何產(chǎn)品都是這三類需求的集合,只是每類所占的權(quán)重不同而已。這也就意味著,要想做好產(chǎn)品的用戶體驗設(shè)計,就必須得弄清楚滿足用戶的哪層需求是最最主要的。

就好像奢侈品其實并不僅僅是包,有名作家的作品也不僅僅是作品好,它們都還帶有信號感。也就是我用什么產(chǎn)品,讀誰的作品,發(fā)出了怎樣的信號。而信號,就是存在感的一種表達。

所以結(jié)合解決痛感、刷好存在和滿足好奇這三類用戶需求,再結(jié)合我們自己的產(chǎn)品品類,就不難看出:我們產(chǎn)品在哪些層面上做得好,哪些層面做得不好;哪些層面是重要的,哪些層面相對來說是不那么重要的。

生物中心主義

那說到這里,你其實會發(fā)現(xiàn),人才是產(chǎn)品體驗的尺度。

用戶體驗設(shè)計一旦落到“人”這個維度上,就成了一個關(guān)乎人類學、生物學和心理學的復(fù)合行業(yè)。在近幾年的中國體驗設(shè)計行業(yè),都在提一種理念叫做生物中心主義:通過更深刻地理解人的身體、大腦的運行機制,設(shè)計出更適合人性的產(chǎn)品,來幫助人們獲得更珍貴的體驗。

生物中心主義的設(shè)計理念,在迪士尼早年的體驗設(shè)計中就開始踐行了。關(guān)于這一點,在《絕佳體驗》這本書中有如下介紹:

人類大腦中有四種主要情感驅(qū)動型化學物質(zhì),分別是:內(nèi)啡肽、多巴胺、血清素和后葉催產(chǎn)素。內(nèi)啡肽提升人的驅(qū)動力和耐受力;多巴胺在人完成目標后給予激勵;血清素帶來的是驕傲和自信;后葉催產(chǎn)素則催生了愛和善意的行為。

所以,迪士尼會通過種種流程設(shè)計,來讓用戶產(chǎn)生這些化學物質(zhì)而向前探索、消費、留下美好回憶、傳播好的體驗,從而流連忘返。

比如,通過尋找興奮感,來促使用戶內(nèi)啡肽的分泌。在排隊的時候,增加互動游戲,增加視頻和圖片去解釋和塑造氣氛,讓人們產(chǎn)生享受樂趣的預(yù)期。

比如,通過特別獎勵,以及達成的任務(wù)獎勵,去促使用戶產(chǎn)生多巴胺而獲得成就感和自豪感。

比如,通過服務(wù)來讓每個人都感受到自己是重要的客人而產(chǎn)生血清素,甚至讓他們認為自己就是表演的一部分,拍下他們參與的照片。

比如,讓員工、IP 和顧客之間培養(yǎng)出一種愛與歸屬,讓大家開始有團體意識,相互溝通,讓用戶覺得迪士尼不僅僅是一個目的地,還是一種社區(qū),以至于在離開的時候,都能產(chǎn)生一種流連忘返的感覺而不得不帶走一頂米老鼠耳帽。這就要歸功于后葉催產(chǎn)素的分泌了。

所以,在迪士尼的氛圍設(shè)計和體驗用戶地圖的設(shè)計中,都會加入類似的抑揚頓挫的體驗。小到一個排隊的細節(jié),大到一個拜見米奇國王的儀式感,都會從這四個方面下功夫去進行設(shè)計。但是,所有的交易、復(fù)購、傳播都是結(jié)果,迪士尼真正的關(guān)鍵交付,是顧客與迪士尼的情感鏈接和體驗沉淀。

所以,如果把人理解為一種機制,并知道這些機制是如何運作的,那么自然就會設(shè)計出更符合人性的產(chǎn)品來。

那些不斷滿足人短期快感的產(chǎn)品就好嗎?或者我們無限度地努力創(chuàng)造用戶時長,是對的做法嗎?這就是我們產(chǎn)品價值觀的探究,好產(chǎn)品應(yīng)當為人謀幸福,而不應(yīng)該消耗人生。好的產(chǎn)品設(shè)計,會激發(fā)人性的善,創(chuàng)造長期價值。壞的產(chǎn)品設(shè)計,會刺激人性的惡,去做出自我傷害和傷害他人的事情來。技術(shù)是中性的,但產(chǎn)品不是。產(chǎn)品總會存在著某種鼓勵,把人引向某處。

所以,生物中心主義,里面也包含了對人類社會性的探索。

小結(jié)

這篇文章主要就是為了幫助我們在面對客戶的時候該怎么去分析需求,怎么去理解他們。

首先,用戶的需求多種多樣,但總結(jié)起來就是解決痛點、刷好存在和滿足好奇這三類。任何產(chǎn)品滿足的都是這三類需求的復(fù)合系統(tǒng),只是滿足的權(quán)重不同而已。

然后,生物中心主義:圍繞對用戶的生物性進行分析,從而創(chuàng)造更好的體驗出來。應(yīng)當把用戶理解為一種機制,站在更高維度的一個視角去看待用戶在我們創(chuàng)造出來的產(chǎn)品中的種種反應(yīng),而不是簡單地用善惡好壞去加以評判。只有基于系統(tǒng)設(shè)計和價值平衡以及文化判斷的設(shè)計,才有可能真正地解決問題,萬物都是機制的平衡。

在用戶體驗驅(qū)動商業(yè)的時代,我們不應(yīng)該僅僅看到產(chǎn)品提升了什么效率,還要看一個產(chǎn)品在文化上、藝術(shù)上、體驗上為人帶來了什么價值。畢竟藝術(shù),是人性的效率。這,也就是體驗設(shè)計最有趣的地方。

作者:設(shè)悟
轉(zhuǎn)載請注明:站酷

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號: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è)計公司

如何才能找到正確的用戶價值理解?

ui設(shè)計分享達人

企業(yè)的壁壘到底是什么?

我們在去年發(fā)布的第一篇研究中就說過:理論上,我們認為企業(yè)沒有絕對的壁壘。技術(shù),產(chǎn)品,供應(yīng)鏈,商業(yè)模式等等都并不是壁壘。市面上流傳的那些主流的關(guān)于壁壘的說法:網(wǎng)絡(luò)效應(yīng),規(guī)模效應(yīng),品牌等,這些幾乎都是企業(yè)發(fā)展的結(jié)果,而并不是驅(qū)動企業(yè)成功的特質(zhì)。

如果一定要說壁壘的話:企業(yè)唯一的壁壘,是對用戶價值的理解。

對用戶價值的理解的不同:

  • 決定了:同樣是在做社交,電商,飲料,汽車,醫(yī)院,企業(yè)服務(wù),美妝,人工智能;不同的企業(yè)最終走出了截然不同的路徑;
  • 決定了:外在功能極其相似的同類產(chǎn)品,最關(guān)鍵的內(nèi)核的不同在哪里;
  • 決定了:獲取客戶的效率;決定了產(chǎn)品研發(fā)的效率;決定了資金使用的效率。

這一核心理念,貫穿了我們過往發(fā)布的每一篇對企業(yè)和行業(yè)的研究中:

—— 這就是為什么我們說White Claw是最好的商業(yè)樣本,其打法本質(zhì)上無比的傳統(tǒng)和陳舊(如果你覺得打法新的話,那你接收的認知基本上落后于行業(yè)的全球共識至少10年),依然創(chuàng)造了近200億(30億美金)的銷售額,并幾乎把所有全球最大的飲料和酒精行業(yè)的巨頭拋在身后。

—— 這就是為什么所有海倫司被質(zhì)疑的地方:環(huán)境,價格,產(chǎn)品(酒),我們認為都根本完全無法動搖其成功的根基;而被詬病最多的產(chǎn)品(酒)不夠好的部分,我們認為反而是其極具競爭力的表現(xiàn):其在酒的產(chǎn)品上對用戶價值的理解幾乎吊打所有酒館行業(yè)的創(chuàng)業(yè)公司+所有低度酒行業(yè)的創(chuàng)業(yè)公司。

—— 這就是為什么高舉產(chǎn)品主義大旗的元氣森林,帶領(lǐng)著幾乎所有飲料公司都開始去使用赤蘚糖醇,但我們認為其銷量上的巨大成功跟赤蘚糖醇的關(guān)系實際上可以說是微乎其微。而準備靠提升產(chǎn)品品質(zhì)打翻身仗的江小白,我們反而認為,在戰(zhàn)略上存在巨大的風險隱患。

基于這個核心的原則,我們過往出品的每一篇研究,幾乎都收獲了較大的反響,公眾號得到了大量的消費行業(yè)的創(chuàng)始人和投資機構(gòu)的合伙人的關(guān)注和推薦。而隨之而來的,是在這一理念被越來越多人接受之后,當我們在跟很多消費行業(yè)的客戶,各位創(chuàng)始人/投資人/研究員等從業(yè)者進行交流的時候,時不時的會被問到一個問題,叫做:我認同你們所提出的,用戶價值理解是最核心的決定性因素,

那么,如何才能找到正確的用戶價值呢?

通常情況下,我都很難去回答這個問題,因為我并沒有辦法給你一套“公式”。

這是一個有巨大價值的問題,但同時這幾乎是一個不可能被回答的問題。愛因斯坦曾經(jīng)有過一個說法,大概是,你定義問題的能力決定了你思考的水平。類似的表達在咨詢行業(yè)很流行,叫做,提出一個好的問題的能力,要遠遠超過給出回答的能力。

從這個角度來說,“如何才能找到正確的用戶價值”這個問題,絕對不是一個好問題,因為它幾乎等于在問:“請問,如何能夠成功?”。

但在我們被問這個問題的次數(shù)變得越來越多時,我理解這的確困擾了很多人。同時我也觀察到很多人在錯誤的路上拼命的努力著,結(jié)果導(dǎo)致路越走越偏。

于是我們還是決定試著去給出一些建議,尤其是,要避免哪些思維方式。這不是一套公式,不是一個handbook(當然因為我本身就不相信所謂“公式”),如果你需要補齊“術(shù)”的維度,商業(yè)歷史上有無數(shù)經(jīng)典;而我認為商業(yè)上,所有存在著標準和方法論的“術(shù)”的東西,一個聰明人理論上應(yīng)該能夠毫無障礙的在幾周內(nèi)甚至更短的時間內(nèi)掌握。而真正難的是,在分析問題的時候,即使在面對同樣的數(shù)據(jù),同樣的信息,同樣的現(xiàn)象,不同的人會得出不同的結(jié)論,而如何做到得出正確的那個。

我們接下來給出的很多建議,更多的是思考問題的方式,其中很多可能也并非商業(yè)維度,這些思想其中一些來自于很多領(lǐng)域的殿堂級大師,他們中很多人并不來自商界,但我在他們的身上學到非常多讓我受益匪淺的東西。它無法guarantee你一定能夠成功的找到正確的用戶價值,但它應(yīng)該可以讓你能夠one step closer,離發(fā)現(xiàn)真正的用戶價值更近一點。

這些建議在我們之前發(fā)布的對不同企業(yè)的系列研究中,都曾或多或少的作為論證的一部分而提到過一些,在這里,我們試著將它們匯總起來,并且來做一個更為詳細而全面的解讀。

一、避免產(chǎn)生Bias最核心的關(guān)鍵:是認識到“自我感受”并不重要

如果問,阻擋在大部分人和正確的用戶價值理解中間,最大和最難的障礙是什么?

我的答案會是:

絕大部分的人都太過看重“自我感受”了。

相比于其他的因素,這一障礙,常見的程度及根深蒂固的程度都位列首位,極難被改變。我在過往所見到的各式各樣的人當中,不論經(jīng)驗多少,能力高低,年紀大小,幾乎很少有人在看待問題的時候,能夠把”自我感受”從問題中切割的很徹底,尤其是在與”自我感受”相沖突的時候。

絕大部分人,在面對一個跟“自我感受”不一樣的現(xiàn)象的時候,經(jīng)常性的反應(yīng)不是好奇,而是質(zhì)疑;而最常見的論據(jù)是:“我/我身邊的人都不是xxxxx”,當然有的人比較直接,有的人則試圖把它包裝的比較理性。

而更糟糕的是:在跟“自我感受”相沖突的并非是觀點,而是事實的情況下;絕大多數(shù)人卻依然選擇了“自我感受”優(yōu)先,而非事實優(yōu)先:

于是就有了一眾很荒謬的現(xiàn)象:

某些產(chǎn)品明明很多用戶主動選擇,他們覺得“根本不會有人需要,未來一定完蛋”,彷佛那些貢獻了真實銷量的上億用戶不是活生生的人類;

而某些產(chǎn)品明明根本賣不動,銷量慘淡,但他們卻覺得“這一定是未來的大勢所趨,只是還沒找到途徑”。

甚至我看過最荒謬的一個采訪是:某新消費燕麥奶品牌,一邊覺得燕麥奶是未來最大的機會,一邊說他們面臨最核心的問題,是如何找到消費者需求的痛點。一個企業(yè)連最核心的用戶需求是什么都不知道,到底是什么支撐了這信誓旦旦的“未來一定”。

而殊不知,商業(yè)世界上的大勢所趨,從來都只有一個:就是用戶的主動選擇。但很多時候,即使用戶已經(jīng)做了選擇,卻依然有很多人會選擇性的視而不見。

世界頂尖認知心理學家,心智計算理論學派的奠基人,哈佛大學的Steven Pinker教授,在其去年年底所出版的最新著作《How to Be More Rational》中提出:“myside bias”是影響人類做出非理性抉擇的最核心三大因素之一,如果加上另一個因素“motivated reasoning”,幾乎就構(gòu)成了人性中最難以避免的非理性思維,這是根植在人類基因中的缺陷,人類總是傾向于defend自己的想法。而一個人應(yīng)該做的,是努力的fight against這種思維缺陷,而不是選擇go with it,這樣才能迫使自己能夠真正的做出理性的決策。

基于一“motivated reasoning”,去論證一個“myside bias”,是大部分非理性的錯誤結(jié)論的來源。在商業(yè)層面上的表現(xiàn)就是:

當自我的體感感受被所謂的,選擇性的“行業(yè)大趨勢”所“證明”了的時候,絕大多數(shù)人就幾乎很難再認識到正確的事實了。于是,自我生活的世界就等于真實的世界,自我的需求就成為了產(chǎn)品需求合理性的論證。然而,根深蒂固的認知偏見,往往就此出現(xiàn)。

因為但凡只要做過一天數(shù)據(jù)分析的人,就應(yīng)該知道,只要你想,用所謂的“數(shù)據(jù)”和“案例”,去“客觀”的論證一個“想要得出的結(jié)論”,甚至看起來邏輯自洽,實在是太輕而易舉的事情了。

而當基于“自我感受”決策的創(chuàng)業(yè)者,給出的“用戶價值理解”,與基于“自我感受”決策的投資人,在認知的維度上產(chǎn)生了共鳴的時候,madness happens。而這正是極其容易出現(xiàn)的場景,畢竟“精英們”對世界的共鳴方式很容易一致,不僅對自己體感所處的世界,看待另一個世界的視角也很容易一致,而當共鳴產(chǎn)生的時候,想要用什么行業(yè)分析的方法去“客觀論證”一個“想要得出的結(jié)論”是極其容易的。人類有無數(shù)種合理化自己決策的辦法,而尤其是在商業(yè)這類非科學的領(lǐng)域內(nèi),簡直信手拈來。

知名的物理諾貝爾獎得主,發(fā)明了著名的“費曼學習法”的Richard Feynman一次在談到歷史上發(fā)生的科學謬誤時曾說:人最重要的是,不要欺騙自己,而你自己正是最容易被欺騙的人。

費曼說他從來不會在實驗跟自我判斷出現(xiàn)沖突的時候,試圖去維護自我判斷。這本應(yīng)該是一個基本的常識,但是歷史上有無數(shù)的延續(xù)了很多年的科學謬誤,都是由于一眾本應(yīng)極其理性的科學家,在實驗結(jié)果與自我判斷發(fā)生沖突時,試圖合理化這一沖突,進而維持了原有的自我判斷。在嚴謹?shù)奈锢砜茖W領(lǐng)域尚且如此,在商業(yè)領(lǐng)域則更是慘不忍睹。

在個人選擇的層面,從來就沒有對錯,任何選擇都應(yīng)該被尊重,自我感受當然可以始終排在第一位。但在商業(yè)決策的層面,自我感受則根本一點都不重要。所以每當在進行一個商業(yè)層面的討論時,當我聽到對方以“我/我身邊的人xxxx”為開頭的言論時,我大概就知道,這個討論基本上就宣告結(jié)束了,后面的討論就不太可能有任何有建設(shè)性的結(jié)論了。當然,這肯定并不絕對,但我會在當下瞬間立下一個警惕的flag,提醒自己不要去針對“我xxxxx樣”來發(fā)表意見,因為你幾乎無法給出任何“正確”的答案。

一直以來,我始終堅持的一個最重要的原則就是,做最大的努力去避免用個人感受去代表用戶的選擇 (而實際上,我在商業(yè)上的判斷也經(jīng)常是跟我的個人感受截然相反的 )。我從來不會在”自我感受”跟真實狀況出現(xiàn)沖突的時候,試圖去defend我的想法,因為贏了沒有任何價值,也并不會讓我的生活變得更好,因此我通常都會毫不猶豫的拋棄我基于我個人體感的結(jié)論。

當你能夠開始毫不猶豫的將“自我感受”從問題的分析中切割出去,對你看明白事情真相的幫助是巨大的??辞逡患虑榈暮诵哪芰?,正是需要能夠?qū)ⅰ白晕摇睆氖虑橹谐殡x出來的能力;因為當你置身其中的時候,你就只能去祈禱,你的自我感受最終能夠被證實是人類的普世需求。

然而最吊詭的地方是,這么一個聽起來無比簡單的事情,要做到卻無比的困難。在大量的交流中,我感受到越來越深的是,讓一個人接受知識極其容易,讓一個人接受跟自己感受相反的事實,卻無比的困難。

美國知名的普利策獎得主,在100多年前幾乎靠著一己之力,推動了今天極具地位的美國FDA的成立和歷史上第一版《美國食品安全法》的作家Upton Sinclair,說過一句話:當一個人的生計依賴于對某件事的特定判斷時,要讓他客觀理解這件事是非常困難的。

相反,更奇怪的是:現(xiàn)在竟然有一種趨勢,是創(chuàng)始人在標榜,自己就是自己產(chǎn)品的一個典型用戶,以此來當作產(chǎn)品是真實的用戶需求的佐證。竟然還有很多人buying it,而這極其荒謬:

創(chuàng)業(yè)者們洞察到一個全新的機會,基本上有兩類來源:一類是,自身的需求觸發(fā),比如,寶寶樹的創(chuàng)始人當初做母嬰;Keep的創(chuàng)始人當初做健身等等;一類是,對外部世界的觀察,這一類就更加不勝枚舉( 抓風口/看報告這一類不在討論范圍之內(nèi),如果一個創(chuàng)業(yè)者的核心洞察來自于一堆寫報告的人給出的趨勢判斷,或來自于所謂的”行業(yè)共識”,很難不認為,它將會是一個極其平庸的洞察 ) 。

當然以上2類不管是哪一類,都需要輔以深入的行業(yè)分析以及商業(yè)邏輯驗證。

這2類洞察機會的來源,在本質(zhì)上沒有優(yōu)劣之分,因為它們起到的是啟發(fā)的作用。最終能否成功則取決于,自身的需求也好,外部世界的觀察也好,能否被驗證是一個絕大多數(shù)人類的普世需求。因此,會把自己本身是產(chǎn)品的典型用戶,當作產(chǎn)品是符合用戶需求的佐證,是一個極其荒謬的行為,你是你自己產(chǎn)品的需求來源,不能說明任何問題,你要做的是去證明這是一個符合主流用戶的普世需求。

我在越來越多的交流中,開始逐漸傾向于更看好,基于對外部世界的觀察而產(chǎn)生洞察的創(chuàng)業(yè)者。因為當一個人自身并不是目標用戶的情況下,卻依然能夠擁有無比精準的洞察,是極其難得的;而與之相反的是,基于自己需求的人,當被證實這一需求并非適用于絕大多數(shù)人的時候,能夠承認并及時轉(zhuǎn)向就變得極其挑戰(zhàn),而這正是大量“motivated reasoning”行為產(chǎn)生的時候。

這也從另一個角度說明,為什么有一個段子叫做:“普通人創(chuàng)業(yè)是從0開始,咨詢顧問們創(chuàng)業(yè)是從負100開始,請先去補行業(yè)認知”。因為咨詢顧問最常見的工作方式之一,是先make assumption,然后去驗證這個假設(shè)。但這個所謂驗證的過程,很多時候其實都是motivated reasoning,而他們對于商業(yè)分析的嫻熟,使得他們可以很危險的讓一個false conclusion看起來仿佛頭頭是道。

因此,我們花了大量篇幅試圖給出的第一條也是我們認為最重要的一條,這個看似最像常識的建議,因為我們切身的看到大量行業(yè)經(jīng)驗深厚的人,依然很難做到。

從這個角度上來說,張一鳴的一直說的那句“做一個ego小的人才能格局大”,是一個極其被低估的建議,因為能做到的人寥寥無幾??赡苡泻芏嗳硕加X得這是一句跟商業(yè)決策關(guān)系不大的雞湯式人生建議而沒有重視,甚至我最近還看到一種很荒謬的觀點叫做,“鼓吹做一個ego小的人,是為了讓人失去自我,更好的為公司奉獻,是字節(jié)壓榨員工的表現(xiàn)”,而諷刺的是,這個觀點本身就充滿了”過于在乎自我感受”的味道。我只能建議,不要那么被害妄想癥,無論字節(jié)是不是壓榨員工的公司,你的人生都有無數(shù)選擇。

而內(nèi)心真正強大的人,才能夠真正做到“ego小”,因為一個強大的內(nèi)心自我,是輕易不會被任何單一事件所影響的。你永遠不會因為拋棄了一點“自我感受”就受到威脅,一個人之所以能夠毫無障礙的接受任何跟“自我感受”相沖突的事實,就是“幾乎沒有任何事情有能力傷害到你”的強大內(nèi)心的最佳證明,所以你根本毫無必要在“自我感受”層面defend yourself。

二、人類最基本的人性,是你理解用戶最核心的根基

我經(jīng)常被問到的一個問題,相信很多人也被問到過,就是:“xxxx在美國很成功,你覺得,在中國能不能行得通?”。類似的,還有:“你覺得xxx會不會僅僅只是一個區(qū)域性的產(chǎn)品,還是能成為全國性的?”。

對于每一個具體的產(chǎn)品,當然有不同的答案,需要不同的分析。同時我的原則也是,不會給出任何基于我的”體感”的答案。但我會有一個統(tǒng)一的最核心的判斷標準:不是這個產(chǎn)品的產(chǎn)品元素和功能,而是這個產(chǎn)品到底打動的是人性的哪一部分?而這一部分,是不是人類主流的共通的特性,以此決定了是否在不同市場有同樣的機會。

簡單舉2個例子:

White Claw在美國成為現(xiàn)象級的成功,一騎絕塵,吊打所有的酒類巨頭,那中國會不會有蘇打酒的市場?你要先知道White Claw賣的是什么,跟hard seltzer低不低度,氣不氣泡一點關(guān)系都沒有。White Claw的巨大成功對應(yīng)的核心是“飲料化+男性的guilty pleasure”。

那么,飲料化是不是人類普遍的共通需求,——嗜甜是刻在基因里的;guilty pleasure是不是人類普遍的共通特質(zhì),——人類社會永遠無法忽略社會評價。

因此沒有道理認為,在這個產(chǎn)品上,中美市場會存在差異。但如果你只是看到了低度,氣泡的產(chǎn)品元素,就跑去做了一個空殼產(chǎn)品,能不能成功,那答案必然不能。但你不能因為你沒看明白本質(zhì),做了一堆愚蠢的氣泡酒,于是說White Claw不是中美市場共通的需求。

植物肉在美國好像還勉強過得去,那在中國會不會有植物肉的市場?你要先知道植物肉賣的是什么,跟健康,好吃之類的一點關(guān)系都沒有。植物肉賣的是低碳,環(huán)保,動物權(quán)益,買的是能夠讓這些人feel good about themselves的精神價值的興奮劑,那這部分精神價值是不是能讓所有人feel good呢?

并不能,這部分人群即使在美國,樂觀估計,也頂多占人群的20%,大體上就約等于Democrats中的Progressive派,甚至都不是Democrats全部。當然,自我催眠的“精英主義”們都一廂情愿的覺得未來會成為100%,畢竟媒體們,好萊塢們,新富人們,這些掌握了大眾主流話語權(quán)的人,大多是其中一員,于是呈現(xiàn)的就是一種好像所有人都這么認為的全人類共識的虛假繁榮的假象。如果美國只占大約人群中的~20%,中國是多少呢?大概0.2%吧。

同樣,我們在元氣森林的分析中也說過,元氣森林對應(yīng)的是從來不是健康,而是”外表管理”,對應(yīng)的是人性中亙古不變的對”美”的追求。除此之外,還有什么?是人性中最普遍的對”不勞而獲”的期待,想走捷徑的心理。

明白哪些是根植在人性中的基本特征,哪些是人類共通的需求,哪些不是;哪些是被杜撰出來的,至關(guān)重要。所以,所有說什么“xx產(chǎn)品的人均消費量中國僅為美國的多少分之一,因此中國市場就有了巨大的增長空間”的都是胡扯,你要知道在具體不同的領(lǐng)域,驅(qū)動這人均消費量背后的是什么,打動的是人的什么需求,它們是否具有同樣的土壤:

星巴克創(chuàng)始人霍華德·舒爾茨說:星巴克的成功是因為,深植于星巴克的DNA里滿足人類與生俱來的交流聯(lián)系的需求,咖啡是實現(xiàn)這一需求的載體。人類與生俱來的社交需求是整個人類基礎(chǔ)的共通的人性,在中國和美國自然都make sense,所以星巴克在中美都獲得成功。但星巴克的成功,并不能抹平中美消費者在咖啡消費行為層面的差異,更不能說明中國的人均咖啡消費可以達到美國水平,因此還有多少倍的增長空間。中國當然的確有咖啡市場,但咖啡對于美國人是生活的一部分,對于中國人是生活方式的一部分,了解這其中微妙的差異。

再比如運動健身,拿中美人均健身的巨大差異來證明中國巨大的潛力同樣是荒謬的,Peloton或Mirror完全不能說明Fiture也有同樣的機會。美國人從小是在”運動員站在校園鄙視鏈頂端,只會讀書的人是nerd”的語境中成長,中國人是在“打什么球打球,別人都在家好好學習”的語境中成長。難道覺得這個是靠什么國務(wù)院出臺的《全民健身2030》政策或者中考給體育占個50分的政策能改變的么。同樣,美國精釀啤酒的市場也完全不能說明中國市場具有相同的潛力,等等不勝枚舉。

所以,為什么我們之前說,很多企業(yè)方/投資方說,我寄一批樣品,你看看。我都會說,我很難通過產(chǎn)品試用,去判定企業(yè)價值。產(chǎn)品試用只能證明,產(chǎn)品的功能和質(zhì)量如何,而產(chǎn)品質(zhì)量過關(guān)只是及格線,并不是決定性因素。重要的是做出這個產(chǎn)品背后的intention是什么,這個產(chǎn)品是基于你們什么樣的用戶價值的理解做出來的。

所以我往往非常喜歡看企業(yè)的PR稿,比試用產(chǎn)品有效得多,因為先不管企業(yè)做不做得到PR稿中鼓吹自己的部分,你看得出它在努力標榜自己的哪一部分。而這某種程度上透露了,企業(yè)對于用戶和市場的理解是什么。然后你就會發(fā)現(xiàn),即使在拼命夸自己的PR稿中,很多公司甚至不知道該夸自己什么,也意味著其對用戶的理解是存在巨大偏差的。

美國最近發(fā)生了一件幾乎是動搖美國社會政治根基的事件,美國的最高法院草案有史以來的第一次被提前泄露,而案件本身的重要程度,并不如其背后代表的對美國最高憲法的認定:也就是最高法院的所擁有的權(quán)限與各州自治的準則之間的邊界。我們這里并不打算詳細討論這件事,但其中我看到了一個有趣的argument:針對一些極端的”憲法過時論”的說法,一個最好的回應(yīng)是:“憲法不是針對某件具體事情的法,憲法是在抑制人的意志和欲望”。

憲法沒有過時的最核心原因正是,憲法是基于最基本的人性制定的,而最基本的人性是幾乎亙古不變的,而人性不變的底色來自于基因的不變。

另一個最佳的佐證,來自于內(nèi)容行業(yè)。為什么50年前的影視作品,依然有大量00后擁簇?為什么100年前的文學作品,依然有大量的00后熱愛?因為真正打動用戶的作品,都是在最底層的基礎(chǔ)人性產(chǎn)生共鳴,而人性是不變的。所以消費行業(yè)有非常值得跟內(nèi)容行業(yè)學習的部分,當然學習的方式,肯定不是現(xiàn)在市場上充斥的那些所謂”品牌應(yīng)該努力做好內(nèi)容”那種學習(這個我們會開一篇新的來寫)。

最近一個關(guān)于10后的交流方式讓人看不懂的文章火了,各種數(shù)字代碼,各種拼音縮寫,各種emoji。但同樣的故事發(fā)了無數(shù)遍:說00后的時候也說看不懂,說90后的時候也說看不懂,說80后的時候也說看不懂;甚至我現(xiàn)在50多歲的阿姨,我記憶中小時候,外婆在她年輕的時候?qū)λf的最多的就是看不懂她。

每個時代的年輕人話語體系都些許不同,看不看的懂一點也不重要。因為那不代表人性,那只是人類眾多外在的表達方式之一。年輕人在是一個年輕人之前,首先更重要的,是一個人。而大部分人的問題根本不在于看不懂年輕人,而是對人性一無所知,想看懂年輕人,請先學會看懂人。

開始把用戶當人看,用最基本的,最底層的人性去理解用戶,才是你開始能夠擁有正確用戶理解的第一步。之前看到過一個段子,叫做世界上有一個最神秘的群體,叫做年輕人,這些人被冠上了極其臉譜化的特征,他們的喜歡如此一致,每天都有無數(shù)人替他們發(fā)聲。這種臉譜化的”洞察”不僅不能作為你在乎用戶的表現(xiàn),反而是你從未把用戶當作人的表現(xiàn)。我之前說過2個同樣18-25歲的年輕人之間的差別,可能比人和動物之間差別都大。

很多商業(yè)分析,在所有的邏輯的維度,都沒有任何問題;而唯一最大的問題,是他們忽略了人性,在他們的分析中,人只是構(gòu)成商業(yè)系統(tǒng)中的一個基本元素而已,而當驅(qū)動用戶做出決策的最主要的因素“人性”被忽略的時候,所有的分析都將是空中樓閣。

三、尊重用戶,而不是“引領(lǐng)”用戶;而實際上也不存在“引領(lǐng)”用戶的可能

市場營銷學中,有一個很常見的詞,其實非常具有誤導(dǎo)性,它叫做“educate consumer教育用戶”,但實際上,用戶是幾乎無法被教育的。你所看到的那些好像“成功教育了用戶”的現(xiàn)象,其實是因為“發(fā)現(xiàn)了一個用戶本就想要,但沒有人知道的點”。

所謂的被大家稱作“教育用戶”的行為,實際上如果你仔細看,只是試圖在告訴用戶,“我的產(chǎn)品如何能夠很好的/創(chuàng)新的滿足你的需求”,而永遠無法替用戶產(chǎn)生一個他本不存在的需求。

而商業(yè)世界,最可怕的是抱著“我是為你好的”家長心態(tài),從而制造出一種“你媽覺得你冷”的荒誕產(chǎn)品思維。

我們一直說,用戶是唯一的答案,這是評斷一切的最高準則:不要自說自話,不要替用戶做決定,不要俯視心態(tài),不要傲慢的精英主義。

為什么國內(nèi)精釀啤酒沒有做大的機會,跟價格什么根本沒有關(guān)系,很簡單,因為大部分中國用戶就是不喜歡喝。

為什么國內(nèi)植物肉根本就沒有一點機會,跟價格,口感根本沒什么關(guān)系,因為大部分普通用戶根本就找不到任何一個理由去吃,not even one single reason.

為什么精品咖啡的市場天花板低,跟價格什么也沒有關(guān)系,大部分用戶根本不在乎你們神神叨叨的豆子,咖啡風味,水洗,烘培程度這些東西。

然后有一個頭部機構(gòu)的投資人問我說:

難道,你不覺得可以引領(lǐng)用戶么?

我的答案是,不能。而相較之下,企業(yè)更應(yīng)該做的,是尊重用戶。尤其是,在用戶明明已經(jīng)做出反應(yīng)的情況下。

我聽到過無數(shù)的“我們在定義下一個時代的產(chǎn)品/我們在引領(lǐng)用戶進入xxx的全新時代”,這個口號本身沒什么問題,ambitious對于一個企業(yè)家也是一個挺不錯的特質(zhì)。但問題在于,很多人都誤會了“引領(lǐng)”用戶的真實含義:

很多人所說的“引領(lǐng)”用戶的潛臺詞是:用戶在一個錯誤的路上,他們不知道什么好,我在用我廣博的行業(yè)認知和技術(shù)積累去提供一個更好的解決方案,用戶只是還不理解我提供的xxx產(chǎn)品的價值,我要轉(zhuǎn)變他們的錯誤認知,引領(lǐng)他們選擇更好的解決方案。這正是最典型的“你媽覺得你冷”式的產(chǎn)品思維。

你看,每個人在自己的生活中,都無比的抵觸家長”你媽覺得你冷”的行為,然而當進入了商業(yè)世界之后,就完全的失去了作為一個人的最基本的instinct。

但實際上,當用戶表現(xiàn)出對你的產(chǎn)品沒有感知的時候,就意味著你所謂的“更好的解決方案”,只是生產(chǎn)思維下的好,你并沒有在用戶的基本的人性中找到任何共鳴。而用戶永遠沒有辦法通過“教育”或“引領(lǐng)”,從對產(chǎn)品沒有感知變成對產(chǎn)品喜愛。你認為用戶錯了的時候,往往都是你的用戶理解產(chǎn)生了偏差。

這個世界上沒有什么產(chǎn)品的成功,是用戶本來對其毫無感知,然后通過不停的convince用戶獲得成功的。而相反的是,商業(yè)歷史上所有真實發(fā)生過的,那些真正實現(xiàn)了”引領(lǐng)”用戶的成功案例,都是做了一個“用戶本就想要,但之前沒有人知道并提供”的產(chǎn)品。

所有的“引領(lǐng)”用戶都是尊重用戶本就存在的需求而發(fā)展出的結(jié)果,而不是通過教育用戶的舉措而實現(xiàn)的:

福特創(chuàng)立福特汽車,蘋果推出iPhone,星巴克開啟現(xiàn)代咖啡店,從洗發(fā)水進化到護發(fā)素,對應(yīng)的都是,用戶不知道自己要的是汽車,不知道自己要什么樣的智能手機,不知道自己要的是跟朋友交流的咖啡廳,不知道自己除了洗干凈頭發(fā)之外還有保養(yǎng)頭發(fā)的需求。

星巴克創(chuàng)始人舒爾茨的說法是:雖然用戶不知道他們要的跟朋友交流的咖啡廳,但當你把它做出來交給用戶時,他們幾乎在第一時間就愛上了。iPhone也是一個道理,用戶是當下就明白這是我想要的東西,而不是求著用戶,自說自話覺得自己在引領(lǐng)用戶。( 回想一下,最近五年的所謂”科技熱點”,其中有多少,是產(chǎn)業(yè)屆自己在那邊high的不行,用戶們無比冷靜,無動于衷 )。

這些都是原本就根植在他們?nèi)诵灾邢胍?,只是他們不知道,但當你把產(chǎn)品做出來,他們就立刻趨之若鶩。而不是,你做了一個產(chǎn)品,拼命講,拼命夸,用戶也不知道你在講些什么。但你覺得這個產(chǎn)品是真的好,是一次產(chǎn)業(yè)革命,是一次技術(shù)飛躍,用戶還沒get到,還需要被教育,被引領(lǐng)。而用戶的選擇從來就沒有對錯,尤其在生活層面。而即使用戶真的錯了,也不是一個商業(yè)行為能夠改變的 ( 這個我們會在下一篇講到,關(guān)于所謂zeitgeist產(chǎn)生的影響 )。

引領(lǐng)用戶的思維,是精英主義的傲慢,是產(chǎn)業(yè)思維的自high,是從未從內(nèi)心根本性的尊重過用戶的表現(xiàn)。而這樣的思維的人,將永遠無法真的做好產(chǎn)品。

我們之前說過,只有好的“用戶價值理解”才能真正定義好的產(chǎn)品,不是更好的原料,更好的工廠,更好的技術(shù),更好的供應(yīng)鏈,用戶從來不需要一款所謂更好的產(chǎn)品。為什么你覺得你明明做了一個質(zhì)量改良,技術(shù)提升,性價比更高的產(chǎn)品,營銷效果那么差,獲客效率那么低,渠道動銷極其可憐,就算砸錢產(chǎn)品都賣不動,賣給了嘗鮮用戶然后也沒有復(fù)購。

因為你做的根本不是用戶想要的東西,你所謂的“更好”,你所謂的技術(shù)提升,品質(zhì)升級,根本用戶的感知度為0,是一種生產(chǎn)思維下的產(chǎn)物。

一個好的產(chǎn)品創(chuàng)新,從來不是什么技術(shù)創(chuàng)新,不是質(zhì)量改良,是你打中了用戶人性中的某個原本就存在的需求,哪怕只是一個微妙的變動,哪怕只是輕微的技術(shù)含量,做出了一個“用戶本就想要的東西,只是之前沒有人知道并提供”。

而一個用戶本就想要的東西,應(yīng)該是營銷效果好,獲客效率高,渠道動銷快的。

四、Being Right ≠ Being True,拒絕那些“大而正確”的概念

說“正確”的話,是很容易的;說“聽起來正確”的話,那就更容易了。

然而“正確”的話,往往比錯誤的話危害更大。因為那些一下子就很容易被認定是錯誤的話,當然也就因此沒人會注意了;但那些極具迷惑性的“正確而無用”的話,往往更危險,正因為它們看上去“沒有錯誤”,所以很容易被當作正確的認知被相信,而這正是災(zāi)難的開始。

這些“大而正確”的概念,攜帶著巨大的聲量,充斥著輿論世界。但實際上,你不僅不應(yīng)該聽之任之,反而應(yīng)該充滿警惕。我將這些“大而正確”的概念存在的問題大概分為2類:

一類是,聽起來“無比正確”,但其實是錯的;抑或是“正確但并非真實的狀況”,being right ≠ being true;而這才是常常被忽視的;

一類是,不管正確與否,“大而正確”的概念并無法幫助你產(chǎn)生任何有價值的認知。

而不管是哪一類,相信了這些,都會讓你持續(xù)做出糟糕的決策,并且離發(fā)現(xiàn)真正正確的用戶價值越來越遠。

先來看第一類問題,我們簡單舉一個例子:“新一代消費者變得越來越在乎健康”。

新一代消費者并沒有更在乎健康。相反,如果你是一個年輕人,你稍微把自己回歸到一個人的身份中,你就會意識到,你的父母一輩一直以來都比你更在乎健康這件事,你的生活在他們看來跟自殺沒什么分別。你認為無傷大雅的食物或行為,他們覺得無比的不健康;你隱約覺得不那么健康的,他們覺得可能是毒藥一個級別了。

而另一方面,人類對健康的在意程度是亙古不變的,存在于基因里的,占據(jù)了某一定程度的,并不存在什么巨大的LEAP。

不然,為什么父母那一代人當年會捧火蜂蜜蜂王漿等等的一眾營養(yǎng)產(chǎn)品?

不然,為什么祖父母那一代人中會花無數(shù)的錢買一堆詐騙的保健品保健儀?

不然,為什么古代人那么執(zhí)著于煉丹制藥,強身健體,延年益壽?

那么問題出在哪,不是有很多例證么?

  • 因為gluten-free的飲食開始風靡歐美,而它能避免乳糜瀉;
  • 因為oatly燕麥奶為代表的植物基奶開始流行,而它能夠避免乳糖不耐;
  • 因為white claw開創(chuàng)了硬蘇打酒的巨大成功,而它低度又低卡能夠健康飲酒;
  • 因為元氣森林引爆了無糖氣泡水市場,而它的“0糖,0脂,0卡”是健康的代表;

綜上所述,就好像得出了一個看似無比合理的strong argument:消費者越來越在乎健康。

然而,真實情況是:gluten-free存在了幾十年了,它在避免乳糜瀉這一functional層面的作用始終如一,卻始終不溫不火,因為本身有這個需求的人據(jù)估計占全球人類的1%。它是什么時候火起來的呢?大概在2000年之后,被瘋傳是好萊塢明星與運動選手的瘦身秘方,突然爆火歐美飲食屆,無論有沒有乳糜瀉困擾的人,都瘋狂加入。

OATLY的創(chuàng)始人20多年前創(chuàng)立的時候,就是為了解決乳糖不耐;20多年來,產(chǎn)品functional層面的功能屬性始終如一從未改變,而最初的十幾年,始終不溫不火,因為在乎乳糖不耐的人在人類中的比例極低。它是什么時候火起來的呢?在新CEO上任之后,它不再是健康的功能飲品,它變成了向竟然膽敢飼養(yǎng)奶牛,虐待奶牛,增加碳排放的十惡不赦的牛奶企業(yè)的斗士,成了環(huán)保,保護動物福利的人的精神興奮劑。

White Claw的空前成功,跟什么低卡,健康飲酒的關(guān)系微乎其微。我們之前已經(jīng)專門分析過了,感興趣可以看《案例研究 | 空前成功的White Claw和一地雞毛的中國低度酒學徒們》。White Claw也曾經(jīng)明確表示過,第一,它們從來不曾想要什么滿足消費者健康飲酒的期待;他們從消費者那邊獲得了明確的反饋,增加酒精的度數(shù)將提高消費者的購買意愿;并據(jù)此推出了更高度數(shù)的版本。第二,在一個有別于誤差極大的問卷調(diào)查和focus group的消費者研究的模擬消費中發(fā)現(xiàn),健康這一要素在影響購買決策的比例極低。

元氣森林我們也專門分析過,跟健康的關(guān)系更是幾乎為0。感興趣可以看《深度研究 | 不太一樣的元氣森林解讀:成功與隱憂》。元氣森林的核心賣點是:瘦。換言之,如果依然可以瘦,但沒那么健康;我們對銷量一樣樂觀??纯幢=∑沸乱?guī)和新廣告法之前那個時候的碧生源的驚人銷量就知道了。如果只有健康,沒有瘦,那銷量有今天1/10就偷著樂吧。另外,在前面的Rule 2中,我們也提到了除此之外,還有擊中了人性中根深蒂固的不勞而獲的心理。

到這里,你就看出問題在哪里了。我們之前說過,每一個產(chǎn)品身上都有無數(shù)種元素,分析問題的關(guān)鍵,是明白什么是承擔核心作用的要素。然而,商業(yè)分析中最大的謬誤之一:就是僅僅從產(chǎn)品身上所具有的某個要素,在找到所謂”共性”之后,就仿佛發(fā)現(xiàn)了真理,立刻從現(xiàn)象jump into conclusion. 而實際上,每一個組成這些”共性”的背后,核心的驅(qū)動力都各不相同,”共性”只是大家的一廂情愿。

這個list我們可以無限的列下去:

年輕人買益生菌,是健康么?益生菌什么時候開始火的?在尹正暴瘦的故事在小紅書上徹底引爆,全網(wǎng)爆紅,讓他的熱度一度躋身頂流。人們深扒他暴瘦的故事,帶火了他吃的益生菌。

年輕人瘋狂買黑芝麻養(yǎng)生丸,是在乎健康么?年輕人為什么買黑芝麻養(yǎng)生丸?是看重黑芝麻的”潤五臟、益氣力”么?是防脫發(fā)啊!防脫發(fā)的目的是什么?是美啊!跟健康有什么關(guān)系?如果今天世界以禿頭為美了,誰還買黑芝麻丸?

但我們還想借由“元氣森林的火爆為什么完全無法說明消費者變得更在乎健康”,去闡述我們在前面Rule 3中提到,并沒有展開的另一個概念:zeitgeist。這個詞,在詞典中被翻譯成“時代精神/時代思潮”,我覺得太過宏大,我傾向于把它理解為“一個時代的話語共識”。

元氣森林跟健康幾乎沒有半毛錢關(guān)系,跟赤蘚糖醇的關(guān)系更是微乎其微。僅僅是因為“0糖,0脂,0卡”的概念,就贏了90%。But Why ?

50年前,說到體重,占據(jù)話語體系的是什么?

是高脂肪。于是,低脂產(chǎn)品大行其道(背后的故事,已經(jīng)被無數(shù)人講了無數(shù)遍了,美國糖業(yè)協(xié)會和商業(yè)巨頭們對科學的刻意歪曲)。

20年前,說到體重,占據(jù)話語體系的是什么?

是高熱量。于是,低卡產(chǎn)品大行其道(熱量虧空理論盛行,計算食物熱量盛行,仿佛向更科學的方法邁進了一點點)。

而現(xiàn)在,說到體重,占據(jù)話語體系的是什么?

是糖,是高碳水。這個世界已經(jīng)夸張到談糖色變,碳水幾乎承載了所有的罵名。而美國官方營養(yǎng)協(xié)會也正式在居民膳食推薦中,將牛奶推薦從脫脂牛奶變?yōu)槿D獭?

也就是說:一個人,如果他的減重需求程度在過去50年,一絲一毫的從未變過。如果他的健康的重視程度在過去50年,一絲一毫的從未變過。但他的消費行為也將產(chǎn)生巨大的變化。

這個變化是這個時代的zeitgeist的變化導(dǎo)致的,即使消費者對于健康的偏好程度保持exact the same level。

而zeitgeist的變化,是幾乎無法被某一個企業(yè)所改變的。一個更好的案例,來自全球最大的消費品巨頭之一的Unilever:

聯(lián)合利華在去年330億出售立頓所在的茶業(yè)務(wù),在中國市場引起了廣泛的討論和關(guān)注,當然主要因為立頓在中國的知名度。但其實,有一筆金額更大,意義更重的業(yè)務(wù)在2018年同樣被出售,在國內(nèi)引起的關(guān)注卻相對較低,而這正是我們這里想要講的:

2018年,聯(lián)合利華正式以530億,出售了其成立以來,歷史最久的“起家”業(yè)務(wù),年營收超過200億的人造黃油和涂抹醬業(yè)務(wù)。這一部分的業(yè)務(wù)的出售決定合情合理,因為業(yè)績低迷已經(jīng)很多年了,甚至2015年聯(lián)合利華還對此業(yè)務(wù)進行大刀闊斧的改革,依然沒能挽回頹勢。

關(guān)于人造黃油業(yè)務(wù)的出售的原因,分析界對此空前一致:消費者對于“人造食品”的負面看法越來越嚴重,更加偏好自然界的產(chǎn)品,認為其更加健康。當然這不是什么rocket science,原因很容易找到。反映到市場上就是,歐美市場的人造黃油銷量持續(xù)下滑,相反的,天然黃油銷量開始持續(xù)的上升。

然而,是不是“消費者認為人造黃油不健康”就因此能夠推導(dǎo)出“消費者越來越在乎健康呢”?

這里面有一個很重要的部分被忽略掉了,可能是因為年代太過久遠;如果我們持續(xù)向前追溯,你知道人造黃油在一開始為什么會成功么?

它的之所以會成功的賣點竟然是:比天然黃油更健康,并且靠著這個比天然黃油更健康的賣點暢銷了幾十年。

諷刺的部分就是,當年的賣點成了今天的掣肘;而其背后的核心原因是:不是消費者變得更在乎健康,而是zeitgeist的變化。

其中一方面就是,這些年來科學界持續(xù)為脂肪正名,從之前的談脂肪色變,到今天對優(yōu)質(zhì)脂肪補充的提倡。黃油作為最佳的天然脂肪來源之一,成為了推崇而不是災(zāi)難。媒體界的傳播也發(fā)生了極大的轉(zhuǎn)彎。而這一切都不是任何一個企業(yè)能夠改變的,即使是像聯(lián)合利華這種全球消費巨頭。

因此,一個消費者在過去幾十年,即使它對于健康的在意程度未曾發(fā)生一絲一毫的變化,始終保持在exact the same level,他在黃油的消費行為也會發(fā)生巨大的轉(zhuǎn)變。

同樣的,除了鼓吹健康之外,什么“今天的消費者從悅?cè)说綈偧旱霓D(zhuǎn)變”,“消費者將越來越在乎環(huán)?!?,“消費者的消費從功能性到精神性轉(zhuǎn)變”,幾乎每一個都是胡扯。就不一一展開了,我們挑其中一個,用來闡釋我們下一個重要的觀點。

“今天的消費者從悅?cè)说綈偧旱霓D(zhuǎn)變”。

消費者不是在今天從悅?cè)说綈偧旱霓D(zhuǎn)變。

早在100多年前,香奈兒第一次創(chuàng)立CHANEL的時候,是對消費者實現(xiàn)了從”悅?cè)恕钡健睈偧骸钡膯⒚桑源讼M者已經(jīng)“悅己”了上百年了。

實際上你只肯要稍微花一秒鐘,用一個普通人的視角看看人類的整個消費行為,就可以發(fā)現(xiàn)很多消費從Day1都是為了愉悅自己的?!睈偧骸笔歉畹俟痰目淘谌祟愖运降幕蚶锩娴模皇墙裉觳懦霈F(xiàn)的。

但即使這樣,人類更永遠不可能擺脫“悅?cè)恕钡男袨?,社會評價對人的影響也幾乎是刻在人類基因里的,腦神經(jīng)科學的專家已經(jīng)指出,別人的評價是會立刻點亮你大腦神經(jīng)中的興奮區(qū)的,這個作用是無比巨大。然而,你不應(yīng)該需要知道這些知識,僅依靠一個普通人的常識就應(yīng)該知道,到底內(nèi)心多強大的人才可以擺脫“悅?cè)恕钡南M行為,不要給出一個自欺欺人的答案。除非你的產(chǎn)品target consumer是人類的0.001%,這個胡說八道的洞察對你一點用都沒有。

你閉著眼睛也猜得出,這類的consumer insight是怎么得出的。它背后對應(yīng)的價值體系,無非是人的“獨立”,“自主”,“做自己”;因此,在消費行為上更悅己?!白鲎约骸边@個話聽起來無比正確,但毫無價值。

抖音上,隔三差五就會有一個話題沖上全網(wǎng)熱搜,每次名字都不太一樣,一會叫“拒絕容貌焦慮”,一會叫“與素顏和解”。如果你點開參與列表,按照點贊高低排序往下滑,劃到你手指抽筋,你也只會看到幾乎所有參加的人都是比普通人好看很多的人,幾乎看不到任何真正容貌焦慮的人參與。

“做自己”是一個極其荒謬的提倡,它就是如此的毫無道理,又如此政治正確。

而這個得到糟糕洞察的過程中存在的巨大問題,就是我們這部分最核心的觀點:

Being Right ≠ Being True,因為人類幾乎從來不是”正確的”在生活。

人類從來都不是靠著做出正確決策每天生活的。那些無比正確的話,之所以無法成為真正的用戶理解和洞察,就是因為他們太過正確。

大部分人,小時候不好好學習,長大了不好好工作,結(jié)婚了不好好經(jīng)營家庭:想想你讀大學的時候,多少小學同學還有在繼續(xù)讀書;想想你在了一個每年招幾千個那么多人的BAT都竟然被大部分人莫名認為是“精英”;大部分人類在人生重大決定上面都無法做出正確的決策,你期待他們在消費娛樂上做出正確決策?想想你自己的生活里做過多少錯誤的決策。人類是一個會持續(xù)做出一些錯誤決策的生物,只要這個錯誤的不是在生物層面上危害到基因的存在。

人類的行為也幾乎從來都不是fact驅(qū)動的;陰謀論,神話,玄學,迷信,故事,幾乎每一個都比fact對人類更有效。

美國社會現(xiàn)在有一個很糟糕的現(xiàn)象叫:We’re so sick ofpeople being offended。你幾乎很難跟人進行正常的對話,因為你必須保證你說的話正確,但做到這無比困難。如果正確是人類的自然的生活方式,為什么困難?就是因為,人類無法”正確”的生活,people are not born flawless。

我一度最不認同的一個詞,叫做“智商稅”。如果你曾經(jīng)在任何商業(yè)研究層面,而非個人生活層面,使用過“智商稅”這個詞,那么,你幾乎從未看懂過消費行業(yè),甚至整個2C行業(yè)。因為being irrational is not stupid,it’s human.

你要能夠意識到:

  • 迷信 vs 科學, 永遠是迷信勝利;
  • 陰謀論 vs 理性,永遠是陰謀論勝利;
  • 放縱 vs 自律, 永遠是放縱勝利;
  • Keep vs 元氣森林,永遠是元氣森林勝利;
  • 拖延 vs 準時,永遠是拖延勝利;
  • 立flag vs 付諸行動,永遠是立flag勝利。

因此,當你看到什么“消費者會越來越在乎環(huán)保”,“消費者會越來越悅己”,“消費者會越來越在乎健康”,“消費者會越來越理性”etc,充滿著無比正確的意味,但卻毫無“人味”的洞察,你應(yīng)該做的不是相信,而是警惕。

除非你想做的不是那些目標人群是主流人類的生意,而是那些the loud minority的生意,in that case,完全沒有問題;但千萬不要騙自己,說這就是主流用戶的需求。更加不要騙自己說,這是做了多少個用戶問卷調(diào)查的結(jié)果。

要知道:能夠在問卷調(diào)查中得到什么樣的答案,幾乎在當你確定了如何phrase your question的時候,就已經(jīng)幾乎90%的決定了你會得到什么樣的答案了。

作者:人本商業(yè)評論
轉(zhuǎn)載請注明:人人都是產(chǎn)品經(jīng)理

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號: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è)計公司

如何做好用戶故事?學會讓用戶幫你“帶貨”

ui設(shè)計分享達人

其實用戶故事還是由人物故事演化而來。

傳統(tǒng)的人物故事主人公一定是一個響當當?shù)拿耍辽偈亲龀隽四撤N貢獻的,并且這類的內(nèi)容傳播目的并不在于轉(zhuǎn)化或“帶貨”,而是為了傳遞某種價值觀。

或許我們可以把傳統(tǒng)的人物故事稱為“名人傳記”。

到現(xiàn)在,越來越多的企業(yè)、品牌,甚至是個人IP都在做用戶案例故事,而這類內(nèi)容與傳統(tǒng)人物故事恰恰相反:

  1. 主人公可能是個名不經(jīng)傳的小人物
  2. 除了體現(xiàn)正向價值觀,還另有目的
  3. 內(nèi)容調(diào)性更接地氣

那么,如何讓用戶幫你的產(chǎn)品講好故事,賣得更好?接下來從三點展開說說。

一、明確做用戶案例故事的目的

以目的為導(dǎo)向,在決定做用戶故事/用戶案例分享前,首先要明確:

  • 為什么要做用戶案例故事的項目?
  • 希望通過用戶故事達到什么目的/效果?

一般做用戶故事,我們所期望達到的效果不外乎是以下三種:

1)品牌宣傳

通過用戶故事達到品牌曝光和宣傳的效果,讓用戶知道我們的品牌、知道有這么一個產(chǎn)品。

B端產(chǎn)品,且對接客戶是比較有名的公司,會比較適合使用客戶故事來進行品牌宣傳。

比如:影刀RPA、三維家。

內(nèi)容結(jié)構(gòu)一般是某大公司使用了我們的產(chǎn)品,解決了什么問題,達到了一個怎樣的驚人效果。

2)產(chǎn)品介紹

這類產(chǎn)品的功能或許比較多,借助用戶故事來介紹產(chǎn)品及其功能的使用場景,并根據(jù)不同的用戶使用場景來給出具體的解決方案。

比如:印象筆記、訊飛智能錄音筆。

一般內(nèi)容結(jié)構(gòu)是用戶在某類場景下遇到什么難點,如何使用產(chǎn)品,達到了什么目的/收獲了什么。

3)種草營銷

如果是為了營銷,讓用戶種草某類產(chǎn)品而輸出用戶故事,那么此類故事要深究用戶的痛點和爽點,這樣才能精準打動用戶,促使用戶進行下一步的使用、購買等轉(zhuǎn)化動作。

比如:微眾銀行(理財產(chǎn)品)、人人都是產(chǎn)品經(jīng)歷(付費課程)。

值得一提的是,像小紅書的種草筆記也是很不錯的素材,但對于種草軟文來說篇幅略短,需要擴寫。

一般內(nèi)容結(jié)構(gòu)是用戶使用產(chǎn)品前后的對比、反轉(zhuǎn),給人一種出其不意的效果,讀者看了后會覺得很爽,也想達到一樣的效果。

二、如何收集用戶素材并策劃用戶故事?

用戶故事的素材來源一般有以下幾個方式:

1)用戶投稿

最簡單快捷的方式就是由用戶自行撰寫,當然如果能提前跟用戶溝通好主題、確認好內(nèi)容框架,并且用戶文筆還不錯,那自然是最好的。但這個方式對用戶的門檻還是比較高的。

如果用戶故事想要追求真實性、接地氣,這類素材是最合適的。要是真能遇到一個很不錯的故事,還可以由官方再次編輯再進行傳播。

素材收集渠道:官方自有投稿渠道、用戶外部平臺分享(如小紅書、微博、豆瓣等)。

2)征稿活動

策劃征稿活動,明確內(nèi)容主題、內(nèi)容要求,由用戶輸出,再由官方進行二次創(chuàng)作。

二次創(chuàng)作的方式一般有2種:

①一篇長文

長文形式一般是在用戶原創(chuàng)的基礎(chǔ)上(此類用戶的創(chuàng)作水平一般,文案多以流水文形式呈現(xiàn)),對排版、邏輯、結(jié)構(gòu)進行打亂重建,讓文章結(jié)構(gòu)整體更具邏輯性及可讀性,并突出產(chǎn)品優(yōu)勢,必要時可能需要加上一些“夸張手法”。

②一個專題

從大量稿件中篩選一批有相同點的精彩內(nèi)容,由官方匯總成專題,并加上官方導(dǎo)語、前言或結(jié)語等。這種形式的工作量會輕松很多,并且豐富性更強。

征稿方式:公眾號、官方社區(qū)、核心用戶群等官方自有陣地發(fā)布征稿活動。

3)征集話題

以話題形式征集用戶案例素材,官方借用相關(guān)案例進行原創(chuàng)輸出。

手段跟征稿活動的方式差不多,但活動形式較后者更輕。話題討論對用戶和運營方的壓力都不大,并且對運營方來說可創(chuàng)作的自由性更大。

形式同樣可以長文或?qū)n}的結(jié)構(gòu)來呈現(xiàn),如果是專題,只需要把比較精彩的內(nèi)容呈現(xiàn)出來即可;如果是長文,需要提煉主觀點,再結(jié)合產(chǎn)品進行小觀點的闡述。

征集方式:公眾號、官方社區(qū)、核心用戶群等官方自有陣地發(fā)布話題征集活動。

4)核心用戶采訪

這類素材是最真實、最有說服力的,但同時操作難度也是比較大的,并且還有一個隱形問題,就是你辛辛苦苦做了人物采訪,好不容易輸出了一篇自認為很優(yōu)秀的用戶故事,但讀者卻不這樣認為,各項數(shù)據(jù)可能都不會太好看。

但這類用戶故事是最適合做品牌宣傳的。因為你做了一個很高大上的東西出來,無論是掛在公司網(wǎng)站首頁,還是用來推廣產(chǎn)品,這都可以作為一個品牌的門面。

在方式上來說,可以采用問卷的形式,最終文稿還是由官方撰寫。問卷的形式最簡單便捷也是使用互聯(lián)網(wǎng)工作風格的。

對于使用產(chǎn)品的核心用戶,他們既不會自行撰寫,也不會參與任何的話題討論,但是典型的使用用戶,那么可以根據(jù)他們對產(chǎn)品的使用習慣,提出相關(guān)的問題,以問卷或邀約訪談的方式進行了解他們對產(chǎn)品的使用感受。

三、我們能給到用戶什么?

對于提供案例故事的用戶,最好能由官方給與一定的獎勵,哪怕是由用戶自發(fā)輸出的內(nèi)容,也應(yīng)當給與一定的回應(yīng),會顯得品牌方更有人情味。

當然獎勵不一定非要實物獎勵或金錢獎勵,有時候一個肯定或感謝也能讓用戶感到很暖心。

一般回饋用戶不過就是“老四樣”:

1)金錢獎勵

根據(jù)用戶參與的程度、提供素材的豐富度、故事的完整度等設(shè)定不同等級的金錢獎勵標準。

2)物質(zhì)獎勵

對于參與的用戶,可以獎勵一些產(chǎn)品周邊、紀念品等實物。

3)榮譽獎勵

設(shè)置一些徽章、頭銜名稱給到用戶,比如xx代言人,xx宣傳官等。

4)流量獎勵

給與一些運營位、廣告位宣傳參與的用戶或其公司,類似異業(yè)合作,此類獎勵適用于小有名氣的kol或商家用戶;

如果是B端產(chǎn)品的用戶,還可以有“人脈獎勵”,即搭建核心用戶社群或舉辦線下交流會,定期舉辦一些課程、培訓(xùn)等,不僅能幫助用戶搭建人脈橋梁,還能讓用戶有收獲知識的快感。

作者:啊懶運營筆記
轉(zhuǎn)載請注明:人人都是產(chǎn)品經(jīng)理

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號: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è)計

seo達人


一、座艙體驗的三要素

用戶體驗設(shè)計首先字面意思是用戶+體驗。

圖片

圖片

01 座艙內(nèi)的用戶除了駕駛員還要考慮非駕駛員, 非駕駛員也有多種角色:老人/兒童/青年。

圖片

02 體驗:用戶發(fā)生使用操作的感受。

但實際用戶體驗一定是脫離不了場景的,場景是用戶發(fā)生行為的一個大環(huán)境。

03 考慮場景的時候除了考慮的當下現(xiàn)實場景還有未來場景。

圖片

場景案例:充電全屏展示充電信息

圖片

場景案例:導(dǎo)航交互體驗,先展開詳細信息,然后再收起信息

圖片

場景案例:蔚來的360泊車系統(tǒng)開啟時不能喚醒nomi

圖片

而且產(chǎn)品的研發(fā)和功能創(chuàng)新,用戶的體驗都是依據(jù)場景體系建立的。所以HMI設(shè)計過程當中,場景體系化的建立尤為重要。

 

 

二、智能座艙的場景體系化搭建

1、搭建流程

圖片

01 場景發(fā)掘:競品分析、用戶畫像定位、產(chǎn)品定位、用戶旅程圖

場景發(fā)掘首先要把場景和使用的用戶做定位,結(jié)合實際項目進行用戶畫像定位,確定場景主題,尋找到目標用戶進行實車訪談和拍攝。

圖片

02 場景數(shù)據(jù)細化:網(wǎng)絡(luò)數(shù)據(jù)、用戶訪談、實車測評數(shù)據(jù)、常見高頻數(shù)據(jù)

這一步主要是把用戶訪談收集上來的數(shù)據(jù),進行拆分和細化,然后篩選出有價值的數(shù)據(jù)進行錄入。

用戶訪談數(shù)據(jù)錄入到數(shù)據(jù)庫里,產(chǎn)品經(jīng)理和設(shè)計師會針對收集上來的用戶反饋,進行痛點/和爽點的挖掘。提出需求解決方案。

圖片

03 場景應(yīng)用設(shè)計:原型設(shè)計、界面設(shè)計

基于場景的應(yīng)用設(shè)計會分為兩個步驟、一個是原型設(shè)計、一個界面設(shè)計、原型設(shè)計時我們更多是組內(nèi)評估、找專家來提供指導(dǎo)性意見,到了界面設(shè)計時候除了專家評審、可以做出demo給用戶進行測試來獲得反饋。

圖片

04 場景走查還原場景

在設(shè)計方案產(chǎn)出完成之后,給用戶還原到我們發(fā)掘的場景去進行走查,根據(jù)用戶旅程圖查看有沒有遺漏的用戶場景和不同的用戶反饋。

圖片

 

2、搭建工具

整個智能座艙的場景體系化搭建需要幾個工具,競品分析、用戶畫像定位、產(chǎn)品定位、用戶旅程圖。

用戶調(diào)研方法有很多,我們需要掌握(調(diào)查問卷、用戶畫像、用戶體驗地圖、用戶訪談、焦點小組、)

今天核心介紹使用頻率最高的三種用研方法。

2.1 用戶旅程圖

關(guān)注用戶在駕駛階段的行為、方式、心情、痛點、期待。

關(guān)鍵步驟:

① 設(shè)定場景、目標、期望(用戶畫像)

② 確定行為路徑

③ 建立核心地圖

④ 包裝地圖

⑤ 繪制故事板

圖片

2.2 可用性測試

可用性測試已經(jīng)成為獲得用戶反饋的流行手段,主要因為他們上手快,能快速反應(yīng)出問題。

關(guān)鍵步驟:

① 明確測試目的

② 問卷框架的設(shè)計

③ 投放調(diào)研問卷

④ 組織測試

⑤ 整理輸出結(jié)論

圖片

2.3 5W+1H法則

5W+1H 是選定的項目、工序或操作,可以從原因(Why)、對象(What)、地點(Where)、人員(Who)、時間(When)、方法(How)等六個面進行思考。

① 原因—立項背景?

② 對象—什么功能?

③ 地點— 什么場景下?

④ 人員–駕駛員?/非駕駛員?

⑤ 時間–什么時機?哪個流程之后?

⑥ 如何–什么方式操作?

圖片

 

 

三、細化座艙用戶體驗的三階段

1、用戶體驗的三階段

體驗的時間性有三個主要組成成分,及熟悉程度、功能依賴和情感依賴。

圖片

1.1 初識體驗:

我們在產(chǎn)品使用初期的階段,都會對產(chǎn)品有個使用預(yù)期。例如期望產(chǎn)品能提供一個好的體驗,或者怕產(chǎn)生不好的體驗。

圖片

1.2 使用體驗:

使用體驗分為兩個階段:使用產(chǎn)品初期和使用產(chǎn)品深度期

進入到車內(nèi)試駕或者試乘,試駕員和銷售除了會讓用戶體驗車機的基礎(chǔ)功能外,主要介紹的就是和競品車型的競爭功能。

產(chǎn)品深度體驗期的時候,長期的可用性變得更加重要,而不是最初的易學性。從而產(chǎn)品的實用性成為影響我們整體評估判斷的主要因素。

1.3 獲得體驗:

最后,當我們接受了產(chǎn)品,在我們的日程生活中它參與了我們的社交活動。成為了生活當中的固定解決問題的工具,這個階段產(chǎn)品體驗就具有可識別性了。

 

2、體驗的三條路線

圖片

2.1 體驗線路是感官線

我們現(xiàn)在座艙內(nèi)的交互感官有、觸感、聽感、視覺、嗅覺、語音。用戶在人機交互的時候第一時間獲得直觀感受。

2.2 體驗線路是情感線

情感線是諾曼強調(diào)感情在塑造體驗中的重要性。比如燈光秀、寵物模式、和擬人化的汽車助手。帶給用戶都是情感上的滿足。這些情感構(gòu)成了與汽車的首次互動體驗。

圖片

2.3 體驗線路的流暢

就像C端和B端一樣,我們交互體驗的線路效率和流暢程度,能給用戶增強駕駛樂趣?;蛘咦畲笙薅葴p少信息元素的干擾,讓駕駛員沉浸在當下。

圖片

 

3、把握用戶體驗的多樣性

3.1 個人價值觀的差異

首先個人的因素,因為我們成長的環(huán)境不同,造成了對價值觀的差異,有的人喜歡刺激新穎的產(chǎn)品,有的人喜歡乏善可陳的產(chǎn)品。

圖片

3.2 產(chǎn)品屬性問題

第二可能是產(chǎn)品屬性的問題,游戲產(chǎn)品帶給用戶就是不斷的快感刺激,工具類型的產(chǎn)品用戶使用流程流暢會更好。

圖片

3.3 跟隨時間線的體重心變化

用戶的使用體驗對于時間的變化,通過用戶旅程圖,他們對產(chǎn)品的關(guān)注點會產(chǎn)生變化,例如用戶剛開始對產(chǎn)品互動中更關(guān)注新的功能和刺激的體驗。但在使用過一段時間后他們可能不會再關(guān)注他的新穎程度,更關(guān)注產(chǎn)品的實用性和效率。所以需要我們在不同的使用階段重新幫助用戶提升體驗。

圖片

 

原文地址:七醬設(shè)計筆記

作者:郝小七

轉(zhuǎn)載請注明:學UI網(wǎng)》基于智能座艙場景的用戶體驗設(shè)計

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號: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è)計公司



圍繞應(yīng)用生命周期的編排設(shè)計

純純

什么是圍繞應(yīng)用生命周期的編排設(shè)計

圍繞應(yīng)用生命周期的編排設(shè)計是一種企業(yè)級技術(shù)產(chǎn)品設(shè)計策略。

它的核心是要解決設(shè)計師很難上手企業(yè)級技術(shù)產(chǎn)品,且更加難以找到體驗設(shè)計機會點的問題。我們是一群工作在企業(yè)級技術(shù)產(chǎn)品領(lǐng)域里的設(shè)計師,同時也是掘金者,這篇分享即是我們在企業(yè)級技術(shù)產(chǎn)品領(lǐng)域里探索的一些方法總結(jié)。

 


當設(shè)計遇上技術(shù)

工作現(xiàn)狀

在我們?nèi)粘9ぷ髦?,和技術(shù)產(chǎn)品 PD 聊需求是一件非常痛苦的事情,他們講的每一個字都認識,但是組合起來就不知道是干什么的了,因此設(shè)計師也很難去想象用戶是怎么在用這些功能。

因此相較于 C 端產(chǎn)品來說,B 端的技術(shù)產(chǎn)品目前還處于基本可用的狀態(tài),更談不上什么體驗了。

 

分析原因

究其原因,我們總結(jié)有三點:

① 這些產(chǎn)品大多數(shù)都是由技術(shù)來主導(dǎo),功能優(yōu)先

② 設(shè)計在整個流程中都處于非常被動的狀態(tài)

③ 設(shè)計與技術(shù)之間存在一定的專業(yè)壁壘,技術(shù)往往比較抽象難以理解

同時,我們的用戶并不是客戶,用戶不能根據(jù)自己的意愿喜好選擇產(chǎn)品。用戶隱藏在企業(yè)內(nèi)部,設(shè)計師日常中很難接觸到真實用戶。另一方面,用戶的技術(shù)專業(yè)背景與設(shè)計師的專業(yè)存在鴻溝,這使得設(shè)計師對用戶需求的理解也不夠深,所以說在這種環(huán)境隔離和語境不通的狀態(tài)下,設(shè)計師其實難以和用戶構(gòu)建同理心。

 

能做的事

在這種狹小的設(shè)計發(fā)揮空間里,我們能做什么呢?

其實我們設(shè)計師有明顯的優(yōu)點:

比較擅長找規(guī)律找方法,有破局意識,從而能夠發(fā)現(xiàn)設(shè)計的機會點。


 

企業(yè)級技術(shù)產(chǎn)品設(shè)計探索

發(fā)現(xiàn)規(guī)律

所以我們回過頭看一下之前做過的這些產(chǎn)品和功能,從它們的作用對象、出現(xiàn)時間、用戶目標、用戶行為這四個維度對他們進行歸納和總結(jié)。

我們發(fā)現(xiàn)這些產(chǎn)品具有很強的階段性,通過不同的產(chǎn)品來支撐各個階段下的用戶目標。用戶通過產(chǎn)品的功能來實現(xiàn)各種編排動作,例如對應(yīng)用本身代碼的編排、對應(yīng)用依賴的底層資源的編排,從而支撐用戶應(yīng)用的生命周期。

因此企業(yè)級技術(shù)產(chǎn)品具有以下四個特點:

  • 階段性

  • 驅(qū)動性

  • 流程性

  • 抽象性


提出策略-圍繞應(yīng)用生命周期的編排設(shè)計

首先我們要針對這四個特性進行一輪判斷,了解這個產(chǎn)品的場景,場景下對應(yīng)的角色,每個角色執(zhí)行的是單線還是多線任務(wù)流,以及任務(wù)流是由哪些功能支撐。經(jīng)過這層判斷之后再定位具體問題:

① 每個階段的目標是什么

② 階段下每個角色各自的小目標又是什么

③ 任務(wù)要對應(yīng)用還是應(yīng)用相關(guān)的內(nèi)容進行編排

④ 產(chǎn)品的功能是如何實現(xiàn)的


當找到這些問題的答案以后,我們就可以對產(chǎn)品的上下游場景進行編排,明確各階段的側(cè)重以及上下游場景的限制條件;對角色進行權(quán)限分配以及協(xié)作觸點的確定;將任務(wù)流從起點到過程再到結(jié)果進行梳理;以及最后通過對底層技術(shù)的理解,合理編排產(chǎn)品信息架構(gòu)和界面內(nèi)容。

為了能夠更加高效的完成以上信息的收集和處理,我們沉淀了 CMTD 四個小工具。

 

策略詳解

C 是 Collaboration,協(xié)同場景,主要回答四個問題:When、What、Who、Where。

① When:用以明確產(chǎn)品所處階段以及上下游階段,以全鏈路的視角看用戶的完整使用場景,因為產(chǎn)品往往可能只是解決用戶部分場景的問題

② What:定義當前場景的階段目標以及要做的事情

③ Who:當前階段的事情由哪些角色參與

④ Where:這些角色在線上或線下是如何配合協(xié)作的

例如我們要做一個技術(shù)產(chǎn)品,通過 Collaboration,我們知道它覆蓋了發(fā)布階段、日常運維階段,目的是把經(jīng)過測試的應(yīng)用發(fā)布上線并進行日常維護,主要是運維人員配合研發(fā)人員和發(fā)布經(jīng)理完成線上的問題排查和線下配置文檔的交接,我們就能比較清楚的知道我們要做的是一個運維平臺。

 

M 是 multi-role,多角色,主要用以分析產(chǎn)品是由哪些角色共同協(xié)同驅(qū)動的。

與 C 端產(chǎn)品不同的是,我們除了對核心角色的自然人屬性進行洞察,還要定義清楚該角色的目標有哪些,目標對應(yīng)的任務(wù)流以及支撐的功能和權(quán)限。并且企業(yè)級技術(shù)產(chǎn)品往往都不是一個角色就能完全執(zhí)行完成,所以該角色的上下游角色也要摸清之間的協(xié)作觸點在哪里。

多角色的信息我們可以通過在客戶現(xiàn)場或者用戶訪談來收集,并沉淀為用戶角色庫。

基于收集來的用戶信息,來定義我們產(chǎn)品的角色:

 

T 是 Task flow,任務(wù)流。任務(wù)流一定是基于一個用戶角色的某個目標,來定義任務(wù)的起點-過程-結(jié)果。

起點就是界面上用戶的操作入口,過程需要包含觸發(fā)操作、自操作、條件判斷以及是否有協(xié)作角色參與進來,在結(jié)果處除了提供結(jié)果反饋還要提供下一任務(wù)的去向入口,幫助用戶把流程串聯(lián)起來。

任務(wù)流可以借助現(xiàn)有流程的走查或按照 T 模型來梳理任務(wù)流信息,從而幫助我們更好的定義一條用戶的任務(wù)流是如何執(zhí)行的。

例如我們要做的運維平臺的產(chǎn)品,核心角色是運維,他其中的一個目標是為應(yīng)用創(chuàng)建工作空間。按照 T 模型,我們可以很方便的將這條任務(wù)流定義出來。

 

D 是 deep ,深化。主要從兩個維度展開:技術(shù)架構(gòu)和邏輯原理。這是兩個在做技術(shù)產(chǎn)品的過程中經(jīng)常會接觸到的兩個概念。

在分析技術(shù)架構(gòu)時,我們可以重點關(guān)注兩個點:看由哪些功能模塊構(gòu)成,這些功能之間的靜態(tài)結(jié)構(gòu),是包含關(guān)系還是依賴關(guān)系。分析邏輯原理,一是了解這些功能產(chǎn)生的實例,是一對一的關(guān)系還是一對多的關(guān)系,信息或流量在這些功能模塊之間如何流轉(zhuǎn)。通過這些分析,我們可以把掌握的功能特征和邏輯規(guī)律。

舉例來說,運維平臺的核心角色運維人員需要為應(yīng)用創(chuàng)建工作空間,按照梳理出的任務(wù)流,用戶需要經(jīng)過3次跳轉(zhuǎn)7步完成,那這個是否還有優(yōu)化空間呢?

我們可以從 Deep 深化的角度入手,看這條任務(wù)流是由哪幾塊功能支撐的。例如工作空間內(nèi)包含網(wǎng)絡(luò)和安全組,安全組內(nèi)包含負載均衡和虛擬機。就像我們了解汽車的制動裝置,看到裝置內(nèi)包含氣室,氣室內(nèi)包含活塞體、密封墊,密封墊連接在推桿上。

再從邏輯原理圖入口,了解流量會先按照工作空間進行隔離,從工作空間走專有網(wǎng)絡(luò)還是經(jīng)典網(wǎng)絡(luò),網(wǎng)絡(luò)將流量分發(fā)到安全組,安全組里的負載均衡會負責調(diào)配流量到虛擬機。他們之間層層遞進互相依賴。就像汽油從油箱到達制動裝置,在發(fā)動機里和空氣一起被壓縮燃燒后能量轉(zhuǎn)化轉(zhuǎn)送到動力裝置一樣。

通過上面的分析我們了解到這幾個功能其實是緊密關(guān)聯(lián)的,用戶沒有必要分散到不同的地方進行添加和創(chuàng)建,完全可以借助流程表單和抽屜把他們串聯(lián)在一起。

因此我們找到優(yōu)化體驗的機會點,把之前需要三次跳轉(zhuǎn)7步完成的任務(wù)流,優(yōu)化到1個入口5步完成。

 


總結(jié)回顧

企業(yè)級技術(shù)產(chǎn)品有四個特性:階段性、驅(qū)動性、流程性、抽象性。通過 C、M、T、D 四個小工具來幫助我們收集和歸納信息,實現(xiàn)對上下游場景的編排、角色的定義、任務(wù)流的編排以及界面的編排。



作者:Ant_Design    來源:站酷

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號: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è)計師必看的保姆級間距控制規(guī)范!

純純

前言

很多時候,我們發(fā)現(xiàn)自己精心設(shè)計的作品總是亂亂的感覺,究其根本,大部分都是文字、圖形、色彩處理不當,后續(xù)的優(yōu)化調(diào)整也都圍繞著這幾點進行,這也是為什么設(shè)計師在制定設(shè)計規(guī)范的時候,會把文字(標題、正文、提示的字號)、色彩(主色、輔助、點綴、漸變的使用場景)規(guī)范分的很細。然而,有時候即便用好了規(guī)范,依然沒達到理想的視覺效果,這里就要提到設(shè)計規(guī)范中很少有人關(guān)注、且非常容易被忽視的「間距」問題。
優(yōu)秀的界面設(shè)計應(yīng)該體現(xiàn)在每個維度,間距在設(shè)計中也是不可缺少的部分,尤其是界面元素較為密集時,需要對間距的使用掌握得當,合理的利用間距留白,能將信息更高效的傳達給用戶。
文字、圖形、色彩是UI設(shè)計的三大組成元素,間距即是這幾種元素結(jié)合的媒介,如何通過間距給用戶帶來更舒適的視覺體驗是設(shè)計過程中極其重要的一環(huán),那么你所理解的間距到底是什么、有什么作用、如何合理有效的使用?筆者進行了整理總結(jié),通過本篇文章揭曉。

分享目錄

一、間距在UI中的重要性
二、定義文字間距
三、定義元素/組件間距
四、定義模塊間距
五、間距的使用技巧及原則
六、結(jié)語

一、間距在UI中的重要性

1.什么是間距?

間距指的是界面各元素彼此相隔的距離,可以是文字自身的行距、與圖片、與組件、與模塊的間距,或是界面兩側(cè)的安全距離(如網(wǎng)頁的寬度為1920px,內(nèi)容區(qū)為1400px,那么安全距離為兩側(cè)各260px)等。
作為UI設(shè)計師,在設(shè)計界面的每一個元素都需要考慮到上、下、左、右以及毗鄰元素的屬性來合理調(diào)整間距,利用各間距之間的規(guī)律來組織界面內(nèi)容,確保信息的節(jié)奏性,給用戶輕松、預(yù)約的瀏覽體驗。


2.間距的實際作用

間距可以讓界面信息更有節(jié)奏,提升內(nèi)容的可讀性,還能通過不同的疏密程度來闡述各元素之間的關(guān)系,以吸引用戶的注意力,所以在控制界面間距時,一定要有“較真”的心態(tài),任何一次的改動與調(diào)整都要先考慮清楚為什么,能給產(chǎn)品和用戶帶來什么。要做好間距,不能僅停留在視覺層面,需要進行多方面思考。
設(shè)計師層面:規(guī)范的定義間距,不必每個元素都去考慮間距的大小,有效減少決策和思考時間,提升效率。
開發(fā)層面:開發(fā)可以按照基礎(chǔ)間距去定義變量,長期如此,雖然不能煉成像素眼,但僅憑視覺也能看出間距的倍數(shù)。例如基礎(chǔ)間距以8px增量,在使用8px、16px、24px、32px、48px...等,開發(fā)直接使用基礎(chǔ)間距x1、x2、x3...,以此類推,在開發(fā)眼中,肉眼定然看不出1px的差別,但卻能區(qū)分出8px的差距,不必每次都去測量,還能減少誤差,高度還原設(shè)計效果。
用戶層面:有節(jié)奏且具備一致性美感的界面效果,信息的有效傳遞變的輕松,用戶體驗?zāi)艿玫胶艽蟪潭鹊奶嵘?


3.間距的統(tǒng)一性

設(shè)計規(guī)范的目的是提升設(shè)計師的工作效率、團隊之間的高效溝通、讓設(shè)計風格始終保持高度統(tǒng)一。同理,間距也是設(shè)計規(guī)范中非常重要的一環(huán),它作為規(guī)范中的最小單元,如果沒有遵循統(tǒng)一,將會直接影響界面整體的版式和布局,信息的疏密程度嚴重影響用戶的瀏覽。不僅是設(shè)計師,開發(fā)每次面對同樣的模塊都需要定義不同的間距也是崩潰的,毫無規(guī)律可循。
統(tǒng)一的間距能讓界面的視覺效果更有節(jié)奏,設(shè)計師在設(shè)計某些相似的模塊時可直接復(fù)用組件,即便是多人共同完成同個項目或更換成員,也不會因間距不統(tǒng)一的問題造成整個APP的風格混亂。
對開發(fā)來說,如果清楚間距的使用規(guī)律,即便有小的誤差,也能自行更正,例如使用8px增量,8、16、24...按倍數(shù)規(guī)律以此類推,若出現(xiàn)9的間距,開發(fā)會更正為8、15則會更正為16,自行多退少補,雖然設(shè)計師需要細心、盡量不出現(xiàn)這種小的出入,但任何事情都沒法做到絕對,統(tǒng)一的間距能讓減少設(shè)計的出入以及與設(shè)計師之間的頻繁溝通,能進一步提高開發(fā)效率。


▲ 從上圖可以看出,間距不規(guī)范、信息就像一鍋粥,而規(guī)范的使用間距就能將信息自動分組。

二、定義文字間距

文字是UI設(shè)計中非常重要的信息元素,雖然大多數(shù)設(shè)計師對文字的屬性比較了解,但在真實設(shè)計中總會因其他信息的干擾不能合理運用,與上線后的視覺效果預(yù)期相差甚大。文字的各種間距處理看似簡單,但實際上有很多因素要考慮,例如字間距、行高、段落等,下面帶大家一起了解。

1.字符間距

字符間距一般都是設(shè)計工具的默認數(shù)值,無需調(diào)整。當碰到多行文字需要避開頭尾的標點符號時,使用工具中的避頭尾功能即可自動調(diào)整字間距,如無此功能,則需手動調(diào)整,這里并沒有所謂的技巧與方法,頭尾避開標點符號即可。
另外,在設(shè)計卡片、瓷片區(qū)的標題時,有時需要通過調(diào)整字符間距來提升界面的舒適度,間距數(shù)值自行定義,但相同層級的內(nèi)容標題字間距一定要保持一致。


2.文字行高

行高是指上邊框+下邊框+字號的高度之和,這里主要針對多行文本。在平面設(shè)計中,行高沒有一定的標準,如無特別需要,使用系統(tǒng)默認的行高即可。
在UI設(shè)計中,文字會有5~6個不同的等級,為便于用戶閱讀,一般會設(shè)定行高標準,尤其是新聞資訊類型的應(yīng)用本身就以文字內(nèi)容為主,不同的行高對文字的易讀性會產(chǎn)生較大的影響。
文字行高一般會設(shè)定為字號的1.2~1.5倍,具體值跟字號有很大關(guān)系,文字越小,行高就越大。例如,我們可以設(shè)定字號32px為中間值(非絕對),小于或等于32的字體、行高為字號的1.5倍,大于32的為1.2倍。另外,也可以直接將所有行高固定在字號的1.5倍,不難發(fā)現(xiàn),字體越大其折行的概率就越低,試想一下,如果將48px的文字折成幾行,界面還能剩下多少空間?


3.文字段落

文本段落間距的重要性在移動UI界面中并不明顯,更多體現(xiàn)在網(wǎng)頁設(shè)計中。需要著重糾正一點的是,部分設(shè)計師在設(shè)置段間距時習慣性的多敲一次回車鍵,這種方式并不可取,會造成間距過大、內(nèi)容脫節(jié)。
如有需要,一定要手動設(shè)置段間距,這里沒有固定的數(shù)值和規(guī)律,視覺舒適即可。筆者習慣將段間距設(shè)定為字號的0.5倍,例如字號為30、段間距為15,字號為40、段間距為20,僅供參考。


三、定義元素/組件間距

定義間距其實并沒有一個絕對的標準,主要取決于最小單位,例如4px、5px、6px、8px都是可以的,到底使用哪個數(shù)值還得根據(jù)產(chǎn)品自身定位及內(nèi)容組織形式,前提是所有間距都要遵循最小單位并基于倍數(shù)形成規(guī)律。
在設(shè)計界面時,需要利用間距來建立信息層級、提升瀏覽體驗以及表達各元素之間的關(guān)系,這就是為什么當我們打開新聞資訊、電商類應(yīng)用會發(fā)現(xiàn)信息非常緊湊,而打開工具、社交類應(yīng)用時感覺信息比較寬松。間距的基數(shù)越小、頁面就越細碎;基數(shù)越大、頁面的留白就越多,使用不同的基數(shù),呈現(xiàn)出來的視覺效果也形態(tài)各異。
筆者在工作中通常以8px作為基數(shù),以此衍生出8、16、24、32、48、64這6個間距數(shù)值,完全能夠滿足絕大多數(shù)的使用場景。當然,針對信息較少的頁面也會使用到120、160、200...其他間距數(shù)值,例如缺省頁、登錄頁面等。不難看出,上述以8px為基數(shù)定義間距數(shù)值時,沒有40、56這兩個數(shù)值,難道他們不是8的倍數(shù)嗎?我們以8和16做對比,后者是前者的2倍,其間距的變化尤為明顯;但如果用56和64做對比,后者是前者的1.14倍,其間距的差別微乎其微。敲重點,設(shè)計師在定義間距時,需要遵循倍數(shù)規(guī)則,但同時也要為考慮界面美觀及用戶的瀏覽體驗而跳出呆板的規(guī)則,當間距數(shù)值越大時,根據(jù)基數(shù)所跳躍的倍數(shù)就越大,其實設(shè)定字號也是相同的邏輯(后期詳解)。


四、定義模塊間距

從信息層級角度來看,等級權(quán)重越高、間距就越大,在現(xiàn)實世界中也是如此,一個物體周圍的空間越大,就越容易吸引人們的注意力。
模塊間距分為塊內(nèi)間距(同一模塊中不同元素或信息組之間的距離)和塊外間距(同一個頁面中不同模塊的之間的距離),為了更好的區(qū)分信息層級,塊外間距一定會大于塊內(nèi)間距,也能保持塊內(nèi)信息的親密性。
如下圖所示,將裝修序列步驟、官方攻略、常用服務(wù)等看作不同的信息模塊,每個模塊內(nèi)元素的間距都會比各模塊之間的間距小很多。


五、間距的使用技巧及原則

1.接近性原則

需要通過各元素的間距來體現(xiàn)出信息的關(guān)聯(lián)性,格式塔原理中的“接近性”原則告訴我們,相互靠近的物體被認為比相互距離較遠的物體更有關(guān)聯(lián)性,因此,相關(guān)聯(lián)的元素之間靠的越近,用戶越能感知到信息的關(guān)聯(lián),同時更能了解整個界面中各模塊信息的邏輯關(guān)系。


2.利用留白強調(diào)

很多時候,想讓一個元素變的突出,可以用加大字號、修改色值或后加粗等方式進行強調(diào),但這并不是突出信息的唯一方式,當所有元素都變的突出,那就等于什么都不突出了。如果想讓界面中的元素不同程度的突出,留白也是一種強調(diào)信息的方式,它能引導(dǎo)用戶將注意力集中在特定的內(nèi)容上。

3.使用柵格系統(tǒng)

善用柵格系統(tǒng)(上述有詳細說明),通過最小間距值進行遞增,讓整個界面看起來更協(xié)調(diào)。柵格系統(tǒng)可以讓設(shè)計師在元素的親疏關(guān)系上更快作出決策,后續(xù)不管是迭代還是更換設(shè)計成員,都能保持統(tǒng)計的間距規(guī)范。


4.文字行高規(guī)則

這個問題在很多團隊中都是硬傷,甚至在設(shè)計驗收時還被直接忽略。在主流UI設(shè)計工具中,添加文本元素時,都會有默認行高,在前面的內(nèi)容中有講過多行文本的行高為字號的1.2~1.5倍,那么單行文字的行高到底是需要手動設(shè)置還是遵循默認,筆者認為都是可以的,但一定要與開發(fā)保持一致。
行高決定著文字邊緣與定界框的間距,而開發(fā)只能看到定界框與其他元素的間距。

1)默認行高
默認行高值會隨著字號的變化基于一定的倍數(shù)自動增減,需要將此規(guī)律或倍數(shù)告知開發(fā),開發(fā)將此規(guī)則植入代碼方能最大化還原設(shè)計效果。另外在設(shè)計界面時,尤其是多組文字元素的上下間距,需要通過計算(文字邊緣到定界框的間距+文字元素間距=實際間距)或手動測量才能達到精準狀態(tài),下圖為例:

2)手動設(shè)置行高
手動設(shè)置即字號是多少、就將行高設(shè)置為多少,確保文字邊緣緊貼定界框,在設(shè)計過程中調(diào)整間距時,無需計算,根據(jù)設(shè)計工具的智能提示調(diào)整即可。


5.間距值數(shù)量設(shè)定

在同一APP應(yīng)用中,根據(jù)最小基數(shù)定義的間隔值數(shù)量不易過多,一般在6個左右就能滿足絕大多數(shù)的設(shè)計場景。例如以8px的基數(shù)為8、16、24、32、48、64等,以5px的基數(shù)為5、10、15、25、40、60等。數(shù)量過多會導(dǎo)致界面不同元素、模塊的間距差異化不夠明顯,數(shù)量太少無法滿足多元素、模塊使用場景,也會導(dǎo)致間距跨度較大。


6.明顯相鄰間距值

設(shè)定間距值需遵循一個原則“數(shù)值越大、遞增的倍數(shù)就越大”。當相鄰間距值的差異化較小時,用戶很難感知到界面中信息之間的邏輯關(guān)系,我們需要根據(jù)柵格系統(tǒng)中間距值的增大、設(shè)置更大的區(qū)間值,讓相鄰間距值之間的視覺差異更加明顯。


7.跳出間距的束縛

當界面中的信息較為密集、間距不足以滿足信息的突出程度時,需跳出純粹的間距規(guī)范束縛,換種方式或許更好。例如:給元素添加背景讓其聚焦、使用分隔線/色塊間隔、調(diào)整元素大小等,需知「此消彼長」的道理。


六、結(jié)語

如果在處理界面信息層級時,改來改去還是覺得很亂,不防從間距角度出發(fā),或許會有不一樣的收獲。雖然在剛開始的時候,規(guī)范間距帶來的效果甚微,但隨著團隊規(guī)模不斷擴大、界面數(shù)量越來越多、內(nèi)容越來越復(fù)雜時就會發(fā)現(xiàn),所有內(nèi)容統(tǒng)一間距規(guī)范,不管是構(gòu)建一致性界面視覺效果、還是對開發(fā)和設(shè)計師來說,既能提升用戶體驗、還能提高團隊的工作效率。
間距是否規(guī)范使用,決定著界面是否規(guī)整、信息傳達是否清晰,即便如此,間距也只是解決信息層級方式的其中之一,切不可讓其限制設(shè)計師的發(fā)揮和思考空間。制定設(shè)計規(guī)范有助于項目的高效運轉(zhuǎn),間距也好、色彩也罷,設(shè)計師依然需要從實際用戶場景出發(fā),通過不斷的思考和經(jīng)驗總結(jié),打磨出更合理、更符合項目需求的設(shè)計規(guī)范。

作者:大漠飛鷹CYSJ    來源:站酷

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號: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è)計公司


如何通過空狀態(tài)留住用戶

純純

在交互設(shè)計、用戶體驗設(shè)計中,每一個細小環(huán)節(jié)都至關(guān)重要。比如說,空狀態(tài) ( The Empty State ) 是許多應(yīng)用程序設(shè)計開發(fā)過程中忽略的一點,卻也有著優(yōu)化用戶體驗、改善應(yīng)用程序的潛力。

 

一.什么是空狀態(tài)?

空狀態(tài):顧名思義就是空白的狀態(tài),空狀態(tài)是對沒有數(shù)據(jù)頁面的補充,一種對零數(shù)據(jù)的設(shè)計形式(如下圖所示:無網(wǎng)絡(luò)、訂單為空、沒有關(guān)注的人以及無法連接網(wǎng)絡(luò)等等這些頁面就是所謂的“空狀態(tài)”。)

空狀態(tài)是APP設(shè)計中不可或缺的一部分,特別是新用戶初次接觸到產(chǎn)品APP時,必然會面對很多空狀態(tài)。

 

       undefined     

二:空狀態(tài)的分類

第一:根據(jù)空狀態(tài)產(chǎn)生的路徑,可以將空狀態(tài)分為3類

 

系統(tǒng)層:本地請求異常;如:無網(wǎng)絡(luò)、服務(wù)器異常等

信息層:請求成功,數(shù)據(jù)異常;如內(nèi)容已刪除、已下架等;

空白層:請求成功,無數(shù)據(jù);最常見的空頁面或空狀態(tài);

 

       undefined     

 

第二:根據(jù)空狀態(tài)的出現(xiàn)場景又可以將其分為4大類:

 

初體驗:初次注冊登錄的用戶很多功能都沒有熟悉

無信息/無結(jié)果:某些功能還未使用過

完成任務(wù):完成某項功能后反饋的結(jié)果

出錯:因為各種原因?qū)е碌腻e誤頁面

 

       undefined     

初體驗時,根據(jù)不同的產(chǎn)品,我們可以為用戶提供不同的引導(dǎo)

· 創(chuàng)作平臺→引導(dǎo)用戶創(chuàng)造內(nèi)容、推薦相關(guān)內(nèi)容、開啟權(quán)限……

· 工具類app→介紹相關(guān)功能、添加相關(guān)人、相關(guān)功能……

·學習類app→收集用戶目標、推薦相關(guān)課……

       undefined     

 

無信息/無結(jié)果時,告知用戶該如何解決問題,或者給用戶其他選擇

·購物車為空時→讓用戶購買或者給用戶推薦商品

·無收藏時→應(yīng)到用戶去收藏

·搜索為空時→告知用戶換一個詞試一試

·無評論時→讓用戶搶個沙發(fā)

       undefined     

 

 

任務(wù)完成后,鼓勵或獎勵用戶

·郵件全部回復(fù)完→祝用戶擁有美好的一天

·書看完時→讓眼睛放松一下

·打卡成功→獎勵用戶勛章等等

       undefined     

 

程序出錯后,緩解用戶情緒,告知用戶解決辦法

·網(wǎng)絡(luò)出錯→檢查網(wǎng)絡(luò)/刷新頁面

·404頁面→讓用戶反饋情況到后臺、報錯等

       undefined     

三:設(shè)計空狀態(tài)頁面的好處

 

據(jù)調(diào)查顯示:“平均下來,APP在被下載之后的前3天時間里,日活躍用戶(DAU)數(shù)量下降了77個百分點。30天內(nèi),下降比例達到80%”。用戶會嘗試多個同類APP,然后在接下來的3到7天內(nèi)決定其中的哪些不合適。這時候就需要通過更多好的設(shè)計和體驗來留住用戶

 

當然一個產(chǎn)品的好與壞不能全靠空狀態(tài),但是空狀態(tài)對于新用戶的留存是很重要的。

 

Spotify的用戶體驗專家Tamara Hilmes提醒設(shè)計師們時說,空狀態(tài)是一個展示產(chǎn)品個性化的機會,因此,在進行空狀態(tài)設(shè)計時,需要認真考慮品牌用戶的目標和背景。

 

 

 

四:空狀態(tài)設(shè)計原則


       undefined     

4.1基本原則 


準確:空狀態(tài)需要清晰明確地將當前系統(tǒng)狀態(tài)傳達給用戶

直觀:簡言之就是畫面要“小而美”→簡單

高效:提供用戶快速有效地擺脫空狀態(tài)的方法

 

準確

準確原則要求在文字描述上做到清晰地闡述系統(tǒng)當前的狀態(tài)。

下圖為例,如果僅以“獲取不到數(shù)據(jù)”作為收件箱空狀態(tài)提示文字,用戶不清楚是系統(tǒng)異常、網(wǎng)絡(luò)異常還是僅僅因為收件箱沒有郵件而出現(xiàn)當前狀態(tài)。準確地將系統(tǒng)狀態(tài)及操作結(jié)果告知用戶是空狀態(tài)設(shè)計中十分重要的目標。

       undefined     

 

 

特殊原因?qū)е碌目諣顟B(tài),也可以在附加文字中告知用戶其原因,例如郵箱賬號未登錄而導(dǎo)致收件箱為空的情況。

 

直觀:

空狀態(tài)不僅要講究視覺的美感,還要講究體驗的“美感”,要讓用戶在不用思考的情況下,  獲得最大的價值,

       undefined     

 

高效

若空狀態(tài)在系統(tǒng)中可以通過觸發(fā)操作離開,建議在空狀態(tài)的文字或操作上進行展現(xiàn)。

以站內(nèi)信空狀態(tài)為例,系統(tǒng)存在用戶可執(zhí)行的解決方案,在設(shè)計上也要體現(xiàn)。上面提到的賬號未登錄導(dǎo)致站內(nèi)信為空時,考慮附加文字提示‘登錄賬號即可開始’。若系統(tǒng)存在直接觸發(fā)操作的方案,可通過鏈接或按鈕的形式提供入口給用戶,便于用戶快速有效地回到功能主流程中。

       undefined     

 

 

4.2進階原則undefined       

有趣:有趣又易用,符合用戶的心理預(yù)期

品牌:介紹并強化品牌元素,通過恰當?shù)姆绞?、形式呈現(xiàn)

記憶:有創(chuàng)意或幽默色彩,呈現(xiàn)形式新穎,體現(xiàn)專業(yè)同時創(chuàng)造正面情緒

 

有趣

空狀態(tài)的設(shè)計在滿足了基本的設(shè)計原則后,還可根據(jù)產(chǎn)品的品牌特征進行優(yōu)化。一般對空狀態(tài)的圖片、文案來著手進行品牌化設(shè)計。

采用含著關(guān)懷情感的文案“哎呀,網(wǎng)絡(luò)好像出了點問題”代替“網(wǎng)絡(luò)未連接”這樣冰冷無感情的提示文字,同樣達到告知用戶系統(tǒng)狀態(tài)的目的,但修改后的文案明顯更能貼合服務(wù)工具型軟件的品牌形象。

 

同時結(jié)合文案主題,用有趣的插畫吸引用戶,達到緩解用戶焦慮、負面情緒的目的

例如下圖的刷新一下試試,企業(yè)IP作為粉刷匠在刷新Wi-Fi,比起一個失聯(lián)的行星就更有意思

       undefined品牌

當空狀態(tài)滿足了用戶的基本需求后,就可以考慮如何樹立品牌形象了!

目前最簡單且有效的辦法是——企業(yè)IP+插畫+文案,雖然被很多人吐槽套路、片面,但是作為剛起步的創(chuàng)業(yè)類的app,這不失為一種好辦法

 

       undefined     

 

設(shè)計專屬吉祥物形象,對產(chǎn)品進行擬人化表達,避免極其復(fù)雜的插畫,保障界面簡潔明快;

由于插畫不可交互,盡量與背景融合為一部分,避免使用明亮的色彩,誤導(dǎo)用戶點擊。

 

 

記憶

文章的開頭講過,空狀態(tài)對留住新用戶有著很關(guān)鍵的作用,那么空狀態(tài)在用戶使用的幾秒鐘內(nèi)一定要給用戶留下足夠深刻的印象才有可能留住這些新用戶,所以空狀態(tài)一定要有新意,甚至是要給用戶出其不意的視覺感受,這個階段考慮的問題要更多一些,受眾人群的特點、品牌的調(diào)性、想要達到的效果、解決問題的手法、還要注意對用戶而言是否直接有效并且準確。

 

阿里旗下“躺平”app的空狀態(tài)打破常規(guī),非常優(yōu)秀的抓住了用戶人群的特性,解決了用戶的需求的同時,還給用戶樹立了非常深刻的品牌印象。

       undefined     

產(chǎn)品所有能傳遞情緒的場景都應(yīng)該與品牌情緒一致。采用負面情緒的空狀態(tài)有一定風險,可能會起到消極作用。

用戶更容易代入場景化的故事,產(chǎn)生情感共鳴。構(gòu)思場景,需研究產(chǎn)品目標用戶群的特質(zhì),設(shè)計他們的共同回憶,將有關(guān)的場景、片段、元素進行拼貼、組合、關(guān)聯(lián),再找到最能勾起情緒沖動的突破口,豐滿場景。

避免正面刻板的形象(一眼就能看到底的設(shè)計),盡可能簡單有趣、不落俗套,讓用戶看到這個畫面后可以有更多想象的空間,從而吸引用戶,驅(qū)動用戶的好奇心。

 

五、總結(jié)

簡單總結(jié)了一些設(shè)計空狀態(tài)時整體的設(shè)計流程,如下:

 
功能入口:提供相關(guān)功能的入口和動作按鈕,解釋服務(wù)的功能和優(yōu)點,引導(dǎo)用戶到其他頁面查看內(nèi)容

  1. 標題文案:說明當前狀態(tài),解釋當前問題出現(xiàn)原因,介紹功能概要

  2. 解說文案:如何走出當前狀態(tài),如何解決當前問題,補充說明功能的屬性

  3. 推薦數(shù)據(jù):提供熱門數(shù)據(jù)、個性化推薦數(shù)據(jù)讓用戶選擇;如電商搜索無結(jié)果、購物車等頁面,推 薦用戶感興趣的商品,能有效地提升購買轉(zhuǎn)化率

  4. 操作引導(dǎo):提供相關(guān)操作的示意和引導(dǎo),讓用戶能刪除或替換內(nèi)容

  5. 完成指導(dǎo):送上任務(wù)達成的祝賀語,鞏固用戶的成就

 

細節(jié)備注:

文字和圖形一樣,也是一種情緒的載體,注意文字的魅力,加注重文字的情緒表達,更易調(diào)動觀者的心。

底部標簽欄全面解析

純純

一、標簽欄是什么?


標簽欄也叫Tab Bar,是移動端應(yīng)用程序中最常用的UI元素之一。標簽欄出現(xiàn)在應(yīng)用程序屏幕的底部,可以讓用戶在應(yīng)用程序中的不同部分之間快速切換。標簽欄可以是半透明的,也可以具有背景色,在所有屏幕方向上都保持相同的高度,并且在顯示鍵盤時被隱藏。標簽欄可以包含任意數(shù)量的標簽,但是可見標簽的數(shù)量根據(jù)設(shè)備的大小和方向而變化。如果由于水平空間有限而無法顯示某些選項卡,則最終的可見選項卡將變?yōu)椤案唷边x項卡,該選項卡將在單獨屏幕上的列表中顯示其他選項卡。


標簽欄在任何目標頁面中的高度是不變的,iOS 規(guī)定它的高度為98px(iOS @2x)。但因為 iPhone X 之后的全面屏手機引入了 Home Bar ,所以在進行界面適配的時候,請務(wù)必要加上 Home Bar 自身的68px高度。別讓Home Bar遮擋標簽欄中標簽的展示,這會讓兩個控件發(fā)生操作手勢沖突。




二、為什么標簽欄要放于底部?


史蒂文·霍伯(Steven Hoober)在對移動設(shè)備使用情況的研究中發(fā)現(xiàn),人們會根據(jù)自己的設(shè)備,需求和背景以多種方式觸摸手機,觸摸手機屏幕或按鈕的用戶分三種基本方式:抱著手機的人占36%、兩只手使用手機的人占15%,而49%的人依靠一只手在手機上完成事情,除此之外75%的用戶僅用一個拇指觸摸屏幕。



在下圖中,出現(xiàn)在手機屏幕上的圖表是近似覆蓋圖,其中的顏色表示用戶的拇指可以接觸到哪些區(qū)域以與屏幕交互。綠色表示用戶可以輕松到達的區(qū)域;黃色,需要伸展的區(qū)域;紅色區(qū)域,要求用戶改變握持設(shè)備的方式。



這意味著:

將常用的“行為”放在屏幕底部很重要,因為只需一鍵式的交互即可輕松到達這些“行為”。



三、標簽欄的三大原則


底部標簽欄設(shè)計應(yīng)當遵循三大原則:結(jié)構(gòu)合理、位置清晰、可預(yù)測行為。


3.1 結(jié)構(gòu)合理

為了讓標簽欄表現(xiàn)清晰,兩大平臺在規(guī)范里都對標簽數(shù)量給出了相同的建議:建議標簽欄內(nèi)的標簽個數(shù)為3個至5個。因為標簽過多會使每一個單元標簽的可觸空間降低,人們在物理上(手指)難以點擊或誤觸,除此之外還會增加應(yīng)用程序結(jié)構(gòu)的復(fù)雜性。



注:如果你因為產(chǎn)品結(jié)構(gòu)非常繁雜,標簽數(shù)量想要達到更多,那么在 iOS 中就會給你強硬處理,iOS 人機交互規(guī)范告訴產(chǎn)品設(shè)計者們:標簽欄雖然可以包含任意數(shù)量的標簽,但可見標簽的數(shù)量會根據(jù)設(shè)備的大小(平板或手機)和方向(豎屏或橫屏)而自適應(yīng)變化。如果由于水平空間有限而無法顯示某些標簽時,最后的一個可見標簽將被會被系統(tǒng)強行轉(zhuǎn)換為“更多”選項,需要用戶點擊“更多”選項之后,系統(tǒng)才將在單獨屏幕上的列表中顯示其他被隱藏的標簽。


3.2 位置清晰

“我在哪里?” 是用戶成功導(dǎo)航所需要回答的一個基本問題,我們應(yīng)當采用適當?shù)囊曈X提示讓用戶知道目前所處的位置(選中狀態(tài))。在APP應(yīng)用中我們常見的處理方式有4種:改變圖標樣式、改變大小、改變顏色、改變展示樣式。它們并不一定是獨立存在的,可以同時作用于一個標簽。



3.3 可預(yù)測行為

選取每個底部導(dǎo)航選項都有通向它的目的地,底部導(dǎo)航應(yīng)當將用戶直接引導(dǎo)到相關(guān)頁面,不應(yīng)該打開菜單或其他窗口。如果在某些情況下可以使用標簽,但在其他情況下則無法使用,則應(yīng)用程序的界面將變得不穩(wěn)定且不可預(yù)測。我們要確保所有選項卡始終處于啟用狀態(tài),并說明為什么選項卡內(nèi)容不可用。例如造作新家APP,當用戶處于未登錄狀態(tài)時,就不能查看底部標簽“我的”信息,當我點擊標簽“我的”,就會彈出快捷登陸界面,這樣就能讓用戶明白不能使用的原因是賬號未登陸,從另一層面講也很好的引導(dǎo)了用戶注冊與登陸。



注:不要使用標簽欄為用戶提供對當前屏幕或應(yīng)用程序模式下的元素起作用的控件,如果需要提供控件,請使用工具欄。



四、標簽欄的基礎(chǔ)規(guī)范


在設(shè)計標簽欄前我們首先要了解它的基礎(chǔ)規(guī)范,在保證基礎(chǔ)規(guī)范合理的情況下再去進行設(shè)計。


4.1 圖標視覺大小

為了保證圖標的尺寸大小一致性,我們往往會建立基礎(chǔ)的網(wǎng)格尺寸來進行繪制圖標,下面就以常用的24x24為大家舉例:



網(wǎng)格包含2px出血位。這樣可以確保圖標在導(dǎo)出時將保留其所需的比例和周圍的空白區(qū)域,同時還能夠很好的平衡圖標的視覺重心。



最后加入圖標的keyline,keyline由圓形,正方形,矩形,正交,三角形和對角線組成。它可以為您提供圖標集中基本形狀或比例的一致大小。這使創(chuàng)建視覺上的穩(wěn)定變得更加容易,并有助于在設(shè)計相似比例的圖標時有共同的參考準則。


在24尺寸下的keyline構(gòu)成如下(24尺寸下的出血區(qū)域為2):



當把圖標畫在網(wǎng)格上時可以很好的規(guī)范圖標,讓它們從整體的視覺上看著統(tǒng)一規(guī)范。



4.2 標簽欄布局

標簽的數(shù)量以及標簽的展示形式?jīng)Q定了標簽的布局形式,標簽的常見布局一共有2種:屏幕等分、圖標左右間距相等。


4.2.1 屏幕等分

屏幕等分是最常見的標簽布局形式,因為不管它存在多少圖標,都可以用它進行屏幕劃分,計算方法也十分簡單,屏幕的寬度除以標簽個數(shù)就是每列寬度。采用此等劃分的案例有:懂車帝、今日頭條。



4.2.2 圖標左右間距相等

圖標左右距離相等多用在標簽數(shù)量為3個的情況下,計算方法是先去除中間圖標的尺寸,然后再左右平均劃分等距。相對于屏幕等分,圖標左右間距相等劃分更為緊湊。



4.3 標簽欄熱點區(qū)域

根據(jù)菲茲定律,使用指點設(shè)備到達一個目標的時間,與當前設(shè)備位置和目標位置的距離(D)和目標大小(S)有關(guān)。標簽欄作為向用戶展現(xiàn)產(chǎn)品框架的關(guān)鍵控件,熱點區(qū)域(可點擊區(qū)域范圍)的設(shè)定一定要合理。底部圖標尺寸較小,如果將圖標作為熱點區(qū)域,那么可點擊區(qū)域就偏小,很可能出現(xiàn)用戶點擊不到的情況,正確的做法是以標簽欄的布局作為基礎(chǔ)設(shè)定,在標簽相鄰的部分劃出一定區(qū)域作為不可點擊區(qū)域,以免用戶誤操作,參考如下,紅色為可熱點區(qū)域,藍色為不可點擊區(qū)域:




五、標簽欄的圖標樣式


在產(chǎn)品設(shè)計中,不同樣式的圖標會給人不同的感受,隨著APP風格越來越簡潔化,標簽欄圖標風格緊緊地跟著界面的風格而改變。經(jīng)過長時間的沉淀,標簽欄圖標常見的默認設(shè)計樣式一共可分為四類:線性圖標、面性圖標、線性+面性圖標、輕質(zhì)感圖標。


5.1 線性圖標

線性圖標通過線來塑造輪廓,在圖標設(shè)計中使用的線有粗細之分,常用的App圖標設(shè)計線的粗細一般有2px、3px、4px,不同的線條粗細所帶來的視覺感受也不同,我在“如何讓你的圖標具有說服力”文章中提到過,線條越粗那么圖標的性格就越活潑、粗曠,線條越細圖標性格就越精致、商務(wù),圖標使用描邊的粗細可以根據(jù)產(chǎn)品的氣質(zhì)來決定。



選中狀態(tài):當選中狀態(tài)為高亮線性圖標時,選中狀態(tài)的圖標顏色會與默認狀態(tài)的圖標顏色形成較強的反差,但由于線和線的差異性并不強,線性圖標沒有面性圖標更具吸引力(引導(dǎo)性),即使加入了高亮色識別度也不及面性強。airbnb在處理線性圖標選中狀態(tài)時就考慮到了這一點,選中狀態(tài)下不僅對圖標的顏色做了較大變化,還加大了圖標及文字的描邊粗細,從一定程度上加強了圖標的引導(dǎo)性。(注:線性狀態(tài)的圖標選中狀態(tài)也可以變?yōu)槊嫘詧D標或線性+面性圖標)



5.2面性圖標

面性圖標是通過面來塑造形體的圖標,采用了剪影的設(shè)計形式,通過線或者面去切割基礎(chǔ)輪廓面,通過分型來塑造圖標的體積感,面性圖標的承載信息相對與線性圖標來說更重,更具有引導(dǎo)性。

選中狀態(tài):面性圖標的選中狀態(tài)為高亮面性圖標,顏色可以為純色、也可以為漸變、透明。愛奇藝的選中狀態(tài)就采用了高亮面性圖標的展現(xiàn)方式,除了把圖標底色及文字的顏色加深以外,還加入了品牌色,甚至為了讓“會員”標簽更加突出,還單獨對“會員”標簽的顏色進行了修改。



5.3線性+面性圖標

線面結(jié)合圖標相較單一的線性圖標或單一的面性圖標樣式更加豐富、也更富有趣味性。從設(shè)計的角度上說,由于元素的多樣化,設(shè)計更容易獲得好的效果。相反,如果運用不當會顯得圖標非常雜亂,如何有效的把控好兩者之間的過度是關(guān)鍵。

選中狀態(tài):線性圖標的選中狀可以為高亮的線性+面性圖標。懂車帝在處理標簽選中狀態(tài)時就把圖標底部加入了高亮黃色圓形塊狀,即保存了線性也添加了面,加深了選中狀態(tài)的視覺重量,更加明確的讓用戶感知自己所處的位置。



5.4輕質(zhì)感圖標

輕質(zhì)感圖標層次簡單,用色素雅干凈,采用輕投影、輕漸變的方法設(shè)計,這類圖標具有一定的立體感,能給人輕盈、簡潔、精致的感覺。輕質(zhì)感圖標在標簽欄中運用的較少,在特殊情況下才會使用,例如盒馬,就把輕質(zhì)感圖標用在了首頁標簽與盒馬小鎮(zhèn)標簽,首頁標簽的引入是為了讓用戶加強對品牌形象的認知,而盒馬小鎮(zhèn)標簽的引入則是為了加強圖標的引導(dǎo)性。



*圖標樣式的常用變化(選中與未選中)

在我調(diào)研上百種應(yīng)用程序中,發(fā)現(xiàn)主流的APP標簽欄樣式變化大致分為六種:線性-線性、線性-面性、線性-線+面、面性-面性、面性-線+面、線+面-線+面。雖然標簽的樣式變化繁多,但是使用率最多的是“由線性轉(zhuǎn)面性”標簽。




六、標簽欄的展示形式


標簽欄的不同展示形式會給用戶帶來不同的使用習慣和使用感受,常見的標簽展示形式有四種:圖標+文字、純圖標、純文字、舵式。


6.1圖標+文字

圖標+文字是最常見的標簽展示形式,為了讓用戶能夠很好的明白圖標的意圖,所以在圖標下方會配有文字提示,這樣就能大大的降低誤讀的可能性。正因為有文字提示,所以沒有必要過于擔心圖標的識別性問題,那么圖標就可以得到更深的延展,可以做的更有趣,更具有產(chǎn)品氣質(zhì),甚至可以代入更深層次的動效。

例如東家·守藝人APP,專門售賣各種手藝人的親手制作的各種藝術(shù)品,面向的對象是喜歡傳統(tǒng)文化的人群,在這樣的背景下東家結(jié)合宋體的筆畫(筆畫拆分)把圖標設(shè)計的更加傳統(tǒng)、古樸,創(chuàng)造出具有東方韻味且極具形式感的圖標設(shè)計。



6.2純圖標

采用純圖標展示形式的產(chǎn)品比較少見,純圖標樣式的最大缺點就是識別性低,沒有文字說明會導(dǎo)致用戶很難找到自己想要去的位置,也不明確自己所處的狀態(tài)。所以我們?nèi)绻O(shè)計純圖標形式,那么必須要考慮到圖標的識別性問題,間接的舍棄掉圖標更多的延展性,讓圖標變得更規(guī)矩。(識別性的提升我之前寫的圖標文章中提到過,主要可以從大眾認知隱喻與真實世界映射兩個方向出發(fā)去提升)

使用純圖標樣式的產(chǎn)品特征:產(chǎn)品單一、領(lǐng)域垂直、小眾化、用戶群體接受度高。即使?jié)M足這些條件下產(chǎn)品使用純圖標標簽,用戶第一次使用往往也是比較迷茫,需要等用戶熟悉后才會得到好轉(zhuǎn),所以一定要慎用。除此之外不太建議用于電商、視頻、學習、社交等領(lǐng)域。

對于我們設(shè)計師來說使用純圖標樣式的產(chǎn)品中最為熟悉的就是花瓣了。



6.3純文字(部分含標識)

采用純文字展示形式能夠更直觀的讓用戶進行操作,遵循簡單易用的原則。適合用戶群體跨度較大的產(chǎn)品,多用于直播類、內(nèi)容類、簡單工具類APP中。缺點也顯而易見,圖標樣式比較單一,沒法加入更多趣味化、具有產(chǎn)品特性的元素到標簽中。

采用純文字展示形式的產(chǎn)品有很多,最熟悉不過的就是抖音,抖音的標簽?zāi)J狀態(tài)下采用了純文字形式,選中狀態(tài)則把文字高亮顯示,并且底部加入了圓角矩形,對于用戶群體跨度較大的產(chǎn)品,這樣的展現(xiàn)形式再好不過了。(抖音在途中改用過圖標+文字格式,不過后面也放棄了,我當時用著圖標+文字類型的抖音,的確感覺太奇怪?。?/span>



6.4舵式

舵式標簽可以看為底部標簽式導(dǎo)航的一種變體。它在后者的基礎(chǔ)上,突出強調(diào)了一個標簽并且放在中間的位置,樣子看起來像攢了一個舵,所以取名為舵式標簽。一般舵式標簽的顏色、大小等視覺表現(xiàn)會被設(shè)計得和其他普通標簽有所差異,通過視覺對比的方式吸引用戶關(guān)注。舵式標簽通常和產(chǎn)品框架體現(xiàn)無關(guān),大多數(shù)應(yīng)用程序使用舵式標簽是用來承載系統(tǒng)功能。起初是因為社區(qū)類APP為了激勵和方便用戶隨時隨地地輸出UGC內(nèi)容,所以把觸發(fā)用戶創(chuàng)作/發(fā)布的功能按鈕放置在標簽欄中。

因為舵式標簽可以很好地承載產(chǎn)品的重要功能,而被許多的應(yīng)用程序設(shè)計所采用,經(jīng)過越來越多的應(yīng)用采用舵式標簽,使用的形式也越來越多樣,它現(xiàn)在并不再單一地用于承載產(chǎn)品功能,而是配合營銷場景、付費場景,給產(chǎn)品的變現(xiàn)、拉新賦能。拼多多就把它拉新的主要入口作用到了舵式圖標上,并且為了讓圖標更加顯目,甚至把圖標做成了輕質(zhì)感的形式體現(xiàn),同時也通過2像素的線性圖標減弱其他4個標簽的引導(dǎo)性。




七、賦予標簽更多內(nèi)容


標簽欄不僅是向用戶展現(xiàn)產(chǎn)品框架的關(guān)鍵控件,還可以貫穿整個產(chǎn)品的商業(yè)價值的體現(xiàn),它是連接著整個產(chǎn)品最重要的頂層信息。如果想要讓標簽變得更加豐富,想要標簽內(nèi)容中含有更多的情感需求、 商業(yè)需求、運營需求,那么我們可以重點從這兩個層面考慮:視覺層面、交互層面。


7.1視覺層面

在視覺層面上我們可以迎合用戶的偏好與期望,通過豐富視覺體驗的方法來增加內(nèi)容的觀賞性,這樣不僅能夠很好的向用戶傳遞著產(chǎn)品調(diào)性還能吸引用戶關(guān)注以及引導(dǎo)用戶進行操作。


7.1.1設(shè)計裝飾性圖標

裝飾性圖標僅僅是用來提升整個界面的視覺體驗,通過豐富視覺體驗的方法來增加內(nèi)容的觀賞性,這樣不僅可以吸引并留住用戶,還可以讓整個用戶體驗更加積極。


&整體裝飾圖標

整體裝飾性圖標的出現(xiàn)往往是為了滿足情感需求與商業(yè)需求,整體裝飾圖標并不是一直存在的,它的特點是季節(jié)性與周期性,并且它并不具備任何功能性。

從情感需求出發(fā)設(shè)計裝飾圖標:例如世界杯火熱進行時,優(yōu)酷為了滿足用戶的情感需求,就把標簽欄的圖標全部替換為帶有世界杯元素的圖案,讓用戶與其產(chǎn)生情感的共鳴。



從商業(yè)需求出發(fā)設(shè)計裝飾圖標:現(xiàn)在的年貨節(jié),之前的雙十二、雙十一、618等,每到節(jié)日促銷活動的時候,很多電商應(yīng)用都會換上裝飾性圖標,例如一號店,在過年前就把標簽欄圖標全部改為含帶過年氣息的元素,提前來預(yù)熱活動,引導(dǎo)用戶消費。



&單個裝飾性圖標

單個裝飾性圖標的出現(xiàn)大部分都是為了滿足運營需求,運營為了推出某個活動或功能,往往會單獨裝飾某個圖標的設(shè)計視覺,以便于提高圖標的引導(dǎo)性,最直接的例子就是我剛才提到過的拼多多。



7.1.2加入品牌基因

我們可以在標簽中加入更多的品牌基因,讓其與品牌產(chǎn)生聯(lián)動性,這一形式是大部分應(yīng)用程序都在做的,我們可以從這6個層面加入品牌基因:品牌顏色、品牌LOGO、品牌元素、品牌名稱、品牌性格、品牌吉祥物。


&品牌顏色

色彩是圖標設(shè)計中重要的構(gòu)成元素之一,我們可以直接提取品牌色作為圖標設(shè)計視覺元素。例如站酷,站酷的品牌色是黃色,標簽欄的圖標(選中狀態(tài))就提取了品牌的黃色,讓其與品牌調(diào)性高度一致。



當然品牌顏色除了可以直接用外,還可以在提取時適當調(diào)整色彩的飽和度、明度,做更多的形式變化。例如懂車帝,就在原有的黃色基礎(chǔ)上做了些許調(diào)整,圖標采用黃色透明漸變的處理方式,在與品牌顏色呼應(yīng)的同時,使得整個圖標更加精致、有活力。



&品牌LOGO

提取品牌LOGO是最常用的使用方式,我們從品牌中提取出來的圖標一般運用在APP首頁標簽。因為首頁是APP中最重要的頁面,也是進入APP默認的頁面,把首頁圖標替換成品牌LOGO,能反復(fù)加強了用戶對App的LOGO印象,這樣不但使App內(nèi)外形成了視覺聯(lián)系,同時也二次傳遞了品牌形象。例如大眾點評,它的首頁標簽就用了品牌LOGO,同時也使用了品牌顏色。



&品牌元素

我們可以在品牌中提取它識別性較強的局部元素作為圖標。例如虎牙直播,它就提取了品牌卡通形象的外輪廓作為首頁圖標。



品牌提取的元素并不只是所見到的品牌視覺形象,還可以提取與品牌內(nèi)容強相關(guān)的元素。例如QQ音樂,它并沒有把它的品牌LOGO直接放于其中,而是通過大眾所熟知的音符作為首頁圖標。



&品牌名稱

如果你的品牌還不為大眾所熟知,那么為了強化用戶對品牌名稱的認知,可以把品牌名稱直接放入標簽欄中。例如MONO,就把它的名稱分為四個字母分別放在了4個標簽內(nèi),需要注意的是這類圖標不能單獨出現(xiàn),因為它本身不具備識別性與引導(dǎo)性,必須配合文字一起出現(xiàn),這樣才能讓用戶理解標簽的真正功能,我們不能為了設(shè)計而設(shè)計。



&品牌性格

圖標風格可以與品牌性格保持一致,一套帶有濃厚品牌感的圖標,會讓人記憶猶新。例如:每日故宮,它的圖標就非常具有特色,結(jié)合了品牌的性格以及定位,加入了眾多的古代中國元素,整體看起來有股濃濃的古韻之風。



&品牌吉祥物

現(xiàn)在大部分品牌都會含帶吉祥物,我們可以在設(shè)計圖標時提取吉祥物的外形,把它用于產(chǎn)品的標簽中。例如盒馬,它就把吉祥物做為了底部標簽,不過需要我們注意的是如果吉祥物的風格與我們的圖標風格差別較大,我們就需要對它做風格化的處理,不然看起來就十分突兀。(盒馬對吉祥物做了輕質(zhì)感的風格化處理)



7.1.3讓用戶自定義

讓用戶自定義的標簽現(xiàn)在越來越常見,而每個產(chǎn)品對其思考的層面也都有所不同。自定義標簽往往出現(xiàn)在個人中心,它會根據(jù)用戶上傳的頭像或用戶的捏臉生成圖標。


&用戶頭像

目前市面上很多APP都把用戶上傳的頭像作為了個人中心標簽展示,例如我們常用的百度網(wǎng)盤就采用了此方案,當用戶注冊未上傳用戶頭像時,會默認顯示系統(tǒng)標簽,當用戶上傳完后就會顯示用戶頭像,并且如果你是會員,還會把會員標示顯示在標簽的右上方,彰顯會員用戶的尊貴性。

我們可以很明顯的發(fā)現(xiàn)百度網(wǎng)盤的底部標簽?zāi)J狀態(tài)為線性圖標,而個人中心不管默認狀態(tài)還是選擇狀態(tài)都為面性圖標,所以如果你想要加強個人中心的引導(dǎo)性,那么可以采取此方案。



&捏臉

捏臉功能作為SOUL的一大特色,捏臉的虛擬形象賦予了真實人格屬性,加強了社交的傳播性,所以SOUL決定把用戶自定義的捏臉放于個人中心標簽中。


7.2交互層面

除了對標簽做視覺的提升外,我們還可以對其加入合理的交互效果,一方面可以提升用戶在使用產(chǎn)品過程中的樂趣,另一方面還可以為用戶提供更多便利,從而增強用戶體驗。


7.2.1標簽功能切換

在不同的狀態(tài)下點擊標簽的功能也不一樣,一個標簽可承載2到3個功能,可以滿足不同狀態(tài)下的用戶需求。


&承載2個功能案例

SOUL的廣場標簽(進入選取頁+刷新)

SOUL的廣告標簽承載了2個功能,當你處于其他標簽時,點擊廣場標簽則直接進入到廣場頁面;當你處于廣場頁面中時,再次點擊標簽則會刷新整個頁面。



有貨的發(fā)現(xiàn)標簽(進入選取頁+上傳圖片)

有貨的發(fā)現(xiàn)標簽也承載了2個功能,在設(shè)計上運用的非常巧妙,當你處于其他標簽時,點擊發(fā)現(xiàn)標簽則進入到發(fā)現(xiàn)頁面;當你在發(fā)現(xiàn)頁面時你的發(fā)現(xiàn)標簽則變?yōu)榱松蟼鲌D片標簽,可以點擊上傳圖片。



&承載3個功能案例

淘寶首頁標簽(進入選取頁+刷新+置頂)

淘寶的首頁標簽同時承載了3個功能,當你處于其他標簽中,點擊首頁標簽則直接進入到首頁頁面;當你在首頁頁面第一屏時,你點擊首頁標簽則會刷新整個頁面;當你滑過3分之1屏時,首頁標簽的功能則變?yōu)橹庙?。所以在不同狀態(tài)下首頁標簽也會具備不同的功能,并且每種狀態(tài)下的標簽樣式也是不同。



愛奇藝首頁標簽(進入選取頁+到達指定位置+置頂)

愛奇藝的首頁標簽也是同時承載了3個功能,不過它與淘寶有些許不同,愛奇藝并不能刷新頁面,而作為替換的功能是直接到達指定位置“猜你喜歡”。



7.2.2觸覺與聽覺

我們做的設(shè)計不要僅限于視覺所看到的,還要考慮到所觸摸的、所聽到的,我們可以利用觸覺與聽覺去輔助用戶確認自己的選擇,當然我們一定要合理利用,反之則會讓用戶感到十分反感。


&觸覺

西瓜視頻與今日頭條在點擊標簽欄圖標時手機就會發(fā)出輕微的震動,給予了用戶很好的點擊反饋。



&聽覺

SOUL點擊星球標簽時手機就會發(fā)出戀愛鈴聲,在SOUL的產(chǎn)品報告中,SOUL主要面對女性用戶,女性用戶約為男性用戶的2.4倍(女人更偏感性),并且它的主要需求是滿足測試、匹配、交友,所以戀愛鈴聲能夠很好的引起用戶的情感共鳴。不過鈴聲有利有弊,當你在特定場景下使用SOUL時,點擊到星球標簽周圍人也都能聽到戀愛鈴聲,實屬尷尬,所以我在特定場景下使用SOUL時都會默默的關(guān)掉聲音。



7.2.3標簽動畫

精彩的圖標動畫,對整體的設(shè)計具有畫龍點睛的作用,降低標簽切換時的枯燥感,提升操作的愉悅度和期待感。甚至可以通過 tab 的動畫設(shè)計給用戶傳達出整個 APP 設(shè)計的品牌及理念。標簽動畫往往都比較簡單,主要有:縮放、旋轉(zhuǎn)、顏色過渡、位移、抖動、填充、線性軌跡、結(jié)合容器、元素介質(zhì)等。接下來我們來看看SOUl、虎牙、汽車之家是怎么做的。


&SOUL-彈性縮放+結(jié)合容器+線性軌跡

SOUL的底部標簽欄運用到了彈性動畫、結(jié)合容器以及線性軌跡。帶有彈性縮放的標簽反饋,讓整體的設(shè)計更加具有趣味性,相比線性縮放也更有視覺沖擊力。圖標的運動規(guī)則:先從 0 放大到最大(數(shù)值根據(jù)實際情況設(shè)定),然后再回彈至正常大小。除了彈性動畫外,它還結(jié)合了容器的元素對內(nèi)部進行了顏色的替換以及單線條的軌跡動畫。這樣的處理不僅趣味性十足,還強化了選中當前狀態(tài),整體標簽切換的一致性也較高。



&虎牙-抖動+趣味表達

虎牙一直是我比較喜歡的直播平臺,它的底部標簽動畫也是非常值得借鑒,運用到的動畫形式是抖動與趣味表達。抖動是通過圖標的左右、上下快速位移或旋轉(zhuǎn)形成,整體的動畫效果節(jié)奏較快,具有一定的速度感,使整個標簽切換的情緒表達較為俏皮、可愛。除了抖動外還在切換過程中代入了更多小元素的趣味表達,賦予了圖標更多的性格,對我們的設(shè)計進行再升華,從而提高整體設(shè)計的質(zhì)感和趣味。



&汽車之家-結(jié)合容器+細節(jié)晃動

因為用戶群體的不同,汽車之家在標簽動畫的設(shè)計上也相對簡單、嚴謹,它的動畫形式主要是結(jié)合容器與細節(jié)晃動。選中效果由線切換為面,并加入了品牌底色,這樣能夠清晰的給用戶傳達當前頁面。并且為了不使整體的切換效果變得生硬,在切換過程中采用了透明度與彈性縮放,讓其過渡的相對柔和。在細節(jié)的處理上也是非常用心,每個圖標都帶有笑臉的形狀,間接的給用戶傳達“笑臉”信息,在選取標簽時內(nèi)部形狀會輕微晃動。整體來看汽車之家的標簽動效雖然偏向嚴謹,但是在細節(jié)上也給予用戶傳達了更多的情感。




作者:黑獅力    來源:站酷

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號: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è)計的小編 http://sillybuy.com

存檔