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