在數字化時代，網站已經成為企業展示自身形象、宣傳產品與服務的重要平臺。隨著互聯網行業的迅猛發展，越來越多的企業開始意識到了建設一個優秀的網站對于企業的重要性。然而，在眾多網站建設公司中，該如何選擇一家合適的公司呢？筆者認為，藍藍設計公司是一家值得推薦的優秀網站建設公司。
首先，藍藍設計公司具有豐富的網站建設經驗。他們擁有一支技術精湛、經驗豐富的開發團隊，能夠根據客戶需求和市場趨勢快速設計、開發出高品質的定制化網站。無論是企業官網、電子商務平臺還是在線教育等領域，藍藍設計都能夠提供專業、個性化的網站解決方案。
其次，藍藍設計公司注重用戶體驗。在網站設計過程中，用戶體驗已經成為一個不可忽視的關鍵因素。藍藍設計以用戶為核心，通過深入了解用戶的行為和思維模式，為客戶打造滿足用戶需求的易用性和交互性網站。同時，他們始終保持與客戶的溝通和反饋，不斷優化網站設計，提高用戶滿意度。
此外，藍藍設計公司在網站視覺設計方面也表現出色。他們擁有一支精通設計理念、美學原則和顏色搭配的專業設計師團隊，能夠為客戶提供獨特而又符合品牌形象的視覺效果。在網站設計中，視覺效果已經成為吸引用戶關注的重要因素之一，藍藍設計憑借自身的實力和創新性，為客戶呈現出高質量的視覺設計方案。
總之，選擇一家優秀的網站建設公司是企業成功的必要條件之一。作為一家具有專業技術和豐富經驗的網站建設公司，藍藍設計致力于為客戶提供最適合的網站解決方案。無論是網站設計、開發還是維護等方面，都能夠滿足客戶需求，讓客戶體驗到高品質的服務。如果你正在尋找一家值得信賴和推薦的網站建設公司，那么強烈推薦選擇藍藍設計公司。他們將為你提供最優秀的網站建設方案，助力企業在市場競爭中取得成功。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
在當今數字化世界中，用戶體驗和視覺設計已經成為商業成功的關鍵因素。在這樣一個競爭激烈的市場環境中，擁有出色的UI設計策略已經成為企業必不可少的競爭優勢之一。因此，選擇一家專業的UI設計公司是至關重要的。
作為一家具有多年經驗和卓越實力的UI設計公司，藍藍設計已經成為了業界的佼佼者。他們的團隊由一群充滿激情、有豐富經驗的專業人士組成，涵蓋了用戶研究、交互設計、視覺設計等方面，為客戶打造出色的用戶體驗和高質量的產品。
首先，藍藍設計注重用戶研究。這是UI設計過程中最關鍵的階段之一，需要深入了解用戶的需求和習慣，才能夠開發出適合目標用戶的設計方案。藍藍設計的團隊將用戶體驗放在首位，通過深入了解用戶的行為和思維模式，為客戶量身定制最適合的設計方案。
其次，藍藍設計在交互設計方面也非常擅長。交互設計是UI設計過程中最重要的一環，它決定了用戶與產品之間的互動效果。藍藍設計團隊注重產品的易用性和可訪問性，通過精細的交互設計，為用戶提供方便快捷的操作體驗。
此外，藍藍設計在視覺設計方面也頗具實力。他們深諳色彩、布局和排版等方面的規則，能夠創造出獨特的視覺效果，并將品牌理念巧妙地融入其中。無論是App設計、網頁設計還是平面設計，他們都能夠將客戶的要求和市場趨勢完美結合，呈現出高質量的視覺效果。
總之，選擇一家專業的UI設計公司是企業成功的必要條件之一。藍藍設計憑借多年的經驗和卓越實力，為廣大客戶提供優質、創新的UI設計服務。如果你正在尋找一家能夠幫助你提升產品競爭力的UI設計公司，那么推薦選擇藍藍設計。他們將為你提供最佳的設計方案，使你的產品在市場中脫穎而出。
優秀的UI設計不僅僅是美觀和易用，更需要考慮用戶體驗、品牌形象以及市場競爭力。如果你正在尋找一家專業的UI設計公司，那么強烈推薦藍藍設計公司。作為一家擁有多年經驗的UI設計公司，藍藍設計在用戶研究、交互設計、視覺設計等方面都具備深厚的實力。他們的團隊不斷探索新的設計趨勢和技術手段，以確保為客戶提供最佳的設計方案。無論是App設計、網頁設計還是平面設計，藍藍設計都能夠滿足客戶的需求。與藍藍設計合作，你可以獲得創新性、高質量和可持續性的UI設計服務，讓你的品牌在市場中脫穎而出。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
作為UX設計師，很多人在講述改版前后方案對比時，對于改版后方案，會引用業務功能層面的優化&升級，并以此證明設計的價值，類似下圖的呈現方式：
但這樣的論證對于衡量設計的價值，真的有說服力嗎？
以往收到的面試作品集中，不乏這樣的案例。每每追問一句，這更多是業務和功能層面帶來的變動，設計在里面起到了哪些作用？ 得到的答案大多不盡人意，甚至有些新人會陷入深深的自我懷疑： 設計能做的，僅僅是對業務的支持嗎？都這個年代了，難道UX設計師本質上還是美工？
針對上述問題，我們該如何找到設計的發力點，并在業務支持中體現個人的設計價值呢？ 我們可以嘗試通過下面幾個步驟，來找到一些解決問題的角度。
作為設計師，對于業務背景和目標的了解是基本要求，但在此基礎上如果我們有更深入的了解和挖掘，會讓我們對所負責的業務建立更深刻的認知。
比如，我們可以從下面舉例的一些維度來思考一下：
所以工作中當拿到需求后，如果我們能主動挖掘更深層次的背景和目標，站在更高、更多元的維度來思考，會對當前的工作有更全面的理解，設計方向的確定也會更加精準。 優秀設計師對業務的理解，絕不只限于產品文檔。要站在更宏大視角下看待工作中的每一個需求，它們無論大小都充滿著意義，都能在我們心里激發出足夠的“使命感”。
在充分了解業務背景和目標后，可以通過業務流程圖來分析核心流程&業務邏輯，對于需求的功能框架及交互流程有更清晰、更完整的理解，可以增加對整體流程的“掌控感” 。
我們對于前期拿到的有效信息，不能只是簡單對其整理和羅列，而是要通過洞察找到一些適合設計側推動的問題或機會，并將其轉化為設計發力點。 需要注意的是，重要但設計側無法發力的信息，不是我們當下的重點。
通常在業務支持中，設計側的發力點主要體現在以下三個方面：
主要體現在美觀度、易用性、實現成本幾個角度。
關于美觀度和易用性，對于設計師來說屬于基本要求，雖然基礎但極其重要，設計輸出品質的高低，都取決于設計師的基本功。同樣一個需求，功底深厚的設計師總會做的更加驚艷。所以這部分始終需要我們持續精進。
關于實現成本，依賴于我們的經驗累積和思考總結。如方案構思中要充分考慮產品功能的普適性和拓展性，在輸出時要保證規范的一致性，復雜模塊的切圖或動效輸出也要從研發角度選擇更易實現的方式。這部分屬于設計師的隱性價值，不做也不會有影響，但是做得好就可以更大程度的節約成本，從而間接為公司創造價值，還會在產研團隊中大大提升設計師的專業度和信任感，更有利于長期協作。
通過設計手段來放大/突出產品功能，并強化用戶感知，這也是設計的重要價值體現。 可以從正向和負向兩個角度入手：
增強正向牽引-通過設計手法強化利益點、關注點，牽引用戶完成目標行為。
降低負向焦慮-通過突出展示關鍵信息（如安全、信任等方面），來降低用戶負向焦慮，從而促使用戶完成目標行為。
可從兩方面入手提升效率
信息&流程優化-通過發現關鍵流程中的問題&卡點并對其進行優化升級，來提升用戶的使用效率。常用方法有信息精簡、信息聚合、信息后置等方式，實際工作中可結合具體情況選擇適合方法。
用戶行為優化-通過對用戶的重要或常用行為提供快捷操作甚至行為預判，來提升用戶的使用效率。
1.消息列表通常在導航欄存在“一鍵清除”快捷操作按鈕，提升用戶標記已讀的效率；
2.短視頻平臺在刷到有趣特效視頻時，通常帶有“拍同款”快捷入口，方便用戶即時進入創造并發布新內容；
3.在端外復制好地址文案并返回寄件頁面時，會自動彈出地址識別結果彈窗，通過系統對用戶行為的預判，提升信息錄入效率。
對于如何衡量業務支持中設計的價值，可以通過定量和定性的方式來衡量。具體方法相關教程有很多，再此不展開講，只強調下需要注意的點：
我們要根據需要驗證的不同內容，定義符合條件的關鍵行為，并確定與之對應的關鍵的指標，注意指標一定要具有強關聯性。 如上線一個新活動，我們可以根據活動入口banner的CTR、最終轉化率等關聯性強的數據來驗證方案有效性，而DAU、使用時長等指標則不能直接體現方案價值，不具備說服力，講述方案價值時一定要選擇合適的數據指標
在驗證方案中設計的價值時，要保證設計因素為單一變量，盡量減少其他因素對結果的影響。典型方法是利用AB測試，在其他條件均相同的條件下，驗證設計點對結果的影響，進而可以量化設計的價值；
如圖示意，與對照組相比，實驗組1是正確的，這里的單一變量只有按鈕不同，其他因素均相同；而實驗組2則不是單一變量，獎勵策略、文案、按鈕樣式均不同，最終的數據無法量化到具體每個元素對應的影響和價值。
也可以從用戶視角出發，來了解用戶對于方案的反饋，進而確定是否滿足用戶訴求。同時，定性分析還可以幫助設計師了解用戶對于體驗和情感層面的看法，這些對于設計價值的評估同樣非常重要。
綜上，通過定量和定性分析，可以有效地驗證設計在業務中的價值，也可以幫助設計師更精準地了解用戶需求、評估設計效果，進而為業務做出更有價值的貢獻。
對業務的支持是大多數設計師日常最主要的工作，如何在這樣看似基礎的工作中體現價值，是我們需要思考的問題。
我試著從下面3點來闡述個人對于價值體現的理解：
1.優秀完成本職工作
如果我們能充分理解需求，方案產出與核心目標精準錨定，且專業水準過硬，那么就可以說我們優秀的完成了對業務的支持；
2.間接創造價值
如果我們在項目中可以依據經驗，合理協調資源、規劃排期、選用合適方案，進而節約了人力/時間/經濟成本并提高開發效率，那么我們也為公司間接地創造了價值；
3.價值定位-催化劑
我們在明確業務所處階段的基礎上，找到設計價值定位及發力點。我把業務支持階段的設計定義為“催化劑”（自身不是反應物，但能大幅提升化學反應的速率）
在功能搭建的同時，我們的發力點圍繞在強化感知和提高效率兩方面：強化感知，提高用戶的主觀意愿；提高效率，優化產品的操作路徑。 圍繞這兩點來發力，在各個場景鏈路中撒下“設計催化劑”，讓關鍵數據指標加速提升，這也是設計在這個階段的意義和價值所在。
最后，希望大家在未來工作中能夠明確自身定位，找到發力點并將專業能力發揮出來，雖然當下人工智能的發展勢頭強勁，但我們對于實際業務的洞察和價值貢獻，現階段的GPT還是無法替代的，這點你贊同嗎？
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
前言
作為百度APP用戶增長方向的設計師，我們一直致力于為用戶打造更有趣好玩的運營活動體驗，同時助力業務達成增長目標。本文將通過百度最經典的集卡玩法案例，結合用戶視角的體驗設計思考和理論方法，揭示設計師如何構思出讓人上頭的游戲化增長玩法。
眾所周知，ToC產品的生命周期通常會經歷四個階段：導入期、成長期、成熟期、衰退期，運營方向在不同階段會采取不同的運營手段助推產品增長。在導入期和成長期，運營手段側重利益驅動，通過補貼/紅包等短平快的推廣活動快速獲取用戶；當產品積累了大量注冊用戶，進入漫長的成熟期，持續促進用戶活躍就成為更加重要的目標，品牌運營活動是此階段的主要運營手段之一，在利益驅動的同時，加強游戲化的趣味體驗，取悅用戶、制造記憶點，更有利于黏住用戶、建立長期忠誠。
百度移動端產品在過去的幾年中經歷了快速成長期、進入成熟期，運營設計團隊在這期間設計支持了多種品牌運營活動，在歷年的各種節日、體育賽事、高考等大事件中，通過豐富的游戲化玩法向用戶傳遞品牌價值，激發用戶參與熱情、體驗百度豐富的產品服務。
設計師在游戲化增長玩法上如何發力？
要回答這個問題，我們一方面需要清楚上文提到的業務所處發展階段和核心目標，另一方面我們需要了解影響用戶參與熱情的因素是什么，從而找到體驗設計的發力點。通過若干次用戶研究、與真實用戶的多次對話，我們提煉出游戲化增長玩法的三個體驗要素：玩法策略、世界觀、情緒體驗。
玩法策略
在一個游戲化的運營活動中，玩法策略對用戶參與熱情的影響程度最強。用戶進入活動首先感知到的便是玩法，這個活動是否吸引人、淺玩之后是否愿意玩下去、中后期是否能保持興趣直到活動結束，好的玩法策略能夠作為核心驅動線索、持續激發用戶熱情。
例如百度的集卡玩法，是春節運營活動中一直延續的經典玩法，在過去5年中，很多忠實用戶每年參與，已將百度集卡視為春節期間的傳統活動。在2022年之初，設計團隊就參與到了新集卡玩法的策劃中，提出了一個滿足業務訴求的升級方案，將過去的雙層卡玩法，改造為多層高級卡闖關玩法，并在春節活動中賦予不同的主題，傳達新年祝福的美好寓意。
這個升級方案看上去并不復雜，其背后有一個經典的理論依據——心流模型。這個理論模型是由著名的積極心理學家Mihaly Csikszentmihalyi提出的，心流狀態指的是：個人將精力完全投入在某件事上，并且感到興奮和充實。
結合用戶研究結論，我們參考經典心流理論，模擬出集卡玩法的用戶心流模型。我們在調研中發現，用戶在活動初期的內心動力是較強的，急切地希望集齊卡片，但若嘗試一段時間感覺難度太大，用戶則很容易在這時放棄；而中后期需要反復合成同樣的卡片，用戶感覺索然無味。
我們通過回顧分析發現，原來的雙層卡翻倍玩法在界面上缺少明確的目標提示，用戶對這一規則的感知較弱，并且重復收集同一套「運」卡感覺沒有盡頭，導致動力消退；于是我們提出了多層卡闖關玩法，將中后期翻倍玩法改造成有限的4個關卡，合成卡片依次解鎖4套精致的高級卡，分多個階段給用戶目標感和新鮮感、注入新的動力，在長達10+天的活動期，不斷將用戶拉回心流狀態、保持參與熱情。同時在策略方面降低了從始至終的集齊難度，讓用戶闖關更輕松、玩得更久。
世界觀
喜歡游戲的朋友對世界觀應該并不陌生，它是游戲化運營活動體驗設計的第二要素，在第一要素玩法策略的基礎上，世界觀就像一件外衣，讓參與過程有了故事感、增添趣味、甚至打動人心。
在2022年的世界杯集卡活動中，我們構思了一個簡單的故事：集齊基礎卡后用戶解鎖一只球隊去參加世界杯，繼續集卡合成讓自己的球隊晉級，從16強到冠軍，最終根據晉級結果瓜分獎金。
你可能發現，這個世界觀的核心玩法與上文提到的春節集卡好像是一樣的？沒錯，我們在同一個玩法上包裝了球隊故事，讓集卡玩法完美貼合了世界杯大事件主題，也讓球迷朋友們在百度產品內感受到別樣的賽事氛圍。
這樣的世界觀是如何構想出來的呢？如果你自身想象力足夠豐富，自己天馬行空也是可行的。
而在這個項目中，我們聯動了多個職能一起進行腦暴，包括產品經理、交互設計師、視覺設計師、前端和后端研發同學，大家集思廣益，最終確定了這個球隊晉級的世界觀。
腦暴過程中，我們使用了問題引導和5W1H方法，逐步引導參與者構建世界觀。在小組討論時，基于Kano原則收斂形成最終的玩法世界觀方案。Kano原則中特別值得一提的是Aha時刻，運營玩法中的Aha時刻可以成為用戶參與過程中的一個關鍵外部動力，比如「恭喜開啟球隊」就是一個關鍵的Aha時刻，制造動力階梯，為用戶打開一個全新的挑戰階段。
關于腦暴方法還有很多種，例如白三角筆記法、六芒星、角色演繹等等。運營設計團隊在多個項目都有應用。
情緒體驗
前面所講的玩法策略和世界觀，對用戶的參與意愿有非常直接的影響，階段性地為用戶熱情注入新的動力。而在界面設計上，順暢而帶有驅動作用的細節情緒體驗也能起到助推作用。
在這方面，我們將前人的著名理論應用到了設計定位和方案決策中，為用戶設計出細致入微的活動情緒體驗。
其中八角行為模型理論對我們的情緒體驗設計有重要啟發，它是由游戲化和行為設計專家Yu-Kai Chou提出的，用八個維度概括了用戶的行為動機，制造情緒感受從而激發用戶行為。
八角模型的上半部分屬于白帽驅動力，讓用戶感覺積極正向、快樂和爽感；下半部分屬于黑帽驅動力，用戶感覺難以控制而焦慮；左半部分是人為制造的外部驅動力，右半部分是用戶容易被激發的內部驅動力。
每種玩法都天然具備一個較強的驅動力。我們的集卡玩法本身就具有較強的「稀缺」黑帽驅動力，因此需要在設計上制造更多白帽驅動力，來平衡「稀缺」給用戶的負面感受，使用戶愿意持續參與。
通過這一分析，在2022世界杯集卡項目中，我們的體驗設計目標也逐漸清晰了，著重加強「使命」「創造」和「成就」感、適當制造「未知」神秘感激發用戶的內部動力。
強化使命：前文提到的「球隊晉級」世界觀本身具備明顯的使命感，在參與流程設計上，我們特意在用戶集齊基礎卡的時刻增加了「開啟新階段」彈窗，進一步強化球隊的使命感。
塑造成就：在16強到冠軍的四個關卡上設計了晉級勛章，當用戶集齊過關時，通過勛章轉場塑造成就感，最終開獎時用戶會獲得最高勛章，輔助加強分享炫耀的動力。
場景創造：在高級卡階段，我們一改以往的常規卡片形態，通過球隊圖鑒的新形式，激勵用戶持續抽卡合成，填補缺失球員創造晉級場景，為集卡過程增添趣味性。
未知好奇：在最初交互設計階段，我們曾經糾結過這樣一個問題：“對于未解鎖的關卡，是否允許用戶看到卡片”？如果用戶最終都沒有到達這一關，我們精心設計的球員卡片豈不是很可惜。最終我們與業務討論決定在這個問題上保持未知好奇感，希望在現金激勵這個外部動力之外，為用戶增加一個內部動力因素，更有利于用戶深度參與。
通過這些細節設計，雖然集卡玩法的「稀缺」屬性天然存在，但增加更多積極正向的情緒體驗可以轉移用戶對負面感受的注意力，同時也讓參與過程更加豐富有趣，打造出讓人上頭的玩法體驗。
寫在最后
本文圍繞游戲化增長玩法展開其中的設計思考，提出了玩法體驗的三要素，深入剖析了心流模型、八角行為模型的設計應用。
另一方面，筆者也想傳達一個理念：我們作為設計師不僅要將交互過程和視效體驗做到極致，還要能理解業務最核心的影響要素，廣義地看設計師的個體價值，你會發現你能夠在項目中發揮更多作用，打造出更加優秀的用戶體驗。
最后，感謝你能讀到這里，希望本文對你有所啟發。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
對話框是一種重要的交互方式，主要用于完成信息傳遞。對話框很常見，但并不見得每一個設計師都可以百分百地弄明白對話框這個概念。這篇文章是對「對話框」的一個簡單梳理和總結，希望可以解決大家心中的一些疑惑。
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展示就會容易被用戶忽視。那么等到用戶到了電影院才發現自己購買失敗，那么用戶極有可能當場卸載你的產品。
模態彈框會打斷用戶當前操作流程，所以「使用對話框要克制」?？傇瓌t是：能在界面展示就不用彈框，能用非模態彈框的就不要用模態彈框?？傊?，重要的信息優先考慮使用對話框。
具體的使用原則有：
如果非要使用對話框，那么請使用友好尊重用戶的方式。當我們說到人與人之間的交流時，語言是重要的媒介，而用戶與產品之間同樣如此。
在設計過程中應始終努力設計出有效的提示性文案，但是, 一定是有比沒有要好嗎？個人認為也是不必要的，糟糕的提示性文案甚至會破壞產品中最好的用戶體驗。例如以下幾種情況：
因此糟糕的提示文案設計會誤導用戶在產品中采取不必要的操作, 從而使他們感到生氣和困惑，甚至可能會破壞品牌對用戶的忠誠度，產生本末倒置的結果， 也給用戶帶來不佳體驗。
所以，語言是使產品更加人性化的主要因素。產品的文案則充當了語言的角色，它可以使用戶參與其中，影響他們的情緒，并把這種人機的功能性關系轉化成人類的個人情感體驗。而這種用戶的情感體驗才能夠真正的彰顯品牌個性，從而與其他產品區分開來。
△ 錯誤提示設計三步法
總結：
對話框可以成為幫助用戶完成目標的有用助手，而不是讓他們在每一步操守挫敗的可怕絆腳石。通過保持對話框的可管理性，并且只有在他們的功能真的屬于另一個房間的情況下才調用他們，你將很好地維持用戶的工作流狀態，保證他們會成功完成任務，并且滿懷感激。
作者：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咨詢、用戶體驗公司、軟件界面設計公司。
藍藍設計的小編 http://www.syprn.cn
