設(shè)計過程被描述為多個階段，每個階段都包含不同的活動來完成該階段，它沒有統(tǒng)一的標(biāo)準(zhǔn)流程，每個公司和設(shè)計師都有自己的流程版本。
盡管存在多個流程，但一般流程和階段類似于以下內(nèi)容:
了解問題：初步了解問題。觀察、采訪和傾聽用戶。
定義問題：解釋和定義要解決的問題。
構(gòu)思：通過頭腦風(fēng)暴產(chǎn)生盡可能多的想法。
原型設(shè)計：構(gòu)建原型并與其他人分享（ 再次縮小解決方案空間，為實驗階段 ）。
測試：測試可能的解決方案、實施、改進(jìn)或重新設(shè)計。
傳統(tǒng)的問題解決采取有條不紊而又科學(xué)的形式。該過程從一個問題開始，定義要采取的步驟以及達(dá)到解決方案的工具或方法。
設(shè)計思維是一種創(chuàng)造性的策略，可以產(chǎn)生創(chuàng)造性的未來結(jié)果和/或創(chuàng)造性的問題解決方式，它應(yīng)該被認(rèn)為是一種以解決方案為中心的思維策略。
它通常被描述為一種創(chuàng)造性、主觀和感性的對許多大型組織的分析邏輯（ 布朗，2008 年 ），或作為分析和創(chuàng)造性推理模式的組合（ 鄧恩 & 馬丁，2006 年；利特卡，2015 年 ）。
設(shè)計思維來源于常規(guī)問題解決方法，常規(guī)問題解法是設(shè)計思維的基礎(chǔ)。
從解決問題到設(shè)計思維，Liedtka (2013)
結(jié)果發(fā)現(xiàn)，設(shè)計思維實際上也是一個解決問題的過程，而不僅僅是一個創(chuàng)新過程（ 利特卡，2013）
一個例子是，豐田采用設(shè)計思維從頭開始分析其西海岸的一個客戶聯(lián)絡(luò)中心，在重新設(shè)計過程中，組建了一個由一線呼叫代表、軟件工程師、業(yè)務(wù)主管和變革代理組成的跨職能團(tuán)隊，這一舉動最終改變了客戶和員工的服務(wù)中心體驗。
我們每天都會遇到問題，但是當(dāng)我們解決同樣的問題時，它們就成了例行公事（ 似乎已經(jīng)忘記它們是問題了 ），我們甚至都沒有意識到正在解決這些問題。例如，我的辦公室在 30 分鐘路程之外，該怎么到達(dá)那里？開車、坐火車或巴士到目的地；除非車子輪胎被刺破，否則你就需要弄清楚如何到達(dá)辦公室。
1990 年代，IDEO 的 David Kelley 和 Tim Brown 與 Roger Martin 共同創(chuàng)造了特定術(shù)語：“設(shè)計思維”，并將多年來醞釀的方法和想法封裝成一個統(tǒng)一的概念。
設(shè)計思維是以人為中心、開放式、基于問題的方法論。這種方法最初是為了改變工程教育中的教學(xué)方式，而工程師處理和解決問題的方式有其設(shè)計思維的基礎(chǔ)。
設(shè)計思維一詞可以追溯到 1987 年 Peter Rowe 的著作：“設(shè)計思維?！?他描述工程師和建筑師處理問題的方法有很大不同。
90 年代初，認(rèn)知科學(xué)家 Don Norman 加入 Apple 團(tuán)隊，擔(dān)任他們的用戶體驗架構(gòu)師，這使他成為第一個在職位中包含 UX 的人。他提出了“用戶體驗設(shè)計”這個術(shù)語，因為他想“涵蓋人們對系統(tǒng)體驗的所有方面，包括工業(yè)設(shè)計、圖形、界面、物理交互和手冊?！?從那時起，這些領(lǐng)域中的每一個都將用戶體驗，擴(kuò)展到了自己的專業(yè)領(lǐng)域。
設(shè)計思維在解決“棘手問題”時特別有用。
棘手問題的特征
“棘手問題”一詞是由設(shè)計理論家 Horst Rittel 在 1972 年創(chuàng)造的，用來描述本質(zhì)上非常模糊 \ 特別棘手的問題。棘手問題，有很多未知因素，沒有確定的解決方案。問題或解決方案可能與另一個棘手的問題有關(guān)，因此這是一個需要設(shè)計思維的持續(xù)過程。貧困、饑餓和氣候變化是一些現(xiàn)代的棘手問題。
設(shè)計主題的范圍是普遍的，因為 設(shè)計思維可以應(yīng)用于人類經(jīng)驗的任何領(lǐng)域。
它可以用于：
符號和視覺傳達(dá)：這包括平面設(shè)計的傳統(tǒng)工作，如排版和廣告、書籍和雜志制作、科學(xué)插圖、攝影、電影、電視和計算機(jī)顯示。
材料：這包括對日常用品的形式和視覺外觀的傳統(tǒng)關(guān)注 —— 服裝、家用物品、工具、儀器、機(jī)械和車輛。
人類活動和組織性服務(wù)：包括對物流的傳統(tǒng)管理關(guān)注，結(jié)合物質(zhì)資源、工具和人類低效的序列和時間表，以達(dá)到特定的目標(biāo)。
復(fù)雜的系統(tǒng)或環(huán)境：生活、工作、娛樂和學(xué)習(xí)。這包括系統(tǒng)工程、建筑和城市規(guī)劃的傳統(tǒng)關(guān)注點，或復(fù)雜整體部分的功能分析及其隨后在層次結(jié)構(gòu)中的集成。
設(shè)計思維起源于設(shè)計師的培訓(xùn)和專業(yè)實踐，但這些原則可以被每個人實踐并擴(kuò)展到每個活動領(lǐng)域。（布朗，2013 年）
在企業(yè)中，設(shè)計過程可以為企業(yè)環(huán)境中的問題解決帶來創(chuàng)新思維。它還可以用于醫(yī)療保健，通過向護(hù)士、醫(yī)生和管理人員教授設(shè)計思維技術(shù)，我們可以激勵相關(guān)從業(yè)者貢獻(xiàn)新的想法。
不管是什么設(shè)計，理解和研究問題是必不可少的，因為我們能夠從其出發(fā)，從而進(jìn)行以用戶為中心的設(shè)計。
設(shè)計思維的最早階段是搞懂你能帶來的情感價值。設(shè)計思維方法迫使你停留在提問與質(zhì)疑階段，而不是準(zhǔn)確定義出問題后進(jìn)入下一階段。我們都有過快進(jìn)入解決方案模式的傾向，所以設(shè)計思維方法迫使你真實地存在于這個不清楚、有時還非?；靵y的時刻，從而使你對要解決的問題產(chǎn)生更好的理解。（利特克，2013）
傳統(tǒng)的問題解決涉及提出一個解決方案，但設(shè)計思維首先使我們發(fā)散，試圖為問題生成各種可能的替代解決方案。然后讓我們進(jìn)行收斂性思維，縮小多種可能性，找到單一的最佳解決方案。
根據(jù)利特卡和奧美 (2011) 的說法，設(shè)計思維的全部意義在于學(xué)習(xí)一種新的、系統(tǒng)的解決問題的方法。正如我們思考創(chuàng)造力一樣，即使是設(shè)計思維也可以通過實踐來教授和改進(jìn)。
設(shè)計過程從來都不是線性的，它由多次失敗和迭代組成（布朗，2018）。
首先，設(shè)計師試圖將問題與過去的類似案例聯(lián)系起來。如果這種方法不能提供任何解決方案，下一步就是使用知識和創(chuàng)造力作為一種實驗思維形式來產(chǎn)生新的想法。使用決策矩陣對這些想法進(jìn)行評估，從而會產(chǎn)生被進(jìn)一步分析和測試的解決方案。如果成功，它將被實施。如果不成功，則需要重新表述問題，并重復(fù)該過程。這是一個迭代過程，即循環(huán)方法。
這一持續(xù)不斷的重新再設(shè)計過程，源于和客戶親密接觸的洞察。
學(xué)習(xí)設(shè)計思維不僅僅意味著學(xué)習(xí)一套新的工具。它還意味著：學(xué)習(xí)收集和分析大量數(shù)據(jù)；學(xué)習(xí)挖掘?qū)ο罂赡艿男螒B(tài)而不是自主認(rèn)為他是什么；學(xué)習(xí)管理不確定感，以及與許多新的伙伴合作（ 利特卡和奧美，2011）。你可以進(jìn)行的研究類型分為三類：生成性研究、評估性研究和驗證性研究。
一種常見的表述 —— 實際上是設(shè)計思維的另一種視角 —— 即設(shè)計師應(yīng)該預(yù)料到會“很快失敗或經(jīng)常失敗”（布朗，2009）。
當(dāng)過程早期發(fā)生故障時，例如被拒絕的原型，實質(zhì)上它可以為有效解決方案提供關(guān)鍵見解。這種觀點與傳統(tǒng)的先形成理論，再檢驗正誤的方式相矛盾。
Airbnb、Braun 和百事可樂等多元化公司都在 采用設(shè)計思維并將其作為核心戰(zhàn)略。例如，IBM 為全球旗下的 44 個設(shè)計工作室聘請了 1600 名設(shè)計師，并且正在培訓(xùn)數(shù)以萬計的設(shè)計師員工建立深度創(chuàng)新能力 ( O'Keefe, 2017 )
設(shè)計思維為我們解決問題添加了以人為本的元素。當(dāng)我們試圖通過牢記人們的想法來解決問題，并使用基于直接觀察乃至訪談的研究時，我們便會捕捉到與消費者需求一致的意外見解和創(chuàng)新。
它有助于將成功的產(chǎn)品更快地推向市場，最終節(jié)省企業(yè)資金。
IBM 的健康和人類服務(wù)組織的設(shè)計思維實踐，通過有效使用設(shè)計和設(shè)計思維幫助企業(yè)將缺陷數(shù)量減少了 50% 以上。這種更高效的工作流程導(dǎo)致計算出的 ROI 超過 300%。
由于復(fù)雜的問題從來不能被所有人完全理解，因此在嘗試設(shè)計解決方案時，處理歧義和多個并發(fā)的思路方向的能力是至關(guān)重要的素質(zhì)。
設(shè)計思維通過綜合和歸納思維，幫助實現(xiàn)質(zhì)的飛躍。它允許通過解構(gòu)來測試約束，并允許通過多樣性思維和批評思維，來擁抱和探索歧義。
消費者通常不知道他們有什么問題需要解決，或者他們無法用語言表達(dá)出來。只有經(jīng)過仔細(xì)觀察，設(shè)計者才能根據(jù)真實消費者行為中看到的東西來識別問題，而不是簡單地根據(jù)對消費者的想法來確定問題。這有助于定義模棱兩可的問題，并找到解決方案。
該方法鼓勵“跳出框架思考”（“瘋狂的想法”）；它蔑視顯而易見的事物并采用更具實驗性的方法。
在早期的流程階段鼓勵大膽的想法，以產(chǎn)生創(chuàng)造性的解決方案。使用它是為了讓設(shè)計師可以嘗試開發(fā)新的不受約束的思維方式，或?qū)ΤＲ妴栴}的創(chuàng)新解覺方法。
根據(jù)大多數(shù)設(shè)計學(xué)院的說法，具備特定特質(zhì)的人能夠更好地發(fā)揮設(shè)計思維的作用。
同理心：從多個角度想象世界 —— 同事、甲方客戶、實際使用者和消費者的角度。要成為更好的同理心，必須傾聽和觀察他人的行為，注意并獲得洞察力。
綜合思維：重要的是不僅要有分析能力，而且要能夠提出新穎的解決方案，還要憑直覺。
樂觀：除非你相信有解決方案，否則在遇到挑戰(zhàn)且解決方案遇到瓶頸時，你可能會放棄。
實驗主義：重大創(chuàng)新并非來自漸進(jìn)式調(diào)整。設(shè)計思想家以創(chuàng)造性的方式提出問題并探索限制因素，并朝著全新的方向發(fā)展。
協(xié)作：產(chǎn)品、服務(wù)和體驗日益復(fù)雜，因此必須擁有一支具有不同背景的團(tuán)隊，以幫助從多個角度看待問題。
當(dāng)我們想到一個問題的多種解決方案時，對我們解決問題會非常有幫助，因此“功能固定性”阻止了我們以新穎的方式使用舊工具解決新問題。想要擺脫功能固定，首先是要讓人們可以使用“改造后的衣架進(jìn)入上鎖的汽車”。這也是盜賊第一次可以用信用卡撬開簡單的彈簧門鎖。
為了幫助設(shè)計師利用文科和技術(shù)理論，整合多個領(lǐng)域的知識以找到創(chuàng)新的解決方案，我們采用設(shè)計思維來獲得洞察力。該方法側(cè)重于可視化和操作，因而幫助我們更容易地了解實際解法，而不僅僅是理論模型。
第一批美國公司在 2000 年代初期開始實施設(shè)計思維，這一概念引起了德國投資者 Hasso Plattner 的興趣，他于 2006 年資助創(chuàng)建了兩所設(shè)計學(xué)校（d.schools），其中一所位于波茨坦大學(xué)（德國），另一所位于美國斯坦福大學(xué)。由于兩所學(xué)校都成功地為大型組織提供了高管設(shè)計思維培訓(xùn)，因此該研究重點關(guān)注這些國家，以尋找早期實施者。
設(shè)計思維通常涉及希望參與整個設(shè)計和開發(fā)過程的龐大利益相關(guān)者團(tuán)隊。
觀點、才能和經(jīng)驗的多樣性被認(rèn)為是注入新思維的部分重要來源。多樣性確保通過融合不同的觀點、技能和知識來產(chǎn)生創(chuàng)意（卡振思，2018 年；薩梅和德拉赫-扎哈維，2013 年）。設(shè)計思維的協(xié)作方法和工具可幫助團(tuán)隊以積極的方式利用他們的差異。
決策是平等的，因為每個成員的意見都被征求和使用（卡爾格倫等，2016）。
當(dāng) IDEO 去 Apple 展示他們的鼠標(biāo)時，它不是什么花哨的設(shè)備，而是一個用膠帶粘起來的原型。
低保真原型制作起來既快速又便宜（ 想想幾分鐘和幾分錢 ），但可以從用戶和同事那里得到有用的反饋，這符合快速驗證、廉價試錯的原則。為每個想法投入盡可能少的資源意味著前期投入的時間和金錢更少。此外，將多個原型帶到現(xiàn)場進(jìn)行測試為用戶提供了比較的基礎(chǔ)參考，同時也有助于揭示某些需求。
為了創(chuàng)新，設(shè)計思維意識到認(rèn)知和行動對創(chuàng)新過程很重要。認(rèn)知包括接受度、樂觀和創(chuàng)造性的信心（ 凱莉 & 凱莉，2013；鄭，2018），而行動包括快速原型設(shè)計、旅程地圖和假設(shè)浮現(xiàn)（ 假設(shè)浮現(xiàn)：assumption surfacing，這是一種評估技術(shù)，涉及寫出潛在的假設(shè)和反假設(shè)。）（ 卡爾格倫等，2016；利特卡，2015）
如果領(lǐng)導(dǎo)層不歡迎風(fēng)險、模棱兩可和風(fēng)格的改變，實施起來就會變得更加困難。它會被管理者“質(zhì)疑”其具體指標(biāo)
沃爾特斯 ( 2011 ) 聲稱，由于設(shè)計思維的模糊性，它與組織文化相沖突。
據(jù)受訪者稱，在日常業(yè)務(wù)中使用設(shè)計思維之所以不會是最優(yōu)選項， 因為它是資源密集型的，增加了工作量。（ 麗莎等，2016）
在醫(yī)療保健等規(guī)避風(fēng)險的行業(yè)和公司中，“經(jīng)常和早點失敗”的方法被認(rèn)為是非常困難的。
許多設(shè)計師反對設(shè)計思維這一觀點，設(shè)計思維不僅關(guān)乎一個過程，而且關(guān)乎改變思維過程并提高人們可能提出的解決方案的創(chuàng)造力。
“設(shè)計思維”的推廣已被大型全球公司用來增加業(yè)務(wù)。不過，在更廣泛的設(shè)計世界中，我甚至?xí)f“設(shè)計思維”的過度宣傳導(dǎo)致了所提供設(shè)計質(zhì)量的下降?！?Yasushi Kusume
弗吉尼亞理工大學(xué)科學(xué)、技術(shù)和社會助理教授 Lee Vinsel 在《設(shè)計思維運動是荒謬的》中寫道，“歸根結(jié)底，設(shè)計思維與設(shè)計無關(guān)。這與文科無關(guān)。這與任何有意義的創(chuàng)新無關(guān)。如果這意味著重大的社會變革，那肯定不是關(guān)于“社會創(chuàng)新”。這是關(guān)于商業(yè)化的。”
觀察人們的行為以及他們?nèi)绾闻c環(huán)境互動，可以為你提供有關(guān)人們想法和感受的線索。
你可能認(rèn)為你知道問題所在，但只有通過觀察才能了解消費者真正需要什么。
宜家派設(shè)計師到人們家中，觀測他們的互動行為來了解他們的需求。這將使設(shè)計者能夠推斷這些經(jīng)歷的無形含義，以發(fā)現(xiàn)洞察。這些洞察提供創(chuàng)新解決方案的構(gòu)思方向。而事實上，最好的解決方案來自于對人類行為的最佳洞察。
Good Kitchen 是一家為老年人和體弱者提供膳食的社會服務(wù)機(jī)構(gòu)。起初的問題似乎是設(shè)計不當(dāng)?shù)纳攀巢藛?。然后設(shè)計思維揭示了無數(shù)問題，所有問題都源于服務(wù)本身的性質(zhì)。因此，經(jīng)由對服務(wù)進(jìn)行了徹底改革的之后，最終提高了客戶和員工的滿意度
作者：用盡晴天 來源：站酷網(wǎng)
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
我們在工作中經(jīng)常遇到的一個詞，就是“產(chǎn)品NPS滿意度調(diào)研”。在部分項目缺少專業(yè)用研人員時，設(shè)計師、產(chǎn)品經(jīng)理則經(jīng)常會接受上級的要求，投身于NPS調(diào)研工作。我也曾在2022年度的時候突然接到網(wǎng)易內(nèi)部某辦公產(chǎn)品的年度NPS調(diào)研的任務(wù)。
那么，NPS調(diào)研究竟該怎么做？下面就根據(jù)我的個人經(jīng)歷復(fù)盤，來重溫一下NPS的調(diào)研方法。
NPS的核心就是：調(diào)研用戶對你產(chǎn)品的忠誠度。
如何計算NPS值？我們一般通過詢問用戶“是否愿意向朋友推薦我們的產(chǎn)品和服務(wù)？”來獲得評分，并根據(jù)評分將用戶分為三類：
9～10分的是推薦者， 是產(chǎn)品忠實地用戶；7～8分的是被動者，他們很容易被競品吸引走；0～6分的是貶損者，他們更有可能去傳播產(chǎn)品的負(fù)面信息。
NPS最終的分值等于“推薦者占比”減去“貶損者占比”。
想要做NPS問卷調(diào)研，一定要確保它結(jié)果的科學(xué)合理性，這樣才能在匯報時，經(jīng)得起別人的挑戰(zhàn)。下來我們就來看一看，需要注意哪些點。
對于一次問卷調(diào)研，如果回收的數(shù)量太小，那么最終得到的評分也不足以客觀的評價產(chǎn)品的真實體驗。那么，我們需要回收多少份問卷才能夠達(dá)標(biāo)呢？
具體的詳細(xì)規(guī)則就不一一細(xì)說了，感興趣的童鞋可以去搜一下“樣本數(shù)量計算”的相關(guān)資料，這里只給出一個快捷的計算地址：https://miniwebtool.com/zh-cn/sample-size-calculator/，在樣本的計算公式中需要我們填寫3個數(shù)值，大家可以通過輸入下面的數(shù)據(jù)快速計算出樣本：
總體數(shù)量：也就是我們的用戶總數(shù)，如果很大或者你不知道是多少時可以為空；
置信水平：一般通用值填寫95%；
置信區(qū)間：一般通用值填寫5%；
通過以上公式計算出的樣本數(shù)量，就是你本次問卷需要回收的最小數(shù)值。以當(dāng)時我們產(chǎn)品2W的用戶體量為例，我的問卷至少需要回收到376份，才可以相對準(zhǔn)確的保障本次問卷結(jié)論合理有效。
可是回顧產(chǎn)品項目歷史問卷的回收量，居然沒有一次的數(shù)量能夠達(dá)標(biāo)。那么，麻煩的問題又來了，我該如何回收到這376份問卷呢？
（2）如何提升問卷回收量？
為了提升問卷回收量，我開始查找資料、咨詢用研童鞋、對比歷史問卷數(shù)據(jù)，尋找能使問卷回收量達(dá)標(biāo)的辦法。
a. 精簡提煉問題，降低問卷跳出率
縱觀歷史數(shù)據(jù)，我們發(fā)現(xiàn)在項目前幾次調(diào)研中，存在一個普遍的現(xiàn)象，就是問卷的跳出率一直很高，持續(xù)在70%～80%之間，是什么導(dǎo)致了這種情況呢？
最重要的一點就是：問卷的題目太多、內(nèi)容過于復(fù)雜。用戶點進(jìn)問卷后，發(fā)現(xiàn)填寫過于麻煩，便直接退出了。
所以問題的精簡提煉是優(yōu)化的第一步，結(jié)合產(chǎn)品22年的大目標(biāo)，剔除掉歷史問卷中關(guān)聯(lián)度較低的問題設(shè)置，漸將NPS的調(diào)研題目縮短至兩題：NPS值評分&開放式反饋。
在精簡至這一步的時候，我們也遭到了許多質(zhì)疑：只有2兩道題，能支撐起NPS的數(shù)據(jù)統(tǒng)計嗎？
現(xiàn)在就來答疑解惑一下，按照NPS的問卷調(diào)研要求，核心問題必須具備三大塊：“篩選目標(biāo)用戶、NPS評分&分支維度、補(bǔ)充型問題”。
首先，由于我們的推送渠道是網(wǎng)易內(nèi)部員工的POPO服務(wù)號，這基本就可以確定填寫者都是產(chǎn)品的用戶；問卷通過企業(yè)openID登陸，我們可以通過后臺的用戶使用頻率進(jìn)行篩選，既可以區(qū)分用戶層級，又可以篩查出久未使用的用戶問卷，所以“篩選目標(biāo)用戶”的題目便被后臺處理所取代。
其次，我們將NPS的“分支維度題”&“補(bǔ)充型問題”作了結(jié)合，合并成一道針對NPS具體得分設(shè)置的三類評分用戶各自專屬的開放式反饋題：
【9～10分】的推薦者：感謝您的評分，您愿意推薦我們的主原因是什么？我們還有哪些需要改進(jìn)的地方？
【7～8分】的被動者：我們在哪些方面優(yōu)化會增強(qiáng)您推薦的意愿呢？
【0～6分】的貶損者：很抱歉給了您不好的體驗，請問您不愿意推薦我們的原因是什么？
通過以上三條分支的后續(xù)追問，我們就可以得到”用戶推薦的亮點”，“可優(yōu)化的改進(jìn)點”和“不滿意的缺點“，便于接下來的分析與優(yōu)化。
b. 選擇合適的推送渠道
完成問卷內(nèi)容的制作之后，接下來就是推送渠道的選擇。當(dāng)前公司內(nèi)部常見的問卷渠道有：站內(nèi)信、應(yīng)用banner位、網(wǎng)易郵箱、POPO服務(wù)號等，選擇一個曝光力度最大的渠道，會使關(guān)注到問卷邀約的用戶大幅增加，那么回收率也會相應(yīng)提升。
按照我們產(chǎn)品歷史不同渠道的問卷回收數(shù)據(jù)查看，POPO服務(wù)號的曝光度是最大的，最近一次的服務(wù)號推送回收數(shù)據(jù)達(dá)到了180份。所以，本次的問卷發(fā)放渠道仍然選定POPO服務(wù)號來完成，但180份這個數(shù)據(jù)值距離我們的目標(biāo)還差得遠(yuǎn)，接下來則是調(diào)整推送時間。
c. 選擇干擾性較小的推送時間
選擇一個合理且干擾性較小的時間段發(fā)出問卷邀約，用戶才會更可能的接受本次調(diào)研。通過調(diào)研周圍同事的工作習(xí)慣、以及詢問其它產(chǎn)品服務(wù)號的反饋數(shù)據(jù)對比，我們得出了最佳的時間點：5:45PM。推測可能是由于臨近飯點，所以在此時間段的問卷邀約，會得到最大的反饋率。
d. 增加獎品吸引，提升用戶填寫意愿
經(jīng)過上述的優(yōu)化調(diào)整之后，我們?nèi)匀辉趽?dān)心問卷能否回收到376這個數(shù)字。畢竟在大家日常生活及工作中，所接觸到的信息干擾越來越多。對于各方產(chǎn)品投來的問卷邀請，測評邀約等，可能已很大程度上使用戶形成了厭煩心理，這樣的情況會導(dǎo)致用戶遇到你的問卷推送時，大概率選擇“無視”，甚至“取關(guān)”。
針對可能出現(xiàn)的這種情況，我們增加了關(guān)鍵的一項“刺激因素”：獎品吸引。通過獎品運營，讓用戶重拾填寫的興趣，增加問卷參與者。
除了問卷的回收數(shù)目要求之外，我們還需要注意問卷的調(diào)研頻率。
我們產(chǎn)品在2022年度是按季度展開調(diào)研活動的，但是我們從中發(fā)現(xiàn)了一些問題。由于版本的發(fā)布時間不固定，按照季度來定期調(diào)研可能會導(dǎo)致新功能還未被用戶充分體驗的情況，不僅無法收獲更多有效信息、浪費資源，還會使被調(diào)研者有一種“反饋不被重視”的感覺。
對此我們重新調(diào)整了調(diào)研頻率規(guī)劃，按照“版本覆蓋率”&“反饋消化程度”來合理觸發(fā)新一輪的NPS調(diào)研。確保每次調(diào)研的前提條件一定是上一個版本PC端覆蓋率高于70%，且上一次問卷反饋已基本處理完畢后，才可以開啟下一次的調(diào)研。
經(jīng)過上面的問卷優(yōu)化調(diào)整，產(chǎn)品2022年度NPS的問卷回收數(shù)達(dá)到576份，達(dá)到了最小回收數(shù)376份的目標(biāo)。接下來，最重要的階段，則是如何通過回收到的問卷，來正確的分析出結(jié)果、提出關(guān)鍵性結(jié)論為產(chǎn)品提升質(zhì)量了。那么我們該如何分析問卷數(shù)據(jù)呢？
回收問卷后的第一步，就是需要對問卷數(shù)據(jù)進(jìn)行預(yù)處理，檢查是否存在無效問卷、異常反饋等。例如：問卷題目大量漏填、相似答案過多、答題速度過快……這些問卷都應(yīng)該被算作“無效樣本”被作廢處理。如果不做這一層數(shù)據(jù)清洗的準(zhǔn)備，那么得到的結(jié)果就很容易被這些無效樣本所影響。
我們產(chǎn)品曾經(jīng)在22年Q3的一次線下活動中發(fā)起了NPS問卷調(diào)研的地推，并搭配上獎品獎勵。但由于周圍有很多其它公司內(nèi)產(chǎn)品攤位都增設(shè)了獎品激勵的內(nèi)容，造成參與者產(chǎn)生速戰(zhàn)速決的心態(tài)。問卷NPS值一度飆升至70+，卻多為無效反饋，導(dǎo)致此次調(diào)研只能作廢重來。
過篩掉“無效樣本”后，接下來我們就需要對問卷數(shù)據(jù)進(jìn)行具體分析了。
（1）NPS得分：
NPS的分值肯定會是大家最關(guān)心的數(shù)據(jù)，當(dāng)這個數(shù)字出來之后，我們需要與歷史值做下對比，是提升還是下降，這將會是一個很直觀的趨勢對比。如果沒有歷史值比較，那就按照一個大致的區(qū)間評估范圍：
【低于0分】：貶損者超過推薦者，用戶滿意度堪憂；【0～30分之間】：產(chǎn)品不錯，但仍有改進(jìn)空間；【30～70分之間】：產(chǎn)品在用戶滿意度方面做得很好；【高于70分】：太棒了，你的大多數(shù)用戶都是產(chǎn)品擁護(hù)者！
當(dāng)然，我們不能僅憑一個分值去主觀的斷定該產(chǎn)品的好與壞，還需要關(guān)注該產(chǎn)品所在行業(yè)的均值。也就是各年度的行業(yè)凈推薦值基準(zhǔn)，將自己的分值與行業(yè)基準(zhǔn)分?jǐn)?shù)比較之后，才能得到一個更加客觀的評分。
（2）反饋數(shù)據(jù)整理：
問題的分類整理是調(diào)研結(jié)論的核心工作，公司內(nèi)部常用的問卷平臺，例如：小易問卷、網(wǎng)易定位等，它們會幫助我們進(jìn)行很多基礎(chǔ)類的整理分類，這將會節(jié)省很多人力成本。
對于反饋梳理，我們也可以嘗試不同的角度，來助力大家快速定位核心問題所在：
a. 站在用戶層面看反饋
站在不同用戶群體的層面去看總反饋的占比，比如：問卷的全部用戶、推薦者用戶、被動者用戶、貶損者用戶；這四個用戶群他們的高頻關(guān)鍵字都是什么？
高頻的負(fù)面反饋當(dāng)然是團(tuán)隊未來需要投入優(yōu)化的具體項；那么對于一些正面反饋，例如產(chǎn)品回收到的問卷中，我們發(fā)現(xiàn)大量推薦者提到“VPN功能比將軍令更加快捷，穩(wěn)定”，這一點就可以成為我們未來增長、運營的發(fā)力點?？梢酝ㄟ^VPN功能的宣傳推廣，來吸引更多用戶轉(zhuǎn)化為品牌的擁護(hù)者。
b. 站在反饋層面看用戶
查閱具體問題的用戶占比是為了更快的抓住產(chǎn)品核心痛點與爽點，如果出現(xiàn)某一類問題明顯“某一類用戶”占比偏大，那就需要格外關(guān)注了。
本次調(diào)研中我們發(fā)現(xiàn)了用戶反饋的“后臺監(jiān)控掃描設(shè)備應(yīng)用”這一問題的“貶損者”占比接近91.6%，這就證明該問題一旦出現(xiàn)，用戶大概率會直接放棄使用我們的產(chǎn)品，這一反饋是值得產(chǎn)品團(tuán)隊注意的致命痛點。
完成了問卷的總結(jié)分析之后，這些數(shù)據(jù)還有進(jìn)一步的利用價值。
通過NPS的反饋評論，結(jié)合產(chǎn)品后臺的用戶行為數(shù)據(jù)分析，就能快速定位出那些對產(chǎn)品使用與調(diào)研具有強(qiáng)烈參與意愿的用戶了，而他們就是產(chǎn)品珍貴的建議者。
我們要學(xué)會充分利用這些“珍貴用戶”，大膽的邀請他們加入產(chǎn)品的后續(xù)互動：問題回訪、用戶訪談或者新功能內(nèi)測體驗等等……他們大概率不會拒絕我們的邀約，而且后續(xù)的互動會更加提升他們的參與感，為產(chǎn)品獲得更多的擁護(hù)者。
作者：茗茗兔 來源：站酷網(wǎng)
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
看完本篇文章，你會學(xué)到以下內(nèi)容：
1、什么是詳情頁
2、詳情頁設(shè)計原則
3、詳情頁的構(gòu)成
4、詳情頁設(shè)計要點拆解
一、什么是詳情頁？
詳情頁向用戶展示一個對象的完整信息，主要用于信息瀏覽，允許對該對象發(fā)起編輯等操作。如電商的訂單詳情，OA的審批詳情等等。
二、詳情頁設(shè)計原則？
1、直接了當(dāng)
信息盡量平鋪展示，如沒有必要不要做隱藏折疊。
2、層次分明
按照接近原則，對信息分層分組展示，降低單個頁面內(nèi)信息復(fù)雜度。
3、化繁為簡
減少復(fù)雜結(jié)構(gòu)的使用，盡量使用相似的結(jié)構(gòu)和模塊，降低結(jié)構(gòu)差異對用戶進(jìn)行干擾，讓用戶聚焦信息本身。
三、詳情頁構(gòu)成
詳情頁由標(biāo)題、標(biāo)簽頁、圖片、文字詳情、按鈕、可視化、列表、表格、篩選、數(shù)據(jù)統(tǒng)計、進(jìn)度軸、標(biāo)簽構(gòu)成
詳情頁的特點：1、內(nèi)容雜，什么元素/模塊都可能出現(xiàn)。2、布局多，布局沒有套路，核心是做好內(nèi)容分塊和視覺引導(dǎo)。3、差異大，頁面與頁面巨大差異
四、詳情頁設(shè)計要點拆解
1.容器
由內(nèi)容由少到多劃分為原位展開、氣泡卡片、彈窗、抽屜、頁面。能優(yōu)先滿足內(nèi)容收納的同時，容易盡可能輕量。
2.布局
根據(jù)內(nèi)容從簡單到復(fù)雜可分為基礎(chǔ)樣式、標(biāo)題分組、色塊/分割線/卡片分組、錨點定位/標(biāo)簽頁、自由布局。核心是做好內(nèi)容分區(qū)、視覺引導(dǎo)符合用戶操作習(xí)慣。
布局注意事項：把用戶最關(guān)心的內(nèi)容放在最顯眼的地方
3.交互操作
交互操作可分為編輯（原位/氣泡/彈窗/頁面），查看詳情（內(nèi)容不多的話可以少用頁面容器，減少套娃），業(yè)務(wù)操作（層級清晰，符合用戶操作習(xí)慣）。
一、導(dǎo)讀
1. 內(nèi)容結(jié)構(gòu)
小紅書的產(chǎn)品拆解包含七個部分，分別是導(dǎo)讀、產(chǎn)品畫像、內(nèi)容服務(wù)、社區(qū)服務(wù)、企業(yè)服務(wù)和、思考總結(jié)和寫在后面的話，內(nèi)容篇幅13582字，閱讀時間最少30分鐘。
2. 適讀人群
產(chǎn)品拆解是一種專業(yè)、深度的創(chuàng)作形式，所以比較適合于以下幾類用戶閱讀學(xué)習(xí)：
● C端社交平臺產(chǎn)品設(shè)計師：通過對小紅書完整的產(chǎn)品拆解，了解小紅書的產(chǎn)品設(shè)計體系和細(xì)節(jié)，有助于更好理解自己所在公司的產(chǎn)品設(shè)計，其次可以全方位提升產(chǎn)品分析、競品分析能力。
● 希望提升產(chǎn)品思維的UI/UX設(shè)計師：通過從產(chǎn)品層到體驗層的拆解，幫助你跳出設(shè)計執(zhí)行層理解一個功能設(shè)計背后的價值和意義，提升產(chǎn)品設(shè)計思維。
● 準(zhǔn)備跳槽到小紅書的互聯(lián)網(wǎng)從業(yè)者：如果你有準(zhǔn)備去小紅書求職，這份產(chǎn)品拆解報告可以幫助你提前了解小紅書的產(chǎn)品細(xì)節(jié)和體系。
● 內(nèi)容社區(qū)平臺從業(yè)者及創(chuàng)業(yè)者：收獲一份專業(yè)、完整、有價值的競品分析參考。
3. 分析模型
產(chǎn)品拆解是以反向推導(dǎo)的形式去拆解一個產(chǎn)品的設(shè)計策略和思路，所以我們采用了以下分析模型和設(shè)計理論做支撐：
● AARRR模型（又稱為海盜模型）：由戴夫·麥克盧爾提出，包含用戶獲取、用戶激活、用戶留存、獲取收入、用戶推薦，分別對應(yīng)用戶生命周期中的5個重要環(huán)節(jié)，主要用于拆分和分析產(chǎn)品的功能價值。
● 尼爾森十大可用性原則：尼爾森十大可用性原則是界面設(shè)計中最基礎(chǔ)、最重要的設(shè)計原則，任何產(chǎn)品的設(shè)計，都可以通過這十個原則進(jìn)行指導(dǎo)設(shè)計。
● 設(shè)計基礎(chǔ)理論：包括常見的格式塔原理、費茨定律、巴甫洛夫反應(yīng)、7±2效應(yīng)、席克定律等常見理論，用于診斷小紅書的交互及界面設(shè)計。
4. 閱讀建議
在閱讀本篇拆解的時候，建議一邊體驗小紅書APP，一邊閱讀產(chǎn)品拆解報告，其次可預(yù)約我們的產(chǎn)品拆解解讀直播，收獲會更大。
二、產(chǎn)品畫像
在拆解小紅書APP之前，我們需要從以下8個維度去提煉小紅書的產(chǎn)品畫像，這樣才能理解小紅書的產(chǎn)品設(shè)計邏輯。
1. 行業(yè)發(fā)展
小紅書所在的行業(yè)屬于互聯(lián)網(wǎng)媒體內(nèi)容社區(qū)，是一個生活方式類內(nèi)容社區(qū)，同時小紅書結(jié)合了電商和社交媒體打造了新型的商業(yè)模式，是社交電商的開拓者和領(lǐng)先者。我們從艾瑞咨詢的《中國互聯(lián)網(wǎng)媒體內(nèi)容社區(qū)模式發(fā)展研究報告》和《2019中國社交電商行業(yè)研究》兩份報告中獲取到以下數(shù)據(jù)：
● 隨著內(nèi)容社區(qū)的變現(xiàn)模式多元化發(fā)展，互聯(lián)網(wǎng)媒體的商業(yè)變現(xiàn)空間越來越大。艾瑞咨詢預(yù)計在2022年，中國網(wǎng)絡(luò)廣告市場規(guī)模將突破1.2萬億元，網(wǎng)絡(luò)購物市場交易規(guī)模在2022年將會達(dá)到13.9萬億元。
● 傳統(tǒng)電商的紅利已盡，已經(jīng)進(jìn)入行業(yè)衰退期，用戶增速已持續(xù)放緩至20%甚至更低水平。而社交電商正在蓬勃發(fā)展，成為移動端最主要的流量入口，使用頻次高、粘性強(qiáng)，流量價值極其豐富，行業(yè)交易規(guī)模在2021年就達(dá)到28646.3億元。
綜上所述，小紅書所在的行業(yè)具有廣闊的發(fā)展前景和潛力，而小紅書作為國內(nèi)最大的生活方式平臺和社交電商領(lǐng)先者，還有極大的空間去挖掘。其次隨著AIGC（AI Generated Content，是指利用人工智能技術(shù)來生成內(nèi)容）時代來臨，對過去以UGC為主的小紅書內(nèi)容創(chuàng)作平臺來說，是新的機(jī)遇也是挑戰(zhàn)。
2. 競爭形勢
在《中國互聯(lián)網(wǎng)媒體內(nèi)容社區(qū)模式發(fā)展研究報告》一文中，艾瑞咨詢梳理了互聯(lián)網(wǎng)媒體內(nèi)容社區(qū)生態(tài)圖譜。從圖譜看出，小紅書作為生活方式類內(nèi)容社區(qū)，并無直接競爭對手，但存在諸多潛在競爭對手，包括文娛類的微博、豆瓣、抖音、B站，還有消費類「什么值得買」，知識類內(nèi)容社區(qū)知乎，旅行類內(nèi)容社區(qū)馬蜂窩、飛豬等。
從易觀千帆數(shù)據(jù)觀察，小紅書相比其他間接競爭對手，除了抖音以月活躍用戶人數(shù)7.4億超出小紅書3倍以外，小紅書月活人數(shù)超2億排名第二，領(lǐng)先排名第三1.7億的嗶哩嗶哩，其他社區(qū)月活人數(shù)距離小紅書有一定差距。
不過就在年初，社交巨無霸微信的微信公眾號已經(jīng)推出小紅書式的筆記傳播形式，降低創(chuàng)作門檻，吸引大眾用戶UGC，這對于小紅書來說，將會是一個潛在的挑戰(zhàn)。
3. 產(chǎn)品介紹
小紅書是一款集購物、分享、社交于一體的手機(jī)APP。它的主要功能是幫助用戶分享生活中的美好瞬間和購物心得，同時也為用戶提供了一種社交平臺。作為一個年輕人的生活方式平臺，小紅書以“Inspire Lives 分享和發(fā)現(xiàn)世界的精彩”為使命，用戶可以通過短視頻、圖文等形式記錄生活點滴，分享生活方式，并基于興趣形成互動。
4. 商業(yè)模式
基于對小紅書的深入調(diào)研，再結(jié)合艾瑞咨詢《中國互聯(lián)網(wǎng)媒體內(nèi)容社區(qū)模式發(fā)展研究報告》，我們對小紅書的商業(yè)模式進(jìn)行了推導(dǎo)。
4.1 客戶細(xì)分
● C端：年輕用戶群體，以女性居多，生活在一二線城市，希望發(fā)現(xiàn)和購買優(yōu)質(zhì)商品，喜歡分享自己的購物心得和生活經(jīng)驗，有較高的月支配消費能力。
● B端：中高端品牌，品質(zhì)高、信譽好，期望通過小紅書獲取種子用戶、快速打造爆款以及和年輕用戶建立溝通的企業(yè)。
拓展閱讀
根據(jù)艾瑞咨詢的《中國互聯(lián)網(wǎng)媒體內(nèi)容社區(qū)模式發(fā)展研究報告》，挖掘到內(nèi)容社區(qū)已經(jīng)步入成熟階段，由B、C兩端朝著營銷線、商品線、平臺線和內(nèi)容線衍生出多元商業(yè)模式。這個信息有助于接下來理解小紅書的產(chǎn)品體系。
4.2 價值主張
標(biāo)記我的生活
4.3 渠道通路
作為中國最大的生活方式分享社區(qū)，小紅書用戶基數(shù)大，用戶忠誠度高，主要依靠用戶口碑分享，以及常規(guī)的廣告、搜索引擎等渠道進(jìn)行推廣和維護(hù)品牌形象。
4.4 客戶關(guān)系
面對社區(qū)博主和行業(yè)KOL，通過創(chuàng)作中心、蒲公英等平臺為博主鏈接優(yōu)質(zhì)廣告資源；面對企業(yè)客戶，通過商家課堂等方式指導(dǎo)開店培育。
4.5 收入來源
根據(jù)《2021年小紅書內(nèi)容營銷數(shù)據(jù)洞察白皮書》報告顯示，2021年小紅書的收入主要由廣告和電商兩部分組成，二者的份額占比分別為80%和20%。
4.6 核心資源
小紅書是中國最大的生活方式分享社區(qū)，用戶基數(shù)大，忠誠度高，2021年已經(jīng)成功登陸港股市場，有充足的資金優(yōu)勢。
4.7 關(guān)鍵業(yè)務(wù)
面向C端，小紅書主要提供筆記發(fā)布、購物、直播等核心功能；面向B端，提供蒲公英、薯條、聚光平臺等業(yè)務(wù)。
4.8 重要合作伙伴
● 各行業(yè)頭部KOL及MCN機(jī)構(gòu)，為平臺提供高質(zhì)內(nèi)容，官方同時提供流量傾斜和扶持；
● 企業(yè)客戶，負(fù)責(zé)小紅書電商自營平臺的生產(chǎn)鏈供給以及其他內(nèi)容合作。
4.9 成本結(jié)構(gòu)
作為一個互聯(lián)網(wǎng)科技公司，小紅書的成本結(jié)構(gòu)主要來自產(chǎn)品的研發(fā)投入和人力成本。
5. 用戶畫像
結(jié)合易觀千帆小紅書APP數(shù)據(jù)，我們對小紅書終端使用用戶人群提煉了以下用戶特征：
● 從用戶性別看，以女性居多，占比72.25%，男性占比27.75%；
● 從年齡分布看，24歲以下用戶人群最多，占比42.48%，其次為31-35歲，占比29.53%，24-30歲用戶人群占比15.83%；
● 從用戶消費能力看，中等消費者占比36.75%，中高消費者占比36.21%，合計超過70%，購買能力很強(qiáng)（官方數(shù)據(jù)為月支配可消費費用超過4000元）；
● 從地域分布看，新一線城市用戶最多，占比22.17%，其次為三線城市，占比20.93%，二線城市占比19.28%，其中廣州市最多，其次為北京和上海。
6. 信息結(jié)構(gòu)
通過對小紅書APP的信息結(jié)構(gòu)梳理，可以看出小紅書的功能結(jié)構(gòu)比較簡單，菜單欄包含了首頁、視頻、發(fā)布、消息和用戶中心五個欄目。
● 首頁：以千人千面的信息流推薦為主，其中推薦、購物和直播權(quán)重最高，也是小紅書的核心功能。
● 視頻：提供沉浸式的短視頻筆記體驗，用戶可以不斷上拉下滑觀看視頻筆記；
● 發(fā)布：提供拍照、相冊、模版和直播發(fā)布功能，是用戶發(fā)布筆記的入口；
● 消息：提供系統(tǒng)公告以及消息通知，用戶聊天的窗口；
● 用戶中心：用戶的個人主頁，包含筆記、收藏和個人資料等功能。
7. 產(chǎn)品迭代記錄
根據(jù)七麥數(shù)據(jù)資料，小紅書的APP首個版本發(fā)布于2013年12月05日，截止到2023年4月3日，APP版本已經(jīng)更新至V7.82版本，近一年版本更新次數(shù)為98次，迭代頻率非常高。從十年前的「全世界的好東西」到今天的「標(biāo)記我的生活」，小紅書迎來自己的十周歲生日。
以下為小紅書版本重要迭代記錄：
● 2014年8月，發(fā)布V2.0版本，上線「商城」功能，支持用戶在小紅書下單購買；
● 2015年11月，發(fā)布V4.0版本，產(chǎn)品全新升級，首頁根據(jù)用戶興趣智能化推薦；
● 2017年9月，發(fā)布V5.1版本，產(chǎn)品全新升級，加入閃拍、小視頻等功能；
● 2018年5月，發(fā)布V5.16.1版本，加入「附近」功能，可發(fā)現(xiàn)身邊有意思的筆記和用戶；
● 2019年5月，發(fā)布V6.0版本，產(chǎn)品全新升級；
● 2021年7月，發(fā)布V7.0版本，產(chǎn)品全新升級。
8. 產(chǎn)品生命周期
根據(jù)易觀千帆數(shù)據(jù)顯示，截止到2023年1月，小紅書APP月活躍用戶人數(shù)超過2.1億，注冊用戶在2019年就超過3億（來自官網(wǎng)），公司在2021年成功登陸港股市場。從以上資料數(shù)據(jù)看出，我們可以推導(dǎo)出小紅書APP已經(jīng)進(jìn)入產(chǎn)品生命周期的成熟期，當(dāng)下以及未來將會聚焦于商業(yè)變現(xiàn)和用戶留存。
9. 小結(jié)
通過以上數(shù)據(jù)信息，我們可以看出，作為一個誕生于2013年的移動互聯(lián)網(wǎng)元老，小紅書從最初旨在打造一個海外購物社交平臺到如今成為億萬年輕人的生活方式社交平臺，他們的用戶非常年輕，以90后居多，月活躍用戶超過2億，它已經(jīng)成為國內(nèi)最大的生活方式分享平臺和社交電商平臺。
三、內(nèi)容服務(wù)
「內(nèi)容服務(wù)」是根據(jù)AARRR模型拆分，這個版塊的功能主要是實現(xiàn)用戶留存，包含首頁、視頻、筆記發(fā)布、消息、創(chuàng)作中心和專業(yè)號等功能。
1. 首頁
作為中國最大的生活方式分享社區(qū)，小紅書以UGC用戶生產(chǎn)內(nèi)容模式為主，內(nèi)容包含圖文、短視頻、語音等多種傳播形式，覆蓋了美妝、潮流、美食、科技、旅行、汽車、職場等眾多行業(yè)。
1.1 發(fā)現(xiàn)
「發(fā)現(xiàn)」作為小紅書的默認(rèn)首頁，平臺根據(jù)用戶的興趣、標(biāo)簽、瀏覽偏好內(nèi)容進(jìn)行個性化推薦（從產(chǎn)品迭代記錄查詢到小紅書早在2015年就開啟了千人千面的個性化推薦）。從TAB欄可以看出小紅書的內(nèi)容覆蓋了美食、科技、旅行、汽車、職場等眾多行業(yè)，同時支持用戶根據(jù)自己興趣偏好自定義編輯。
1.1.1 內(nèi)容推薦邏輯
在研究小紅書「發(fā)現(xiàn)-推薦」推薦邏輯時候，筆者有點捉摸不透。因為每一次刷新推薦的內(nèi)容排序其實并不是單純的以點贊、發(fā)布時間、收藏數(shù)為準(zhǔn)，更像是隨機(jī)展示，所以特意查詢了關(guān)于小紅書內(nèi)容推薦邏輯的文章。
筆者找到了人人都是產(chǎn)品經(jīng)理專欄作家江流的《小紅書的內(nèi)容營銷邏輯》這篇文章，作者經(jīng)過大量的測試，推導(dǎo)了小紅書的內(nèi)容推薦營銷邏輯：
● 「發(fā)現(xiàn)-推薦」頁占據(jù)了小紅書80%的流量；
● 小紅書內(nèi)容推薦的邏輯主要是三個：高打開率，高互動率，高搜索打開率。
體驗陷阱
當(dāng)我發(fā)現(xiàn)平臺給我推薦我討厭的內(nèi)容時候，我沒找到屏蔽按鈕，最后嘗試長按圖片才彈出屏蔽彈窗。這個設(shè)計對新手不友好，違反尼爾森十大原則的人性化幫助原則，沒有提供清晰的提示，增加了學(xué)習(xí)成本。
1.2 關(guān)注
「關(guān)注」是為用戶提供自己關(guān)注好友的動態(tài)展示，內(nèi)容設(shè)計比較簡單。不過我對這個欄目的推薦機(jī)制感到不解，當(dāng)我刷新頁面的時候，內(nèi)容并不是根據(jù)時間先后順序展示，而是沒有規(guī)律的隨機(jī)展示。
1.3 本地
「本地」是根據(jù)用戶所在位置讀取附近用戶的筆記，這個功能上線于2018年V5.16.1版本，它的價值是幫助用戶發(fā)現(xiàn)身邊有意思的筆記和用戶，從而建立關(guān)系鏈接，提升用戶留存率。
設(shè)計思考
作為一個生活方式平臺，「本地」的內(nèi)容太單薄，如果能把內(nèi)容分類，比如按景區(qū)、美食、出行等來設(shè)計，可以極大提升小紅書在本地生活場景中的打開頻次。來小紅書，不僅可以標(biāo)記你的生活方式，還可以發(fā)現(xiàn)身邊更多有趣的生活方式。
1.4 搜索
「搜索」是小紅書流量分發(fā)的重要入口（占20%），不僅為用戶提供實時的社區(qū)熱門話題，更是小紅書的商業(yè)服務(wù)中的重要場景（提供搜索信息流、專區(qū)、火焰話題和搜索菜單等推廣方式）。
1.4.1 引導(dǎo)頁
「引導(dǎo)頁」由歷史記錄、猜你想搜和搜索發(fā)現(xiàn)組成，這個頁面主要承擔(dān)流量分發(fā)以及展示社區(qū)熱門話題，設(shè)計得比較簡單。
迭代建議
可參考QQ音樂的搜索引導(dǎo)頁，根據(jù)話題內(nèi)容設(shè)計排行榜，把引導(dǎo)頁做得更豐富，提升用戶使用時長。
1.4.2 結(jié)果頁
「結(jié)果頁」提供四個維度的內(nèi)容展示，分別是全部（包含最新、最熱）、用戶、商品和篩選（筆記類型，視頻和圖文）。其次根據(jù)搜索關(guān)鍵詞加入二級分類，比如搜索UI設(shè)計，二級分類有APP界面、高級感、作品集和素材相關(guān)聯(lián)標(biāo)簽。
設(shè)計思考
在深入體驗搜索功能以后，我對平臺對搜索關(guān)鍵詞的算法機(jī)制不太理解。比如排名第一的并不是點贊最高的，也不是發(fā)布時間最早的，甚至?xí)霈F(xiàn)低點贊、發(fā)布時間很早的筆記。對此，深表疑惑。
2. 視頻
「視頻」是一級欄目，位于菜單欄第二個位置，進(jìn)入后向用戶提供沉浸式的閱讀體驗，可以不斷上滑刷新視頻。短視頻是當(dāng)下最流行的傳播方式，對提升用戶使用產(chǎn)品時長有非常大的幫助。
2.1 詳情頁
底部展示作者信息，可一鍵關(guān)注，提供喜歡、收藏、分享和評論功能。其次當(dāng)博主關(guān)聯(lián)粉絲群，還支持用戶快速入群，幫助博主引流。
3. 筆記發(fā)布
「筆記發(fā)布」作為小紅書社區(qū)最重要、最高頻的功能，向用戶提供了圖文和視頻兩種發(fā)布類型。為了降低用戶學(xué)習(xí)成本，提升產(chǎn)品的核心增長指標(biāo)，小紅書提供了非常豐富、精美的設(shè)計模版，用戶一鍵使用，更換素材即可發(fā)布漂亮、精致、酷炫的筆記。
3.1 拍照
「拍照」是小紅書最基礎(chǔ)的筆記形式，主要通過拍照搭配音樂、文字的形式傳播，門檻低、操作簡單，是社區(qū)的主要內(nèi)容。
3.1.1 發(fā)布流程
3.1.1.1 拍照
● 需要用戶拍照，不支持讀取手機(jī)相片（如果想要加入本地圖片，需切換到「相冊」）。
● 頭部提供比例切換（3:4和1:1）、閃光燈、翻轉(zhuǎn)、濾鏡（提供日常、春夏、秋日等類型）、美顏（支持磨皮、臉型、眼睛、鼻子等）。
● 底部提供默認(rèn)、黑白相機(jī)、摩登、小宇宙和灰色拍立得五種模式，滿足各種特效拍照需求。
3.1.1.2 裝飾
● 頭部提供加入音樂功能，音樂庫包含歐美、運動、日韓等各種主流音樂類型。
● 底部提供圖文模版、視頻模版、商品（加入種草場景）、文字、帖子、濾鏡和調(diào)節(jié)功能，用戶可根據(jù)自己偏好加入裝飾元素。
3.1.1.3 發(fā)布
● 圖片加工裝飾好以后，用戶需要輸入筆記的標(biāo)題、介紹。
● 用戶可以加入標(biāo)簽（這是小紅書平臺內(nèi)容檢索的重要元素，一般用戶會加入多個標(biāo)簽）、商品和互動組件（包含PK組件和投票組件兩種類型，主要用于提升用戶活躍度）。
● 用戶可加入發(fā)布地點，在高級選項可選擇關(guān)聯(lián)直播預(yù)告和群聊。
● 一切準(zhǔn)備就緒后，用戶可選擇保存草稿和立即發(fā)布。
3.1.2 筆記詳情頁
● 筆記詳情頁的權(quán)重非常高，不過頁面內(nèi)容也比較簡單。頭部展示用戶信息，可一鍵關(guān)注，右上角可點擊分享筆記。
● 筆記內(nèi)容由圖片（視頻）+標(biāo)題+文字內(nèi)容+標(biāo)簽構(gòu)成，其他用戶可對筆記進(jìn)行評論、點贊和收藏。
迭代建議
小紅書的筆記分享形式太過簡單，可參考QQ音樂的分享功能，設(shè)計豐富、精致的個性化模版，比如音樂卡片、視頻卡片等，刺激用戶進(jìn)行分享，幫助平臺拉新引流。
3.2 拍視頻
「視頻」的發(fā)布流程和「拍照」相似，其次小紅書也提供了基礎(chǔ)的視頻剪輯功能，幫助用戶制作更優(yōu)質(zhì)的視頻，以及避免用戶流失到其他視頻剪輯軟件（微信視頻號就不支持視頻剪輯，這導(dǎo)致用戶會使用剪映這些第三方軟件）。
3.3 相冊
「相冊」和「拍照」的區(qū)別就是為用戶提供從本地上傳圖片，兩者的功能和流程一樣。
迭代建議
建議把「相冊」和「拍照」兩個功能合并，減少操作路勁，降低用戶操作成本。
3.4 模版
「模版」分為視頻和圖文，用戶可選擇好自己喜歡的模版進(jìn)行直接編輯發(fā)布。
4. 記錄日常
「記錄日?！沟娜肟谠谑醉撟笊辖?，主要為用戶提供語音、打卡、日簽等形式的動態(tài)發(fā)布。這個版塊的功能價值在拆解完以后，筆者認(rèn)為更多是滿足Z時代年輕用戶群體的興趣偏好，比如為情侶量身定制的咻咻，還有語音筆記等。其次這個版塊的筆記發(fā)布形式行動成本比較低，更能吸引用戶參與發(fā)帖，是激活新用戶以及長尾用戶的絕佳方式。
4.1 咻咻
「咻咻」是一個專門為年輕情侶用戶量身定制的功能，通過綁定TA的小紅書號，情侶之間就能及時分享有趣的筆記霸屏對方的屏幕。這個功能看上去設(shè)計得很有趣，和QQ音樂類產(chǎn)品的「一起聽」相似，增強(qiáng)了即時的社交聊天元素，增加用戶時間和頻次。
體驗陷阱
這個功能看上去很時髦，但是在體驗下來以后發(fā)現(xiàn)很雞肋。當(dāng)我給另一個小紅書賬號發(fā)送咻咻的時候，系統(tǒng)沒有任何提示，消息中心也沒有。最后只能前往「咻咻」找到右上角的那個TA，我才發(fā)現(xiàn)原來消息推送到這里了。這樣的提醒設(shè)計，太失敗了。
4.2 語音
「語音」是向用戶提供語音筆記的功能，用戶可以錄制一段自己的想說的話，選擇封面以后，輸入心情記錄，就可以發(fā)布。這個功能對于Z時代的用戶群體來說非常受歡迎，極大提升用戶使用時間，筆者體驗了上百條語音筆記，發(fā)現(xiàn)用戶主要通過語音筆記哼唱歌曲，是一種全新的聽覺體驗。
迭代建議
在「語音」詳情頁，我嘗試上滑瀏覽下一條，但最后發(fā)現(xiàn)需要左右滑動才能切換，這個設(shè)計和用戶習(xí)慣不一致，建議改進(jìn)。其次在查看用戶「表態(tài)」內(nèi)容時，語音就暫停了，影響聽覺體驗。
4.3 日簽
「日簽」就是以發(fā)布筆記的形式進(jìn)行簽到，用戶可以選擇心情，上傳背景圖片（系統(tǒng)會自動生成精美的圖片），然后輸入心情就可以發(fā)布。小紅書還為用戶提供「漂流瓶」功能，用戶可以選擇筆記塞入漂流瓶后，接收到漂流瓶的用戶可以給與回應(yīng)。
4.4 打卡
「打卡」和「日簽」相似，主要提升用戶使用產(chǎn)品的頻次和時間，小紅書為用戶提供各種主題的打卡，比如護(hù)膚打卡、練字打卡、考研打卡等，用戶選擇對應(yīng)的主題，上傳圖片以后，就可以發(fā)布。
4.5 文字
「文字」的功能非常簡單，用戶只需輸入文字，然后選擇背景風(fēng)格，就可以生成文字筆記。
4.6 拍攝
「拍攝」的功能也非常簡單，用戶拍攝一段視頻，就可以生成筆記，和一級菜單的「視頻筆記」不同，在這個欄目支持上傳本地圖片，體驗更佳。
5. 消息
「消息」主要向用戶提供私信、群聊功能，其次可實時查詢筆記的點贊、收藏、關(guān)注動態(tài)以及官方通知公告。
5.1 群聊
小紅書支持博主建立自己的粉絲群，功能比較基礎(chǔ)，主要幫助用戶沉淀自己的粉絲，提升用戶留存率。
6. 創(chuàng)作中心
作為一個以UGC用戶生產(chǎn)內(nèi)容的平臺，創(chuàng)作中心主要為創(chuàng)作者提供創(chuàng)作指導(dǎo)，這個版塊包含數(shù)據(jù)中心、創(chuàng)作服務(wù)、創(chuàng)作學(xué)院和筆記靈感四個部分。
6.1 數(shù)據(jù)中心
「數(shù)據(jù)中心」為創(chuàng)作者提供賬號概覽、筆記分析和粉絲數(shù)據(jù)三個維度的數(shù)據(jù)統(tǒng)計分析。創(chuàng)作者可以查看近30日的詳細(xì)數(shù)據(jù)分析，比如觀看人數(shù)、觀看總時長、觀眾來源、單篇筆記詳細(xì)數(shù)據(jù)以及粉絲畫像等內(nèi)容。這些數(shù)據(jù)可以幫助創(chuàng)作者及時調(diào)整運營策略，創(chuàng)作更受用戶喜歡和關(guān)注的內(nèi)容。
6.2 創(chuàng)作服務(wù)
「創(chuàng)作服務(wù)」是為創(chuàng)作者提供更豐富的平臺服務(wù)和推廣，包含創(chuàng)作權(quán)益、作者能力和內(nèi)容變現(xiàn)三塊內(nèi)容。平臺提供筆記周報、筆記置頂、創(chuàng)建合輯、薯條推廣、內(nèi)容合作等功能，為創(chuàng)作者提供創(chuàng)作工具以及內(nèi)容變現(xiàn)等服務(wù)。
6.3 創(chuàng)作學(xué)院
「創(chuàng)作學(xué)院」為創(chuàng)作者提供了小紅書內(nèi)容創(chuàng)作和內(nèi)容運營的各種主題課程，比如選題取材、粉絲運營等內(nèi)容，這些課程都是免費的，創(chuàng)作者只要投入時間精力，都能有所回報。
6.4 筆記靈感
「筆記靈感」為創(chuàng)作者提供了小紅書熱門筆記的選題參考，比如時尚、戶外、春日等主題，通過這些爆款筆記，能給創(chuàng)作者提供更清晰、精準(zhǔn)的創(chuàng)作靈感，從而為社區(qū)輸出高質(zhì)量內(nèi)容筆記。
7. 專業(yè)號
小紅書的專業(yè)號是面向更專業(yè)的知識創(chuàng)作者，為他們提供更專業(yè)的內(nèi)容、服務(wù)和功能，幫助他們獲得更多的曝光度、關(guān)注度，以及通過豐富的數(shù)據(jù)分析提供運營支持。
7.1 數(shù)據(jù)中心
相比「創(chuàng)作中心」，專業(yè)號的「數(shù)據(jù)中心」提供了更專業(yè)完善的數(shù)據(jù)分析，比如數(shù)據(jù)維度，可按根據(jù)交易、引導(dǎo)和互動去查看，還有筆記觀眾分析，提供了更詳細(xì)的用戶特征，包含年齡分布、城市、用戶興趣等，以及個人主頁和店鋪的數(shù)據(jù)統(tǒng)計分析。
7.2 互動工具
「互動工具」包含店鋪管理（小紅書支持用戶開通店鋪銷售商品，可以理解為淘寶用戶的淘寶店）、直播互動、抽獎工具和主頁裝修等功能，主要為創(chuàng)作者提供個人店鋪裝修和直播兩個場景的互動營銷。從功能體驗看，這些工具設(shè)計得還比較單薄，還有很大優(yōu)化空間。
7.3 筆記工具
「筆記工具」包含發(fā)布商品筆記、商品筆記創(chuàng)作、商品筆記靈感和商品筆記熱榜四個功能。所謂商品筆記就是已經(jīng)開通店鋪的用戶可以直接在筆記加入自己的商品，從而實現(xiàn)引流轉(zhuǎn)化。這個版塊主要為用戶提供商品筆記的創(chuàng)作數(shù)據(jù)分析和社區(qū)熱門話題參考，幫助用戶創(chuàng)作出優(yōu)秀的種草筆記。
7.4 推廣工具
「推廣工具」包含薯條推廣、內(nèi)容合作和直播選品。
● 薯條廣告主要為用戶提供商品筆記的付費推廣（花錢購買筆記流量券，讓更多用戶閱讀）；
● 內(nèi)容合作是小紅書面向?qū)I(yè)用戶打造的蒲公英平臺，通過招募優(yōu)質(zhì)博主，給與內(nèi)容變現(xiàn)指導(dǎo)和助推，幫助用戶在小紅書實現(xiàn)可觀的收益；
● 直播選品是為用戶提供直播帶貨功能，用戶可以加入適合的商品在直播間進(jìn)行銷售，最后獲取返傭。
7.5 熱門課程
「熱門課程」提供了小紅書賬號定位、筆記創(chuàng)作、商鋪運營等內(nèi)容的教程，幫助用戶快速熟悉小紅書的平臺內(nèi)容推薦極致以及用戶習(xí)慣偏好等。
8. 小結(jié)
從內(nèi)容服務(wù)版塊的設(shè)計拆解，我們可以看出：
● 小紅書作為一個生活方式分享社區(qū)平臺，所覆蓋的內(nèi)容已經(jīng)包含了汽車、職場、影視、文化、科技、體育、母嬰等行業(yè)。這說明小紅書的用戶群體逐漸多元化發(fā)展，這點從用戶畫像的數(shù)據(jù)也可以看出，小紅書的男性用戶已經(jīng)快逼近30%，未來小紅書的用戶規(guī)模還有很大空間。
● 小紅書的筆記形式已經(jīng)越來越豐富，除了最傳統(tǒng)的圖文，未來短視頻或許是社區(qū)更流行的內(nèi)容形式（目前「視頻」欄目已經(jīng)調(diào)整為菜單欄第二位，權(quán)重非常高）。其次也為年輕用戶提供了時髦、流行、制作成本更低的咻咻、語音筆記發(fā)布功能，極大提升了用戶參與度。
● 在產(chǎn)品設(shè)計方面，個人認(rèn)為小紅書還有很多優(yōu)化的空間，目前整個APP的產(chǎn)品內(nèi)容不夠豐富，幾乎沒有創(chuàng)新點。
四、社區(qū)服務(wù)
「社區(qū)服務(wù)」是根據(jù)AARRR模型拆分，這個版塊的功能主要是實現(xiàn)商業(yè)變現(xiàn)，包含首購物、直播和小紅卡會員。
1. 購物
作為社交電商的先驅(qū)和領(lǐng)軍者之一，「購物」是小紅書在C端變現(xiàn)的最重要方式。雖然被「視頻」頂替了菜單欄的位置，但在「購物」頻道，可以看到小紅書的電商玩法，真是獨特又有趣。
1.1 潮流買手店
「潮流買手店」是為用戶提供當(dāng)下最流行的潮流服飾銷售，在這個頻道可以看到眾多的國內(nèi)外知名潮牌最新的產(chǎn)品。頁面內(nèi)容設(shè)計得比較簡單，為用戶提供了潮流趨勢、新品發(fā)售和品牌專區(qū)的內(nèi)容，用戶可直接下單。
1.2 新趨勢
「新趨勢」是向用戶種草「正在流行的東西」，它的內(nèi)容結(jié)構(gòu)是平臺根據(jù)不同的主題結(jié)合社區(qū)筆記和商品來生成，比如海邊度假穿搭，平臺會把社區(qū)優(yōu)質(zhì)的筆記收錄，然后再關(guān)聯(lián)相關(guān)的商品，通過特定的場景和主題向用戶種草。相比傳統(tǒng)電商，這正是社交電商的魅力。
1.3 福利社
「福利社」小紅書官方直營的高端電商品牌，上線于2014年12月，旨在為用戶提供全世界的好東西，目前已經(jīng)有超過20000+美妝商品。這個頻道主要包含新品日歷、先鋒品牌、熱門品牌和熱門分類四塊內(nèi)容，其次它的視覺風(fēng)格設(shè)計得非常精致，讓人有強(qiáng)烈的購買欲望。
1.4 小綠洲
「小綠洲」的定位是一站式購買戶外好物，旨在打造一個匯聚泛戶外生活方式穿搭、裝備用品的買手平臺。從頻道內(nèi)容看，包含露營、都市運動、滑板和滑雪四個大類，在每個類目可查看相應(yīng)類目的商品分類、促銷商品、品牌精選等內(nèi)容。
1.5 寶藏好店
「寶藏好店」是向用戶推薦小紅書平臺的寶藏店鋪，內(nèi)容包含每日精選、生活玩家、美護(hù)大賞等欄目。
1.6 獨特設(shè)計
「獨特設(shè)計」這個頻道，是由小紅書官方以及業(yè)內(nèi)優(yōu)秀設(shè)計師、社區(qū)優(yōu)質(zhì)作者和時尚行業(yè)專家共同評審出來的獨特設(shè)計商品。用戶人群定位高端，滿足那些想要高品質(zhì)、高審美的用戶群體的需求——在小紅書，找到全世界的好東西。
2. 直播
直播是當(dāng)下最流行、最重要的運營手段。小紅書的直播版塊，設(shè)計了眾多豐富的互動、營銷工具，極大提升播主的運營效率。
2.1 發(fā)布直播
播主在點擊「發(fā)布」后，在底部切換到「直播」即可開啟。
● 在頭部，用戶需要選擇直播方式，目前小紅書提供視頻、語音、手游和電腦（通過電腦直播）四種直播方式，然后填入基礎(chǔ)的直播信息比如直播主題、介紹，和上傳封面等。
● 在底部，用戶可以選擇美化、翻轉(zhuǎn)等效果，還可以添加帶貨商品、設(shè)置禮物打賞等功能。
2.2 直播間
2.2.1 互動支持
小紅書為播主提供了PK、投票、直播預(yù)告、連麥、小紙條等多種互動工具：
● PK：支持禮物PK和人氣PK兩種模式，播主可選擇隨機(jī)匹配和邀請指定主播，這個功能有助于提升直播的趣味性，播主連麥PK可相互提升用戶的活躍度。
● 投票：播主可實時發(fā)起投票，增強(qiáng)和粉絲之間的互動，提升用戶活躍度。
● 群推送：當(dāng)播主發(fā)起直播后，可以一鍵把直播推送到小紅書的粉絲群，直接觸達(dá)用戶。
● 發(fā)紅包：播主購買紅包后，可設(shè)置關(guān)注播主才能領(lǐng)取來快速漲粉。
● 抽獎：播主可設(shè)置比如關(guān)注主播、分享直播、加入粉絲團(tuán)等參與條件，通過抽獎的形式提升直播間的用戶活躍度。
2.2.2 直播工具
直播工具包含了數(shù)據(jù)看板、直播送禮、抽獎等重要功能：
● 信息卡：播主可創(chuàng)建直播公告、推薦商品和模特信息三個卡片，幫助進(jìn)入直播間的用戶快速了解播主，提升用戶觀看時長。
● 數(shù)據(jù)看板：通過這個頻道，可以查看當(dāng)前直播間的詳細(xì)數(shù)據(jù)，包括觀看人數(shù)、新增粉絲數(shù)、流量來源、送禮排行等，有效幫助播主提升運營效率。
2.2.3 商品管理
商品管理包含了直播閃拍，限時秒殺，直播優(yōu)惠券等功能，賦能播主直播帶貨。
● 直播閃拍：這個功能非常方便，播主可以拍照就能上傳商品，操作簡單，行動成本低可以快速幫助播主提升銷售轉(zhuǎn)化率。
● 限時秒殺：用戶可創(chuàng)建限時秒殺商品，通過直播講解吸引用戶購買。
● 直播優(yōu)惠券：播主可在直播期間快速創(chuàng)建優(yōu)惠券，提升銷售轉(zhuǎn)化率。
● 預(yù)告推送：播主可插入下一場直播預(yù)告，讓用戶提前預(yù)約。
細(xì)節(jié)偵查：
直播閃拍這個功能很亮眼，只需隨便拍照一張，就能快速上架商品，這對直播間的銷售轉(zhuǎn)化有非常大的幫助。正如福格模型的行動公式，主要行動成本足夠低，行動頻次就能增加。
2.3 直播中心
「直播中心」類似于創(chuàng)作中心，包含數(shù)據(jù)分析、開播獎勵和主播課程等內(nèi)容，主要幫助播主提升直播頻次和運營效率。其次對于粉絲基礎(chǔ)比較少的博主，還可以完成每日開播任務(wù)領(lǐng)取平臺獎勵，提升直播曝光。
3. 小紅卡會員
「小紅卡會員」是小紅書為用戶設(shè)計的會員專屬權(quán)益服務(wù)，定價199元每年，主要享受會員專享價、無門檻包郵、限時購提前搶、專屬客服等權(quán)益。從這個版塊的內(nèi)容看，小紅卡會員設(shè)計得比較簡單，權(quán)益不夠豐富，吸引力較低。
4. 小結(jié)
從社區(qū)服務(wù)版塊的設(shè)計拆解，我們可以看出：
● 小紅書在C端的變現(xiàn)方式比較單一。我覺得可以再豐富一點，除了傳統(tǒng)的社交電商，是否可以再可以參考騰訊系的產(chǎn)品設(shè)計一些個性化功能，增強(qiáng)產(chǎn)品的變現(xiàn)方式。
● 直播功能設(shè)計得非常用心。筆者過去主要通過微信的視頻號直播，在拆解完小紅書以后，我只能感慨小紅書直播的功能非常完善和人性化，特別在提升直播博主銷售轉(zhuǎn)化率的功能設(shè)計上，體驗非常友好。
● 小紅卡會員可以重新設(shè)計。從目前的會員權(quán)益來看，這個功能設(shè)計得毫無亮點，不過由于沒有真實數(shù)據(jù)參考，僅代表我的一家之言。
五、企業(yè)服務(wù)
「企業(yè)服務(wù)」是根據(jù)格式塔原則拆分，這個版塊的功能主要是小紅書面向企業(yè)B端的商業(yè)服務(wù)，包含商家店鋪和品牌營銷兩塊內(nèi)容。作為國內(nèi)最大的生活方式平臺，根據(jù)《小紅書商業(yè)化營銷通案》報告，小紅書不僅月活超2億，而且用戶群體月均可支配消費支出4.1K，超過81%的用戶在小紅書瀏覽完內(nèi)容以后產(chǎn)生了購買欲望。所以小紅書是好產(chǎn)品長出來的絕佳土壤，也成了商家品牌營銷的必爭之地。
1. 商家店鋪
小紅書的店鋪面向個人和企業(yè)招募，用戶只需要按照條件申請都能通過。這就像十年前人人都可以擁有一個淘寶店一樣，通過輸出有趣的筆記就可以進(jìn)行種草轉(zhuǎn)化。
1.1 店鋪管理
1.1.1 PC管理后臺
小紅書的商鋪管理平臺主要幫助商家實現(xiàn)對店鋪的管理和通過數(shù)據(jù)分析提供運營支撐，主要包含以下重要功能：
● 商品：主要為商家提供商品的上下架功能，其次還提供商品一鍵搬家、組合商品銷售等功能。
● 數(shù)據(jù)：這個頻道內(nèi)容設(shè)計得很豐富，提供店鋪流量、商品、筆記、直播和店鋪等內(nèi)容的數(shù)據(jù)分析，通過多維度的數(shù)據(jù)，幫助商家提升店鋪運營效率。
● 筆記：提供商業(yè)筆記的管理、創(chuàng)作和創(chuàng)作靈感，幫助商家創(chuàng)作更好的種草筆記。
● 營銷：提供小紅書官方運營活動的報名以及多種店鋪營銷工具；
● 用戶：這個頻道為商家提供更精準(zhǔn)的用戶運營計劃，通過專業(yè)完善的數(shù)據(jù)洞察店鋪的用戶行為，提升銷售轉(zhuǎn)化率。
1.1.2 APP客戶端
為了給商家提供更友好運營管理體驗，小紅書也為商家單獨開發(fā)了小紅書商家版。通過APP就可以實現(xiàn)對店鋪的數(shù)據(jù)化管理，非常友好。
1.2 商家課堂
「商家課堂」是為小紅書商家提供的一站式學(xué)習(xí)平臺，目的是幫助商家快速、系統(tǒng)學(xué)習(xí)小紅書店鋪運營，提升店鋪運營效率。
1.2.1 成長地圖
小紅書商家成長地圖提供了一站式課程體系，包括新手必學(xué)、成長進(jìn)階和瓶頸突破三塊內(nèi)容。其次這個欄目有一個非常亮眼的功能，那就是支持商家設(shè)計系統(tǒng)學(xué)習(xí)計劃，可設(shè)置系統(tǒng)提醒時間和學(xué)習(xí)頻次，非常友好。
1.2.2 課程中心
「課程中心」相比成長地圖，提供了更詳細(xì)、完整的直播以及錄播課程內(nèi)容學(xué)習(xí)，比如開店入駐、店鋪基礎(chǔ)、財務(wù)結(jié)算這些偏店鋪管理操作的技能學(xué)習(xí)。從這個頻道可以看出，小紅書商家店鋪運營方面，投入了很大的精力，打造了非常專業(yè)、完善的學(xué)習(xí)系統(tǒng)。
迭代建議
小紅書在商家運營指導(dǎo)投入的精力超出我的想象，個人覺得小紅書可以參考像知識付費SaaS服務(wù)商小鵝通的訓(xùn)練營模式，把店鋪運營學(xué)習(xí)打造成一個動態(tài)的學(xué)習(xí)課程，這樣不僅可以加深和用戶的鏈接，為商家提供專業(yè)、有價值的課程，還能拓展商業(yè)變現(xiàn)的方式。
1.2.3 服務(wù)市場
「服務(wù)市場」是小紅書為商家遴選的第三方優(yōu)秀合作伙伴，包含商品管理、訂單管理、企業(yè)管理、直播管理和內(nèi)容管理五大類，幫助商家更智能化運營店鋪，提升效率，比如有提供商品批量搬家上架的服務(wù)智淘分銷應(yīng)用，可以一鍵將1688商品上貨到小紅書店鋪等。
2. 品牌營銷
小紅書商業(yè)產(chǎn)品體系非常豐富，有負(fù)責(zé)內(nèi)容生產(chǎn)的蒲公英平臺，有負(fù)責(zé)流量+轉(zhuǎn)化的聚光平臺、薯條和品牌廣告。本文不過多分析，如有興趣可閱讀《小紅書商業(yè)化營銷通案》報告。
2.1 蒲公英
「蒲公英」是小紅書官方優(yōu)質(zhì)創(chuàng)作者商業(yè)服務(wù)平臺，它覆蓋海量博主和多種匹配能力，提供定制、招募、共創(chuàng)多種內(nèi)容合作模式，全方位滿足品牌的內(nèi)容營銷訴求。根據(jù)官網(wǎng)最新數(shù)據(jù)，目前已有累計10w+創(chuàng)作者、65000+海外企業(yè)商戶入駐。我們可以簡單理解為蒲公英是小紅書初級的品牌營銷平臺，只要你的的粉絲好過1000，你都能申請入駐，通過發(fā)布優(yōu)秀筆記種草賺錢。
2.2 薯條推廣
「薯條」是小紅書為內(nèi)容創(chuàng)作者和企業(yè)商家打造的自助式投放產(chǎn)品，可以有效地幫助內(nèi)容創(chuàng)作者擴(kuò)大內(nèi)容影響力，也能幫助企業(yè)商家通過更靈活高效的推廣方式提升營銷效率。也就是當(dāng)博主或商家發(fā)布筆記以后，可以選擇薯條推廣進(jìn)行筆記推廣，它主要包含內(nèi)容加熱和營銷推廣兩種形式。
2.3 聚光平臺
「聚光平臺」是小紅書營銷全新上線的一站式廣告投放平臺，能夠滿足廣告主以“產(chǎn)品種草、商品銷量、客資收集、直播推廣、搶占賽道”為目標(biāo)的多樣化營銷訴求。聚光平臺主要為企業(yè)客戶使用，通過小紅書全站營銷的多種組合場景，幫助企業(yè)提升廣告投放回報率，高效觸達(dá)用戶。從官方文檔介紹，聚光平臺支持信息流、CPC點擊等多種形式，靈活高效。
3. 小結(jié)
從企業(yè)服務(wù)版塊的設(shè)計拆解，我們可以看出：
● 小紅書未來在B端的業(yè)務(wù)線會越來越深，也許很快人人都會擁有一個小紅書店鋪，一邊標(biāo)記生活方式，一邊向客戶種草。
● 小紅書為企業(yè)客戶提供的品牌營銷體系非常完善，不僅有蒲公英、薯條、聚光等平臺，還獨創(chuàng)IDEA方法論，從洞察機(jī)會、定義策略、擊穿品類賽道再到沉淀品牌資產(chǎn)，都利用平臺自身強(qiáng)大的用戶資源滿足客戶的需求。
● 如果只是體驗APP，我們無法獲知小紅書真正核心的產(chǎn)品體系，所以當(dāng)我們升維去拆解一個產(chǎn)品的時候，我們的收獲就會更大。
六、思考總結(jié)
通過以上部分對小紅書的全面體驗和拆解，我們可以看出，小紅書作為國內(nèi)最大的生活方式平臺和社交電商開拓者，產(chǎn)品設(shè)計其實也有諸多問題，以下為我梳理的產(chǎn)品設(shè)計總結(jié)和建議：
1. 商業(yè)層
小紅書在C端的變現(xiàn)業(yè)務(wù)太單薄，僅有購物、直播打賞和小紅卡會員，可以嘗試增加合理的變現(xiàn)手段，不僅能為平臺增加收入，也能為用戶提供個性化的服務(wù)。當(dāng)然從企業(yè)服務(wù)的拆解看，他們?yōu)槠髽I(yè)客戶提供覆蓋內(nèi)容生產(chǎn)、流量+轉(zhuǎn)化的商業(yè)產(chǎn)品體系已經(jīng)足夠豐富，他們不缺盈利手段。其次我更喜歡小紅書過去的產(chǎn)品Slogan——發(fā)現(xiàn)全世界的好東西，這個口號簡單、直接、朗朗上口，聽一次就記得住。
2. 產(chǎn)品層
雖然已經(jīng)發(fā)展十年，近一年產(chǎn)品迭代版本次數(shù)高達(dá)98次（在我拆解過的產(chǎn)品中最高，12306平均年迭代次數(shù)為3次），但我認(rèn)為小紅書APP的內(nèi)容設(shè)計不夠創(chuàng)新，也不夠豐富。我在「內(nèi)容服務(wù)」版塊提了很多迭代建議，比如首頁的「本地」頻道可以把內(nèi)容再拆分得細(xì)致一些，讓用戶能找到更精準(zhǔn)的內(nèi)容。還有筆記的分享功能，只提供一張朋友圈長圖海報生成方式，太淺陋了，不夠細(xì)致。
3. 體驗層
如果從一個普通用戶去體驗，小紅書APP產(chǎn)品體驗非常流暢，操作簡單、學(xué)習(xí)成本低，這和社區(qū)內(nèi)產(chǎn)品交互流程本身比較簡單有關(guān)，幾乎沒有涉及復(fù)雜的業(yè)務(wù)流程。但從一個小紅書博主的角度去體驗，我發(fā)現(xiàn)小紅書的創(chuàng)作平臺規(guī)劃非常亂。比如創(chuàng)作者中心、專業(yè)號中心、商家入駐中心、商家店鋪管理以及直播中心這些產(chǎn)品，邊界不清晰，入口也不明顯，需要反復(fù)來回查找才能找到入口（我甚至每個平臺的網(wǎng)址都單獨收藏，才能快速訪問，否則我會在官網(wǎng)迷失很久）。
作者：設(shè)計大偵探 來源：站酷網(wǎng)
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
作者：SFUP_DESIGN 來源：站酷網(wǎng)
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
為回饋新老用戶、持續(xù)提升業(yè)務(wù)增長、打造品牌影響力，開展年終回饋活動；本次活動通過拉新、促活、轉(zhuǎn)化等方式實現(xiàn)用戶和業(yè)務(wù)的增長。
基于兔年和送福的節(jié)日習(xí)俗，采用了“福兔迎新”主題，并結(jié)合業(yè)務(wù)目標(biāo)，構(gòu)建活動玩法。
在頁面交互上，需建立統(tǒng)一框架承載豐富的玩法，也要保證易用性和擴(kuò)展性。
為保證主頁進(jìn)出游戲的體驗流暢，采用了統(tǒng)一的結(jié)構(gòu)框架。頂部標(biāo)題固定，中間模塊下移，露出游戲區(qū)域，再利用過渡動效，保證無縫轉(zhuǎn)場的自然流暢。
3.1 標(biāo)題 &圖形設(shè)計
在標(biāo)題設(shè)計中，將“兔”耳造型融入字體設(shè)計中，與主視覺相呼應(yīng)，營造濃郁的兔年氛圍。傾斜8度的字體，展現(xiàn)出我們對新年蓬勃向上的精神追求和快速高效的業(yè)務(wù)增長速度。統(tǒng)一圓角處理和圓點元素延續(xù)了順豐logo的設(shè)計，更好地提升了親和力。
簡潔的符號往往可以傳達(dá)強(qiáng)有力的情感，所以選取了兔年元素和中國傳統(tǒng)紋飾融入到此次活動的代幣設(shè)計中。這些符號也延續(xù)使用在活動頁的其他設(shè)計和頁面裝飾上。
3.2 IP形象設(shè)計
“福兔”作為本次活動的IP卡通形象，將貫穿于活動各場景。小游戲中福兔作為重要角色，親切可愛的造型配上鮮活豐富的表情不僅能引起用戶共鳴，流暢輕松的動作還能極大提升用戶的操作體驗，增強(qiáng)活動趣味性和互動性。
福兔的造型設(shè)計從以下幾方面去結(jié)合順豐品牌元素：
· 強(qiáng)調(diào)品牌標(biāo)志：帶有順豐logo的杜邦紙袋延展設(shè)計為福兔的斜挎包
· 從細(xì)節(jié)入手：福兔的圓形腮紅與順豐快遞員IP形象的腮紅設(shè)計呼應(yīng)，同時也與順豐logo紅色圓點一脈相承。
我們?yōu)楦Ｍ迷O(shè)計了小游戲中的多種狀態(tài)動畫，用豐富多變的表情，可愛的肢體語言，融入到小游戲中，增強(qiáng)游戲過程趣味性和可玩性，提升沉浸感。
與開發(fā)協(xié)作在動效上使用了spine骨骼動畫，通過控制骨骼，可以快速輸出各種動作，減少了動畫體積，提升頁面加載速度。
“福兔跳跳”小游戲，通過躲避“鞭炮”障礙物，跳躍收集“福氣值”、“獎勵金”。同時設(shè)置難度不同的關(guān)卡，以提高游戲的挑戰(zhàn)性和可玩性。
3.3 場景設(shè)計
主頁場景跟隨節(jié)日以提升感知，通過換膚減少視覺疲勞。隨著節(jié)日變化，色彩和營銷氛圍感也隨之增強(qiáng)。
為了增強(qiáng)游戲氛圍、新鮮感，提高游戲體驗。小游戲與主頁同步進(jìn)行換膚，前進(jìn)時街景也會呈現(xiàn)節(jié)日特色建筑、裝飾。
為了突出用戶的品牌感知，在背景街道設(shè)計中，盡可能融入了較多順豐元素，快遞箱、貨車、LOGO等等。
3.4 其他
多玩法設(shè)計
小游戲玩法，符合大眾群體的偏好；獎勵金、配對搶免單有效提升用戶留存，激勵用戶持續(xù)參與活動；兌獎、沖榜玩法回饋高價值用戶，豐厚獎品打造活動口碑。
引導(dǎo)設(shè)計
在活動的不同觸點對用戶進(jìn)行引導(dǎo)與轉(zhuǎn)化。
年終活動是一年中業(yè)務(wù)搶收的重要節(jié)點。活動上線后，整體上活動的訪問量、參與率及留存率，均表現(xiàn)不俗，達(dá)到預(yù)期目標(biāo)。未來我們會繼續(xù)在運營活動的創(chuàng)新上探索更多有趣好玩的方向，豐富用戶體驗，挖掘創(chuàng)新玩法。
我們下個活動再見～
作者：SFUP_DESIGN 來源：站酷網(wǎng)
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
前言
作為設(shè)計師的你，是否也遇到過這樣的問題：
1.負(fù)責(zé)的業(yè)務(wù)線產(chǎn)品邏輯復(fù)雜難懂，產(chǎn)品自己想不清楚需求，導(dǎo)致項目難以有效推進(jìn)；
2.設(shè)計方案拍板的人太多，一人一個想法，溝通成本高，還總是返工；
3.設(shè)計優(yōu)化找不到頭緒，不知道是否匹配產(chǎn)品目標(biāo)等等…
本文將從what、why、how三方面帶你一起解讀設(shè)計共創(chuàng)的方法論模型，并以實際案例為指導(dǎo)，分享設(shè)計共創(chuàng)五步法；感受在設(shè)計過程中，通過與其他核心角色一起共創(chuàng)，從明確共同目標(biāo)、共同決策、共創(chuàng)設(shè)計、共同評價，到最終共享設(shè)計成果過程。
一起來赴一場創(chuàng)新共贏的設(shè)計盛宴吧！
What-什么是設(shè)計共創(chuàng)
共創(chuàng)行為由來已久
共創(chuàng)模式并非現(xiàn)代社會的新生事物，其萌芽可追溯至人類文明早期，比如中國最早的詩歌總集《詩經(jīng)》、古希臘的《荷馬史詩·伊利亞特》等耳熟能詳?shù)奈膶W(xué)作品，都是在民間大眾共創(chuàng)基礎(chǔ)上再由作者整理完成的；還有《永樂大典》、《四庫全書》等大型文化工程著作，都是集體協(xié)作的結(jié)晶。共創(chuàng)行為在人類文化發(fā)展史的各個階段，我們都可見其蹤影。
設(shè)計共創(chuàng)的定義
1.名詞定義
網(wǎng)上較少關(guān)于設(shè)計共創(chuàng)方法的完整介紹和明確定義，只有一些相關(guān)資料是對于該方法的理解。
如：“Co-designis a design-led process that uses creative participatory methods. There is noone-size-fits-all approach nor a set of check- lists to follow. Instead, thereare a series of patterns and principles that can be applied in different wayswith different people. Co- designers make decisions, not just suggestions”(Burkett, 2012).
“協(xié)同設(shè)計是一個通過使用創(chuàng)造性和參與性的方法進(jìn)行設(shè)計的過程。在這個過程中，沒有一種放之四海而皆準(zhǔn)的方法。但是，有一系列的模式和原則可以與不同的人以不同的方式進(jìn)行應(yīng)用。協(xié)同設(shè)計是為了做出決策，而不僅僅是建議”
2.筆者對設(shè)計共創(chuàng)的理解
經(jīng)過在實際工作中的不斷實踐和應(yīng)用，用一句話來總結(jié)我對設(shè)計共創(chuàng)的理解：“邀請核心角色參與設(shè)計關(guān)鍵過程，共識問題和目標(biāo)、了解設(shè)計思考過程并共同決策、共識評價標(biāo)準(zhǔn)并共享設(shè)計成果”
Why-為什么要使用設(shè)計共創(chuàng)
設(shè)計共創(chuàng)的價值
設(shè)計共創(chuàng)有以下三個重要價值
1.打破能力邊界：個人能力是有限的，通過卷入其他核心角色的參與，發(fā)揮各個角色優(yōu)勢，實現(xiàn)資源的優(yōu)勢整合，有效打破個人能力的邊界。
2.豐富視角維度：設(shè)計是一個不斷平衡的過程，了解并兼容更多信息才能使方案更加完備，然而設(shè)計的單一視角往往是具有局限性，設(shè)計共創(chuàng)可以幫我我們從多視角思考問題，有效規(guī)避風(fēng)險。
3.拓展價值廣度：項目的價值如果僅僅從設(shè)計角度進(jìn)行評估會顯得單薄，難以獲得其他角色的認(rèn)可。通過多角色共建評估標(biāo)準(zhǔn)拓展價值廣度，最終實現(xiàn)價值共享。
什么類型的項目適合進(jìn)行設(shè)計共創(chuàng)
實際工作中我們通常會從項目的相對設(shè)計成本和相對設(shè)計價值兩個維度來評估項目類型。設(shè)計價值相對較高，又具有一定設(shè)計成本的項目，比較適合進(jìn)行設(shè)計共創(chuàng)。例如一些業(yè)務(wù)邏輯復(fù)雜的改版項目、從0-1的前瞻探索項目、設(shè)計多方?jīng)Q策的橫向項目等。
對設(shè)計成本、設(shè)計價值的理解
相對設(shè)計成本通常由業(yè)務(wù)復(fù)雜度、需求是否明確、溝通成本量決定；而對相對設(shè)計價值的評估則需要從用戶、業(yè)務(wù)、設(shè)計三個視角進(jìn)行評估。
設(shè)計共創(chuàng)流程 VS 常規(guī)設(shè)計流程
對比我們常規(guī)的設(shè)計流程，設(shè)計角色通常作為一個需求的把關(guān)者出現(xiàn)，重點參與需求確認(rèn)后的設(shè)計相關(guān)環(huán)節(jié)，最終從設(shè)計單一視角進(jìn)行項目復(fù)盤。在項目從需求到上線的整個過程中作為被動者的角色，斷點式的參與，缺少控制權(quán)。
而設(shè)計共創(chuàng)流程要求我們在項目的各個環(huán)節(jié)深度參與共同決策，變被動為主動，從共創(chuàng)視角全流程掌握項目細(xì)節(jié)，提高對業(yè)務(wù)的理解和判斷。
How-如何開展設(shè)計共創(chuàng)
以《百度保障體驗優(yōu)化項目》為例
注：百度保障項目主要服務(wù)于百度網(wǎng)民權(quán)益保障計劃，這是百度聯(lián)合國家司法部、消協(xié)推出的首個搜索引擎網(wǎng)民權(quán)益保障體系，其目的是為了更好的保障網(wǎng)民的合法權(quán)益，當(dāng)用戶在百度進(jìn)行搜索、購物等行為時，遭到釣魚、欺詐、假冒官網(wǎng)并造成經(jīng)濟(jì)損失時，可以享有一定額度的保障金，屬于百度APP的特色功能。
從項目的相對設(shè)計成本、相對設(shè)計價值來看，百度保障體驗優(yōu)化是一個設(shè)計成本&價值相對較高的項目，比較適合進(jìn)行設(shè)計共創(chuàng)：
1.相對設(shè)計成本高
①業(yè)務(wù)復(fù)雜：百度保障是一個涉及BC雙端用戶的產(chǎn)品，流程復(fù)雜，設(shè)計側(cè)處于剛接手的階段，對業(yè)務(wù)邏輯不熟悉。
②需求不明確：百度保障業(yè)務(wù)屬于百度特色功能，起步晚且少有可參考的行業(yè)競品，常常是一句話的改版需求。
③溝通成本高：產(chǎn)品團(tuán)隊新調(diào)整，一線產(chǎn)品同學(xué)經(jīng)驗不足，缺少成熟的合作流程，總是頻繁改需求。
2.相對設(shè)計價值高
①用戶體驗差：保障業(yè)務(wù)體量雖小，面對的用戶卻都屬于高危用戶，然而之前的功能沒有經(jīng)過設(shè)計介入，用戶體驗極差。
②業(yè)務(wù)重點：影響百度口碑，是產(chǎn)品側(cè)的重點優(yōu)化對象。③設(shè)計視角：改版需求設(shè)計發(fā)揮空間大，產(chǎn)品給予高度配合。
《設(shè)計共創(chuàng)五步法》
接下來將結(jié)合《百度保障體驗優(yōu)化項目》說明設(shè)計共創(chuàng)的實踐路徑。
第一步：業(yè)務(wù)理解
1.項目背景摸底
產(chǎn)品最初的需求只有一句話“保障官網(wǎng)目前體驗很差，很久沒有優(yōu)化過了，需要設(shè)計團(tuán)隊幫忙整體改版”，并在此基礎(chǔ)上提出一些非常稀碎的優(yōu)化點，缺乏關(guān)聯(lián)性和整體性。
設(shè)計側(cè)開始通過定性、定量多種形式對業(yè)務(wù)進(jìn)行摸底，明確整體的業(yè)務(wù)邏輯以及保障官網(wǎng)所處的位置，并通過用戶反饋和用戶數(shù)據(jù)分析問題，明確用戶的真實訴求。
2.理解業(yè)務(wù)價值
通過業(yè)務(wù)摸底，設(shè)計側(cè)將對業(yè)務(wù)價值、業(yè)務(wù)邏輯的整體理解梳理出來，并與產(chǎn)品確認(rèn)達(dá)成共識。
百度保障業(yè)務(wù)有三個重要的環(huán)節(jié)：保障官網(wǎng)、申請保障、保單管理。通過這三個環(huán)節(jié)建立起用戶端和商家端之間的聯(lián)系。其中，百度保障官網(wǎng)起著非常重要的信息傳達(dá)、用戶保障認(rèn)知建立的作用。
3.現(xiàn)狀問題分析
百度保障官網(wǎng)作為重要的保障認(rèn)知傳達(dá)陣地，存在框架層級混亂、信息簡陋缺乏針對性、傳達(dá)效率低等問題。
第二步：共識目標(biāo)
通過多角色溝通，我們將官網(wǎng)改版的核心目標(biāo)確認(rèn)為“如何從BC雙視角重塑官網(wǎng)信息強(qiáng)化保障認(rèn)知，讓官網(wǎng)內(nèi)容更易理解”。
在共識目標(biāo)的過程中，設(shè)計側(cè)可以先基于共識的業(yè)務(wù)價值和問題定一個初版目標(biāo)，然后拉其他核心角色一起討論，避免無目的低效率溝通，在基本共識點的基礎(chǔ)上更容易達(dá)成一致。
第三步：設(shè)計共創(chuàng)
基于共識目標(biāo)，設(shè)計側(cè)組織開展多角色腦暴進(jìn)行設(shè)計方向共創(chuàng)和方案細(xì)節(jié)共創(chuàng)。
1.設(shè)計方向腦暴共創(chuàng)
①共創(chuàng)前-充分準(zhǔn)備有效的腦暴和共創(chuàng)過程需要組織者具備清晰的思路和明確的引導(dǎo)。在腦暴前我進(jìn)行了詳細(xì)的腦暴議程安排，并通過郵件和工作群的方式同步給參會同學(xué)，要求所有參會同學(xué)會議前完成閱讀，保證信息同步。
②共創(chuàng)中-把控節(jié)奏
共創(chuàng)過程中為了保障腦暴的質(zhì)量，我會要求全部參會同學(xué)關(guān)閉電腦聚焦在討論的目標(biāo)上，明確問題和目標(biāo)→各自思考并用標(biāo)簽記錄想法→共同討論并在大白板上進(jìn)行整理分析→得出共識結(jié)論。
以C用戶官網(wǎng)優(yōu)化視角來舉例
我們在共識官網(wǎng)想要為C用戶營造的感知是讓他們能【了解保障作用，建立信任感，知道如何申?！恐?。從使用場景、用戶訴求、訴求滿足依次進(jìn)行腦暴共創(chuàng)：
1.核心場景：通過對業(yè)務(wù)的理解發(fā)散討論用戶什么場景下會來到保障官網(wǎng)，大家一起共識了兩個核心場景。
2.用戶訴求：基于核心場景，將自己帶入用戶，想象進(jìn)入保障官網(wǎng)的自己核心訴求是什么？每個人寫下自己的想法，然后貼標(biāo)簽找共性，共識核心訴求。
3.訴求滿足：共識訴求后，我們轉(zhuǎn)變視角，思考作為產(chǎn)品設(shè)計師我們可以通過提供哪些內(nèi)容來滿足用戶的訴求。同樣的，每個人寫下自己的想法后貼標(biāo)簽找共性，此次的內(nèi)容對于官網(wǎng)信息的呈現(xiàn)已經(jīng)起到很大的決定性作用，再此基礎(chǔ)上，我們一起投票決定信息的優(yōu)先級完成頁面內(nèi)容的基本布局并形成共識結(jié)論。
③共創(chuàng)后-記錄共識共創(chuàng)后，最重要就是及時記錄共識結(jié)論并同步到所有相關(guān)成員進(jìn)行確認(rèn)，這樣不僅可以幫助我們理清思路，更能夠很好的減少后續(xù)結(jié)論變動的風(fēng)險，降低溝通成本。
2.方案細(xì)節(jié)共創(chuàng)
①決策框架層方案以官網(wǎng)中BC用戶信息的強(qiáng)弱關(guān)系為依據(jù)，進(jìn)行框架結(jié)構(gòu)的多方案發(fā)散，并通過制作demo的方式完成不同方案的原型效果。
拉關(guān)鍵角色進(jìn)行體驗并投票。大家一致認(rèn)為【方案3：強(qiáng)化C弱化B】的效果更符合我們的優(yōu)化目標(biāo)。
在框架方案3的基礎(chǔ)上，進(jìn)行方案細(xì)化。對比線上原方案，框架層有兩個核心優(yōu)化點：
1.層級優(yōu)化：由原層級關(guān)系不清晰的5個頁面，減少后一個C用戶首頁+B商家二級頁，重點突出層級簡單。
2.提高屏效：將原來的雙底bar合并，提高頁面展示屏效。
②共識信息表現(xiàn)層方案
在信息層基于腦暴共創(chuàng)結(jié)論對內(nèi)容信息進(jìn)行了重構(gòu)，完成官網(wǎng)認(rèn)知的搭建，主要有以下3個優(yōu)化點：
1.內(nèi)容更豐滿：根據(jù)腦暴結(jié)論C用戶首頁增加9個內(nèi)容模塊，B商家頁增加4個內(nèi)容模塊，建立保障立體認(rèn)知。
2.內(nèi)容更聚焦：將C用戶頁作為首頁，去掉原首頁，B商家頁作為二級頁面，強(qiáng)化C視角更好的滿足核心用戶訴求。
3.信息更真實：C首屏信息通過展示申保&認(rèn)保的規(guī)模數(shù)據(jù)突出保障的安全感，B商家頁通過輪播申保動態(tài)&增加真實案例方式營造真實感。
完成方案后拉關(guān)鍵角色對齊共識，調(diào)整優(yōu)化細(xì)節(jié)，明確最終效果。
第四步：指標(biāo)拆解
在指標(biāo)拆解方面，根據(jù)HEART+GSM體驗度量模型，完成定性+定量驗證指標(biāo)的分析。
簡單來說，就是將HEART模型中的體驗標(biāo)準(zhǔn)依次縱向排列，將GSM體驗度量模型作為分析工具，依次對HEART模型中各個維度從目標(biāo)（goal）、信號（signal）、度量指標(biāo)（metric）進(jìn)行分析。
以留存率（retention）為例，我們的目標(biāo)是希望用戶愿意多來官網(wǎng)了解信息，不斷強(qiáng)化保障認(rèn)知，那么用戶所表現(xiàn)出來的行為信號是多次訪問保障官網(wǎng)，對應(yīng)的度量指標(biāo)可以拆解為活躍用戶量、次日/三日/七日留存等等。
完成設(shè)計側(cè)指標(biāo)拆解后，與產(chǎn)品進(jìn)行討論，從產(chǎn)品視角給予補(bǔ)充完善，雙方達(dá)成共識后，一起完成定性評估問卷和打點規(guī)則細(xì)化。
第五步：落地驗證
上線后持續(xù)觀察用戶數(shù)據(jù)，對比上線前后的定性+定量指標(biāo)，定性評估及定量數(shù)據(jù)指標(biāo)均得到明顯提升。
其他思考
設(shè)計共創(chuàng)循環(huán)流程
官網(wǎng)優(yōu)化只是保障體驗的一個環(huán)節(jié)，我們以點入局，拉開了保障體驗全流程整優(yōu)化的帷幕。
在完成申保前-保障官網(wǎng)的整體優(yōu)化改版后并獲得極大成功后，我們趁熱打鐵，通過用戶體驗地圖的方式完成保障中、后全流程的設(shè)計機(jī)會點分析，明確申保中、后設(shè)計目標(biāo)并完成具體設(shè)計提案，與產(chǎn)品共識后分期推動落地，與官網(wǎng)優(yōu)化一樣，通過設(shè)計共創(chuàng)和嚴(yán)謹(jǐn)論證最終上線后的數(shù)據(jù)效果均表現(xiàn)正向，符合預(yù)期。
從保障全流程優(yōu)化的案例我們不難發(fā)現(xiàn)，設(shè)計共創(chuàng)是一個循環(huán)過程，它始于我們對業(yè)務(wù)的初步理解，終于一個循環(huán)后對業(yè)務(wù)的理解加深而進(jìn)行進(jìn)一步的循環(huán)，從而形成一個良性循環(huán)，幫助我們不斷深入業(yè)務(wù)，助力業(yè)務(wù)體驗不斷優(yōu)化提升。
及時進(jìn)行項目復(fù)盤總結(jié)
在項目關(guān)鍵節(jié)點及時進(jìn)行項目復(fù)盤，不僅可以讓所有參與項目的同學(xué)有獲得感和價值感，更加認(rèn)可設(shè)計共創(chuàng)的成果，形成正向循環(huán)。同時也能擴(kuò)大設(shè)計的影響力，獲得合作團(tuán)隊老板的高度認(rèn)可和贊許，達(dá)成雙贏目標(biāo)。
作者：百度MEUX 來源：站酷網(wǎng)
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
Hi，我是彩云。用戶頭像是我們在做UI時經(jīng)常會用到的設(shè)計元素，但想要設(shè)計好它也是有很多需要注意的細(xì)節(jié)知識的，今天這篇文章將深入到頭像設(shè)計的方方面面，不同的事件、狀態(tài)、操作、配色等等一系列UI設(shè)計的最佳實踐。這篇文章準(zhǔn)備了很多實例，或許可以給你一些啟發(fā)。
近年來，我?guī)缀趺刻於荚跒g覽數(shù)以萬計的UI組件、界面、不同的網(wǎng)站和app，研究它們的結(jié)構(gòu)、布局和配色方式。我的目標(biāo)是創(chuàng)建一個全面的UI指南，設(shè)計應(yīng)用及其組件、模板等。
今天這部分講的就是關(guān)于用戶頭像的UI組件探索。用戶頭像是一個組件元素，用戶通過它來標(biāo)識自己。
基本上有以下三種類型可以用來代表用戶頭像
空狀態(tài)
名字的首字母
用戶照片或者圖片
根據(jù)具體使用場景的不同，你可以使用多樣化的顏色和尺寸:
1）為了更好的識別，不同用戶配色可以多樣化一些
2）頁眉、導(dǎo)航欄中一般用24-40dp寬度為主
3）40-48dp的頭像大小通常用在內(nèi)容塊或列表中
4）如果你想在更大的頁面中使用頭像，比如個人中心、設(shè)置中心等時，推薦使用56+dp
當(dāng)我們想通過用戶頭像通知某事或演示某種操作時，可以使用額外的UI元素；
1）指示燈標(biāo)識用戶是在線還是不在線
2）通過帶有編號的標(biāo)簽通知提供信息
3）可以在用戶頭像上增加額外的圖標(biāo)提供用戶行為操作
顯示用戶狀態(tài)的最常見做法是在頭像的右下角放置一個多色控件
1）綠色的代表在線，灰色代表不在線
2）填充圖形代表用戶在線狀態(tài)，而空心形態(tài)用戶不在線的狀態(tài)（并且是可以操作的）
根據(jù)不同優(yōu)先級以及為了吸引用戶的注意力，可以修改頭像的標(biāo)簽樣式
1）對于高優(yōu)先級的提示，可以使用高亮的底色+反白的文字
2）對于其他情況，使用淺色背景，形式上做一些弱化
當(dāng)頭像帶有操作功能時，通常使用圓形按鈕或嵌套圖標(biāo)等組件來顯示即將進(jìn)行的操作。
1）將圖標(biāo)更改為符合用戶期望的結(jié)果
2）顏色的使用要合理，需要強(qiáng)調(diào)事件或動作的含義
單邊文本
當(dāng)需要添加額外信息時，次要標(biāo)題可以和頭像一起使用。此功能在應(yīng)用欄、列表、表格中非常常用。
1）較大的標(biāo)題用于表示用戶的名稱
2）額外信息的文字是可選的（例如：狀態(tài)、職業(yè)、上次訪問、關(guān)注者數(shù)量等）
底部文本
對于整頁，可以使用更大的頭像，并將文本放在底部。這是應(yīng)用內(nèi)的常見模式，例如社交、個人資料、設(shè)置等。
事件
為了進(jìn)一步表明新用戶的事件，可以在頭像周圍添加一個描邊。還可以添加一個帶有標(biāo)記的計數(shù)器，這也將具有更強(qiáng)的設(shè)計提醒作用。
進(jìn)度
使用一個描邊線作為用戶成就的進(jìn)度，仍然非常流行和方便。
選擇
對于所選狀態(tài)，用戶最可靠的確認(rèn)方法之一是確認(rèn)圖標(biāo)和描邊的組合。
以下是所選狀態(tài)的典型變體的外觀：
帶一個按鈕
當(dāng)頭像被分組時，額外的行動按鈕可以是一個可靠的選擇，讓用戶從那里知道某個操作。例如，“加號”按鈕將我們帶到一系列交互相關(guān)的選項（添加、編輯、排序等），這些選項可以對分組的頭像執(zhí)行。
標(biāo)記
數(shù)字標(biāo)記是展示隊列中剩余用戶數(shù)量的一個很好的解決方案。
帶有懸浮狀態(tài)的標(biāo)記
一個標(biāo)記最常見的模式之一，當(dāng)它被懸停時可以顯示用戶的附加信息，作為信息交互的擴(kuò)展。
具有懸停狀態(tài)的頭像
當(dāng)堆疊組中的頭像懸停時，顯示用戶全名的最佳方式是使用懸停組件。
頁面模板
在應(yīng)用或網(wǎng)站中使用頭像的最流行的方式是在頭部嵌入一個小的用戶圖片，或者在配置文件/設(shè)置部分嵌入較大的頭像。此時，用戶可以對圖片進(jìn)行編輯操作。
以上就是我所整理的關(guān)于頭像知識的所有內(nèi)容，希望看完這篇文章你可以更加全面的設(shè)計更好的頭像。
作者：彩云Sky 來源：站酷網(wǎng)
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
Hi，我是彩云。畫面平衡是一個很基本的設(shè)計理念，但很多朋友在平時的作品中容易忽視這個點。彩云在星球中幫不少朋友看過作品集，發(fā)現(xiàn)最多的問題之一就是畫面平衡沒做好，我覺得只要把這個基本問題解決了，作品就能提升一個檔次。
用戶本能地會對不平衡的設(shè)計感到厭煩，如何在畫面中創(chuàng)造一個有吸引力的平衡？是本篇文章要分享的內(nèi)容。
Illustration: Outcrowd
平衡是一個作品中最重要的元素之一。平衡中的對稱關(guān)系能夠創(chuàng)造平衡與和諧，這種平衡狀態(tài)直觀上能夠讓用戶感到舒適。
人體是垂直對稱的，我們的視覺接收也與之相對應(yīng)。我們喜歡物體在垂直軸上保持平衡，直覺上總是傾向于平衡一種力量與另一種力量。
Illustration: Outcrowd
在設(shè)計環(huán)境中，平衡是基于元素的視覺重量，而視覺重量是用戶對圖像的注意力范圍。如果畫面是平衡的，用戶會下意識地感到舒適。畫面平衡被認(rèn)為是其元素在視覺上的比例安排。
如何讓一個頁面看起來平衡？
最常見的平衡例子就是使用對稱。
在潛意識層面上，對稱的視覺能讓人愉悅，能讓畫面看起來和諧有條理。對稱的平衡是通過在水平或垂直的中軸兩側(cè)均勻放置元素來創(chuàng)造的。也就是說，畫面中間假想線的兩邊實際上是彼此的鏡像。有些人認(rèn)為對稱的平衡是無聊和可預(yù)測的，但它經(jīng)受住了時間的考驗，到現(xiàn)在仍然是在頁面上創(chuàng)造舒適和穩(wěn)健感覺的最好方法之一。
Illustration: Outcrowd
兩側(cè)重量不相同的元素構(gòu)成具有不對稱平衡。
動態(tài)平衡通常會比靜態(tài)平衡更有設(shè)計感，讓畫面不至于呆板。在缺乏平衡的情況下，我們的目光會條件反射性地開始尋找平衡點，這是一個很好的機(jī)會，可以將注意力吸引到頁面上可能還沒被注意到的部分。頁面重點就應(yīng)該放在這里——抓住用戶的注意力，就像產(chǎn)品的生命線一樣。
Landing page — Asian Cuisine
比如一般這樣去“配重”的元素會是一個按鈕或者標(biāo)題。
重要信息（或者是行動按鈕）就是我們需要去配重的價值元素。
不對稱的現(xiàn)象越嚴(yán)重，用戶就越想找出其中的原因（檢查配重）。人們本能地比平時更仔細(xì)地研究這樣的畫面。然而，這里需要注意分寸，過于古怪的構(gòu)圖并不總是能被很好的感知。
Illustration: Outcrowd
平衡中的另一種類型，特點是視覺元素從一個共同的中心點放射出來。徑向平衡在設(shè)計中不常用。它的優(yōu)點是，注意力很容易找到并保持一個焦點——恰好就在它的中心，這通常是構(gòu)圖中最引人注目的部分。
這是一種平衡中的混亂，就像 Jackson Pollock的畫作一樣。這樣的組成沒有突出的焦點，所有的元素都有同樣的視覺重量。沒有層次，乍一看，畫面就像視覺噪音，但所有元素又相互匹配，形成一個連貫的整體。
（彩云注：這是一種比較高階的設(shè)計平衡處理手法，用的好可以讓畫面非常具有設(shè)計感，但把握不好的話，就會非常凌亂。所以，我們平時能看到很多大師的作品看似一些簡單圖形的使用，但就是好看，輪到自己設(shè)計的時候就會發(fā)現(xiàn)，越簡單的設(shè)計似乎越難設(shè)計好。）
Illustration: Outcrowd
當(dāng)談到構(gòu)圖中的重量平衡時，他們經(jīng)常將其與物理世界中的重量進(jìn)行比較：重力、杠桿、重量和支點。我們的大腦和眼睛感知平衡的方式非常類似于力學(xué)定律。我們很容易把一幅畫想象成一個在某一點上平衡的平面，就像一個天平。如果我們在圖像的邊緣添加一個元素，它就會失去平衡，有必要修復(fù)它。元素是否是一組色調(diào)、顏色還是點并不重要，目標(biāo)是找到圖像的視覺“重心”，即圖像的重心。
不幸的是，沒有精確的方法來確定一個物體的視覺質(zhì)量。一般來說，設(shè)計師依賴于他們的直覺。不過，下面這些有用的觀察可能會有所幫助:
大小
大的物體總是更重
形狀
不規(guī)則形狀比規(guī)則形狀的元素輕
顏色
暖色比冷色重
色調(diào)
深色物體比淺色物體重
圖案
帶有圖案的元素顯得更重
3D
帶有紋理貼圖的元素顯得更重
內(nèi)部復(fù)雜性
物體內(nèi)部越復(fù)雜，視覺重量更大
填充空間關(guān)系
正形空間比負(fù)形空間更重
對重量的感知
照片中的啞鈴看起來會比一只鋼筆更重
當(dāng)使用對稱時，作品看起來可以更加的專業(yè)和有科學(xué)性。其中，靜態(tài)對稱的作品顯得更加有專業(yè)精神和嚴(yán)肅的；而動態(tài)對稱的設(shè)計方法則能吸引用戶的興趣，表達(dá)出個性和創(chuàng)造力，能讓用戶集中注意力。
作者：彩云Sky 來源：站酷網(wǎng)
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
圖標(biāo)是任何設(shè)計系統(tǒng)不可或缺的一部分。使用圖標(biāo)的主要原因是幫助用戶快速理解想法，實現(xiàn)快速導(dǎo)航，解決語言障礙，最終提升用戶體驗。
圖標(biāo)作為一種設(shè)計工具，在UI/UX和平面設(shè)計師中最受歡迎。這些微小的設(shè)計元素對每個人來說都是簡單易懂的，這些特征賦予了它們通用數(shù)字語言的地位。
在這篇文章中，我整理了10個簡單又重要的技巧幫你設(shè)計出更專業(yè)的圖標(biāo)。
最小的圖標(biāo)大小通常是12 x 12px。以這個尺寸為基礎(chǔ)，行業(yè)標(biāo)準(zhǔn)中大多數(shù)其他尺寸只是通過將之前的尺寸翻倍而產(chǎn)生的。
重要提示：當(dāng)你設(shè)計圖標(biāo)時，重要的是要按100%顯示的比例去設(shè)計，使圖標(biāo)完美像素并放大像素塊查看準(zhǔn)確性。
完美像素圖標(biāo)在屏幕上能呈現(xiàn)尖銳和清晰的線條和形狀。如今，高分辨率顯示器和視網(wǎng)膜顯示器正變得越來越好，所以在不久的將來，對像素完美圖標(biāo)的需求可能會減少。但就目前而言，讓你的圖標(biāo)具有可伸縮性、響應(yīng)性和適配更多設(shè)備是非常重要的。
1) 像素網(wǎng)格對齊.
使直線部分完全清晰，并增加曲線和邊角的清晰度。（彩云注：盡可能的使線條實心）
2)完美角度
有角度的線更模糊。創(chuàng)建圖標(biāo)的最佳角度是45°，因為形成一個角的像素彼此對稱。
3)邊緣清晰
直線必須占據(jù)其邊緣上最暗的4個像素。這樣線的邊緣看起來更清晰。
為了讓圖標(biāo)看起來整潔一致，重要的是要記住線條寬度和間隙大小。這條規(guī)則我認(rèn)為是必須遵循的:所有線條的寬度都是相同的。
理想情況下，線寬和間隙大小也應(yīng)該相等。
然而，有時候你必須打破這個規(guī)則。當(dāng)你需要解釋我們在日常生活中面對的一個具有非對稱模式的物體時，它就會發(fā)生。比如條形碼這個例子來說，我故意使圖標(biāo)內(nèi)的線寬和間隙大小不均勻，以表示條碼的特征。
在UI設(shè)計中，對象(包括圖標(biāo))的角半徑定義了項目的外觀和感覺。當(dāng)我們說到一個集合中的多個對象時，規(guī)則很簡單：在正方形和圓角之間進(jìn)行選擇，并對所有的圖標(biāo)應(yīng)用相同的屬性。
為什么它如此重要?一致性是UI/UX設(shè)計的關(guān)鍵原則。一個可用和用戶友好的設(shè)計總是提供一致的體驗。在下面的例子中，你可以看到打破這個原則是如何影響視覺感知的。
在電腦上看起來完美對齊和平衡的東西，在你的眼睛看來可能并不一樣。
當(dāng)我們把大小相等的正方形和圓放在一起時，我們會有一種不對勁的感覺，圓似乎比正方形小。為了使我們的形狀在尺寸上看起來相同，我們應(yīng)該使圓更大(或減少正方形的尺寸)。
這個原則也適用于圖標(biāo)的設(shè)計和使用。有些圖標(biāo)的一側(cè)可能較重。試著調(diào)整它們一兩個點，直到整體對齊看起來正確。在下面的例子中，你可以看到突出顯示的圖標(biāo)看起來很大，盡管它與其他部分的大小相同。為了平衡這個集合，我們需要通過縮小圖標(biāo)的大小來調(diào)整突出顯示的圖標(biāo)。
（彩云注：這個原則很多人應(yīng)該都知道，但我發(fā)現(xiàn)也是在整套圖標(biāo)的設(shè)計中最容易出現(xiàn)的問題，當(dāng)把圖標(biāo)匯總在一起的時候，這個問題尤其需要重視。）
我們經(jīng)常在設(shè)計軟件中使用中心對齊，這種方法沒有錯。但當(dāng)涉及到細(xì)節(jié)時，比如圖標(biāo)設(shè)計，我們需要相信自己的眼睛，打破數(shù)學(xué)法則，以增強(qiáng)元素的平衡。
讓我們以播放按鈕作為展示。這個例子很簡單，但非常能說明問題，因為形狀越不對稱，需要改進(jìn)的缺陷就越明顯。
我打賭你已經(jīng)猜到我們指的是KISS原則。這一原則背后的思想是，大多數(shù)系統(tǒng)在保持簡單的情況下工作得最好。用戶越容易理解某樣?xùn)|西并與之互動，它就越具有通用性。
（彩云注：KISS原則是“Keep It Stupid Simple”或者“Keep It Simple, Stupid”的縮寫。篇幅有限，彩云幫大家找了一篇參考文獻(xiàn)https://www.jianshu.com/p/7d58b96d0185#comments ，感興趣的可以去學(xué)習(xí)下。）
它如何適用于圖標(biāo)設(shè)計?
1）別使用文字
文本和圖標(biāo)的綁定減少了圖標(biāo)的通用性。此外，小尺寸的文本是可讀性很差。如果一定要文本作為支持元素，使用工具提示和圖標(biāo)旁邊的標(biāo)簽。
2）不要過度設(shè)計
不必要的復(fù)雜性阻礙了合理的表達(dá)，應(yīng)該避免。過載的設(shè)計會將用戶體驗變成一場噩夢。
3）避免不必要的元素
只要確保每個圖標(biāo)在整體環(huán)境中是可理解和清晰的就行。（彩云注：比如已經(jīng)是在郵件客戶端中，就不需要再額外增加表示郵件的圖標(biāo)部分）
重要提示：在圖標(biāo)設(shè)計中合理地使用KISS原則，也不要把事情做得太簡單，否則會影響功能。一個優(yōu)秀的圖標(biāo)應(yīng)清晰易懂。
圖標(biāo)規(guī)范框架通常是指組合在一起的圓形、正方形、縱向和橫向矩形。它們創(chuàng)建了一個框架來設(shè)計圖標(biāo)。但是，這個規(guī)則非常靈活，只是作為參考，方便圖標(biāo)的設(shè)計在視覺上平衡。所以，如果你覺得你的圖標(biāo)不完全匹配這個框框，但看起來完全正確——相信你的眼睛！
框架是設(shè)計的“容器”?？蚣芤?guī)范了一個統(tǒng)一的范圍來設(shè)計圖標(biāo)，這背后有一些原因：
1) 大小
由于其幾何形狀，所有圖標(biāo)都具有不同的高度和寬度。為了在我們的設(shè)計中統(tǒng)一圖標(biāo)尺寸，我們應(yīng)該將它們放置在大小始終相同的框架中。
2)輸出
框架內(nèi)的圖標(biāo)與視覺中心對齊，這經(jīng)常被開發(fā)人員忽略，因為他們經(jīng)常根據(jù)實際的中心來調(diào)整圖標(biāo)，而沒有注意到差異。這就是為什么用框架輸出圖標(biāo)是至關(guān)重要的，當(dāng)你按這個框架輸出圖標(biāo)時，能保證視覺設(shè)計時想要的視覺中心。
3)效率
如果使用Figma，可以通過創(chuàng)建組件來節(jié)省時間。可以使用實例快速地將一個圖標(biāo)替換為另一個圖標(biāo)。
如果你要打算做圖標(biāo)資源庫的話。要想到當(dāng)設(shè)計師在庫中搜索圖標(biāo)時，會遇到哪些挑戰(zhàn)?他們的痛點是什么?他們的需求是什么?要回答這些問題，請設(shè)身處地為用戶著想。
1）不要讓用戶思考
例如，如果他們不知道自己想要找到哪種花卉圖標(biāo)，那么就讓他們看到一系列選擇:鮮花項鏈，室內(nèi)花卉，植物商店等。
2）展示關(guān)聯(lián)圖標(biāo)
例如，如果用戶想在相同的主題或類別中找到圖標(biāo)，他們可以快速地檢查包含這個特定圖標(biāo)的完整集合。
3）使用標(biāo)簽
用戶可能很難找到合適的詞進(jìn)行搜索，或者可能希望看到所有類似的補(bǔ)充選項，從中選擇最合適的。例如，當(dāng)一個圖標(biāo)的實際名稱是“蘭花花瓣”，你仍然可以找到它與以下關(guān)鍵詞: #蘭花#花瓣#花瓣#花#裝飾#花#植物#花園#開花#植物#自然#熱帶#樹枝#美麗#植物#美麗#自然#葉子#優(yōu)雅#浪漫
最終應(yīng)該導(dǎo)出SVG或PNG格式？這是一個關(guān)鍵問題。讓我們來比較一下格式:
我個人的選擇是使用SVG圖標(biāo)，因為它可以節(jié)省很多時間。但是，一定要小心縮小復(fù)雜的形狀，并記住舊的瀏覽器可能不支持SVG格式。
到這里你應(yīng)該已經(jīng)學(xué)會了這10個圖標(biāo)設(shè)計要點，在你的圖標(biāo)設(shè)計中使用這些規(guī)則，相信會讓你的圖標(biāo)變得更加專業(yè)！
彩云注：圖標(biāo)設(shè)計是一個設(shè)計師的基礎(chǔ)能力，在彩云看過的無數(shù)份作品集中最普遍的問題也就是圖標(biāo)設(shè)計。今天這篇文章雖然非?；A(chǔ)，但千萬別小看它，用這10條技巧重新審視自己的圖標(biāo)作品，相信會有新的收獲！
作者：彩云Sky 來源：站酷網(wǎng)
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
Hi，我是彩云。界面是用戶在與任何產(chǎn)品、APP或平臺交互時看到的內(nèi)容，用戶體驗就是建立在堅實的界面設(shè)計基礎(chǔ)之上的。所以，如果你想要在UI設(shè)計上提升能力，應(yīng)該多去思考界面設(shè)計背后的原因。
今天會跟大家分享一些被廣泛運用的界面設(shè)計規(guī)則，它們能快速使得你的界面設(shè)計更干凈、高效。
用更容易讓用戶理解（說人話）的引導(dǎo)文案，提升使用體驗。
（彩云注：下面2個案例中，左側(cè)的“購物車”和“庫存2”太過于術(shù)語化，右側(cè)的“僅剩2”和“加入購物車”更加貼近用戶的日常理解。大家平時工作的時候，也一定要注意界面中的文案，尤其是說明文字，控件文字等等，這個點經(jīng)常容易被忽略。）
良好的對齊方式，可以增強(qiáng)內(nèi)容的可讀性，讓用戶的視線更容易掃描。
（彩云注：左側(cè)的“之”字形視動線比較難閱讀，且不夠?qū)I(yè)；右側(cè)的垂直對齊增強(qiáng)了可讀性，也讓設(shè)計看起來更加統(tǒng)一，能夠快速的提升設(shè)計細(xì)節(jié)。）
使用圖標(biāo)、動畫作為標(biāo)簽，有助于更輕松地理解內(nèi)容，它使界面看起來更加理性和豐富，能瞬間抓住用戶的眼球。
（彩云注：左側(cè)的導(dǎo)航相較于右邊，很難第一時間準(zhǔn)確識別它的意思，增加圖標(biāo)后不僅更快看清，視覺上也更加美觀。）
大段的長句會讓內(nèi)容變得難以閱讀。
為了獲得好的體驗和UI，應(yīng)該注意拆分內(nèi)容，并使用項目符號突出關(guān)鍵點，利用拆分好的內(nèi)容塊讓用戶更快抓住重點。特別是在“功能說明和條款條件”或任何聲明時，提煉要點有助于提升用戶體驗，這樣也不至于讓用戶直接忽略。
（彩云注：左側(cè)的大段文字我想應(yīng)該沒多少人會去閱讀，右邊的至少還能在短時間內(nèi)快速看看幾個關(guān)鍵詞。）
進(jìn)度條幫助用戶追蹤流程，它也能使查看上下步驟更加容易。線上購物，表單填寫，申請流程等場景使用這種格式能很好的簡化流程。
（彩云注：左邊的表單UI不方便跟蹤進(jìn)度和流程，右邊的表單把進(jìn)度放在頂部能幫助用戶清楚的知道流程進(jìn)度。）
錯誤提示一定要明確，易于理解，方便用戶進(jìn)行下一步的操作。如果用戶不理解界面上出現(xiàn)的錯誤，用戶就會感到很失望，可能會放棄接下來的流程。在UI設(shè)計時，在正確的地方用通俗的語言說明問題，以避免歧義，這一點非常重要。
（彩云注：我常常遇到各種出錯，但出現(xiàn)的提示太過于術(shù)語化，也沒有提示在正確的地方讓我非常苦惱。）
從菲茨定律（Fitt's Law）中我們應(yīng)該知道，目標(biāo)區(qū)域的距離和外觀與所采取的行動成正比。因此，為了將注意力集中在轉(zhuǎn)化按鈕上，按鈕應(yīng)該準(zhǔn)確放置在合理位置上。此外，按鈕的大小應(yīng)該易于點擊，避免用戶因嘗試點擊時不方便而流失。
（彩云注：左側(cè)的按鈕不在正確的決策位置以及按鈕太小，右側(cè)的按鈕簡潔明了并且符合用戶的心理預(yù)期，能夠讓用戶更快決策并點擊。）
顏色是UI中不可缺少的部分，它能影響用戶使用應(yīng)用時的情緒。正確地使用顏色將使UI看起來更加豐富合理。
（彩云注：左側(cè)的藍(lán)色按鈕顏色并不符合用戶對于刪除的心理預(yù)期，右側(cè)的紅色按鈕對用戶的心理預(yù)期有危險和警告，用紅色代表刪除能夠讓用戶集中注意力關(guān)注這一特殊的操作。）
用單列展示內(nèi)容，能更好地幫助用戶掃描。當(dāng)你的應(yīng)用和網(wǎng)站上要展示大量信息時，將所有信息垂直對齊時，能更好的保持用戶關(guān)注度。
用戶準(zhǔn)備登錄或注冊你平臺的時候，把所有可用的社交媒體登錄盡量放在首位。這將避免用戶填寫表格時付出額外的認(rèn)知負(fù)擔(dān)和時間消耗而流失。首先使用社交媒體賬號，能很好地增加點擊率。
在用戶做選擇的時候，需要清晰地告訴用戶選中的到底是哪一個選項。模棱兩可的顏色會增加用戶的認(rèn)知負(fù)擔(dān)。更少的顏色和清晰的選中狀態(tài)能讓用戶獲得更好的體驗。
（彩云注：左側(cè)的問題在于選中狀態(tài)不清晰且選項的顏色過于豐富，右側(cè)的選中狀態(tài)清晰且選項顏色只有2種，選中和非選中，體驗會更好。）
如果想給信息分組，使用留白是最好的方式。加條線作為分組符號會在界面中增加了一個額外元素，空白能讓UI看起來更加干凈和優(yōu)雅。用線分組的情況適用于類似Twitter、Medium之類的重內(nèi)容平臺等場景。
保持設(shè)計的一致性，能夠降低功能復(fù)雜度并讓用戶更快決策，一致性設(shè)計讓用戶更快熟悉操作而不需要太多思考。
（彩云注：左側(cè)的選項圓角不一致，會讓用戶思考為什么這里會有不同，而右側(cè)的一致性選項設(shè)計，能讓用戶忽略內(nèi)容外的干擾。）
14. 搜索中的占位符要用好
在搜索輸入欄添加適當(dāng)?shù)恼嘉环?，提示用戶可以在平臺上搜索和找到的內(nèi)容，這樣可以提供用戶參考并帶來更好的用戶體驗。
高飽和度的顏色能形成強(qiáng)烈的對比。在暗黑模式下使用高飽和度會很刺眼，給用戶很不好的體驗。暗黑模式一般在晚上使用，因此對設(shè)計師來說，需要做的是讓整個配色相對柔和，讓用戶感到放松?；诖?，在設(shè)計的時候應(yīng)該將飽和度限制在200-500之間。
(彩云注：這里的200-500彩云去查了不少資料，但沒有找到最好的答案，這里引用的是Material Design中的顏色規(guī)范，感興趣的同學(xué)可以自行查找)
在同一個界面，最理想的狀態(tài)是只有一個最主要的關(guān)鍵按鈕和緊跟著的次要按鈕。這是因為如果一個界面上有太多這種行動按鈕（CTA）按鈕，會讓關(guān)鍵操作淹沒在這些按鈕中，讓用戶不知所措。
17. 簡化不必要的動詞
沒必要在菜單上增加動詞和短語，用最少的信息寫清楚功能就足夠讓用戶理解了。所以，在菜單設(shè)計上要盡量避免增加無關(guān)緊要的詞，這樣才不會影響用戶體驗。
你可能注意到，很少有表單的字體大小不平衡，字體之間的類別盡量少一些看起來會更加平衡。在決定字體大小時，盡量規(guī)范字號的標(biāo)準(zhǔn)。比如標(biāo)題（16px），副標(biāo)題（12px），正文（10px），說明文字（8px），這些尺寸都是以2為倍數(shù)的。
盡管我知道要做好圖標(biāo)一致性，但在實際工作中依然經(jīng)常犯錯。很多設(shè)計師經(jīng)常用不同風(fēng)格的圖標(biāo)混在一起，這樣會讓整個UI界面的設(shè)計顯得很不成熟。圖標(biāo)是為了讓用戶更有效率地理解事物。在使用圖標(biāo)的時候一定要注意圖標(biāo)的一致性，尤其是一些是一些風(fēng)格細(xì)節(jié)。
這里也跟大家分享2個我自己常用的figma圖標(biāo)庫：
1)Unicorn (https://www.figma.com/community/file/931512007012650048)
2)Basil Icons (https://www.figma.com/community/file/931906394678748246)
通常情況下，我們會認(rèn)為一個顏色在深色模式和亮色模式下是用的同一個顏色值，但這其實是錯誤的。一個顏色在亮色模式下看起來非常漂亮，但在深色模式看可能就太暗了，反之亦然。解決這個問題最好辦法是使用2套不同飽和度的顏色。
App的新手引導(dǎo)決定了用戶第一次體驗產(chǎn)品時的感受。在設(shè)計的時候，試著公開需要哪些具體步驟，增加”跳過“和前后移動查看的能力對新用戶來說非常重要。
許多網(wǎng)站和App都是用圖片驅(qū)動的，但在圖片上直接增加文字內(nèi)容有時候會被淹沒掉。在圖片上增加一個疊加層可以提升內(nèi)容的可讀性。
23. 信息部分露出
對于一些大屏設(shè)備來說，像筆記本電腦，平板電腦和智能電視，它們都有非常多閑置的空間。對于這些閑置的空間來說，盡量通過設(shè)計告訴它底部還有更多內(nèi)容。這對UI和UX方面都有好處，因為空間的使用方式能夠讓用戶清晰的知道所有內(nèi)容。
為了讓用戶聚焦閱讀，應(yīng)盡量避免使用大段的長/寬行。保持短句和簡潔能夠增加內(nèi)容的可讀性。
（彩云注：這點用在你的作品集里也是很合適的，有些人經(jīng)常使用大段的文字內(nèi)容來描述，很可能直接勸退面試官）
Z字形原理，也就是大眾所熟知的”古騰堡原理“，它描述了當(dāng)人們看到一個均勻分布元素的設(shè)計時，眼睛的總體運動情況。通過這個原理我們知道，用戶在內(nèi)容上的視線是沿著Z字形來閱讀的，所以遵循這一原理設(shè)計你想要核心表達(dá)的內(nèi)容。
擴(kuò)大點擊區(qū)域，維護(hù)像按鈕、單選、多選等控件的響應(yīng)尺寸，如果你設(shè)計的點擊區(qū)域太小會讓用戶點擊困難，造成流失。
避免使用花俏和俗氣的圖標(biāo)，它們會讓整個設(shè)計顯得非常不成熟，同時也是很難理解的。用上更簡單的圖標(biāo)形式，會讓界面更高級。
（彩云注：當(dāng)然越簡單的圖標(biāo)其實想畫出彩會更難，另外也需要區(qū)分不同的場景，像一些運營類的圖標(biāo)可能會為了活動氛圍做的相對風(fēng)格化一些。）
選錯文案，會讓人們對于任務(wù)缺乏興趣，根據(jù)上下文使用更合適的詞組。
輕敲和點擊有時候很累人，可能不如使用滑動、拖拽等手勢操作，這些操作會讓界面更簡潔并且也能順利地完成既定任務(wù)。
在探索酒店、目的地甚至是閱讀任何文章時，用戶經(jīng)常都需要點擊卡片。為了使得探索更加吸引人注目和干脆，避免使用長文本導(dǎo)致的滾動。相反，可以加一個閱讀更多的按鈕方便想看全所有內(nèi)容的用戶。
”鄰近的物體往往被視為是同一組內(nèi)容“。有時候為了把內(nèi)容區(qū)分開的更清晰，嘗試用線對相關(guān)內(nèi)容進(jìn)行分組。
（彩云注：其實有留白和不同顏色做區(qū)分也是可以的，建議根據(jù)自己的設(shè)計風(fēng)格和具體內(nèi)容來定）
在設(shè)計控件時，如果可以用圖形可視化的地方就優(yōu)先嘗試把控件圖形化，除了非常需要很精確的設(shè)置參數(shù)。對于價格范圍這種，很容易將它可視化為滑塊控件。
對一些人來說容易理解的東西，對某些人來說可能不是。因此，最好使用示例占位符來解釋輸入字段，這可以防止用戶在填寫內(nèi)容時出錯。
根據(jù)”系列位置效應(yīng)“，心理傾向于記住列表的第一項和最后一項，而不是中間項。因此，在任何App中設(shè)計導(dǎo)航時，根據(jù)應(yīng)用的上下文保持最左和最右的選項。例如instagram，最左邊是”首頁“，而最右邊是”用戶“。
（彩云注：這是一個心理學(xué)上的理論，人們對于一系列的材料更容易記住開頭的內(nèi)容，也叫做首因效應(yīng)或者首位效應(yīng)；更容易記住末尾的內(nèi)容，就叫近因效應(yīng)。）
在設(shè)計任何體驗時，點擊次數(shù)都是非常重要的指標(biāo)。統(tǒng)計用戶需要點擊多少次才能完成他的目標(biāo)，額外的點擊會減慢整個操作過程。簡化過程，自然體驗就會更好，所以盡可能的減少點擊次數(shù)。
（彩云注：下面的案例，增加可點擊符號也可以減少用戶思考的時間。）
為了使內(nèi)容突出，沒有必要使用多種字體類型，包括加粗、改色等等。只在最需要的位置使用增強(qiáng)的的文字層次結(jié)構(gòu)、字體重量，同時只使用一種字體足以吸引用戶對內(nèi)容的注意力。
留白在設(shè)計中非常重要，太少或者沒有留白會使得設(shè)計非?；靵y。明智地使用留白可以明確地強(qiáng)調(diào)內(nèi)容。
根據(jù)多爾蒂閾值(Doherty Threshold)這個理論：”系統(tǒng)需要在 400ms 內(nèi)對使用者的操作做出響應(yīng)，這樣才能夠讓使用者保持專注，并提高生產(chǎn)效率?！?。因此，我們可以使用動畫、圖像甚至文本來保持用戶的注意力。（彩云注：給用戶的提示可以先快速加載信息框架，讓用戶有事可做，而不是什么都看不到）
作者：彩云Sky 來源：站酷網(wǎng)
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
藍(lán)藍(lán)設(shè)計的小編 http://www.bouu.cn