首頁

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

seo達(dá)人


圖片

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

 

一、如何定義”簡(jiǎn)單“?

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

圖片

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

圖片

《簡(jiǎn)單法則》 John Maeda: http://lawsofsimplicity.com/

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

 

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

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

圖片

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

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

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

圖片

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

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

圖片

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

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

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

圖片

4、支持快速?zèng)Q策

用戶被各種選擇狂轟濫炸,不得不花時(shí)間去理解和決定,給他們?cè)黾恿瞬槐匾墓ぷ鳌_@里可以用一個(gè)非常著名的??硕蓙斫忉?,選項(xiàng)增多會(huì)增加用戶做決定的時(shí)間和精力。所以,如果你想提升用戶體驗(yàn),讓用戶感覺到簡(jiǎn)單,那么就盡可能地幫助用戶更快地做出決定。盡可能地減少不必要的選擇。

圖片圖片

5、太多的選擇會(huì)嚇跑用戶

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

Jam實(shí)驗(yàn)是消費(fèi)心理學(xué)中最著名的實(shí)驗(yàn)之一,減少消費(fèi)者的選擇有利于銷售。重要的是,研究表明準(zhǔn)確地提供較少的選擇可能會(huì)提高你的銷量。

圖片

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

圖片

6、在有多個(gè)選擇的時(shí)候提供建議

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

圖片

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

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

圖片

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

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

圖片

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

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

圖片

結(jié)束了嗎?就像你自己會(huì)看到的那樣,計(jì)算不規(guī)則的圓點(diǎn)方塊會(huì)花費(fèi)更多的時(shí)間,除此之外,還會(huì)給你帶來更多的認(rèn)知負(fù)擔(dān)。為什么我們會(huì)得到這個(gè)結(jié)果?因?yàn)檎叫沃杏邢嗤瑪?shù)量的點(diǎn)。

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

圖片

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

圖片

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

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

圖片

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

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

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

圖片

12、及時(shí)告知進(jìn)度和當(dāng)前狀態(tài)

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

圖片

13、幫用戶自動(dòng)計(jì)算

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

圖片

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

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

圖片

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

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

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

圖片

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

設(shè)計(jì)的主要目標(biāo)是為了將用戶與產(chǎn)品提供的價(jià)值聯(lián)系起來。任何阻擋在用戶和他實(shí)際操作之間的東西都是障礙,除非它服務(wù)于功能性需求。首次體驗(yàn)對(duì)于產(chǎn)品來說非常重要,我們?nèi)祟悤?huì)很快形成對(duì)產(chǎn)品的看法,當(dāng)我們不滿意就會(huì)立即離開。

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

圖片

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

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

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

圖片

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

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

圖片

19、使用智能默認(rèn)值來減少認(rèn)知負(fù)荷

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

圖片

20、預(yù)防錯(cuò)誤

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

圖片

21、無障礙設(shè)計(jì)

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

圖片

 

三、總結(jié)

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


作者:彩云Sky


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

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


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


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



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

ui設(shè)計(jì)分享達(dá)人

一、項(xiàng)目背景

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

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

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

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



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

2.1 視覺升級(jí)-更好看















2.2 體驗(yàn)升級(jí)-更好用









寫在最后

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

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

作者:百度MEUX

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

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


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


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

怎樣分層理解用戶需求

ui設(shè)計(jì)分享達(dá)人

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

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

· 為什么有的品牌會(huì)擁有很高的忠誠(chéng)度,而有的品牌用戶用完就走。

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

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

· ……

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



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

第一類:解決痛感

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

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

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

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

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

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

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

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

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

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

其實(shí),除了滴滴這款出行產(chǎn)品,任何產(chǎn)品都是用戶生活里的各種痛點(diǎn)的解決方案。這一個(gè)品類里面,誰能最大程度地、最低成本地?fù)崞接脩舻耐袋c(diǎn),誰就會(huì)成為用戶最終的選擇。

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

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

第二類:刷好存在

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

在很多社區(qū)里,會(huì)發(fā)現(xiàn)人們會(huì)因?yàn)楸稽c(diǎn)贊和被認(rèn)可而去努力地創(chuàng)造好內(nèi)容。人們?cè)趯ふ业饺后w認(rèn)同的時(shí)候,會(huì)有很大的滿足感,尤其是被我們認(rèn)可的群體認(rèn)同時(shí)。

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

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

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

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

第三類:滿足好奇

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

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

電影、戲劇、旅行、密室逃脫等等產(chǎn)品,在這個(gè)時(shí)代備受歡迎,其實(shí)都是因?yàn)榻鉀Q了用戶探索新奇體驗(yàn)的需求。

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

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

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

生物中心主義

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

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

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

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

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

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

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

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

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

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

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

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

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

小結(jié)

這篇文章主要就是為了幫助我們?cè)诿鎸?duì)客戶的時(shí)候該怎么去分析需求,怎么去理解他們。

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

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

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

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

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


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


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

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

ui設(shè)計(jì)分享達(dá)人

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

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

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

對(duì)用戶價(jià)值的理解的不同:

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

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

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

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

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

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

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

通常情況下,我都很難去回答這個(gè)問題,因?yàn)槲也]有辦法給你一套“公式”。

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

從這個(gè)角度來說,“如何才能找到正確的用戶價(jià)值”這個(gè)問題,絕對(duì)不是一個(gè)好問題,因?yàn)樗鼛缀醯扔谠趩枺骸罢?qǐng)問,如何能夠成功?”。

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

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

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

這些建議在我們之前發(fā)布的對(duì)不同企業(yè)的系列研究中,都曾或多或少的作為論證的一部分而提到過一些,在這里,我們?cè)囍鴮⑺鼈儏R總起來,并且來做一個(gè)更為詳細(xì)而全面的解讀。

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

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

我的答案會(huì)是:

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

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

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

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

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

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

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

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

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

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

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

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

因?yàn)榈仓灰鲞^一天數(shù)據(jù)分析的人,就應(yīng)該知道,只要你想,用所謂的“數(shù)據(jù)”和“案例”,去“客觀”的論證一個(gè)“想要得出的結(jié)論”,甚至看起來邏輯自洽,實(shí)在是太輕而易舉的事情了。

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

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

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

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

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

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

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

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

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

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

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

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

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

這也從另一個(gè)角度說明,為什么有一個(gè)段子叫做:“普通人創(chuàng)業(yè)是從0開始,咨詢顧問們創(chuàng)業(yè)是從負(fù)100開始,請(qǐng)先去補(bǔ)行業(yè)認(rèn)知”。因?yàn)樽稍冾檰栕畛R姷墓ぷ鞣绞街?,是先make assumption,然后去驗(yàn)證這個(gè)假設(shè)。但這個(gè)所謂驗(yàn)證的過程,很多時(shí)候其實(shí)都是motivated reasoning,而他們對(duì)于商業(yè)分析的嫻熟,使得他們可以很危險(xiǎn)的讓一個(gè)false conclusion看起來仿佛頭頭是道。

因此,我們花了大量篇幅試圖給出的第一條也是我們認(rèn)為最重要的一條,這個(gè)看似最像常識(shí)的建議,因?yàn)槲覀兦猩淼目吹酱罅啃袠I(yè)經(jīng)驗(yàn)深厚的人,依然很難做到。

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

而內(nèi)心真正強(qiáng)大的人,才能夠真正做到“ego小”,因?yàn)橐粋€(gè)強(qiáng)大的內(nèi)心自我,是輕易不會(huì)被任何單一事件所影響的。你永遠(yuǎn)不會(huì)因?yàn)閽仐壛艘稽c(diǎn)“自我感受”就受到威脅,一個(gè)人之所以能夠毫無障礙的接受任何跟“自我感受”相沖突的事實(shí),就是“幾乎沒有任何事情有能力傷害到你”的強(qiáng)大內(nèi)心的最佳證明,所以你根本毫無必要在“自我感受”層面defend yourself。

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

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

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

簡(jiǎn)單舉2個(gè)例子:

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

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

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

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

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

同樣,我們?cè)谠獨(dú)馍值姆治鲋幸舱f過,元?dú)馍謱?duì)應(yīng)的是從來不是健康,而是”外表管理”,對(duì)應(yīng)的是人性中亙古不變的對(duì)”美”的追求。除此之外,還有什么?是人性中最普遍的對(duì)”不勞而獲”的期待,想走捷徑的心理。

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

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

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

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

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

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

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

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

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

每個(gè)時(shí)代的年輕人話語體系都些許不同,看不看的懂一點(diǎn)也不重要。因?yàn)槟遣淮砣诵?,那只是人類眾多外在的表達(dá)方式之一。年輕人在是一個(gè)年輕人之前,首先更重要的,是一個(gè)人。而大部分人的問題根本不在于看不懂年輕人,而是對(duì)人性一無所知,想看懂年輕人,請(qǐng)先學(xué)會(huì)看懂人。

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

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

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

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

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

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

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

為什么國(guó)內(nèi)精釀啤酒沒有做大的機(jī)會(huì),跟價(jià)格什么根本沒有關(guān)系,很簡(jiǎn)單,因?yàn)榇蟛糠种袊?guó)用戶就是不喜歡喝。

為什么國(guó)內(nèi)植物肉根本就沒有一點(diǎn)機(jī)會(huì),跟價(jià)格,口感根本沒什么關(guān)系,因?yàn)榇蟛糠制胀ㄓ脩舾揪驼也坏饺魏我粋€(gè)理由去吃,not even one single reason.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

因?yàn)槟阕龅母静皇怯脩粝胍臇|西,你所謂的“更好”,你所謂的技術(shù)提升,品質(zhì)升級(jí),根本用戶的感知度為0,是一種生產(chǎn)思維下的產(chǎn)物。

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

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

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

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

然而“正確”的話,往往比錯(cuò)誤的話危害更大。因?yàn)槟切┮幌伦泳秃苋菀妆徽J(rèn)定是錯(cuò)誤的話,當(dāng)然也就因此沒人會(huì)注意了;但那些極具迷惑性的“正確而無用”的話,往往更危險(xiǎn),正因?yàn)樗鼈兛瓷先ァ皼]有錯(cuò)誤”,所以很容易被當(dāng)作正確的認(rèn)知被相信,而這正是災(zāi)難的開始。

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

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

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

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

先來看第一類問題,我們簡(jiǎn)單舉一個(gè)例子:“新一代消費(fèi)者變得越來越在乎健康”。

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

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

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

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

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

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

  • 因?yàn)間luten-free的飲食開始風(fēng)靡歐美,而它能避免乳糜瀉;
  • 因?yàn)閛atly燕麥奶為代表的植物基奶開始流行,而它能夠避免乳糖不耐;
  • 因?yàn)閣hite claw開創(chuàng)了硬蘇打酒的巨大成功,而它低度又低卡能夠健康飲酒;
  • 因?yàn)樵獨(dú)馍忠藷o糖氣泡水市場(chǎng),而它的“0糖,0脂,0卡”是健康的代表;

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

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

OATLY的創(chuàng)始人20多年前創(chuàng)立的時(shí)候,就是為了解決乳糖不耐;20多年來,產(chǎn)品functional層面的功能屬性始終如一從未改變,而最初的十幾年,始終不溫不火,因?yàn)樵诤跞樘遣荒偷娜嗽谌祟愔械谋壤龢O低。它是什么時(shí)候火起來的呢?在新CEO上任之后,它不再是健康的功能飲品,它變成了向竟然膽敢飼養(yǎng)奶牛,虐待奶牛,增加碳排放的十惡不赦的牛奶企業(yè)的斗士,成了環(huán)保,保護(hù)動(dòng)物福利的人的精神興奮劑。

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

元?dú)馍治覀円矊iT分析過,跟健康的關(guān)系更是幾乎為0。感興趣可以看《深度研究 | 不太一樣的元?dú)馍纸庾x:成功與隱憂》。元?dú)馍值暮诵馁u點(diǎn)是:瘦。換言之,如果依然可以瘦,但沒那么健康;我們對(duì)銷量一樣樂觀??纯幢=∑沸乱?guī)和新廣告法之前那個(gè)時(shí)候的碧生源的驚人銷量就知道了。如果只有健康,沒有瘦,那銷量有今天1/10就偷著樂吧。另外,在前面的Rule 2中,我們也提到了除此之外,還有擊中了人性中根深蒂固的不勞而獲的心理。

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

這個(gè)list我們可以無限的列下去:

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

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

但我們還想借由“元?dú)馍值幕鸨瑸槭裁赐耆珶o法說明消費(fèi)者變得更在乎健康”,去闡述我們?cè)谇懊鍾ule 3中提到,并沒有展開的另一個(gè)概念:zeitgeist。這個(gè)詞,在詞典中被翻譯成“時(shí)代精神/時(shí)代思潮”,我覺得太過宏大,我傾向于把它理解為“一個(gè)時(shí)代的話語共識(shí)”。

元?dú)馍指】祹缀鯖]有半毛錢關(guān)系,跟赤蘚糖醇的關(guān)系更是微乎其微。僅僅是因?yàn)椤?糖,0脂,0卡”的概念,就贏了90%。But Why ?

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

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

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

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

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

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

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

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

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

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

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

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

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

這里面有一個(gè)很重要的部分被忽略掉了,可能是因?yàn)槟甏^久遠(yuǎn);如果我們持續(xù)向前追溯,你知道人造黃油在一開始為什么會(huì)成功么?

它的之所以會(huì)成功的賣點(diǎn)竟然是:比天然黃油更健康,并且靠著這個(gè)比天然黃油更健康的賣點(diǎn)暢銷了幾十年。

諷刺的部分就是,當(dāng)年的賣點(diǎn)成了今天的掣肘;而其背后的核心原因是:不是消費(fèi)者變得更在乎健康,而是zeitgeist的變化。

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

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

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

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

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

早在100多年前,香奈兒第一次創(chuàng)立CHANEL的時(shí)候,是對(duì)消費(fèi)者實(shí)現(xiàn)了從”悅?cè)恕钡健睈偧骸钡膯⒚?,而自此消費(fèi)者已經(jīng)“悅己”了上百年了。

實(shí)際上你只肯要稍微花一秒鐘,用一個(gè)普通人的視角看看人類的整個(gè)消費(fèi)行為,就可以發(fā)現(xiàn)很多消費(fèi)從Day1都是為了愉悅自己的。”悅己”是根深蒂固的刻在人類自私的基因里面的,不是今天才出現(xiàn)的。

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

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

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

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

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

Being Right ≠ Being True,因?yàn)槿祟悗缀鯊膩聿皇恰闭_的”在生活。

人類從來都不是靠著做出正確決策每天生活的。那些無比正確的話,之所以無法成為真正的用戶理解和洞察,就是因?yàn)樗麄兲^正確。

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

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

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

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

你要能夠意識(shí)到:

  • 迷信 vs 科學(xué), 永遠(yuǎn)是迷信勝利;
  • 陰謀論 vs 理性,永遠(yuǎn)是陰謀論勝利;
  • 放縱 vs 自律, 永遠(yuǎn)是放縱勝利;
  • Keep vs 元?dú)馍?,永遠(yuǎn)是元?dú)馍謩倮?
  • 拖延 vs 準(zhǔn)時(shí),永遠(yuǎn)是拖延勝利;
  • 立flag vs 付諸行動(dòng),永遠(yuǎn)是立flag勝利。

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

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

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

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

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


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


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

如何做好用戶故事?學(xué)會(huì)讓用戶幫你“帶貨”

ui設(shè)計(jì)分享達(dá)人

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

傳統(tǒng)的人物故事主人公一定是一個(gè)響當(dāng)當(dāng)?shù)拿?,至少是做出了某種貢獻(xiàn)的,并且這類的內(nèi)容傳播目的并不在于轉(zhuǎn)化或“帶貨”,而是為了傳遞某種價(jià)值觀。

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

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

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

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

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

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

  • 為什么要做用戶案例故事的項(xiàng)目?
  • 希望通過用戶故事達(dá)到什么目的/效果?

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

1)品牌宣傳

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

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

比如:影刀RPA、三維家。

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

2)產(chǎn)品介紹

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

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

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

3)種草營(yíng)銷

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

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

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

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

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

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

1)用戶投稿

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

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

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

2)征稿活動(dòng)

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

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

①一篇長(zhǎng)文

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

②一個(gè)專題

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

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

3)征集話題

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

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

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

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

4)核心用戶采訪

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

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

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

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

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

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

當(dāng)然獎(jiǎng)勵(lì)不一定非要實(shí)物獎(jiǎng)勵(lì)或金錢獎(jiǎng)勵(lì),有時(shí)候一個(gè)肯定或感謝也能讓用戶感到很暖心。

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

1)金錢獎(jiǎng)勵(lì)

根據(jù)用戶參與的程度、提供素材的豐富度、故事的完整度等設(shè)定不同等級(jí)的金錢獎(jiǎng)勵(lì)標(biāo)準(zhǔn)。

2)物質(zhì)獎(jiǎng)勵(lì)

對(duì)于參與的用戶,可以獎(jiǎng)勵(lì)一些產(chǎn)品周邊、紀(jì)念品等實(shí)物。

3)榮譽(yù)獎(jiǎng)勵(lì)

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

4)流量獎(jiǎng)勵(lì)

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

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

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

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


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


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

基于智能座艙場(chǎng)景的用戶體驗(yàn)設(shè)計(jì)

seo達(dá)人


一、座艙體驗(yàn)的三要素

用戶體驗(yàn)設(shè)計(jì)首先字面意思是用戶+體驗(yàn)。

圖片

圖片

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

圖片

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

但實(shí)際用戶體驗(yàn)一定是脫離不了場(chǎng)景的,場(chǎng)景是用戶發(fā)生行為的一個(gè)大環(huán)境。

03 考慮場(chǎng)景的時(shí)候除了考慮的當(dāng)下現(xiàn)實(shí)場(chǎng)景還有未來場(chǎng)景。

圖片

場(chǎng)景案例:充電全屏展示充電信息

圖片

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

圖片

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

圖片

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

 

 

二、智能座艙的場(chǎng)景體系化搭建

1、搭建流程

圖片

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

場(chǎng)景發(fā)掘首先要把場(chǎng)景和使用的用戶做定位,結(jié)合實(shí)際項(xiàng)目進(jìn)行用戶畫像定位,確定場(chǎng)景主題,尋找到目標(biāo)用戶進(jìn)行實(shí)車訪談和拍攝。

圖片

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

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

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

圖片

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

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

圖片

04 場(chǎng)景走查還原場(chǎng)景

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

圖片

 

2、搭建工具

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

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

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

2.1 用戶旅程圖

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

關(guān)鍵步驟:

① 設(shè)定場(chǎng)景、目標(biāo)、期望(用戶畫像)

② 確定行為路徑

③ 建立核心地圖

④ 包裝地圖

⑤ 繪制故事板

圖片

2.2 可用性測(cè)試

可用性測(cè)試已經(jīng)成為獲得用戶反饋的流行手段,主要因?yàn)樗麄兩鲜挚?,能快速反?yīng)出問題。

關(guān)鍵步驟:

① 明確測(cè)試目的

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

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

④ 組織測(cè)試

⑤ 整理輸出結(jié)論

圖片

2.3 5W+1H法則

5W+1H 是選定的項(xiàng)目、工序或操作,可以從原因(Why)、對(duì)象(What)、地點(diǎn)(Where)、人員(Who)、時(shí)間(When)、方法(How)等六個(gè)面進(jìn)行思考。

① 原因—立項(xiàng)背景?

② 對(duì)象—什么功能?

③ 地點(diǎn)— 什么場(chǎng)景下?

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

⑤ 時(shí)間–什么時(shí)機(jī)?哪個(gè)流程之后?

⑥ 如何–什么方式操作?

圖片

 

 

三、細(xì)化座艙用戶體驗(yàn)的三階段

1、用戶體驗(yàn)的三階段

體驗(yàn)的時(shí)間性有三個(gè)主要組成成分,及熟悉程度、功能依賴和情感依賴。

圖片

1.1 初識(shí)體驗(yàn):

我們?cè)诋a(chǎn)品使用初期的階段,都會(huì)對(duì)產(chǎn)品有個(gè)使用預(yù)期。例如期望產(chǎn)品能提供一個(gè)好的體驗(yàn),或者怕產(chǎn)生不好的體驗(yàn)。

圖片

1.2 使用體驗(yàn):

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

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

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

1.3 獲得體驗(yàn):

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

 

2、體驗(yàn)的三條路線

圖片

2.1 體驗(yàn)線路是感官線

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

2.2 體驗(yàn)線路是情感線

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

圖片

2.3 體驗(yàn)線路的流暢

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

圖片

 

3、把握用戶體驗(yàn)的多樣性

3.1 個(gè)人價(jià)值觀的差異

首先個(gè)人的因素,因?yàn)槲覀兂砷L(zhǎng)的環(huán)境不同,造成了對(duì)價(jià)值觀的差異,有的人喜歡刺激新穎的產(chǎn)品,有的人喜歡乏善可陳的產(chǎn)品。

圖片

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

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

圖片

3.3 跟隨時(shí)間線的體重心變化

用戶的使用體驗(yàn)對(duì)于時(shí)間的變化,通過用戶旅程圖,他們對(duì)產(chǎn)品的關(guān)注點(diǎn)會(huì)產(chǎn)生變化,例如用戶剛開始對(duì)產(chǎn)品互動(dòng)中更關(guān)注新的功能和刺激的體驗(yàn)。但在使用過一段時(shí)間后他們可能不會(huì)再關(guān)注他的新穎程度,更關(guān)注產(chǎn)品的實(shí)用性和效率。所以需要我們?cè)诓煌氖褂秒A段重新幫助用戶提升體驗(yàn)。

圖片

 

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

作者:郝小七

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》基于智能座艙場(chǎng)景的用戶體驗(yàn)設(shè)計(jì)

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


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


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



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

純純

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

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

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

 


當(dāng)設(shè)計(jì)遇上技術(shù)

工作現(xiàn)狀

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

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

 

分析原因

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

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

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

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

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

 

能做的事

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

其實(shí)我們?cè)O(shè)計(jì)師有明顯的優(yōu)點(diǎn):

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


 

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

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

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

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

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

  • 階段性

  • 驅(qū)動(dòng)性

  • 流程性

  • 抽象性


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

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

① 每個(gè)階段的目標(biāo)是什么

② 階段下每個(gè)角色各自的小目標(biāo)又是什么

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

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


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

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

 

策略詳解

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

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

② What:定義當(dāng)前場(chǎng)景的階段目標(biāo)以及要做的事情

③ Who:當(dāng)前階段的事情由哪些角色參與

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

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

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

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

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

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

 


總結(jié)回顧

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



作者:Ant_Design    來源:站酷

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

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

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

間距篇 | 設(shè)計(jì)師必看的保姆級(jí)間距控制規(guī)范!

純純

前言

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

分享目錄

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

一、間距在UI中的重要性

1.什么是間距?

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


2.間距的實(shí)際作用

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


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

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


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

二、定義文字間距

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

1.字符間距

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


2.文字行高

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


3.文字段落

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


三、定義元素/組件間距

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


四、定義模塊間距

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


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

1.接近性原則

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


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

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

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

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


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

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

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

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


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

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


6.明顯相鄰間距值

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


7.跳出間距的束縛

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


六、結(jié)語

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

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

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

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

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


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

純純

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

 

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

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

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

 

       undefined     

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

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

 

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

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

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

 

       undefined     

 

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

 

初體驗(yàn):初次注冊(cè)登錄的用戶很多功能都沒有熟悉

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

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

出錯(cuò):因?yàn)楦鞣N原因?qū)е碌腻e(cuò)誤頁面

 

       undefined     

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

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

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

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

       undefined     

 

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

·購(gòu)物車為空時(shí)→讓用戶購(gòu)買或者給用戶推薦商品

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

·搜索為空時(shí)→告知用戶換一個(gè)詞試一試

·無評(píng)論時(shí)→讓用戶搶個(gè)沙發(fā)

       undefined     

 

 

任務(wù)完成后,鼓勵(lì)或獎(jiǎng)勵(lì)用戶

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

·書看完時(shí)→讓眼睛放松一下

·打卡成功→獎(jiǎng)勵(lì)用戶勛章等等

       undefined     

 

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

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

·404頁面→讓用戶反饋情況到后臺(tái)、報(bào)錯(cuò)等

       undefined     

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

 

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

 

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

 

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

 

 

 

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


       undefined     

4.1基本原則 


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

直觀:簡(jiǎn)言之就是畫面要“小而美”→簡(jiǎn)單

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

 

準(zhǔn)確

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

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

       undefined     

 

 

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

 

直觀:

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

       undefined     

 

高效

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

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

       undefined     

 

 

4.2進(jìn)階原則undefined       

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

品牌:介紹并強(qiáng)化品牌元素,通過恰當(dāng)?shù)姆绞健⑿问匠尸F(xiàn)

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

 

有趣

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

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

 

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

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

       undefined品牌

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

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

 

       undefined     

 

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

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

 

 

記憶

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

 

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

       undefined     

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

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

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

 

五、總結(jié)

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

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

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

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

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

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

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

 

細(xì)節(jié)備注:

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

底部標(biāo)簽欄全面解析

純純

一、標(biāo)簽欄是什么?


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


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




二、為什么標(biāo)簽欄要放于底部?


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



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



這意味著:

將常用的“行為”放在屏幕底部很重要,因?yàn)橹恍枰绘I式的交互即可輕松到達(dá)這些“行為”。



三、標(biāo)簽欄的三大原則


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


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

為了讓標(biāo)簽欄表現(xiàn)清晰,兩大平臺(tái)在規(guī)范里都對(duì)標(biāo)簽數(shù)量給出了相同的建議:建議標(biāo)簽欄內(nèi)的標(biāo)簽個(gè)數(shù)為3個(gè)至5個(gè)。因?yàn)闃?biāo)簽過多會(huì)使每一個(gè)單元標(biāo)簽的可觸空間降低,人們?cè)谖锢砩希ㄊ种福╇y以點(diǎn)擊或誤觸,除此之外還會(huì)增加應(yīng)用程序結(jié)構(gòu)的復(fù)雜性。



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


3.2 位置清晰

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



3.3 可預(yù)測(cè)行為

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



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



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


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


4.1 圖標(biāo)視覺大小

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



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



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


在24尺寸下的keyline構(gòu)成如下(24尺寸下的出血區(qū)域?yàn)?):



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



4.2 標(biāo)簽欄布局

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


4.2.1 屏幕等分

屏幕等分是最常見的標(biāo)簽布局形式,因?yàn)椴还芩嬖诙嗌賵D標(biāo),都可以用它進(jìn)行屏幕劃分,計(jì)算方法也十分簡(jiǎn)單,屏幕的寬度除以標(biāo)簽個(gè)數(shù)就是每列寬度。采用此等劃分的案例有:懂車帝、今日頭條。



4.2.2 圖標(biāo)左右間距相等

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



4.3 標(biāo)簽欄熱點(diǎn)區(qū)域

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




五、標(biāo)簽欄的圖標(biāo)樣式


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


5.1 線性圖標(biāo)

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



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



5.2面性圖標(biāo)

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

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



5.3線性+面性圖標(biāo)

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

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



5.4輕質(zhì)感圖標(biāo)

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



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

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




六、標(biāo)簽欄的展示形式


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


6.1圖標(biāo)+文字

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

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



6.2純圖標(biāo)

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

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

對(duì)于我們?cè)O(shè)計(jì)師來說使用純圖標(biāo)樣式的產(chǎn)品中最為熟悉的就是花瓣了。



6.3純文字(部分含標(biāo)識(shí))

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

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



6.4舵式

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

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




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


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


7.1視覺層面

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


7.1.1設(shè)計(jì)裝飾性圖標(biāo)

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


&整體裝飾圖標(biāo)

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

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



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



&單個(gè)裝飾性圖標(biāo)

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



7.1.2加入品牌基因

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


&品牌顏色

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



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



&品牌LOGO

提取品牌LOGO是最常用的使用方式,我們從品牌中提取出來的圖標(biāo)一般運(yùn)用在APP首頁標(biāo)簽。因?yàn)槭醉撌茿PP中最重要的頁面,也是進(jìn)入APP默認(rèn)的頁面,把首頁圖標(biāo)替換成品牌LOGO,能反復(fù)加強(qiáng)了用戶對(duì)App的LOGO印象,這樣不但使App內(nèi)外形成了視覺聯(lián)系,同時(shí)也二次傳遞了品牌形象。例如大眾點(diǎn)評(píng),它的首頁標(biāo)簽就用了品牌LOGO,同時(shí)也使用了品牌顏色。



&品牌元素

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



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



&品牌名稱

如果你的品牌還不為大眾所熟知,那么為了強(qiáng)化用戶對(duì)品牌名稱的認(rèn)知,可以把品牌名稱直接放入標(biāo)簽欄中。例如MONO,就把它的名稱分為四個(gè)字母分別放在了4個(gè)標(biāo)簽內(nèi),需要注意的是這類圖標(biāo)不能單獨(dú)出現(xiàn),因?yàn)樗旧聿痪邆渥R(shí)別性與引導(dǎo)性,必須配合文字一起出現(xiàn),這樣才能讓用戶理解標(biāo)簽的真正功能,我們不能為了設(shè)計(jì)而設(shè)計(jì)。



&品牌性格

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



&品牌吉祥物

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



7.1.3讓用戶自定義

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


&用戶頭像

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

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



&捏臉

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


7.2交互層面

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


7.2.1標(biāo)簽功能切換

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


&承載2個(gè)功能案例

SOUL的廣場(chǎng)標(biāo)簽(進(jìn)入選取頁+刷新)

SOUL的廣告標(biāo)簽承載了2個(gè)功能,當(dāng)你處于其他標(biāo)簽時(shí),點(diǎn)擊廣場(chǎng)標(biāo)簽則直接進(jìn)入到廣場(chǎng)頁面;當(dāng)你處于廣場(chǎng)頁面中時(shí),再次點(diǎn)擊標(biāo)簽則會(huì)刷新整個(gè)頁面。



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

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



&承載3個(gè)功能案例

淘寶首頁標(biāo)簽(進(jìn)入選取頁+刷新+置頂)

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



愛奇藝首頁標(biāo)簽(進(jìn)入選取頁+到達(dá)指定位置+置頂)

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



7.2.2觸覺與聽覺

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


&觸覺

西瓜視頻與今日頭條在點(diǎn)擊標(biāo)簽欄圖標(biāo)時(shí)手機(jī)就會(huì)發(fā)出輕微的震動(dòng),給予了用戶很好的點(diǎn)擊反饋。



&聽覺

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



7.2.3標(biāo)簽動(dòng)畫

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


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

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



&虎牙-抖動(dòng)+趣味表達(dá)

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



&汽車之家-結(jié)合容器+細(xì)節(jié)晃動(dòng)

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




作者:黑獅力    來源:站酷

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

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

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

日歷

鏈接

個(gè)人資料

存檔