這個頁面第一眼最突兀的地方首先是“知道了”這3個字，因為在這個界面中，橙色產品色，而突然出現的藍色會讓你覺得特別醒目，所以我們第一眼會看到這三個字以及這一行的內容，這里只涉及到了UI層面上的視覺表現就可以將用戶的注意力吸引過來，但提示欄的視覺優先級并不應該設計的這么高。
這里的業務規則是，用戶必須將保險內容全部瀏覽完才可以進入到下一階段，也就是說一共4頁內容，如果你在擊下方的checkbox或者下一步時時，內容沒有定位在4/4的分頁狀態時，就會被判定沒有閱讀完保險內容。但是這里的文案只是告訴用戶，請向下滑動瀏覽全部內容。
底部有3個條款按鈕，在視覺表現上是3個統一樣式的幽靈按鈕，點擊后會出現彈窗讓用戶閱讀條款內容，并在一定時間內允許關閉，用戶點擊閱讀完后樣式不變，但這里的規則是必須閱讀條款且全部閱讀。
必須閱讀完三個條款與說明，才可進入下一步。所以這里就會出現多種問題，比如用戶閱讀完保單內容但沒有注意到中間的條款按鈕，在視覺沒有給出“必讀”的意符的情況下，用戶會先點擊下一步，但是被告知需要閱讀條款，用戶點擊閱讀完第一條條款，認為自己已經完成要求后繼續點擊下一步，但發現需要閱讀完三個條款才能完成要求。
這樣的交互與信息設計讓用戶在該頁面的操作效率大幅度下降，所以面對這種情況，我們是否可以用一些交互優化的手段來解決這些問題呢？在選擇策略和方案之前，我們需要思考一些問題：
1.條款的必讀性、風險控制
2.效率與法律責任的權衡
3.面對多文本、文檔的操作、閱讀的便利性
其實這些問題一部分是業務規則，如果業務上的要求不是必須的那么在效率上的操作空間就會比較大。比如我們經?？吹降臈l款和說明的閱讀，幾乎沒有人會去全部一字不落的看完，但是為了讓用戶充分了解條款、協議的內容，以防后續帶來的風險，現在產品的設計策略就是給用戶一個5秒的閱讀倒計時，倒計時結束前無法關閉彈窗，但說實話這種設計也是雞肋的很，不想看的人你給60秒也不會去看，想看的人不設計倒計時也會很仔細的看。所以現在很多產品也做了簡化處理，例如在這個保險條款的交互方式中，我們也可以這樣設計。在底部直接將條款做成鏈接的形式，和checkbox一同做在一個欄里方便用戶操作，想看自己點，不想看就直接勾選后下一步即可。
關于風險揭示、知曉以及同意協議這個步驟有很多種做法，還有下方的3種例子：
1.將所有風險平鋪讓用戶勾選并同意，這樣的方式比做在一個模塊里打鉤其實形式上是一樣的，因為都可以全選后確認，一種同構異型的做法。將風險需知面積展示的更多，希望用戶能對其重視，但是為了效率起見還是做了一個全選，也是在形式上尊重了“風險”。
2.用標簽選擇的形式將合同、條款披露給用戶，這種形式在本質上也和上面的差不多，甚至很多用戶可能不回去點第二個標簽。
3.現在很多產品因為政策的關系都會在登錄頁面中加上用戶協議和隱私政策的說明，需要用戶自己去點擊，很多用戶都覺得在登錄前點擊該協議非常的麻煩，有時也會忽略，所以一些聰明的產品就在用戶點擊登錄后再彈出彈框讓用戶同意該協議。
最后，話又說回來，領導非讓用戶點擊完3個按鈕，才可以點擊下一步，該怎么設計呢？首先在視覺樣式層面，用常規的色塊、線條樣式的按鈕肯定是不行的，因為在這里我們要考慮幾個點：
1.如何讓用戶知道這3個條款是必須點擊閱讀的
2.讓用戶知道只有全部閱讀完才可以進行下一步。所以做成常規按鈕，用戶無法知道該點哪個，先點哪個，要點幾個。
那可以做成勾選嗎？也不行，感覺比做成按鈕還要離譜。
那我們可以考慮這樣做，在這個步驟中也無法單獨將閱讀條款列為一個界面，所以只能繼續在頁面下方用列表的形式讓用戶去閱讀。通過這樣的設計可以讓用戶明確我該點哪個，哪個還沒有閱讀，當用戶沒有完成閱讀要求時，底部按鈕置灰。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
一個上線只有3年的產品其實只能算一個剛上幼兒園的孩子，但它不僅有自己的自營醫生專家團隊，而且覆蓋了所有醫療產品常見的服務和問診方式。更難以置信的是，你要把阿里健康、平安健康、叮當健康、微醫、醫聯這些公司的市值加起來，才能勉強可以和它扳手腕。京東健康APP，發布于2020年3月，但出道即巔峰，目前以1776億人民幣（截止到5月4日，來自谷歌財經）位居醫療產品市值第一位。本期設計大偵探，就讓我們一起來拆解京東健康，看看這個產品是如何設計的？
1. 內容結構
京東健康APP的產品拆解包含六個部分，分別是導讀、產品畫像、醫療服務、內容服務、設計總結和寫在后面的話，內容篇幅12957字，閱讀時間最少30分鐘。
2. 適合人群
產品拆解是一種專業、深度的創作形式，所以比較適合于以下幾類用戶閱讀學習：
● C端醫療產品設計師：通過對京東健康APP的產品拆解，了解京東健康APP的產品設計細節，有助于更好理解自己所在公司的產品設計，其次可以全方位提升產品分析、競品分析能力。
● 希望提升產品思維的UI/UX設計師：通過從產品層到體驗層的拆解，幫助你跳出設計執行層理解一個功能設計背后的價值和意義，提升產品設計思維。
● 準備跳槽到京東健康APP的互聯網從業者：如果你有準備去京東健康APP求職，這份產品拆解報告可以幫助你提前了解京東健康APP的產品細節和體系。
● 醫療產品從業者及創業者：收獲一份專業、完整、有價值的競品分析參考。
3. 分析模型
產品拆解是以反向推導的形式去拆解一個產品的設計策略和思路，所以我們采用了以下分析模型和設計理論做支撐：
● AARRR模型（又稱為海盜模型）：由戴夫·麥克盧爾提出，包含用戶獲取、用戶激活、用戶留存、獲取收入、用戶推薦，分別對應用戶生命周期中的5個重要環節，主要用于拆分和分析產品的功能價值。
● 尼爾森十大可用性原則：尼爾森十大可用性原則是界面設計中最基礎、最重要的設計原則，任何產品的設計，都可以通過這十個原則進行指導設計。
● 設計基礎理論：包括常見的格式塔原理、費茨定律、巴甫洛夫反應、7±2效應、席克定律等常見理論，用于診斷京東健康APP的交互及界面設計。
4. 閱讀建議
在閱讀本篇拆解的時候，建議一邊體驗京東健康APP，一邊閱讀產品拆解報告，其次可預約我們的產品拆解解讀直播，收獲會更大。
在拆解京東健康APP之前，我們需要從以下8個維度去提煉京東健康APP的產品畫像，這樣才能理解京東健康APP的產品設計策略。
1. 行業現狀
結合艾瑞咨詢《中國在線醫療健康服務消費白皮書》和易觀千帆《2022年中國互聯網醫療年度盤點 -易觀》兩份報告，我們提煉了一下互聯網醫療行業的發展現狀和趨勢：
● 隨著互聯網技術的蓬勃發展，中國醫療服務日趨便捷，已經邁入3.0階段（線上線下一體化發展），互聯網醫療生態正加速形成，逐步構建成良性的在線醫療健康服務生態價值鏈，滿足用戶的實際醫療需求。
● 在政策方面，國務院2022年5月發布的《“十四五”國民健康規劃》中指出，支持醫聯體運用互聯網技術便捷開展預約診療、雙向轉診醫療等服務，驅動“醫、藥、險”聯動。其次隨著深度學習、語音技術、人工智能、5G等技術的發展，互聯網醫療產品不僅幫助患者享受多樣化、個性化診療服務，打破傳統診療領域，協助醫護人員高效、高質量提供服務，也能有效解決醫療資源分布不均的問題。
● 在用戶需求方面，受疫情的助推，用戶醫療習慣已經開始向線上轉移，并形成可觀的用戶存量，截至 2021 年 12 月，我國在線醫療用戶規模已達 2.98 億，占網民整體的 28.9%，超過95%的用戶對互聯網+醫療產品基本持滿意態度，并有超過80%的用戶表示對未來使用或購買互聯網+醫療產品非常感興趣。
● 在用戶年均花費方面，約七成用戶每年花費301-1200元用于在線醫療健康服務（不含在線購買醫藥及健康產品的費用），并且多數用戶近三年內開始使用在線醫療健康服務且頻率增加。
綜上所述，互聯網醫療行業作為民生保障的基礎行業，發展空間和市場規模依舊足夠大，隨著AI等新技術的發展，將會不斷為行業帶來更多的機會。
2. 競爭形式
互聯網醫療作為兵家必爭之地，除了在醫療行業深耕多年的丁香園、好大夫等公司，BAT等巨頭也早已布局多年：
● 從易觀千帆《2022年中國互聯網醫療年度盤點 》生態圖譜觀察，我們可以看出京東健康APP所在的行業競爭形勢比較嚴峻。直接競爭對手有平安健康、醫聯、醫鹿、百度健康、春雨醫生、好大夫等頭部產品，其次還有互聯網醫療垂直平臺的眾多產品，比如丁香醫生、微醫、好藥師等，另外傳統的公立醫院也在布局互聯網醫院，比如北京大學腫瘤醫院、北京協和醫院等眾多知名醫院。
● 從易觀千帆月活躍用戶人數數據觀察，京東健康APP的月活躍用戶人數28.45萬，在直接競爭對手中僅領先于丁香醫生，相比平安健康的968萬，差距還比較大。不過考慮到京東健康APP起步較晚（首個版本發布于2020年3月），京東健康APP未來還有很大的增長空間，不過所在的行業競爭形勢非常嚴峻。
● 從《2022年度中國數字健康市場數據報告》報告觀察，國內醫療行業上市的公司只有8家，而京東健康APP以1988.44億占據頭名，排名第二的阿里健康的只有它的一半。
綜上所述，互聯網醫療行業的競爭形勢非常嚴峻，不過受益于京東集團在健康行業多年的布局，京東健康APP出道即巔峰，市值位居行業第一，不過就APP月活躍用戶人數而言，還有很長的路要走。
3. 產品介紹
京東健康APP是京東集團旗下京東健康APP面向患者端使用的在線問診平臺，致力為用戶提供預約掛號、醫生咨詢、線上購藥、健康科普、預約體檢、健康管理等全方位專業健康服務，打造以醫藥及健康產品供應為核心，醫療服務為抓手，數字驅動的用戶全生命周期全場景的健康管理平臺。
4. 商業模式
基于對京東健康APP的深入調研，再結合京東健康APP的《2022年度報告》，我們對京東健康APP的商業模式進行了全面推導。
4.1 客戶細分
關注健康管理，并期待擁有專業醫療服務的26-35歲、文化水平較高、收入穩定的白領用戶人群。
4.2 價值主張
首席健康管家
4.3 渠道通路
京東健康APP背靠京東商城巨大的流量池，主要通過京東商城進行導流，其次也通過常規的線下線上廣告、搜索引擎等渠道進行推廣和維護品牌形象。
4.4 客戶關系
通過名醫義診、專家直播、健康公益等欄目和用戶建立鏈接。
4.5 收入來源
根據京東健康APP《2022年度報告》顯示，京東健康APP的收入來源主要依靠醫藥和健康產品銷售，占比86.37%，其他服務收入占比13.63%。
4.6 核心資源
母公司京東集團在醫藥行業已經布局多年，擁有非常強大的用戶基數和資金資源。
4.7 關鍵業務
京東健康APP的業務體系非常龐大，除了最核心和最賺錢的醫療電商，還覆蓋了各種豐富的醫療服務，比如皮膚醫院、中醫、寵物醫院和海外醫療。
4.8 重要合作伙伴
● 全國各地的醫院和醫生專家，為平臺患者提供在線醫療服務；
● 全國各地的線下藥房及藥店，用戶可在平臺下單，京東物流進行配送；
● 醫藥供應商和第三方醫療機構，比如疫苗、醫療體檢等公司。
4.9 成本結構
根據京東健康APP《2022年度報告》顯示，京東健康APP的主要開支來源于銷售及市場推廣開支、產品研發開支以及常規的行政開支。
5. 用戶畫像
結合易觀千帆京東健康APP數據，我們對京東健康APP終端使用用戶人群提煉了以下用戶特征：
● 從用戶性別看，以男性用戶居多，占比60.06%，女性占比39.04%；
● 從年齡分布看，31-35歲用戶人群最多，占比69.44%，其次為24-30歲，占比13.76%，36-40歲用戶人群占比9.66%；
● 從用戶消費能力看，中等消費者占比31.19%，中高消費者占比18.86%，高消費者占比27.23%，購買能力很強；
● 從地域分布看，三線城市用戶最多，占比21.02%，其次為二線城市，占比19.92%，新一線城市占比18.53%，其中福州市最多，其次為武漢和保定。
6. 信息結構
通過對京東健康APP的信息結構梳理，我們發現它的體量非常龐大：
● 京東健康APP菜單欄為五個，包含首頁、京東買藥、健康、消息和用戶中心，其中「首頁」聚合了在線問診、京東買藥、專家名醫和根據用戶興趣生成的健康問答、科普等信息，「京東買藥」是醫藥在線商城，向用戶提供營養健康、感冒發燒、兒童、中藥、醫療機械等藥品在線購買服務；
● 京東健康APP除了提供各種?？漆t院問診，還提供中醫、寵物醫院、海外醫療、體檢、報告解讀和疫苗預約，其次問診方式多達9種，比如極速問診、電話問診、視頻問診、私人醫生、門診加號等。
● 京東健康APP設計了非常豐富的用戶留存工具，比如健康檔案、健康工具、健康百科、健康檢測和健康公益等版塊。
7. 重要迭代記錄
根據七麥數據資料，京東健康APP的首個版本發布于2020年3月13日，截止到2023年5月5日，APP版本已經更新至V3.3.2版本（不過筆者此次拆解的是正在內測的V5.5.0版本，預計稍晚就會正式更新），近一年版本更新次數為15次，迭代頻率相比其他醫療產品略低。
以下為京東健康APP版本重要迭代記錄：
● 2020年3月，發布V1.1.0版本，核心功能包括在線掛號、在線問診、健康商城、健康工具和體檢、醫美、基因檢測等服務。
● 2020年8月，發布V2.0.0版本，推出京東家醫會員服務，產品全面升級；
● 2022年4月，發布V3.0.0版本，新增母嬰、醫美、萌寵等服務，產品全面升級；
8. 產品生命周期
京東健康雖然已經上市，但是京東健康APP距離首個版本發布時間只有36個月，這個產品還處于產品生命周期的成長期。而且根據易觀千帆數據顯示，截止到2023年5月，京東健康APP月活躍用戶人數只有28.45萬，距離平安健康968萬還有非常大的差距，當下及未來除了解決上市的營收壓力，更需要注重用戶增長。
9. 小結
通過以上8個維度的調研和推導，我們可以看出：京東健康APP只是整個京東健康集團面向患者推出的一款APP，雖然發布時間比較晚，但背靠京東巨大的資源優勢，可謂出道即巔峰，整個產品設計得非常完善和成熟。
「醫療服務」是根據AARRR模型拆分，主要是指實現商業變現的功能，其次根據格式塔原理拆分為互聯網醫院、問診類型和醫藥電商三塊內容。在對京東健康APP進行深入體驗和推導拆解過程中，我們發現京東健康APP雖然發布時間較晚，但京東健康APP不僅有自己的京醫自營醫生團隊，而且還擁有非常豐富的醫療問診類型和醫療服務內容。
1. 互聯網醫院
「互聯網醫院」是京東健康APP的在線就診中心，包含極速問診、找醫生、找醫院、專家直播、專科中心和健康科普等內容，它是實現商業變現最重要的業務之一，但這個版塊在首頁沒有入口，需要在金剛區的「全部功能」才能進去。
設計思考
「互聯網醫院」理應作為菜單欄的核心入口，但京東健康APP在V5.0.0版本的升級中，依然沒有升級這個版塊的權重，相反重新聚合了一個「健康」的欄目，這樣的設計實在讓人捉摸不透。
1.1 APP首頁
京東健康APP在V5.0.0版本中，對APP首頁進行了全新的升級，首頁拆分為三個頻道，分別是推薦、訂閱和家醫會員，用戶可點擊TAB切換。
1.1.1 推薦
「推薦」作為整個APP的默認首頁，從結構上看，主要分為5個部分。頭部為今日小貼士（包含飲食日記、運動日記等用戶健康管理功能），瓷片區為在線問診和京東買藥（核心高頻功能），金剛區是核心功能的入口（包括每日義診、健康問答等，是京東健康APP醫療服務的入口），然后是推薦醫生列表（主要為京東自營的醫療專家），最后是根據用戶興趣和瀏覽行為生成的信息流列表（包括科普短視頻、文章、問答、藥品等）。
1.1.1.2 今日小貼士
「今日小貼士」聚合了健康問答、飲食日記、運動日記、體質測評和活力測試五個功能，呼應了「健康管家」的產品理念：
● 「健康問答」是向用戶推薦實時的熱門話題，吸引用戶關注；
● 「飲食日記」是對用戶每日的飲食數據進行分析管理，用戶可以輸入每日的早餐、午餐、晚餐等數據；
● 「運動日記」是對用戶每日的運動數據進行分析管理，用戶可以手動錄入，也支持綁定智能設備同步數據；
設計思考
京東健康APPV5.0.0升級后的首頁，弱化了在線問診的功能，比如過去占據大幅面積的「極速問診」，如今被收縮到瓷片區，其次首頁也不再大面積展示相關的醫療服務（京東健康APP是一個非常龐大的APP，所設計的醫療服務多達幾十個），這樣的”醫療瘦身“不知道升級后的用戶訪問時長、停留數據會怎么樣？
1.1.2 訂閱
「訂閱」分為五個tab欄目，分別是全部、醫生、主題、話題和百科?！溉俊故瞧脚_隨機推薦的聚合內容，目的是吸引用戶關注自己感興趣的話題或醫生，當用戶開始關注后，在對應的欄目就能查看到自己關注的內容。
1.1.3 家醫會員
「家醫會員」是京東健康APP的會員服務，主要分為以下幾個部分：
● 從服務人群看，京東家醫目標用戶人群主要為老年人，其次還有孕婦和寶寶；
● 從服務賣點看，京東家醫主要以解決長期在外工作的年輕人無法照顧年邁的父母的痛點，幫助年輕人隨時掌握父母的健康狀況；
● 從服務內容看，京東家醫提供1名專屬的健康管家，全程跟蹤服務，還會建立專屬的家人群，隨時可了解家人情況；對于特殊人群還會全年照護，提供定期的線下隨訪。
● 從定價策略看，分為老人版和標準版兩個版本，按年服務，定價分別為1699元和1299元；其次還按照服務人數銷售，有2人版、3人版、4人版、6人版等。
細節偵查
家醫會員的設計非常創新，相比圖文問診、電話問診這些低價、普通的問診形式，京東健康APP鎖定老年人、孕婦和寶寶這些重點需要照顧的人群，以專業、完善、高品質、1V1全程跟蹤的醫療服務進行差異化設計，不僅打造了高客單價的利潤產品，而且拉長了用戶的生命周期，一舉兩得。
1.2 皮膚醫院
「皮膚醫院」是針對皮膚問診的?？漆t院，從頁面內容看，皮膚醫院包括小兒皮膚門診、老年皮膚門診、中醫皮膚門診、痔瘡門診、過敏門診和脫發門診等，醫生資源來源于京東健康APP自聘專家團，從業經驗10年以上，30秒就可響應，28分鐘送藥上門。其次還為患者提供了AI測膚和痔瘡管理等測評功能，服務鏈路非常完善，設計得非常用心。
細節偵查
皮膚問診的流程體驗非常好，當患者點擊以后，首先會提示用戶可上傳自己的圖片，系統利用AI功能對患者的皮膚進行初步的評估后再進行問診，如果用戶不愿意，則立馬進入傳統的圖文問診的步驟，給了用戶充分的自主權。
1.3 ?？漆t院
除了皮膚醫院，京東健康APP還設立了口腔齒科、男科中心、心理咨詢、眼科、婦產科、兒科和心臟中心，覆蓋的科室非常廣，而且從頻道內容觀察，服務體系非常完善。
設計思考
相比丁香醫生（聚焦于年輕女性用戶群體的醫療健康平臺）、小荷健康（針對腫瘤患者的醫療平臺）等產品，京東健康APP的醫療服務追求大而全，幾乎覆蓋了所有的熱門科室，這樣的發展策略會不會讓本身起步較晚的京東健康APP失去自身的特色。
1.4 問中醫
京東健康APP也開設了中醫版塊，為患者提供全國各地中醫醫院和醫生專家的線上就診，包括男科、內科、皮膚科、婦產科等疾病。中醫還支持視頻問診，患者可通過京東健康APP和專家視頻線上問診（中醫會通過舌苔面相等體征對患者進行診斷），其次還支持一鍵代煎，送藥上門，把京東的服務優勢發揮到了極致。
1.4.1 中藥房
「中藥房」是一個為患者提供上傳處方就能實現便捷抓藥、配送的服務?！概姆阶ニ帯沟牧鞒虨榛颊呱蟼魈幏胶?，藥師接單進行劃價以后，患者支付生成訂單，藥房進行煎熬以后，再為患者進行配送。這有效解決了中醫患者采購中藥困難、欠缺專業熬制經驗的痛點，而且最后還能配送到家，服務非常便捷。
迭代建議
中醫這個版塊，完全可以以小程序的形式設計，獨立發展運營，其次這個版塊的用戶體驗也非常欠佳，不管是配色還是頁面設計，相比APP主站，不夠用心，視覺檔次非常低。
1.5 寵物醫院
「寵物醫院」是為寵物提供在線就診和寵物藥品及營養品銷售的版塊，從頁面內容看，包含了極速問診、專家問診、寵物大藥房、愛寵服務、寵物健康科普和寵物檔案等內容，非常豐富?？梢钥闯鋈缃竦膶櫸镄袠I發展非常好，用戶的消費能力非常高，舍得為寵物寶寶花錢。
1.6 海外醫療
京東健康APP還提供高端的海外醫療服務，不過這個版塊是鏈接至京東的高端醫療京東自營旗艦店，從服務內容看，涵蓋了國際會診、海外就醫、出國體檢、輔助生殖等高端服務。
1.7 體檢中心
「體檢中心」的內容非常豐富，包括父母體檢、中青年體檢、公立體檢、女性體檢、HPV檢查、居家自檢等熱門體檢服務。這個版塊的服務主要和愛康、瑞慈第三方醫療機構合作，為患者提供全面的醫療服務，增加商業變現方式。
1.8 疫苗預約
「疫苗預約」是為患者提供疫苗接種服務，包括新冠疫苗、HPV9價、流感疫苗、兒童疫苗等服務。這個版塊主要是和第三方專業機構合作，用戶可直接跳轉到品牌的京東旗艦店進行下單購買。
1.9 小結
從互聯網醫院版塊的拆解可以看出：
● 京東健康APP的醫療服務非常豐富，不僅有多個?？漆t院，還有中醫院、寵物醫院和海外醫療，其次也充分利用了京東線下配送的優勢，為患者提供了從線上問診到送貨到家的全鏈路服務，這是京東健康APP獨一無二的優勢；
● 從用戶體驗看，京東健康APP的很多子版塊設計得非常混亂，操作路徑太過繁雜，互聯網醫院的入口不僅太深，而且很多子頻道包含了新的菜單欄，用戶在使用的過程中，如果要回到首頁或用戶中心需要返回七八次以上，這樣的體驗實在太差，很容易造成用戶迷失，最后只能重啟APP才能解決。
2. 問診類型
「問診」是醫療產品最基礎的服務，患者可以通過圖文、電話、視頻等形式向醫生發起咨詢問診。京東健康APP提供了多達10種問診服務，幾乎涵蓋了醫療產品常見的所有類型。
2.1 極速問診
「極速問診」就是提供快速問診的渠道，患者只需要輸入癥狀，平臺就可以安排醫生在30秒內接診。這種問診方式的特點非常適合于激活新用戶，當患者剛開始使用產品的時候，不知道如何進行在線就診，只需要進入快速問診就能解決自己的問題。
2.1.1 問診流程
①患者進入問診聊天頁面后，需要輸入自己的癥狀（支持發送圖片、語音），系統也提供了常見的癥狀，比如發燒、可售、哮喘等；
②選擇患者，這一步如果患者沒有建立就診人信息需要新建才能進行下一步；
③系統根據患者的癥狀和就診人信息，智能分診到對應的科室，以及問診服務類型（圖文和電話），推送相關科室的優選專家（可根據本地醫生、好評優先、回復極速等標簽選擇）；
④患者選擇所需要的問診服務類型（圖片或電話），或者直接點擊醫生專家的「問醫生」按鈕；
體驗陷阱：
這一步系統的內容輸出太多，違反了席克定律，給了用戶太多選擇，增加了很多學習成本，對于新用戶來說，完全不知道如何進行下一步。
⑤患者支付費用，生成訂單后，等待醫生接入，在線交流。
迭代建議：
問診窗口的內容太多，比如頭部banner嚴重分散了患者的注意力，可參考字節跳動的小荷健康AI診斷窗口，直觀、簡潔，降低用戶認知負荷。
2.2 電話問診
「電話問診」就是指可通過電話和醫生進行溝通，提高就診效率，它的費用是極速問診的1.5-2倍。電話問診的問診流程是患者先預約醫生的就診時間，選擇就診人和描述病情后，支付訂單等待醫生接通電話。
2.3 視頻問診
視頻問診和電話問診的功能及流程都比較相似，醫生可以通過面對面的視頻形式為患者進行就診。
2.4 私人醫生
「私人醫生」就是醫生的專屬服務，購買醫生的這個服務后，可以不限次數咨詢醫生，為自己的健康保駕護航。
2.5 康復指導
「康復指導」是一個定制型（根據病種設計，比如兒童生長遲緩30天隨訪）的全周期康復的就診服務，一般以7天、10天、15天為一個周期，內容包含詳細的科普知識、調理方案、康復計劃和留言提醒等。它有點像知識付費的訓練營模式，醫生為你定制康復指導計劃。
2.6 門診加號
「門診加號」是為患者提供線下醫生專家門診加號的功能，這個功能可有效解決患者在公立醫院無法掛上號的痛點。
2.7 一病多問
「一病多問」是指患者提供病情描述后，平臺會同時提供3位醫生為患者服務，幫助患者獲取全面完善的就診建議。
2.8 夜間速診
「夜間速診」是一個非常溫馨的服務，為患者提供夜晚20:00-次日7:00的就診服務，夜班醫生實時在線，30秒內可接診，28分鐘可極速送藥上門，解決患者夜間看病難的痛點。
2.9 專家義診
「專家義診」是指京東健康APP向患者提供少量低價（9.9元）的三甲專家就診名額，幫助患者享受專家服務。這個服務的價值重在激活，讓患者低價體驗專家服務，從而進行轉化。
2.10 小結
從這個版塊的拆解可以看出，京東健康APP的問診形式設計得非常用心，相比丁香醫生、醫鹿等產品，京東健康APP作為一個發布于2020年的年輕產品，在產品的設計上可謂充滿了誠意。比如夜間速診這樣的服務，真正吸引用戶的不是就診速度，而是貼心的服務；還有康復指導這樣的服務，不僅充滿了創意，而且性比價非常高，這對用戶的品牌忠誠度提升有非常大幫助。
3. 醫藥電商
「醫藥電商」作為京東健康APP的核心服務，從藥品分類看，包含了感冒發燒、兒童用藥、營養禮品這些常見日用藥，其次還有健康生活、中藥房、醫療機械、傳統滋補、計生情趣等熱門品類。另外從服務人群看，還有針對罕見病患者和重疾患者的特定藥品。除了藥品種類豐富以外，京東健康APP最吸引用戶的就是配送速度了。
3.1 京東買藥
「京東買藥」作為京東健康APP的一級菜單欄欄目，權重非常高。從內容觀察，包含了自營藥房、營養健康、成人情趣、感冒發燒等熱門分類，其次還有好物排行、首購禮金、優惠券等內容，整個版塊的設計比較簡單，主要為患者提供醫藥用品的在線銷售。
3.2 京東大藥房
「京東大藥房」是京東自營旗艦店，為患者提供各種醫療商品的銷售，商品分類包含慢病用藥、兩性健康、家庭常備等內容，患者下單后，由京東官方負責配送上門到家。
迭代建議
京東大藥房和健康商城的內容幾乎相同，這會給用戶的操作訪問增加焦慮感，這一點在我拆解的過程中反復出現，很多時候不知道自己在哪個頻道，增加了我的記憶負荷。
3.3 京東藥急送
「京東藥急送」是京東和線下的藥店進行合作，為患者提供線上購買，線下送藥的服務。京東的物流配送系統以快著稱，而京東藥急送主打賣點就是附近28分內送達和同城門店次日達。相比其他以醫藥電商為主的醫療產品，京東健康APP把“快”發揮到極致。
設計思考
在策劃一個產品的內容時候，除了遵循那些基礎的設計理論以外，產品的成長土壤其實也特別重要。京東以專業完善的自營物流體系殺出血路，所以在京東健康APP這個產品的拆解中，你可以看到京東配送幾乎就是整個產品服務的底層，最終形成自己的核心競爭力。還有哪個平臺可以讓我就診完以后28分鐘內就把藥送到家門口呢？
3.4 重疾用藥
「重疾用藥」主要針對重病患者的藥品銷售，比如腫瘤、神經系統、心血管等疾病。這個頻道加入了三甲醫院的名醫問診，方便患者可直接向專家進行問診，其次還加入了大腸癌風險和乳腺癌風險的自測功能。
3.5 罕見病中心
「罕見病中心」是京東健康APP針對全球罕見病患者推出的一站式服務平臺，解決罕見病患者購藥、就醫等難題。這個版塊包括了關愛科普、關愛基金申請、專家義診、罕見病百科、推薦藥品等內容，設計得非常完善。
3.6 新特藥
「新特藥」是指醫療專家針對常見疾病研發的最新特效藥，比如腫瘤、風濕關節、移植用藥等。京東健康APP提供了多種熱門疾病的新特藥，患者可直接在京東大藥房下單購買。
3.7 小結
從醫藥電商版塊的拆解可以看出，京東的醫藥電商服務經過多年的發展，已經非常成熟，不管是藥品的品類，還是小眾患者的特定需求，京東健康APP都覆蓋了。再加上京東完善的物流和配送體系，讓京東健康APP這個產品變得不止是好看，而且非常便捷。
「內容服務」是根據AARRR模型拆分，主要是指提升用戶激活和留存的功能，其次根據格式塔原理拆分為信息、工具、互動和公益四塊內容，包含健康百科、健康問答、健康檔案、健康公益等功能。
1. 信息
1.1 健康百科
「健康百科」是醫療產品中最常見的功能之一，它對用戶的留存有極大的幫助。通過專業撰寫的百科詞條，幫助用戶解決日常生活中的健康疑惑，從而提升用戶的忠誠度。
● 從內容看，健康百科分為疾病、癥狀、藥品和疫苗四個頻道，每個頻道還有數十個子分類，內容非常豐富；
● 從詞條詳情頁看，詞條均由三甲級別以上專家編審，包含概述、病因、癥狀、就醫、治療、預防等內容；
迭代建議
百科詞條的詳情頁內容加入了相應疾病就診的推薦醫生和藥品，這可以幫助平臺實現引流轉化，但這兩個內容的所占的區域較大，影響了用戶體驗。畢竟在百科這個頁面，用戶目標主要是獲取準確的詞條信息，過度的引流會分散用戶的注意力，造成用戶流失。
1.2 健康問答
「健康問答」是以問答的形式解決用戶的健康問題，比如皮膚過敏止癢的方法等。用戶輸入癥狀后，選擇回答的醫生級別（二甲醫生0.1元，三甲醫生1元），就能發起提問。這是一個快速激活用戶的功能，不僅可以幫助用戶獲取其他用戶常見的健康問題，也可以讓用戶以非常實惠的價格體驗在線醫療服務，培養用戶習慣。
迭代建議
「健康回答」在V5.0.0版本升級后，已經從一級菜單欄中取消，目前這個版塊沒有入口，只能在「訂閱」和「今日小貼士」通過單個話題頁面訪問「查看更多熱門健康問答」才能進入?？紤]到這個版塊的內容是京東健康APP的資訊核心，金剛區應該設置直接訪問這個版塊的入口才合理。
2. 工具
2.1 健康檔案
京東健康APP致力于做用戶的「首席健康管家」，吸引用戶完善和提交自己的健康數據就顯得特別重要?！附】禉n案」就承擔著這個重任，目前這個功能的權重非常高，入口已經升級到APP首頁。
● 從內容看，健康檔案包含了健康監測、體檢報告、就醫記錄、健康小結和生活方式五個內容；其中健康監測又包含了基礎數據、血糖信息、血壓信息、心率數據、睡眠質量、運動數據和血氧數據（用戶在健康測評的數據沒有實現同步）；
● 從數據錄入方式看，心率數據、睡眠質量、運動數據和血氧數據需要通過綁定智能設備才能錄入，這造成了用戶使用的門檻很高，健康檢測的功能就很難體現；其次在體檢報告和就醫記錄中，筆者隨意提交了一張圖片，系統也無法做出準確的判斷，而是直接為筆者生成了一條記錄。
迭代建議
這個版塊的內容設計得很豐富，界面也很清爽，但用戶使用門檻非常高，需要鏈接智能設備才能獲取用戶數據。其次當筆者提交初步的個人健康數據以后，系統沒有給與任何反饋，這違反了尼爾森十大原則的系統可見性原則，最終會讓用戶對這個功能失去興趣。
2.2 經期管理
「經期管理」是一個為女性用戶群體量身定制的健康工具，提供精準的經期、排卵期預測和經期改善建議。用戶輸入準確的資料以后便可開始使用，系統會根據用戶的生理數據進行精準的數據分析，比如懷孕幾率、改善建議等。這個功能可有效提升女性用戶的留存率，培養用戶的忠誠度。
2.3 健康測評
「健康測評」是為用戶提供自我評測的版塊，包含了血氧測評、AI測膚、尼古丁自測和慢病管理等疾病測評。這個版塊有效促進用戶激活和留存，比如AI測膚，作為皮膚科的問診功能，可以快速吸引用戶進行評測，從而實現激活轉化。
迭代建議
筆者根據測評的教程，親自體驗了一下血氧監測（通過物理感應評測個人身體狀態）。雖然不知道測評數據是否準確，但這種免費的測評可以有效吸引用戶使用產品，提高用戶活躍度。不過系統并不支持保存用戶每次測評的數據，而且無法同步數據到「健康檔案」，體驗一般。
3. 互動
3.1 辟謠PK賽
「辟謠PK賽」是為用戶提供一個針對健康常識辟謠的挑戰賽。用戶每日最多可答6道題目（后三題需要用戶邀請好友助力才具備資格），平臺每周更新辟謠排行榜，前10名用戶可領取紅包獎勵（紅包可用于問診、購藥抵扣）。這個頻道的價值不僅可以為用戶提供健康常識科普，還可以利用排行榜和紅包獎勵提升用戶的活躍度。
迭代建議
用戶回答3個題目以后就需要邀請好友助力才能繼續答題，這樣的設計看上去可以吸引用戶分享拉新，但事實上用戶體驗比較差，分享的欲望不增反減。
3.2 天天領紅包
「天天領紅包」以簽到領紅包的形式吸引用戶每天打卡，用戶還可以通過邀請好友助力的形式贏取鼓勵金。這個頻道主要是幫助平臺提升用戶的留存率，通過紅包抵扣的形式吸引用戶消費。
體驗陷阱
當用戶簽到以后，簽到的按鈕還有「繼續領獎勵」的提示，但用戶點擊則沒有任何反應，這是一個嚴重的BUG，會讓用戶陷入焦慮。
4. 公益
4.1 健康公益
公益是醫療產品中一個比較常見的版塊，主要解決中國醫療資源資源分配不均、資源利用不充分扥問題，解決患者“就醫難”、“用藥貴”等痛點。京東健康APP的健康公益板塊設計得非常豐富：
● 從內容看，分為健康公益、愛心京東和名醫義診三個菜單欄；健康公益又按照疾病劃分為罕見病關愛中心、阿爾茨海默病關愛中心和腫瘤公益專區，還有健康中國醫藥補助工程、患者故事和健康資訊內容。
● 從功能看，健康公益為患者提供求醫指南、關愛基金、患者招募、藥品采購和在線義診等功能。
迭代建議
相比其他醫療產品，這個版塊的內容非常豐富，但設計風格和京東健康APP沒有保持統一，混亂的配色拉低了產品的設計品質，影響了用戶體驗。
4.2 扶貧專區
「扶貧專區」是京東健康APP和中國社會扶貧網合作的公益欄目，貧困家庭用戶每年在京東大藥房購買指定藥品時候可享受1000元的補助，比如感冒用藥、腸胃消化用藥和腫瘤用藥等。用戶可以在京東健康APP填寫自己準確的信息，經過中國社會扶貧網機構驗證以后，補助金會自動充值到用戶的京東賬號。這個頻道不僅可以提升京東健康APP的知名度，還可以進一步培養用戶使用產品習慣，激活轉化。
4.3 關愛中心
「關愛中心」是根據病種拆分設計，包含了男科、糖尿病、女性、帕金森、脫發等常見高頻病種，為用戶提供了專業藥師1V1服務、疾病交流群、用藥指導、名醫義診等服務。這個版塊有利于提升用戶的忠誠度，但整體設計得比較混亂，風格也沒有和主站統一，層級非常深，體驗一般，而且和?？漆t院的很多內容重疊。
5. 小結
從這個版塊的拆解，我們可以推導出：
● 京東健康APP的用戶激活和留存服務其實非常完善，幾乎涵蓋了醫療產品中所有常見的功能，比如健康百科、健康問答、健康檔案、健康測評、經期管理等，但這些功能都做得不夠深入。比如健康檔案，雖然內容很夯實，但使用門檻非常高，而且在用戶完善數據后也沒有給與及時的反饋，用戶體驗欠佳。
● 從用戶體驗觀察，京東健康APP的很多版塊風格設計并不統一，而且層級非?；靵y，即便剛迎來V5.0.0版本的重大升級，但歷史遺留的問題還依然非常多，拉低了產品設計的品質。
根據以上部分對京東健康APP的設計推導和拆解，我們可以看出，雖然京東健康APP起步較晚，但是它的產品體量卻非常大，所以也造成了這個產品有諸多歷史問題，以下為我梳理的產品設計總結和建議：
1. 商業層
京東健康APP致力于做用戶的健康管家，不過整個產品的設計其實和健康管理的關聯并不大。如果不是剛好迎來V5.0.0版本的升級，“健康管家”這個概念幾乎沒有任何體現。從商業模式看，京東健康APP變現的方式非常多，它設計了非常完善的醫療服務和就診方式，再加上京東物流強大的配送服務優勢，京東健康APP的吸金能力確實非常強（截止到5月4日，最新市值為1776億）。不過京東健康APP也許應該思考一下如何學會聚焦，把拳頭產品打磨好，做出產品自身特色。
2. 內容層
京東健康APP的內容體量非常大，幾乎趕上了醫療產品月活躍用戶人數排名第一的平安健康，它所包含的醫療服務（除了常見的各種?？漆t院還有中醫、寵物醫院和海外醫療）和就診類型（包含圖文、電話、視頻、私人醫生等9種方式）幾乎是所有醫療行業APP的集合。這種大而全的設計策略可以滿足不同類型的用戶需求，但也會讓人懷疑京東健康APP是否有足夠專業和完善的醫療資源來支撐，畢竟距離這個產品的首個版本發布才過去36個月。
3. 體驗層
京東健康APP由于內容過于龐大，所以整個產品的設計的統一性不足，特別是在某些子版塊的交互設計方面，操作路徑太過繁雜，界面風格也和主站風格不統一，給用戶的體驗非常差。其次我覺得京東健康APP的設計風格一定要和京東商城區分開，這樣才能向用戶植入品牌基因，讓用戶成為京東健康APP的忠實用戶，當然，「京東健康APP」這個名字從誕生就注定只能成為京東集團的某個業務版塊。
作為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咨詢、用戶體驗公司、軟件界面設計公司。
你可能認為，搜索不就是一個矩形框+放大鏡圖標再加一個占位符不就搞定了嗎？
經過多年的設計工作頻繁設計搜索功能后，我發現在不同類型的產品中搜索框的交互方式、視覺樣式都有所不同，且用戶在搜索前、搜索中、搜索后都需要注意用戶在搜索各個流程中的可能操作，包括正向流程、反向流程。
搜索框的設計并不簡單，很多的細節需要設計師去注意和思考的。下面總結一下我在設計搜索框的經驗，分享給大家。
友情提示：文章尾部有福利相送，不要錯過~
搜索是用戶將查詢的信息輸入搜索器中，搜索引擎就會在約定的規則下將獲取到的信息反饋給用戶的過程。
搜索是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.交互操作
交互操作可分為編輯（原位/氣泡/彈窗/頁面），查看詳情（內容不多的話可以少用頁面容器，減少套娃），業務操作（層級清晰，符合用戶操作習慣）。
藍藍設計的小編 http://www.syprn.cn
