一、弧形輪播的 Banner 圖設計
在移動端 Banner 圖通常以左右輪播居多，也有個別產品會在輪播形式上創(chuàng)新，比如上下輪播、分層輪播、漸隱輪播、Z 軸輪播等。
最近在體驗態(tài)棒 App 時，其 Banner 圖采用弧形輪播的形式。利用弧度的形式展示商品提高了 Banner 位的利用率，有助于展示更多推薦商品，直觀的表達也使得商品更加突出。自動輪播類似于滾動的櫥窗，表現(xiàn)形式非常新穎，帶給用戶更好的感官體驗。
二、默認頭像的多種預設選擇
隨著產品感官體驗的提升，很多產品在默認頭像的設計層面變得更豐富，不一定需要用戶上傳照片，自定義的選擇也更靈活。
除了通過 IP 形象強化默認頭像的視覺感以外，最近在使用智行火車票 App 時，其默認頭像以矢量插畫風為主。用戶進行頭像設置時無需上傳照片，產品提供了多個默認頭像，方便用戶根據(jù)自己的喜好作出預設。多種預設讓自定義選擇更靈活，也能讓默認頭像更美觀，提升用戶對產品的好感度。
三、趣味性的心情打卡設計
對于職場人來說壓力是難以避免的，總會遇到一些煩心的事或者壓力，就會因此影響我們的情緒。我們要試著釋放壓力，治愈我們的情緒才能迎接美好的明天。
最近體驗到一個幫你記錄心情，治愈心事的產品-歲歲。整個產品設計風格清新可愛，看著就有種治愈感?？梢詫ψ约寒斍暗男那檫M行打卡，類似于儀表盤一樣的心情打卡設計也是趣味性十足，表情設計風格非?？蓯?，哪怕是不開心也能通過這樣趣味性的打卡形式而治愈。設計風格觀賞性很高，值得大家體驗。
四、五一主題氛圍設計
眾多產品都會在五一假期期間進行系列主題活動，如何充分利用好當前布局結構，是產品設計師進行設計發(fā)揮的關鍵。
在五一期間使用嘀嗒出行 App 時，多個主界面結合了五一主題氛圍設計，青春活潑的插畫風渲染出歡快的節(jié)奏。整個界面被裝扮得非常有氛圍感，既傳播了主題活動，也帶給用戶非常新穎的視覺享受。
五、場景化的積分兌換設計
為了提高用戶黏性，通過簽到積分、消費積分、任務積分等，再結合積分兌換提高用戶參與度，是提升黏性轉化的有效形式。
麥當勞 App 在積分兌換的設計中結合了兌換套餐的實物照片，讓用戶對于兌換商品更有直觀感受。也可以切換不同積分兌換的差異，提高用戶參與積分的積極性。通過場景化的積分兌換設計，不僅提高用戶參與度，設計感官度也非常棒。
六、動態(tài)賣點強化關注度
需要強化功能的關注度時，除了在視覺表現(xiàn)層體現(xiàn)差異以外，動靜結合也能起到突出作用。
比如智行火車票 App 首頁設計中，以動效的形式演變賣點，以此突出酒店欄目。動效表達的形式形成動靜對比，以差異化的形式突出業(yè)務重點，提高用戶的關注度。
七、播放按鈕的品牌氛圍營造
越來越多的產品開始注重立足于品牌的設計，強化品牌曝光度和產品差異化，品牌基因的融入可以一舉多得。
最近在使用汽水音樂 App 聽歌時，播放按鈕暫停狀態(tài)背景會有氣泡漂浮，還原了汽水帶給用戶的視覺感。通過小小的動效表達不僅強化了品牌感，也提高了播放按鈕的點擊欲，帶給用戶不錯的感官體驗。
八、登錄設計中的動態(tài)背景
登錄已經逐步成為體驗產品的必備步驟，很多產品都需要用戶登錄才可以體驗，如何提高用戶的登錄意愿度變得至關重要。
吃貨筆記 App 在登錄設計中采用動態(tài)背景增強視覺感，有種炫酷的感覺。動態(tài)背景結合炫酷的圖形設計，營造出不錯的氛圍感，以此降低登錄帶來的排斥感，提高用戶登錄體驗產品的意愿度。
九、導航結束的人性化設計
導航算是這個時代最便民的工具之一，讓大家的出行更便捷和安全。隨著導航產品的不斷完善，使用體驗也越來越人性化。
五一期間使用高德地圖導航時，抵達目的地結束導航的設計中，會根據(jù)目的地屬性進行場景表達。比如目的地是古鎮(zhèn)類景區(qū)，會以古鎮(zhèn)代表的圖標設計替代默認圖標，也會顯示景區(qū)購票信息，方便用戶進行購票和了解相關信息。結合場景打造人性化的設計，讓用戶時刻感受到產品的溫度。
十、不一樣的點贊設計
點贊設計已經很普遍，通常以伸大拇指和愛心圖標為主，點擊變化過程中也會結合動效和衍生設計。
最近在體驗歲歲 App 時，在樹洞欄目中點贊設計采用動效結合卡通形象。點贊時以動效表達卡通形象送愛心的過程，呈現(xiàn)出不一樣的點贊效果，帶給用戶差異化的點贊體驗。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
這個頁面第一眼最突兀的地方首先是“知道了”這3個字，因為在這個界面中，橙色產品色，而突然出現(xiàn)的藍色會讓你覺得特別醒目，所以我們第一眼會看到這三個字以及這一行的內容，這里只涉及到了UI層面上的視覺表現(xiàn)就可以將用戶的注意力吸引過來，但提示欄的視覺優(yōu)先級并不應該設計的這么高。
這里的業(yè)務規(guī)則是，用戶必須將保險內容全部瀏覽完才可以進入到下一階段，也就是說一共4頁內容，如果你在擊下方的checkbox或者下一步時時，內容沒有定位在4/4的分頁狀態(tài)時，就會被判定沒有閱讀完保險內容。但是這里的文案只是告訴用戶，請向下滑動瀏覽全部內容。
底部有3個條款按鈕，在視覺表現(xiàn)上是3個統(tǒng)一樣式的幽靈按鈕，點擊后會出現(xiàn)彈窗讓用戶閱讀條款內容，并在一定時間內允許關閉，用戶點擊閱讀完后樣式不變，但這里的規(guī)則是必須閱讀條款且全部閱讀。
必須閱讀完三個條款與說明，才可進入下一步。所以這里就會出現(xiàn)多種問題，比如用戶閱讀完保單內容但沒有注意到中間的條款按鈕，在視覺沒有給出“必讀”的意符的情況下，用戶會先點擊下一步，但是被告知需要閱讀條款，用戶點擊閱讀完第一條條款，認為自己已經完成要求后繼續(xù)點擊下一步，但發(fā)現(xiàn)需要閱讀完三個條款才能完成要求。
這樣的交互與信息設計讓用戶在該頁面的操作效率大幅度下降，所以面對這種情況，我們是否可以用一些交互優(yōu)化的手段來解決這些問題呢？在選擇策略和方案之前，我們需要思考一些問題：
1.條款的必讀性、風險控制
2.效率與法律責任的權衡
3.面對多文本、文檔的操作、閱讀的便利性
其實這些問題一部分是業(yè)務規(guī)則，如果業(yè)務上的要求不是必須的那么在效率上的操作空間就會比較大。比如我們經?？吹降臈l款和說明的閱讀，幾乎沒有人會去全部一字不落的看完，但是為了讓用戶充分了解條款、協(xié)議的內容，以防后續(xù)帶來的風險，現(xiàn)在產品的設計策略就是給用戶一個5秒的閱讀倒計時，倒計時結束前無法關閉彈窗，但說實話這種設計也是雞肋的很，不想看的人你給60秒也不會去看，想看的人不設計倒計時也會很仔細的看。所以現(xiàn)在很多產品也做了簡化處理，例如在這個保險條款的交互方式中，我們也可以這樣設計。在底部直接將條款做成鏈接的形式，和checkbox一同做在一個欄里方便用戶操作，想看自己點，不想看就直接勾選后下一步即可。
關于風險揭示、知曉以及同意協(xié)議這個步驟有很多種做法，還有下方的3種例子：
1.將所有風險平鋪讓用戶勾選并同意，這樣的方式比做在一個模塊里打鉤其實形式上是一樣的，因為都可以全選后確認，一種同構異型的做法。將風險需知面積展示的更多，希望用戶能對其重視，但是為了效率起見還是做了一個全選，也是在形式上尊重了“風險”。
2.用標簽選擇的形式將合同、條款披露給用戶，這種形式在本質上也和上面的差不多，甚至很多用戶可能不回去點第二個標簽。
3.現(xiàn)在很多產品因為政策的關系都會在登錄頁面中加上用戶協(xié)議和隱私政策的說明，需要用戶自己去點擊，很多用戶都覺得在登錄前點擊該協(xié)議非常的麻煩，有時也會忽略，所以一些聰明的產品就在用戶點擊登錄后再彈出彈框讓用戶同意該協(xié)議。
最后，話又說回來，領導非讓用戶點擊完3個按鈕，才可以點擊下一步，該怎么設計呢？首先在視覺樣式層面，用常規(guī)的色塊、線條樣式的按鈕肯定是不行的，因為在這里我們要考慮幾個點：
1.如何讓用戶知道這3個條款是必須點擊閱讀的
2.讓用戶知道只有全部閱讀完才可以進行下一步。所以做成常規(guī)按鈕，用戶無法知道該點哪個，先點哪個，要點幾個。
那可以做成勾選嗎？也不行，感覺比做成按鈕還要離譜。
那我們可以考慮這樣做，在這個步驟中也無法單獨將閱讀條款列為一個界面，所以只能繼續(xù)在頁面下方用列表的形式讓用戶去閱讀。通過這樣的設計可以讓用戶明確我該點哪個，哪個還沒有閱讀，當用戶沒有完成閱讀要求時，底部按鈕置灰。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
一個上線只有3年的產品其實只能算一個剛上幼兒園的孩子，但它不僅有自己的自營醫(yī)生專家團隊，而且覆蓋了所有醫(yī)療產品常見的服務和問診方式。更難以置信的是，你要把阿里健康、平安健康、叮當健康、微醫(yī)、醫(yī)聯(lián)這些公司的市值加起來，才能勉強可以和它扳手腕。京東健康APP，發(fā)布于2020年3月，但出道即巔峰，目前以1776億人民幣（截止到5月4日，來自谷歌財經）位居醫(yī)療產品市值第一位。本期設計大偵探，就讓我們一起來拆解京東健康，看看這個產品是如何設計的？
1. 內容結構
京東健康APP的產品拆解包含六個部分，分別是導讀、產品畫像、醫(yī)療服務、內容服務、設計總結和寫在后面的話，內容篇幅12957字，閱讀時間最少30分鐘。
2. 適合人群
產品拆解是一種專業(yè)、深度的創(chuàng)作形式，所以比較適合于以下幾類用戶閱讀學習：
● C端醫(yī)療產品設計師：通過對京東健康APP的產品拆解，了解京東健康APP的產品設計細節(jié)，有助于更好理解自己所在公司的產品設計，其次可以全方位提升產品分析、競品分析能力。
● 希望提升產品思維的UI/UX設計師：通過從產品層到體驗層的拆解，幫助你跳出設計執(zhí)行層理解一個功能設計背后的價值和意義，提升產品設計思維。
● 準備跳槽到京東健康APP的互聯(lián)網從業(yè)者：如果你有準備去京東健康APP求職，這份產品拆解報告可以幫助你提前了解京東健康APP的產品細節(jié)和體系。
● 醫(yī)療產品從業(yè)者及創(chuàng)業(yè)者：收獲一份專業(yè)、完整、有價值的競品分析參考。
3. 分析模型
產品拆解是以反向推導的形式去拆解一個產品的設計策略和思路，所以我們采用了以下分析模型和設計理論做支撐：
● AARRR模型（又稱為海盜模型）：由戴夫·麥克盧爾提出，包含用戶獲取、用戶激活、用戶留存、獲取收入、用戶推薦，分別對應用戶生命周期中的5個重要環(huán)節(jié)，主要用于拆分和分析產品的功能價值。
● 尼爾森十大可用性原則：尼爾森十大可用性原則是界面設計中最基礎、最重要的設計原則，任何產品的設計，都可以通過這十個原則進行指導設計。
● 設計基礎理論：包括常見的格式塔原理、費茨定律、巴甫洛夫反應、7±2效應、席克定律等常見理論，用于診斷京東健康APP的交互及界面設計。
4. 閱讀建議
在閱讀本篇拆解的時候，建議一邊體驗京東健康APP，一邊閱讀產品拆解報告，其次可預約我們的產品拆解解讀直播，收獲會更大。
在拆解京東健康APP之前，我們需要從以下8個維度去提煉京東健康APP的產品畫像，這樣才能理解京東健康APP的產品設計策略。
1. 行業(yè)現(xiàn)狀
結合艾瑞咨詢《中國在線醫(yī)療健康服務消費白皮書》和易觀千帆《2022年中國互聯(lián)網醫(yī)療年度盤點 -易觀》兩份報告，我們提煉了一下互聯(lián)網醫(yī)療行業(yè)的發(fā)展現(xiàn)狀和趨勢：
● 隨著互聯(lián)網技術的蓬勃發(fā)展，中國醫(yī)療服務日趨便捷，已經邁入3.0階段（線上線下一體化發(fā)展），互聯(lián)網醫(yī)療生態(tài)正加速形成，逐步構建成良性的在線醫(yī)療健康服務生態(tài)價值鏈，滿足用戶的實際醫(yī)療需求。
● 在政策方面，國務院2022年5月發(fā)布的《“十四五”國民健康規(guī)劃》中指出，支持醫(yī)聯(lián)體運用互聯(lián)網技術便捷開展預約診療、雙向轉診醫(yī)療等服務，驅動“醫(yī)、藥、險”聯(lián)動。其次隨著深度學習、語音技術、人工智能、5G等技術的發(fā)展，互聯(lián)網醫(yī)療產品不僅幫助患者享受多樣化、個性化診療服務，打破傳統(tǒng)診療領域，協(xié)助醫(yī)護人員高效、高質量提供服務，也能有效解決醫(yī)療資源分布不均的問題。
● 在用戶需求方面，受疫情的助推，用戶醫(yī)療習慣已經開始向線上轉移，并形成可觀的用戶存量，截至 2021 年 12 月，我國在線醫(yī)療用戶規(guī)模已達 2.98 億，占網民整體的 28.9%，超過95%的用戶對互聯(lián)網+醫(yī)療產品基本持滿意態(tài)度，并有超過80%的用戶表示對未來使用或購買互聯(lián)網+醫(yī)療產品非常感興趣。
● 在用戶年均花費方面，約七成用戶每年花費301-1200元用于在線醫(yī)療健康服務（不含在線購買醫(yī)藥及健康產品的費用），并且多數(shù)用戶近三年內開始使用在線醫(yī)療健康服務且頻率增加。
綜上所述，互聯(lián)網醫(yī)療行業(yè)作為民生保障的基礎行業(yè)，發(fā)展空間和市場規(guī)模依舊足夠大，隨著AI等新技術的發(fā)展，將會不斷為行業(yè)帶來更多的機會。
2. 競爭形式
互聯(lián)網醫(yī)療作為兵家必爭之地，除了在醫(yī)療行業(yè)深耕多年的丁香園、好大夫等公司，BAT等巨頭也早已布局多年：
● 從易觀千帆《2022年中國互聯(lián)網醫(yī)療年度盤點 》生態(tài)圖譜觀察，我們可以看出京東健康APP所在的行業(yè)競爭形勢比較嚴峻。直接競爭對手有平安健康、醫(yī)聯(lián)、醫(yī)鹿、百度健康、春雨醫(yī)生、好大夫等頭部產品，其次還有互聯(lián)網醫(yī)療垂直平臺的眾多產品，比如丁香醫(yī)生、微醫(yī)、好藥師等，另外傳統(tǒng)的公立醫(yī)院也在布局互聯(lián)網醫(yī)院，比如北京大學腫瘤醫(yī)院、北京協(xié)和醫(yī)院等眾多知名醫(yī)院。
● 從易觀千帆月活躍用戶人數(shù)數(shù)據(jù)觀察，京東健康APP的月活躍用戶人數(shù)28.45萬，在直接競爭對手中僅領先于丁香醫(yī)生，相比平安健康的968萬，差距還比較大。不過考慮到京東健康APP起步較晚（首個版本發(fā)布于2020年3月），京東健康APP未來還有很大的增長空間，不過所在的行業(yè)競爭形勢非常嚴峻。
● 從《2022年度中國數(shù)字健康市場數(shù)據(jù)報告》報告觀察，國內醫(yī)療行業(yè)上市的公司只有8家，而京東健康APP以1988.44億占據(jù)頭名，排名第二的阿里健康的只有它的一半。
綜上所述，互聯(lián)網醫(yī)療行業(yè)的競爭形勢非常嚴峻，不過受益于京東集團在健康行業(yè)多年的布局，京東健康APP出道即巔峰，市值位居行業(yè)第一，不過就APP月活躍用戶人數(shù)而言，還有很長的路要走。
3. 產品介紹
京東健康APP是京東集團旗下京東健康APP面向患者端使用的在線問診平臺，致力為用戶提供預約掛號、醫(yī)生咨詢、線上購藥、健康科普、預約體檢、健康管理等全方位專業(yè)健康服務，打造以醫(yī)藥及健康產品供應為核心，醫(yī)療服務為抓手，數(shù)字驅動的用戶全生命周期全場景的健康管理平臺。
4. 商業(yè)模式
基于對京東健康APP的深入調研，再結合京東健康APP的《2022年度報告》，我們對京東健康APP的商業(yè)模式進行了全面推導。
4.1 客戶細分
關注健康管理，并期待擁有專業(yè)醫(yī)療服務的26-35歲、文化水平較高、收入穩(wěn)定的白領用戶人群。
4.2 價值主張
首席健康管家
4.3 渠道通路
京東健康APP背靠京東商城巨大的流量池，主要通過京東商城進行導流，其次也通過常規(guī)的線下線上廣告、搜索引擎等渠道進行推廣和維護品牌形象。
4.4 客戶關系
通過名醫(yī)義診、專家直播、健康公益等欄目和用戶建立鏈接。
4.5 收入來源
根據(jù)京東健康APP《2022年度報告》顯示，京東健康APP的收入來源主要依靠醫(yī)藥和健康產品銷售，占比86.37%，其他服務收入占比13.63%。
4.6 核心資源
母公司京東集團在醫(yī)藥行業(yè)已經布局多年，擁有非常強大的用戶基數(shù)和資金資源。
4.7 關鍵業(yè)務
京東健康APP的業(yè)務體系非常龐大，除了最核心和最賺錢的醫(yī)療電商，還覆蓋了各種豐富的醫(yī)療服務，比如皮膚醫(yī)院、中醫(yī)、寵物醫(yī)院和海外醫(yī)療。
4.8 重要合作伙伴
● 全國各地的醫(yī)院和醫(yī)生專家，為平臺患者提供在線醫(yī)療服務；
● 全國各地的線下藥房及藥店，用戶可在平臺下單，京東物流進行配送；
● 醫(yī)藥供應商和第三方醫(yī)療機構，比如疫苗、醫(yī)療體檢等公司。
4.9 成本結構
根據(jù)京東健康APP《2022年度報告》顯示，京東健康APP的主要開支來源于銷售及市場推廣開支、產品研發(fā)開支以及常規(guī)的行政開支。
5. 用戶畫像
結合易觀千帆京東健康APP數(shù)據(jù)，我們對京東健康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的信息結構梳理，我們發(fā)現(xiàn)它的體量非常龐大：
● 京東健康APP菜單欄為五個，包含首頁、京東買藥、健康、消息和用戶中心，其中「首頁」聚合了在線問診、京東買藥、專家名醫(yī)和根據(jù)用戶興趣生成的健康問答、科普等信息，「京東買藥」是醫(yī)藥在線商城，向用戶提供營養(yǎng)健康、感冒發(fā)燒、兒童、中藥、醫(yī)療機械等藥品在線購買服務；
● 京東健康APP除了提供各種?？漆t(yī)院問診，還提供中醫(yī)、寵物醫(yī)院、海外醫(yī)療、體檢、報告解讀和疫苗預約，其次問診方式多達9種，比如極速問診、電話問診、視頻問診、私人醫(yī)生、門診加號等。
● 京東健康APP設計了非常豐富的用戶留存工具，比如健康檔案、健康工具、健康百科、健康檢測和健康公益等版塊。
7. 重要迭代記錄
根據(jù)七麥數(shù)據(jù)資料，京東健康APP的首個版本發(fā)布于2020年3月13日，截止到2023年5月5日，APP版本已經更新至V3.3.2版本（不過筆者此次拆解的是正在內測的V5.5.0版本，預計稍晚就會正式更新），近一年版本更新次數(shù)為15次，迭代頻率相比其他醫(yī)療產品略低。
以下為京東健康APP版本重要迭代記錄：
● 2020年3月，發(fā)布V1.1.0版本，核心功能包括在線掛號、在線問診、健康商城、健康工具和體檢、醫(yī)美、基因檢測等服務。
● 2020年8月，發(fā)布V2.0.0版本，推出京東家醫(yī)會員服務，產品全面升級；
● 2022年4月，發(fā)布V3.0.0版本，新增母嬰、醫(yī)美、萌寵等服務，產品全面升級；
8. 產品生命周期
京東健康雖然已經上市，但是京東健康APP距離首個版本發(fā)布時間只有36個月，這個產品還處于產品生命周期的成長期。而且根據(jù)易觀千帆數(shù)據(jù)顯示，截止到2023年5月，京東健康APP月活躍用戶人數(shù)只有28.45萬，距離平安健康968萬還有非常大的差距，當下及未來除了解決上市的營收壓力，更需要注重用戶增長。
9. 小結
通過以上8個維度的調研和推導，我們可以看出：京東健康APP只是整個京東健康集團面向患者推出的一款APP，雖然發(fā)布時間比較晚，但背靠京東巨大的資源優(yōu)勢，可謂出道即巔峰，整個產品設計得非常完善和成熟。
「醫(yī)療服務」是根據(jù)AARRR模型拆分，主要是指實現(xiàn)商業(yè)變現(xiàn)的功能，其次根據(jù)格式塔原理拆分為互聯(lián)網醫(yī)院、問診類型和醫(yī)藥電商三塊內容。在對京東健康APP進行深入體驗和推導拆解過程中，我們發(fā)現(xiàn)京東健康APP雖然發(fā)布時間較晚，但京東健康APP不僅有自己的京醫(yī)自營醫(yī)生團隊，而且還擁有非常豐富的醫(yī)療問診類型和醫(yī)療服務內容。
1. 互聯(lián)網醫(yī)院
「互聯(lián)網醫(yī)院」是京東健康APP的在線就診中心，包含極速問診、找醫(yī)生、找醫(yī)院、專家直播、?？浦行暮徒】悼破盏葍热荩菍崿F(xiàn)商業(yè)變現(xiàn)最重要的業(yè)務之一，但這個版塊在首頁沒有入口，需要在金剛區(qū)的「全部功能」才能進去。
設計思考
「互聯(lián)網醫(yī)院」理應作為菜單欄的核心入口，但京東健康APP在V5.0.0版本的升級中，依然沒有升級這個版塊的權重，相反重新聚合了一個「健康」的欄目，這樣的設計實在讓人捉摸不透。
1.1 APP首頁
京東健康APP在V5.0.0版本中，對APP首頁進行了全新的升級，首頁拆分為三個頻道，分別是推薦、訂閱和家醫(yī)會員，用戶可點擊TAB切換。
1.1.1 推薦
「推薦」作為整個APP的默認首頁，從結構上看，主要分為5個部分。頭部為今日小貼士（包含飲食日記、運動日記等用戶健康管理功能），瓷片區(qū)為在線問診和京東買藥（核心高頻功能），金剛區(qū)是核心功能的入口（包括每日義診、健康問答等，是京東健康APP醫(yī)療服務的入口），然后是推薦醫(yī)生列表（主要為京東自營的醫(yī)療專家），最后是根據(jù)用戶興趣和瀏覽行為生成的信息流列表（包括科普短視頻、文章、問答、藥品等）。
1.1.1.2 今日小貼士
「今日小貼士」聚合了健康問答、飲食日記、運動日記、體質測評和活力測試五個功能，呼應了「健康管家」的產品理念：
● 「健康問答」是向用戶推薦實時的熱門話題，吸引用戶關注；
● 「飲食日記」是對用戶每日的飲食數(shù)據(jù)進行分析管理，用戶可以輸入每日的早餐、午餐、晚餐等數(shù)據(jù)；
● 「運動日記」是對用戶每日的運動數(shù)據(jù)進行分析管理，用戶可以手動錄入，也支持綁定智能設備同步數(shù)據(jù)；
設計思考
京東健康APPV5.0.0升級后的首頁，弱化了在線問診的功能，比如過去占據(jù)大幅面積的「極速問診」，如今被收縮到瓷片區(qū)，其次首頁也不再大面積展示相關的醫(yī)療服務（京東健康APP是一個非常龐大的APP，所設計的醫(yī)療服務多達幾十個），這樣的”醫(yī)療瘦身“不知道升級后的用戶訪問時長、停留數(shù)據(jù)會怎么樣？
1.1.2 訂閱
「訂閱」分為五個tab欄目，分別是全部、醫(yī)生、主題、話題和百科?！溉俊故瞧脚_隨機推薦的聚合內容，目的是吸引用戶關注自己感興趣的話題或醫(yī)生，當用戶開始關注后，在對應的欄目就能查看到自己關注的內容。
1.1.3 家醫(yī)會員
「家醫(yī)會員」是京東健康APP的會員服務，主要分為以下幾個部分：
● 從服務人群看，京東家醫(yī)目標用戶人群主要為老年人，其次還有孕婦和寶寶；
● 從服務賣點看，京東家醫(yī)主要以解決長期在外工作的年輕人無法照顧年邁的父母的痛點，幫助年輕人隨時掌握父母的健康狀況；
● 從服務內容看，京東家醫(yī)提供1名專屬的健康管家，全程跟蹤服務，還會建立專屬的家人群，隨時可了解家人情況；對于特殊人群還會全年照護，提供定期的線下隨訪。
● 從定價策略看，分為老人版和標準版兩個版本，按年服務，定價分別為1699元和1299元；其次還按照服務人數(shù)銷售，有2人版、3人版、4人版、6人版等。
細節(jié)偵查
家醫(yī)會員的設計非常創(chuàng)新，相比圖文問診、電話問診這些低價、普通的問診形式，京東健康APP鎖定老年人、孕婦和寶寶這些重點需要照顧的人群，以專業(yè)、完善、高品質、1V1全程跟蹤的醫(yī)療服務進行差異化設計，不僅打造了高客單價的利潤產品，而且拉長了用戶的生命周期，一舉兩得。
1.2 皮膚醫(yī)院
「皮膚醫(yī)院」是針對皮膚問診的專科醫(yī)院，從頁面內容看，皮膚醫(yī)院包括小兒皮膚門診、老年皮膚門診、中醫(yī)皮膚門診、痔瘡門診、過敏門診和脫發(fā)門診等，醫(yī)生資源來源于京東健康APP自聘專家團，從業(yè)經驗10年以上，30秒就可響應，28分鐘送藥上門。其次還為患者提供了AI測膚和痔瘡管理等測評功能，服務鏈路非常完善，設計得非常用心。
細節(jié)偵查
皮膚問診的流程體驗非常好，當患者點擊以后，首先會提示用戶可上傳自己的圖片，系統(tǒng)利用AI功能對患者的皮膚進行初步的評估后再進行問診，如果用戶不愿意，則立馬進入傳統(tǒng)的圖文問診的步驟，給了用戶充分的自主權。
1.3 ?？漆t(yī)院
除了皮膚醫(yī)院，京東健康APP還設立了口腔齒科、男科中心、心理咨詢、眼科、婦產科、兒科和心臟中心，覆蓋的科室非常廣，而且從頻道內容觀察，服務體系非常完善。
設計思考
相比丁香醫(yī)生（聚焦于年輕女性用戶群體的醫(yī)療健康平臺）、小荷健康（針對腫瘤患者的醫(yī)療平臺）等產品，京東健康APP的醫(yī)療服務追求大而全，幾乎覆蓋了所有的熱門科室，這樣的發(fā)展策略會不會讓本身起步較晚的京東健康APP失去自身的特色。
1.4 問中醫(yī)
京東健康APP也開設了中醫(yī)版塊，為患者提供全國各地中醫(yī)醫(yī)院和醫(yī)生專家的線上就診，包括男科、內科、皮膚科、婦產科等疾病。中醫(yī)還支持視頻問診，患者可通過京東健康APP和專家視頻線上問診（中醫(yī)會通過舌苔面相等體征對患者進行診斷），其次還支持一鍵代煎，送藥上門，把京東的服務優(yōu)勢發(fā)揮到了極致。
1.4.1 中藥房
「中藥房」是一個為患者提供上傳處方就能實現(xiàn)便捷抓藥、配送的服務?！概姆阶ニ帯沟牧鞒虨榛颊呱蟼魈幏胶螅帋熃訂芜M行劃價以后，患者支付生成訂單，藥房進行煎熬以后，再為患者進行配送。這有效解決了中醫(yī)患者采購中藥困難、欠缺專業(yè)熬制經驗的痛點，而且最后還能配送到家，服務非常便捷。
迭代建議
中醫(yī)這個版塊，完全可以以小程序的形式設計，獨立發(fā)展運營，其次這個版塊的用戶體驗也非常欠佳，不管是配色還是頁面設計，相比APP主站，不夠用心，視覺檔次非常低。
1.5 寵物醫(yī)院
「寵物醫(yī)院」是為寵物提供在線就診和寵物藥品及營養(yǎng)品銷售的版塊，從頁面內容看，包含了極速問診、專家問診、寵物大藥房、愛寵服務、寵物健康科普和寵物檔案等內容，非常豐富?？梢钥闯鋈缃竦膶櫸镄袠I(yè)發(fā)展非常好，用戶的消費能力非常高，舍得為寵物寶寶花錢。
1.6 海外醫(yī)療
京東健康APP還提供高端的海外醫(yī)療服務，不過這個版塊是鏈接至京東的高端醫(yī)療京東自營旗艦店，從服務內容看，涵蓋了國際會診、海外就醫(yī)、出國體檢、輔助生殖等高端服務。
1.7 體檢中心
「體檢中心」的內容非常豐富，包括父母體檢、中青年體檢、公立體檢、女性體檢、HPV檢查、居家自檢等熱門體檢服務。這個版塊的服務主要和愛康、瑞慈第三方醫(yī)療機構合作，為患者提供全面的醫(yī)療服務，增加商業(yè)變現(xiàn)方式。
1.8 疫苗預約
「疫苗預約」是為患者提供疫苗接種服務，包括新冠疫苗、HPV9價、流感疫苗、兒童疫苗等服務。這個版塊主要是和第三方專業(yè)機構合作，用戶可直接跳轉到品牌的京東旗艦店進行下單購買。
1.9 小結
從互聯(lián)網醫(yī)院版塊的拆解可以看出：
● 京東健康APP的醫(yī)療服務非常豐富，不僅有多個?？漆t(yī)院，還有中醫(yī)院、寵物醫(yī)院和海外醫(yī)療，其次也充分利用了京東線下配送的優(yōu)勢，為患者提供了從線上問診到送貨到家的全鏈路服務，這是京東健康APP獨一無二的優(yōu)勢；
● 從用戶體驗看，京東健康APP的很多子版塊設計得非常混亂，操作路徑太過繁雜，互聯(lián)網醫(yī)院的入口不僅太深，而且很多子頻道包含了新的菜單欄，用戶在使用的過程中，如果要回到首頁或用戶中心需要返回七八次以上，這樣的體驗實在太差，很容易造成用戶迷失，最后只能重啟APP才能解決。
2. 問診類型
「問診」是醫(yī)療產品最基礎的服務，患者可以通過圖文、電話、視頻等形式向醫(yī)生發(fā)起咨詢問診。京東健康APP提供了多達10種問診服務，幾乎涵蓋了醫(yī)療產品常見的所有類型。
2.1 極速問診
「極速問診」就是提供快速問診的渠道，患者只需要輸入癥狀，平臺就可以安排醫(yī)生在30秒內接診。這種問診方式的特點非常適合于激活新用戶，當患者剛開始使用產品的時候，不知道如何進行在線就診，只需要進入快速問診就能解決自己的問題。
2.1.1 問診流程
①患者進入問診聊天頁面后，需要輸入自己的癥狀（支持發(fā)送圖片、語音），系統(tǒng)也提供了常見的癥狀，比如發(fā)燒、可售、哮喘等；
②選擇患者，這一步如果患者沒有建立就診人信息需要新建才能進行下一步；
③系統(tǒng)根據(jù)患者的癥狀和就診人信息，智能分診到對應的科室，以及問診服務類型（圖文和電話），推送相關科室的優(yōu)選專家（可根據(jù)本地醫(yī)生、好評優(yōu)先、回復極速等標簽選擇）；
④患者選擇所需要的問診服務類型（圖片或電話），或者直接點擊醫(yī)生專家的「問醫(yī)生」按鈕；
體驗陷阱：
這一步系統(tǒng)的內容輸出太多，違反了席克定律，給了用戶太多選擇，增加了很多學習成本，對于新用戶來說，完全不知道如何進行下一步。
⑤患者支付費用，生成訂單后，等待醫(yī)生接入，在線交流。
迭代建議：
問診窗口的內容太多，比如頭部banner嚴重分散了患者的注意力，可參考字節(jié)跳動的小荷健康AI診斷窗口，直觀、簡潔，降低用戶認知負荷。
2.2 電話問診
「電話問診」就是指可通過電話和醫(yī)生進行溝通，提高就診效率，它的費用是極速問診的1.5-2倍。電話問診的問診流程是患者先預約醫(yī)生的就診時間，選擇就診人和描述病情后，支付訂單等待醫(yī)生接通電話。
2.3 視頻問診
視頻問診和電話問診的功能及流程都比較相似，醫(yī)生可以通過面對面的視頻形式為患者進行就診。
2.4 私人醫(yī)生
「私人醫(yī)生」就是醫(yī)生的專屬服務，購買醫(yī)生的這個服務后，可以不限次數(shù)咨詢醫(yī)生，為自己的健康保駕護航。
2.5 康復指導
「康復指導」是一個定制型（根據(jù)病種設計，比如兒童生長遲緩30天隨訪）的全周期康復的就診服務，一般以7天、10天、15天為一個周期，內容包含詳細的科普知識、調理方案、康復計劃和留言提醒等。它有點像知識付費的訓練營模式，醫(yī)生為你定制康復指導計劃。
2.6 門診加號
「門診加號」是為患者提供線下醫(yī)生專家門診加號的功能，這個功能可有效解決患者在公立醫(yī)院無法掛上號的痛點。
2.7 一病多問
「一病多問」是指患者提供病情描述后，平臺會同時提供3位醫(yī)生為患者服務，幫助患者獲取全面完善的就診建議。
2.8 夜間速診
「夜間速診」是一個非常溫馨的服務，為患者提供夜晚20:00-次日7:00的就診服務，夜班醫(yī)生實時在線，30秒內可接診，28分鐘可極速送藥上門，解決患者夜間看病難的痛點。
2.9 專家義診
「專家義診」是指京東健康APP向患者提供少量低價（9.9元）的三甲專家就診名額，幫助患者享受專家服務。這個服務的價值重在激活，讓患者低價體驗專家服務，從而進行轉化。
2.10 小結
從這個版塊的拆解可以看出，京東健康APP的問診形式設計得非常用心，相比丁香醫(yī)生、醫(yī)鹿等產品，京東健康APP作為一個發(fā)布于2020年的年輕產品，在產品的設計上可謂充滿了誠意。比如夜間速診這樣的服務，真正吸引用戶的不是就診速度，而是貼心的服務；還有康復指導這樣的服務，不僅充滿了創(chuàng)意，而且性比價非常高，這對用戶的品牌忠誠度提升有非常大幫助。
3. 醫(yī)藥電商
「醫(yī)藥電商」作為京東健康APP的核心服務，從藥品分類看，包含了感冒發(fā)燒、兒童用藥、營養(yǎng)禮品這些常見日用藥，其次還有健康生活、中藥房、醫(yī)療機械、傳統(tǒng)滋補、計生情趣等熱門品類。另外從服務人群看，還有針對罕見病患者和重疾患者的特定藥品。除了藥品種類豐富以外，京東健康APP最吸引用戶的就是配送速度了。
3.1 京東買藥
「京東買藥」作為京東健康APP的一級菜單欄欄目，權重非常高。從內容觀察，包含了自營藥房、營養(yǎng)健康、成人情趣、感冒發(fā)燒等熱門分類，其次還有好物排行、首購禮金、優(yōu)惠券等內容，整個版塊的設計比較簡單，主要為患者提供醫(yī)藥用品的在線銷售。
3.2 京東大藥房
「京東大藥房」是京東自營旗艦店，為患者提供各種醫(yī)療商品的銷售，商品分類包含慢病用藥、兩性健康、家庭常備等內容，患者下單后，由京東官方負責配送上門到家。
迭代建議
京東大藥房和健康商城的內容幾乎相同，這會給用戶的操作訪問增加焦慮感，這一點在我拆解的過程中反復出現(xiàn)，很多時候不知道自己在哪個頻道，增加了我的記憶負荷。
3.3 京東藥急送
「京東藥急送」是京東和線下的藥店進行合作，為患者提供線上購買，線下送藥的服務。京東的物流配送系統(tǒng)以快著稱，而京東藥急送主打賣點就是附近28分內送達和同城門店次日達。相比其他以醫(yī)藥電商為主的醫(yī)療產品，京東健康APP把“快”發(fā)揮到極致。
設計思考
在策劃一個產品的內容時候，除了遵循那些基礎的設計理論以外，產品的成長土壤其實也特別重要。京東以專業(yè)完善的自營物流體系殺出血路，所以在京東健康APP這個產品的拆解中，你可以看到京東配送幾乎就是整個產品服務的底層，最終形成自己的核心競爭力。還有哪個平臺可以讓我就診完以后28分鐘內就把藥送到家門口呢？
3.4 重疾用藥
「重疾用藥」主要針對重病患者的藥品銷售，比如腫瘤、神經系統(tǒng)、心血管等疾病。這個頻道加入了三甲醫(yī)院的名醫(yī)問診，方便患者可直接向專家進行問診，其次還加入了大腸癌風險和乳腺癌風險的自測功能。
3.5 罕見病中心
「罕見病中心」是京東健康APP針對全球罕見病患者推出的一站式服務平臺，解決罕見病患者購藥、就醫(yī)等難題。這個版塊包括了關愛科普、關愛基金申請、專家義診、罕見病百科、推薦藥品等內容，設計得非常完善。
3.6 新特藥
「新特藥」是指醫(yī)療專家針對常見疾病研發(fā)的最新特效藥，比如腫瘤、風濕關節(jié)、移植用藥等。京東健康APP提供了多種熱門疾病的新特藥，患者可直接在京東大藥房下單購買。
3.7 小結
從醫(yī)藥電商版塊的拆解可以看出，京東的醫(yī)藥電商服務經過多年的發(fā)展，已經非常成熟，不管是藥品的品類，還是小眾患者的特定需求，京東健康APP都覆蓋了。再加上京東完善的物流和配送體系，讓京東健康APP這個產品變得不止是好看，而且非常便捷。
「內容服務」是根據(jù)AARRR模型拆分，主要是指提升用戶激活和留存的功能，其次根據(jù)格式塔原理拆分為信息、工具、互動和公益四塊內容，包含健康百科、健康問答、健康檔案、健康公益等功能。
1. 信息
1.1 健康百科
「健康百科」是醫(yī)療產品中最常見的功能之一，它對用戶的留存有極大的幫助。通過專業(yè)撰寫的百科詞條，幫助用戶解決日常生活中的健康疑惑，從而提升用戶的忠誠度。
● 從內容看，健康百科分為疾病、癥狀、藥品和疫苗四個頻道，每個頻道還有數(shù)十個子分類，內容非常豐富；
● 從詞條詳情頁看，詞條均由三甲級別以上專家編審，包含概述、病因、癥狀、就醫(yī)、治療、預防等內容；
迭代建議
百科詞條的詳情頁內容加入了相應疾病就診的推薦醫(yī)生和藥品，這可以幫助平臺實現(xiàn)引流轉化，但這兩個內容的所占的區(qū)域較大，影響了用戶體驗。畢竟在百科這個頁面，用戶目標主要是獲取準確的詞條信息，過度的引流會分散用戶的注意力，造成用戶流失。
1.2 健康問答
「健康問答」是以問答的形式解決用戶的健康問題，比如皮膚過敏止癢的方法等。用戶輸入癥狀后，選擇回答的醫(yī)生級別（二甲醫(yī)生0.1元，三甲醫(yī)生1元），就能發(fā)起提問。這是一個快速激活用戶的功能，不僅可以幫助用戶獲取其他用戶常見的健康問題，也可以讓用戶以非常實惠的價格體驗在線醫(yī)療服務，培養(yǎng)用戶習慣。
迭代建議
「健康回答」在V5.0.0版本升級后，已經從一級菜單欄中取消，目前這個版塊沒有入口，只能在「訂閱」和「今日小貼士」通過單個話題頁面訪問「查看更多熱門健康問答」才能進入?？紤]到這個版塊的內容是京東健康APP的資訊核心，金剛區(qū)應該設置直接訪問這個版塊的入口才合理。
2. 工具
2.1 健康檔案
京東健康APP致力于做用戶的「首席健康管家」，吸引用戶完善和提交自己的健康數(shù)據(jù)就顯得特別重要?！附】禉n案」就承擔著這個重任，目前這個功能的權重非常高，入口已經升級到APP首頁。
● 從內容看，健康檔案包含了健康監(jiān)測、體檢報告、就醫(yī)記錄、健康小結和生活方式五個內容；其中健康監(jiān)測又包含了基礎數(shù)據(jù)、血糖信息、血壓信息、心率數(shù)據(jù)、睡眠質量、運動數(shù)據(jù)和血氧數(shù)據(jù)（用戶在健康測評的數(shù)據(jù)沒有實現(xiàn)同步）；
● 從數(shù)據(jù)錄入方式看，心率數(shù)據(jù)、睡眠質量、運動數(shù)據(jù)和血氧數(shù)據(jù)需要通過綁定智能設備才能錄入，這造成了用戶使用的門檻很高，健康檢測的功能就很難體現(xiàn)；其次在體檢報告和就醫(yī)記錄中，筆者隨意提交了一張圖片，系統(tǒng)也無法做出準確的判斷，而是直接為筆者生成了一條記錄。
迭代建議
這個版塊的內容設計得很豐富，界面也很清爽，但用戶使用門檻非常高，需要鏈接智能設備才能獲取用戶數(shù)據(jù)。其次當筆者提交初步的個人健康數(shù)據(jù)以后，系統(tǒng)沒有給與任何反饋，這違反了尼爾森十大原則的系統(tǒng)可見性原則，最終會讓用戶對這個功能失去興趣。
2.2 經期管理
「經期管理」是一個為女性用戶群體量身定制的健康工具，提供精準的經期、排卵期預測和經期改善建議。用戶輸入準確的資料以后便可開始使用，系統(tǒng)會根據(jù)用戶的生理數(shù)據(jù)進行精準的數(shù)據(jù)分析，比如懷孕幾率、改善建議等。這個功能可有效提升女性用戶的留存率，培養(yǎng)用戶的忠誠度。
2.3 健康測評
「健康測評」是為用戶提供自我評測的版塊，包含了血氧測評、AI測膚、尼古丁自測和慢病管理等疾病測評。這個版塊有效促進用戶激活和留存，比如AI測膚，作為皮膚科的問診功能，可以快速吸引用戶進行評測，從而實現(xiàn)激活轉化。
迭代建議
筆者根據(jù)測評的教程，親自體驗了一下血氧監(jiān)測（通過物理感應評測個人身體狀態(tài)）。雖然不知道測評數(shù)據(jù)是否準確，但這種免費的測評可以有效吸引用戶使用產品，提高用戶活躍度。不過系統(tǒng)并不支持保存用戶每次測評的數(shù)據(jù)，而且無法同步數(shù)據(jù)到「健康檔案」，體驗一般。
3. 互動
3.1 辟謠PK賽
「辟謠PK賽」是為用戶提供一個針對健康常識辟謠的挑戰(zhàn)賽。用戶每日最多可答6道題目（后三題需要用戶邀請好友助力才具備資格），平臺每周更新辟謠排行榜，前10名用戶可領取紅包獎勵（紅包可用于問診、購藥抵扣）。這個頻道的價值不僅可以為用戶提供健康常識科普，還可以利用排行榜和紅包獎勵提升用戶的活躍度。
迭代建議
用戶回答3個題目以后就需要邀請好友助力才能繼續(xù)答題，這樣的設計看上去可以吸引用戶分享拉新，但事實上用戶體驗比較差，分享的欲望不增反減。
3.2 天天領紅包
「天天領紅包」以簽到領紅包的形式吸引用戶每天打卡，用戶還可以通過邀請好友助力的形式贏取鼓勵金。這個頻道主要是幫助平臺提升用戶的留存率，通過紅包抵扣的形式吸引用戶消費。
體驗陷阱
當用戶簽到以后，簽到的按鈕還有「繼續(xù)領獎勵」的提示，但用戶點擊則沒有任何反應，這是一個嚴重的BUG，會讓用戶陷入焦慮。
4. 公益
4.1 健康公益
公益是醫(yī)療產品中一個比較常見的版塊，主要解決中國醫(yī)療資源資源分配不均、資源利用不充分扥問題，解決患者“就醫(yī)難”、“用藥貴”等痛點。京東健康APP的健康公益板塊設計得非常豐富：
● 從內容看，分為健康公益、愛心京東和名醫(yī)義診三個菜單欄；健康公益又按照疾病劃分為罕見病關愛中心、阿爾茨海默病關愛中心和腫瘤公益專區(qū)，還有健康中國醫(yī)藥補助工程、患者故事和健康資訊內容。
● 從功能看，健康公益為患者提供求醫(yī)指南、關愛基金、患者招募、藥品采購和在線義診等功能。
迭代建議
相比其他醫(yī)療產品，這個版塊的內容非常豐富，但設計風格和京東健康APP沒有保持統(tǒng)一，混亂的配色拉低了產品的設計品質，影響了用戶體驗。
4.2 扶貧專區(qū)
「扶貧專區(qū)」是京東健康APP和中國社會扶貧網合作的公益欄目，貧困家庭用戶每年在京東大藥房購買指定藥品時候可享受1000元的補助，比如感冒用藥、腸胃消化用藥和腫瘤用藥等。用戶可以在京東健康APP填寫自己準確的信息，經過中國社會扶貧網機構驗證以后，補助金會自動充值到用戶的京東賬號。這個頻道不僅可以提升京東健康APP的知名度，還可以進一步培養(yǎng)用戶使用產品習慣，激活轉化。
4.3 關愛中心
「關愛中心」是根據(jù)病種拆分設計，包含了男科、糖尿病、女性、帕金森、脫發(fā)等常見高頻病種，為用戶提供了專業(yè)藥師1V1服務、疾病交流群、用藥指導、名醫(yī)義診等服務。這個版塊有利于提升用戶的忠誠度，但整體設計得比較混亂，風格也沒有和主站統(tǒng)一，層級非常深，體驗一般，而且和專科醫(yī)院的很多內容重疊。
5. 小結
從這個版塊的拆解，我們可以推導出：
● 京東健康APP的用戶激活和留存服務其實非常完善，幾乎涵蓋了醫(yī)療產品中所有常見的功能，比如健康百科、健康問答、健康檔案、健康測評、經期管理等，但這些功能都做得不夠深入。比如健康檔案，雖然內容很夯實，但使用門檻非常高，而且在用戶完善數(shù)據(jù)后也沒有給與及時的反饋，用戶體驗欠佳。
● 從用戶體驗觀察，京東健康APP的很多版塊風格設計并不統(tǒng)一，而且層級非?；靵y，即便剛迎來V5.0.0版本的重大升級，但歷史遺留的問題還依然非常多，拉低了產品設計的品質。
根據(jù)以上部分對京東健康APP的設計推導和拆解，我們可以看出，雖然京東健康APP起步較晚，但是它的產品體量卻非常大，所以也造成了這個產品有諸多歷史問題，以下為我梳理的產品設計總結和建議：
1. 商業(yè)層
京東健康APP致力于做用戶的健康管家，不過整個產品的設計其實和健康管理的關聯(lián)并不大。如果不是剛好迎來V5.0.0版本的升級，“健康管家”這個概念幾乎沒有任何體現(xiàn)。從商業(yè)模式看，京東健康APP變現(xiàn)的方式非常多，它設計了非常完善的醫(yī)療服務和就診方式，再加上京東物流強大的配送服務優(yōu)勢，京東健康APP的吸金能力確實非常強（截止到5月4日，最新市值為1776億）。不過京東健康APP也許應該思考一下如何學會聚焦，把拳頭產品打磨好，做出產品自身特色。
2. 內容層
京東健康APP的內容體量非常大，幾乎趕上了醫(yī)療產品月活躍用戶人數(shù)排名第一的平安健康，它所包含的醫(yī)療服務（除了常見的各種?？漆t(yī)院還有中醫(yī)、寵物醫(yī)院和海外醫(yī)療）和就診類型（包含圖文、電話、視頻、私人醫(yī)生等9種方式）幾乎是所有醫(yī)療行業(yè)APP的集合。這種大而全的設計策略可以滿足不同類型的用戶需求，但也會讓人懷疑京東健康APP是否有足夠專業(yè)和完善的醫(yī)療資源來支撐，畢竟距離這個產品的首個版本發(fā)布才過去36個月。
3. 體驗層
京東健康APP由于內容過于龐大，所以整個產品的設計的統(tǒng)一性不足，特別是在某些子版塊的交互設計方面，操作路徑太過繁雜，界面風格也和主站風格不統(tǒng)一，給用戶的體驗非常差。其次我覺得京東健康APP的設計風格一定要和京東商城區(qū)分開，這樣才能向用戶植入品牌基因，讓用戶成為京東健康APP的忠實用戶，當然，「京東健康APP」這個名字從誕生就注定只能成為京東集團的某個業(yè)務版塊。
作為UX設計師，很多人在講述改版前后方案對比時，對于改版后方案，會引用業(yè)務功能層面的優(yōu)化&升級，并以此證明設計的價值，類似下圖的呈現(xiàn)方式：
但這樣的論證對于衡量設計的價值，真的有說服力嗎？
以往收到的面試作品集中，不乏這樣的案例。每每追問一句，這更多是業(yè)務和功能層面帶來的變動，設計在里面起到了哪些作用？ 得到的答案大多不盡人意，甚至有些新人會陷入深深的自我懷疑： 設計能做的，僅僅是對業(yè)務的支持嗎？都這個年代了，難道UX設計師本質上還是美工？
針對上述問題，我們該如何找到設計的發(fā)力點，并在業(yè)務支持中體現(xiàn)個人的設計價值呢？ 我們可以嘗試通過下面幾個步驟，來找到一些解決問題的角度。
作為設計師，對于業(yè)務背景和目標的了解是基本要求，但在此基礎上如果我們有更深入的了解和挖掘，會讓我們對所負責的業(yè)務建立更深刻的認知。
比如，我們可以從下面舉例的一些維度來思考一下：
所以工作中當拿到需求后，如果我們能主動挖掘更深層次的背景和目標，站在更高、更多元的維度來思考，會對當前的工作有更全面的理解，設計方向的確定也會更加精準。 優(yōu)秀設計師對業(yè)務的理解，絕不只限于產品文檔。要站在更宏大視角下看待工作中的每一個需求，它們無論大小都充滿著意義，都能在我們心里激發(fā)出足夠的“使命感”。
在充分了解業(yè)務背景和目標后，可以通過業(yè)務流程圖來分析核心流程&業(yè)務邏輯，對于需求的功能框架及交互流程有更清晰、更完整的理解，可以增加對整體流程的“掌控感” 。
我們對于前期拿到的有效信息，不能只是簡單對其整理和羅列，而是要通過洞察找到一些適合設計側推動的問題或機會，并將其轉化為設計發(fā)力點。 需要注意的是，重要但設計側無法發(fā)力的信息，不是我們當下的重點。
通常在業(yè)務支持中，設計側的發(fā)力點主要體現(xiàn)在以下三個方面：
主要體現(xiàn)在美觀度、易用性、實現(xiàn)成本幾個角度。
關于美觀度和易用性，對于設計師來說屬于基本要求，雖然基礎但極其重要，設計輸出品質的高低，都取決于設計師的基本功。同樣一個需求，功底深厚的設計師總會做的更加驚艷。所以這部分始終需要我們持續(xù)精進。
關于實現(xiàn)成本，依賴于我們的經驗累積和思考總結。如方案構思中要充分考慮產品功能的普適性和拓展性，在輸出時要保證規(guī)范的一致性，復雜模塊的切圖或動效輸出也要從研發(fā)角度選擇更易實現(xiàn)的方式。這部分屬于設計師的隱性價值，不做也不會有影響，但是做得好就可以更大程度的節(jié)約成本，從而間接為公司創(chuàng)造價值，還會在產研團隊中大大提升設計師的專業(yè)度和信任感，更有利于長期協(xié)作。
通過設計手段來放大/突出產品功能，并強化用戶感知，這也是設計的重要價值體現(xiàn)。 可以從正向和負向兩個角度入手：
增強正向牽引-通過設計手法強化利益點、關注點，牽引用戶完成目標行為。
降低負向焦慮-通過突出展示關鍵信息（如安全、信任等方面），來降低用戶負向焦慮，從而促使用戶完成目標行為。
可從兩方面入手提升效率
信息&流程優(yōu)化-通過發(fā)現(xiàn)關鍵流程中的問題&卡點并對其進行優(yōu)化升級，來提升用戶的使用效率。常用方法有信息精簡、信息聚合、信息后置等方式，實際工作中可結合具體情況選擇適合方法。
用戶行為優(yōu)化-通過對用戶的重要或常用行為提供快捷操作甚至行為預判，來提升用戶的使用效率。
1.消息列表通常在導航欄存在“一鍵清除”快捷操作按鈕，提升用戶標記已讀的效率；
2.短視頻平臺在刷到有趣特效視頻時，通常帶有“拍同款”快捷入口，方便用戶即時進入創(chuàng)造并發(fā)布新內容；
3.在端外復制好地址文案并返回寄件頁面時，會自動彈出地址識別結果彈窗，通過系統(tǒng)對用戶行為的預判，提升信息錄入效率。
對于如何衡量業(yè)務支持中設計的價值，可以通過定量和定性的方式來衡量。具體方法相關教程有很多，再此不展開講，只強調下需要注意的點：
我們要根據(jù)需要驗證的不同內容，定義符合條件的關鍵行為，并確定與之對應的關鍵的指標，注意指標一定要具有強關聯(lián)性。 如上線一個新活動，我們可以根據(jù)活動入口banner的CTR、最終轉化率等關聯(lián)性強的數(shù)據(jù)來驗證方案有效性，而DAU、使用時長等指標則不能直接體現(xiàn)方案價值，不具備說服力，講述方案價值時一定要選擇合適的數(shù)據(jù)指標
在驗證方案中設計的價值時，要保證設計因素為單一變量，盡量減少其他因素對結果的影響。典型方法是利用AB測試，在其他條件均相同的條件下，驗證設計點對結果的影響，進而可以量化設計的價值；
如圖示意，與對照組相比，實驗組1是正確的，這里的單一變量只有按鈕不同，其他因素均相同；而實驗組2則不是單一變量，獎勵策略、文案、按鈕樣式均不同，最終的數(shù)據(jù)無法量化到具體每個元素對應的影響和價值。
也可以從用戶視角出發(fā)，來了解用戶對于方案的反饋，進而確定是否滿足用戶訴求。同時，定性分析還可以幫助設計師了解用戶對于體驗和情感層面的看法，這些對于設計價值的評估同樣非常重要。
綜上，通過定量和定性分析，可以有效地驗證設計在業(yè)務中的價值，也可以幫助設計師更精準地了解用戶需求、評估設計效果，進而為業(yè)務做出更有價值的貢獻。
對業(yè)務的支持是大多數(shù)設計師日常最主要的工作，如何在這樣看似基礎的工作中體現(xiàn)價值，是我們需要思考的問題。
我試著從下面3點來闡述個人對于價值體現(xiàn)的理解：
1.優(yōu)秀完成本職工作
如果我們能充分理解需求，方案產出與核心目標精準錨定，且專業(yè)水準過硬，那么就可以說我們優(yōu)秀的完成了對業(yè)務的支持；
2.間接創(chuàng)造價值
如果我們在項目中可以依據(jù)經驗，合理協(xié)調資源、規(guī)劃排期、選用合適方案，進而節(jié)約了人力/時間/經濟成本并提高開發(fā)效率，那么我們也為公司間接地創(chuàng)造了價值；
3.價值定位-催化劑
我們在明確業(yè)務所處階段的基礎上，找到設計價值定位及發(fā)力點。我把業(yè)務支持階段的設計定義為“催化劑”（自身不是反應物，但能大幅提升化學反應的速率）
在功能搭建的同時，我們的發(fā)力點圍繞在強化感知和提高效率兩方面：強化感知，提高用戶的主觀意愿；提高效率，優(yōu)化產品的操作路徑。 圍繞這兩點來發(fā)力，在各個場景鏈路中撒下“設計催化劑”，讓關鍵數(shù)據(jù)指標加速提升，這也是設計在這個階段的意義和價值所在。
最后，希望大家在未來工作中能夠明確自身定位，找到發(fā)力點并將專業(yè)能力發(fā)揮出來，雖然當下人工智能的發(fā)展勢頭強勁，但我們對于實際業(yè)務的洞察和價值貢獻，現(xiàn)階段的GPT還是無法替代的，這點你贊同嗎？
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
前言
作為百度APP用戶增長方向的設計師，我們一直致力于為用戶打造更有趣好玩的運營活動體驗，同時助力業(yè)務達成增長目標。本文將通過百度最經典的集卡玩法案例，結合用戶視角的體驗設計思考和理論方法，揭示設計師如何構思出讓人上頭的游戲化增長玩法。
眾所周知，ToC產品的生命周期通常會經歷四個階段：導入期、成長期、成熟期、衰退期，運營方向在不同階段會采取不同的運營手段助推產品增長。在導入期和成長期，運營手段側重利益驅動，通過補貼/紅包等短平快的推廣活動快速獲取用戶；當產品積累了大量注冊用戶，進入漫長的成熟期，持續(xù)促進用戶活躍就成為更加重要的目標，品牌運營活動是此階段的主要運營手段之一，在利益驅動的同時，加強游戲化的趣味體驗，取悅用戶、制造記憶點，更有利于黏住用戶、建立長期忠誠。
百度移動端產品在過去的幾年中經歷了快速成長期、進入成熟期，運營設計團隊在這期間設計支持了多種品牌運營活動，在歷年的各種節(jié)日、體育賽事、高考等大事件中，通過豐富的游戲化玩法向用戶傳遞品牌價值，激發(fā)用戶參與熱情、體驗百度豐富的產品服務。
設計師在游戲化增長玩法上如何發(fā)力？
要回答這個問題，我們一方面需要清楚上文提到的業(yè)務所處發(fā)展階段和核心目標，另一方面我們需要了解影響用戶參與熱情的因素是什么，從而找到體驗設計的發(fā)力點。通過若干次用戶研究、與真實用戶的多次對話，我們提煉出游戲化增長玩法的三個體驗要素：玩法策略、世界觀、情緒體驗。
玩法策略
在一個游戲化的運營活動中，玩法策略對用戶參與熱情的影響程度最強。用戶進入活動首先感知到的便是玩法，這個活動是否吸引人、淺玩之后是否愿意玩下去、中后期是否能保持興趣直到活動結束，好的玩法策略能夠作為核心驅動線索、持續(xù)激發(fā)用戶熱情。
例如百度的集卡玩法，是春節(jié)運營活動中一直延續(xù)的經典玩法，在過去5年中，很多忠實用戶每年參與，已將百度集卡視為春節(jié)期間的傳統(tǒng)活動。在2022年之初，設計團隊就參與到了新集卡玩法的策劃中，提出了一個滿足業(yè)務訴求的升級方案，將過去的雙層卡玩法，改造為多層高級卡闖關玩法，并在春節(jié)活動中賦予不同的主題，傳達新年祝福的美好寓意。
這個升級方案看上去并不復雜，其背后有一個經典的理論依據(jù)——心流模型。這個理論模型是由著名的積極心理學家Mihaly Csikszentmihalyi提出的，心流狀態(tài)指的是：個人將精力完全投入在某件事上，并且感到興奮和充實。
結合用戶研究結論，我們參考經典心流理論，模擬出集卡玩法的用戶心流模型。我們在調研中發(fā)現(xiàn)，用戶在活動初期的內心動力是較強的，急切地希望集齊卡片，但若嘗試一段時間感覺難度太大，用戶則很容易在這時放棄；而中后期需要反復合成同樣的卡片，用戶感覺索然無味。
我們通過回顧分析發(fā)現(xiàn)，原來的雙層卡翻倍玩法在界面上缺少明確的目標提示，用戶對這一規(guī)則的感知較弱，并且重復收集同一套「運」卡感覺沒有盡頭，導致動力消退；于是我們提出了多層卡闖關玩法，將中后期翻倍玩法改造成有限的4個關卡，合成卡片依次解鎖4套精致的高級卡，分多個階段給用戶目標感和新鮮感、注入新的動力，在長達10+天的活動期，不斷將用戶拉回心流狀態(tài)、保持參與熱情。同時在策略方面降低了從始至終的集齊難度，讓用戶闖關更輕松、玩得更久。
世界觀
喜歡游戲的朋友對世界觀應該并不陌生，它是游戲化運營活動體驗設計的第二要素，在第一要素玩法策略的基礎上，世界觀就像一件外衣，讓參與過程有了故事感、增添趣味、甚至打動人心。
在2022年的世界杯集卡活動中，我們構思了一個簡單的故事：集齊基礎卡后用戶解鎖一只球隊去參加世界杯，繼續(xù)集卡合成讓自己的球隊晉級，從16強到冠軍，最終根據(jù)晉級結果瓜分獎金。
你可能發(fā)現(xiàn)，這個世界觀的核心玩法與上文提到的春節(jié)集卡好像是一樣的？沒錯，我們在同一個玩法上包裝了球隊故事，讓集卡玩法完美貼合了世界杯大事件主題，也讓球迷朋友們在百度產品內感受到別樣的賽事氛圍。
這樣的世界觀是如何構想出來的呢？如果你自身想象力足夠豐富，自己天馬行空也是可行的。
而在這個項目中，我們聯(lián)動了多個職能一起進行腦暴，包括產品經理、交互設計師、視覺設計師、前端和后端研發(fā)同學，大家集思廣益，最終確定了這個球隊晉級的世界觀。
腦暴過程中，我們使用了問題引導和5W1H方法，逐步引導參與者構建世界觀。在小組討論時，基于Kano原則收斂形成最終的玩法世界觀方案。Kano原則中特別值得一提的是Aha時刻，運營玩法中的Aha時刻可以成為用戶參與過程中的一個關鍵外部動力，比如「恭喜開啟球隊」就是一個關鍵的Aha時刻，制造動力階梯，為用戶打開一個全新的挑戰(zhàn)階段。
關于腦暴方法還有很多種，例如白三角筆記法、六芒星、角色演繹等等。運營設計團隊在多個項目都有應用。
情緒體驗
前面所講的玩法策略和世界觀，對用戶的參與意愿有非常直接的影響，階段性地為用戶熱情注入新的動力。而在界面設計上，順暢而帶有驅動作用的細節(jié)情緒體驗也能起到助推作用。
在這方面，我們將前人的著名理論應用到了設計定位和方案決策中，為用戶設計出細致入微的活動情緒體驗。
其中八角行為模型理論對我們的情緒體驗設計有重要啟發(fā)，它是由游戲化和行為設計專家Yu-Kai Chou提出的，用八個維度概括了用戶的行為動機，制造情緒感受從而激發(fā)用戶行為。
八角模型的上半部分屬于白帽驅動力，讓用戶感覺積極正向、快樂和爽感；下半部分屬于黑帽驅動力，用戶感覺難以控制而焦慮；左半部分是人為制造的外部驅動力，右半部分是用戶容易被激發(fā)的內部驅動力。
每種玩法都天然具備一個較強的驅動力。我們的集卡玩法本身就具有較強的「稀缺」黑帽驅動力，因此需要在設計上制造更多白帽驅動力，來平衡「稀缺」給用戶的負面感受，使用戶愿意持續(xù)參與。
通過這一分析，在2022世界杯集卡項目中，我們的體驗設計目標也逐漸清晰了，著重加強「使命」「創(chuàng)造」和「成就」感、適當制造「未知」神秘感激發(fā)用戶的內部動力。
強化使命：前文提到的「球隊晉級」世界觀本身具備明顯的使命感，在參與流程設計上，我們特意在用戶集齊基礎卡的時刻增加了「開啟新階段」彈窗，進一步強化球隊的使命感。
塑造成就：在16強到冠軍的四個關卡上設計了晉級勛章，當用戶集齊過關時，通過勛章轉場塑造成就感，最終開獎時用戶會獲得最高勛章，輔助加強分享炫耀的動力。
場景創(chuàng)造：在高級卡階段，我們一改以往的常規(guī)卡片形態(tài)，通過球隊圖鑒的新形式，激勵用戶持續(xù)抽卡合成，填補缺失球員創(chuàng)造晉級場景，為集卡過程增添趣味性。
未知好奇：在最初交互設計階段，我們曾經糾結過這樣一個問題：“對于未解鎖的關卡，是否允許用戶看到卡片”？如果用戶最終都沒有到達這一關，我們精心設計的球員卡片豈不是很可惜。最終我們與業(yè)務討論決定在這個問題上保持未知好奇感，希望在現(xiàn)金激勵這個外部動力之外，為用戶增加一個內部動力因素，更有利于用戶深度參與。
通過這些細節(jié)設計，雖然集卡玩法的「稀缺」屬性天然存在，但增加更多積極正向的情緒體驗可以轉移用戶對負面感受的注意力，同時也讓參與過程更加豐富有趣，打造出讓人上頭的玩法體驗。
寫在最后
本文圍繞游戲化增長玩法展開其中的設計思考，提出了玩法體驗的三要素，深入剖析了心流模型、八角行為模型的設計應用。
另一方面，筆者也想傳達一個理念：我們作為設計師不僅要將交互過程和視效體驗做到極致，還要能理解業(yè)務最核心的影響要素，廣義地看設計師的個體價值，你會發(fā)現(xiàn)你能夠在項目中發(fā)揮更多作用，打造出更加優(yōu)秀的用戶體驗。
最后，感謝你能讀到這里，希望本文對你有所啟發(fā)。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
對話框是一種重要的交互方式，主要用于完成信息傳遞。對話框很常見，但并不見得每一個設計師都可以百分百地弄明白對話框這個概念。這篇文章是對「對話框」的一個簡單梳理和總結，希望可以解決大家心中的一些疑惑。
01
了解對話框
對話框是疊加在應用主窗口上的彈出式的窗口。對話框以對話的方式讓用戶參與進來，在對話中它給出消息或要求輸入。
當用戶完成消息的閱讀或者作出選擇后，可以取消或者接受該對話框，之后，這個對話框便消失了，把應用的主窗口交還給用戶。
關于對話框的概念，以下是百度百科的解釋：
對話框越來越廣泛地被應用于軟件、網頁、以及移動設備中。它可以保留用戶當前進程的情況下，指引用戶完成一個特定的操作 。
按照對話框的交互方式，可將其分為「模態(tài)[1]對話框」和「非模態(tài)對話框」。我們可以把他們看作是兩個小家族，模態(tài)家族的人比較強硬，而非模態(tài)家族的人相對溫柔一點。兩個家族的主要區(qū)別：是否強制用戶對其進行回應。
模態(tài)對話框：是位于瀏覽器的主頁面核心區(qū)域，需要用戶對它做出相應交互，模態(tài)才會消失。而對話框會因為自身的吸引程度、停留時間、信息量承載多少被劃分為多種對話框類型進行區(qū)分，常見的對話框分別為：普通對話框、內嵌表單對話框、分步表單對話框、文件選擇對話框、復雜信息展示對話框。
△ 何時使用模態(tài)對話框
1）在重要的警告時使用，避免出現(xiàn)嚴重問題、或修正已出現(xiàn)的問題。
例如：用戶錄入信息后未保存就要關閉時，彈出模態(tài)對話框提示用戶保存。
2）在需要用戶輸入信息或進行某操作，才能繼續(xù)當前流程的時候使用。
例如：在使用Canva資源網站時，點擊“上傳”會彈出模態(tài)化的登錄/注冊窗口，引導登錄/注冊后使用。
3）用來將復雜流程拆分成簡單步驟。
例如：Teambition-分步驟的模態(tài)對話框式創(chuàng)建項目。
4）用來獲取信息，該信息可大大減輕用戶的后續(xù)操作/精力。
例如：在轉賬場景中，如果先復制一個賬號，打開手機銀行APP（以招商銀行或平安口袋銀行為例），系統(tǒng)會通過模式對話框詢問用戶是否向這個賬號轉賬，這樣的設計做到了預判用戶行為，節(jié)省用戶后面的操作成本。
非模態(tài)對話框：與模態(tài)完全相反，它更加溫和，不會強制打斷用戶正在進行的現(xiàn)有流程，對用戶的干擾比較小。通常這類對話框只會在屏幕上短暫停留，幾秒就會消失，也因此用戶容易忽略它們的存在。因此非模態(tài)對話框不適合展示重要信息、不能承載大量文案，常見的類型有：通知提醒、全局提示、警告提示、氣泡卡片、文字提示。
△ 何時使用非模態(tài)對話框
1）在獲取與當前流程不必要信息的時候使用。
例如：平安口袋銀行和平安數(shù)字口袋采用氣泡卡片展示更多功能或引導用戶登錄。
2）不打斷重要流程中使用。
例如：在平安口袋銀行APP中購買理財時，如果遇到疑問的話，不會彈出框提示讓客戶咨詢投顧，而且采用氣泡框形式提示，不打斷用戶購買。
簡單來說，兩者的優(yōu)缺點見下表：
02
從前面講到的定義來看，對話框最主要的目的是：傳遞信息。那么從目標導向的角度來看對話框，對話框要傳遞的信息的常見應用場景主要有以下五種：
屬性對話框是向用戶呈現(xiàn)或讓用戶改變所選對象的屬性或者設置。一般來說，在屬性對話框中，用戶可以修改當前的選擇，也可以設置應用程序的全局屬性。該對話框適用于非頻繁操作和或僅需要設置一次的屬性，屬性對話框常見在一些設置、詳情中。
例如：Windows 11系統(tǒng)的設置界面，可設置系統(tǒng)的全局屬性。
功能對話框通常從菜單中打開，是最常見的模態(tài)對話框，只控制單一功能，如打印、文件上傳/導入、插入對象或拼寫檢查。該對話框不僅允許用戶啟動一個動作，而且也允許用戶設置動作的細節(jié)，屬于模態(tài)對話框。
例如：瀏覽器的打印功能，會彈出模態(tài)化的打印窗口，用戶可設置打印的細節(jié)。
例如：飛書的文檔導入功能，使用模態(tài)化對話框，引導用戶選擇文件類型或進行批量導入操作。
進度對話框是由應用程序啟動的，而不是由用戶請求而啟動的。它們向用戶表明當前應用正在忙于某些內部功能，其他功能的處理能力可能會降低。
每個進度對話框都應該向用戶清晰地展現(xiàn)如下信息：
例如：使用Axure軟件導出html文件時的進度提示，既提醒用戶當前Axure正在運行，又告知用戶當前文件導出進度。
例如：使用Sketch軟件導出文件時的進度提示
通知對話框將一些重要信息報告給用戶。來源可以是一些觸發(fā)的事件，也可以是其他用戶的通知。
常見的有通知中心對話框，處理完成某個操作的告知等等。
例如：花瓣的通知提醒
例如：脈脈的隱私政策閱讀提示和汽車之家的開啟通知提示，均采用模態(tài)對話框方式。
公告對話框，和進度對話框一樣，由應用程序直接啟動，不是由用戶請求發(fā)起的。公告對話框有三種：錯誤、警告、確認。
這種對話框通常不會要求用戶填寫什么，只會詢問你“真的要進行嗎？”或者告訴你一件事情。所以在這種對話框上，一般只會有只有[取消]和[確認]，或者[OK]。
屬性、功能、進度對話框，是用戶主動請求的--它們?yōu)橛脩舴?/strong>。但是，應用程序發(fā)起的公告對話框--它們?yōu)閼贸绦蚍?，常常會犧牲用戶利益?/strong>由于公告對話框比較常見且常常犧牲用戶利益，那么我們怎么把這些討厭且無用的公告對話框直接鏟除掉，換成更加友好、能給用戶帶來真正幫助的交互方式呢？接下來我們來一起看看怎么讓公告對話框“名聲鵲起”。
03
我們可以從應用本身和對話框本身著手提供友好的交互方式，減少公告對話框的出現(xiàn)頻率。
解決用戶錯誤的方法不是指責用戶，讓用戶再認真一些，或者給他們更多的指導練習，而應該優(yōu)化應用設計，讓犯錯變得困難。
示例：登錄藍湖時的短信驗證碼輸入框
示例：轉賬時輸入金額的數(shù)字鍵盤，金額大小的位數(shù)提示；平安口袋銀行的身份證號專屬鍵盤。
示例：輸錯密碼是一個很難避免的錯誤場景，語雀密碼登錄支持可見密碼，一來是考慮安全問題，二來在用戶輸錯的場景下可以打開眼睛，即可見密碼，減少出現(xiàn)錯誤頻率。
示例：在支付寶聊天窗輸入一串數(shù)字，支付寶發(fā)現(xiàn)這個問題后，提供了識別后直接轉賬的功能，預判了用戶的慣性，減少錯誤發(fā)生。
Zoom - 拉會前預設值在加入會議室的界面，提前選擇是否在進入會議房間后“不自動連接語音”和“保持攝像頭關閉”，有效避免忘記閉麥或者忘記關攝像頭就直接加入了線上會議的意外尷尬。
在很多破壞性的操作都會二次進行提醒，讓用戶確認操作，比如說刪除操作。在刪除之前都會詢問用戶“你真的要刪除嗎？”想一想……你在看到這些提示的時候，是不是眼疾手快地按下那個「確認」按鈕？
這種對話框在沒有容錯處理時，非常容易被我們這種無腦按「確認」的用戶釀成大錯。比如我“手賤”只是試試這個刪除，然后就把某個表幾千條辛苦寫了一個月的數(shù)據(jù)刪掉了，由此可見系統(tǒng)的容錯處理有多么重要。
示例：Windows系統(tǒng)在早期的時候，刪除文件時會讓用戶進行二次確認，但這是完全沒必要的，因為刪除文件不是真正的刪除，還會在回收站里面。
Mac系統(tǒng)：在回收站刪除文件將是永久性刪除，此時的確認對話框才是對用戶有用的。
從對話框本身的設計優(yōu)化出發(fā)，我們可以對話框的使用場景和文案方面著手進行優(yōu)化設計。
其實什么時候使用對話框、是否使用取決于你要給用戶展示的信息是否重要。
例如你在手機上買了一張電影票，支付失敗的結果如果用toast展示就會容易被用戶忽視。那么等到用戶到了電影院才發(fā)現(xiàn)自己購買失敗，那么用戶極有可能當場卸載你的產品。
模態(tài)彈框會打斷用戶當前操作流程，所以「使用對話框要克制」?？傇瓌t是：能在界面展示就不用彈框，能用非模態(tài)彈框的就不要用模態(tài)彈框?？傊?，重要的信息優(yōu)先考慮使用對話框。
具體的使用原則有：
如果非要使用對話框，那么請使用友好尊重用戶的方式。當我們說到人與人之間的交流時，語言是重要的媒介，而用戶與產品之間同樣如此。
在設計過程中應始終努力設計出有效的提示性文案，但是, 一定是有比沒有要好嗎？個人認為也是不必要的，糟糕的提示性文案甚至會破壞產品中最好的用戶體驗。例如以下幾種情況：
因此糟糕的提示文案設計會誤導用戶在產品中采取不必要的操作, 從而使他們感到生氣和困惑，甚至可能會破壞品牌對用戶的忠誠度，產生本末倒置的結果， 也給用戶帶來不佳體驗。
所以，語言是使產品更加人性化的主要因素。產品的文案則充當了語言的角色，它可以使用戶參與其中，影響他們的情緒，并把這種人機的功能性關系轉化成人類的個人情感體驗。而這種用戶的情感體驗才能夠真正的彰顯品牌個性，從而與其他產品區(qū)分開來。
△ 錯誤提示設計三步法
總結：
對話框可以成為幫助用戶完成目標的有用助手，而不是讓他們在每一步操守挫敗的可怕絆腳石。通過保持對話框的可管理性，并且只有在他們的功能真的屬于另一個房間的情況下才調用他們，你將很好地維持用戶的工作流狀態(tài)，保證他們會成功完成任務，并且滿懷感激。
作者：DESIGN阿志 來源：站酷網
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
作者：茗茗兔 來源：站酷網
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
設計過程被描述為多個階段，每個階段都包含不同的活動來完成該階段，它沒有統(tǒng)一的標準流程，每個公司和設計師都有自己的流程版本。
盡管存在多個流程，但一般流程和階段類似于以下內容:
了解問題：初步了解問題。觀察、采訪和傾聽用戶。
定義問題：解釋和定義要解決的問題。
構思：通過頭腦風暴產生盡可能多的想法。
原型設計：構建原型并與其他人分享（ 再次縮小解決方案空間，為實驗階段 ）。
測試：測試可能的解決方案、實施、改進或重新設計。
傳統(tǒng)的問題解決采取有條不紊而又科學的形式。該過程從一個問題開始，定義要采取的步驟以及達到解決方案的工具或方法。
設計思維是一種創(chuàng)造性的策略，可以產生創(chuàng)造性的未來結果和/或創(chuàng)造性的問題解決方式，它應該被認為是一種以解決方案為中心的思維策略。
它通常被描述為一種創(chuàng)造性、主觀和感性的對許多大型組織的分析邏輯（ 布朗，2008 年 ），或作為分析和創(chuàng)造性推理模式的組合（ 鄧恩 & 馬丁，2006 年；利特卡，2015 年 ）。
設計思維來源于常規(guī)問題解決方法，常規(guī)問題解法是設計思維的基礎。
從解決問題到設計思維，Liedtka (2013)
結果發(fā)現(xiàn)，設計思維實際上也是一個解決問題的過程，而不僅僅是一個創(chuàng)新過程（ 利特卡，2013）
一個例子是，豐田采用設計思維從頭開始分析其西海岸的一個客戶聯(lián)絡中心，在重新設計過程中，組建了一個由一線呼叫代表、軟件工程師、業(yè)務主管和變革代理組成的跨職能團隊，這一舉動最終改變了客戶和員工的服務中心體驗。
我們每天都會遇到問題，但是當我們解決同樣的問題時，它們就成了例行公事（ 似乎已經忘記它們是問題了 ），我們甚至都沒有意識到正在解決這些問題。例如，我的辦公室在 30 分鐘路程之外，該怎么到達那里？開車、坐火車或巴士到目的地；除非車子輪胎被刺破，否則你就需要弄清楚如何到達辦公室。
1990 年代，IDEO 的 David Kelley 和 Tim Brown 與 Roger Martin 共同創(chuàng)造了特定術語：“設計思維”，并將多年來醞釀的方法和想法封裝成一個統(tǒng)一的概念。
設計思維是以人為中心、開放式、基于問題的方法論。這種方法最初是為了改變工程教育中的教學方式，而工程師處理和解決問題的方式有其設計思維的基礎。
設計思維一詞可以追溯到 1987 年 Peter Rowe 的著作：“設計思維?！?他描述工程師和建筑師處理問題的方法有很大不同。
90 年代初，認知科學家 Don Norman 加入 Apple 團隊，擔任他們的用戶體驗架構師，這使他成為第一個在職位中包含 UX 的人。他提出了“用戶體驗設計”這個術語，因為他想“涵蓋人們對系統(tǒng)體驗的所有方面，包括工業(yè)設計、圖形、界面、物理交互和手冊。” 從那時起，這些領域中的每一個都將用戶體驗，擴展到了自己的專業(yè)領域。
設計思維在解決“棘手問題”時特別有用。
棘手問題的特征
“棘手問題”一詞是由設計理論家 Horst Rittel 在 1972 年創(chuàng)造的，用來描述本質上非常模糊 \ 特別棘手的問題。棘手問題，有很多未知因素，沒有確定的解決方案。問題或解決方案可能與另一個棘手的問題有關，因此這是一個需要設計思維的持續(xù)過程。貧困、饑餓和氣候變化是一些現(xiàn)代的棘手問題。
設計主題的范圍是普遍的，因為 設計思維可以應用于人類經驗的任何領域。
它可以用于：
符號和視覺傳達：這包括平面設計的傳統(tǒng)工作，如排版和廣告、書籍和雜志制作、科學插圖、攝影、電影、電視和計算機顯示。
材料：這包括對日常用品的形式和視覺外觀的傳統(tǒng)關注 —— 服裝、家用物品、工具、儀器、機械和車輛。
人類活動和組織性服務：包括對物流的傳統(tǒng)管理關注，結合物質資源、工具和人類低效的序列和時間表，以達到特定的目標。
復雜的系統(tǒng)或環(huán)境：生活、工作、娛樂和學習。這包括系統(tǒng)工程、建筑和城市規(guī)劃的傳統(tǒng)關注點，或復雜整體部分的功能分析及其隨后在層次結構中的集成。
設計思維起源于設計師的培訓和專業(yè)實踐，但這些原則可以被每個人實踐并擴展到每個活動領域。（布朗，2013 年）
在企業(yè)中，設計過程可以為企業(yè)環(huán)境中的問題解決帶來創(chuàng)新思維。它還可以用于醫(yī)療保健，通過向護士、醫(yī)生和管理人員教授設計思維技術，我們可以激勵相關從業(yè)者貢獻新的想法。
不管是什么設計，理解和研究問題是必不可少的，因為我們能夠從其出發(fā)，從而進行以用戶為中心的設計。
設計思維的最早階段是搞懂你能帶來的情感價值。設計思維方法迫使你停留在提問與質疑階段，而不是準確定義出問題后進入下一階段。我們都有過快進入解決方案模式的傾向，所以設計思維方法迫使你真實地存在于這個不清楚、有時還非常混亂的時刻，從而使你對要解決的問題產生更好的理解。（利特克，2013）
傳統(tǒng)的問題解決涉及提出一個解決方案，但設計思維首先使我們發(fā)散，試圖為問題生成各種可能的替代解決方案。然后讓我們進行收斂性思維，縮小多種可能性，找到單一的最佳解決方案。
根據(jù)利特卡和奧美 (2011) 的說法，設計思維的全部意義在于學習一種新的、系統(tǒng)的解決問題的方法。正如我們思考創(chuàng)造力一樣，即使是設計思維也可以通過實踐來教授和改進。
設計過程從來都不是線性的，它由多次失敗和迭代組成（布朗，2018）。
首先，設計師試圖將問題與過去的類似案例聯(lián)系起來。如果這種方法不能提供任何解決方案，下一步就是使用知識和創(chuàng)造力作為一種實驗思維形式來產生新的想法。使用決策矩陣對這些想法進行評估，從而會產生被進一步分析和測試的解決方案。如果成功，它將被實施。如果不成功，則需要重新表述問題，并重復該過程。這是一個迭代過程，即循環(huán)方法。
這一持續(xù)不斷的重新再設計過程，源于和客戶親密接觸的洞察。
學習設計思維不僅僅意味著學習一套新的工具。它還意味著：學習收集和分析大量數(shù)據(jù)；學習挖掘對象可能的形態(tài)而不是自主認為他是什么；學習管理不確定感，以及與許多新的伙伴合作（ 利特卡和奧美，2011）。你可以進行的研究類型分為三類：生成性研究、評估性研究和驗證性研究。
一種常見的表述 —— 實際上是設計思維的另一種視角 —— 即設計師應該預料到會“很快失敗或經常失敗”（布朗，2009）。
當過程早期發(fā)生故障時，例如被拒絕的原型，實質上它可以為有效解決方案提供關鍵見解。這種觀點與傳統(tǒng)的先形成理論，再檢驗正誤的方式相矛盾。
Airbnb、Braun 和百事可樂等多元化公司都在 采用設計思維并將其作為核心戰(zhàn)略。例如，IBM 為全球旗下的 44 個設計工作室聘請了 1600 名設計師，并且正在培訓數(shù)以萬計的設計師員工建立深度創(chuàng)新能力 ( O'Keefe, 2017 )
設計思維為我們解決問題添加了以人為本的元素。當我們試圖通過牢記人們的想法來解決問題，并使用基于直接觀察乃至訪談的研究時，我們便會捕捉到與消費者需求一致的意外見解和創(chuàng)新。
它有助于將成功的產品更快地推向市場，最終節(jié)省企業(yè)資金。
IBM 的健康和人類服務組織的設計思維實踐，通過有效使用設計和設計思維幫助企業(yè)將缺陷數(shù)量減少了 50% 以上。這種更高效的工作流程導致計算出的 ROI 超過 300%。
由于復雜的問題從來不能被所有人完全理解，因此在嘗試設計解決方案時，處理歧義和多個并發(fā)的思路方向的能力是至關重要的素質。
設計思維通過綜合和歸納思維，幫助實現(xiàn)質的飛躍。它允許通過解構來測試約束，并允許通過多樣性思維和批評思維，來擁抱和探索歧義。
消費者通常不知道他們有什么問題需要解決，或者他們無法用語言表達出來。只有經過仔細觀察，設計者才能根據(jù)真實消費者行為中看到的東西來識別問題，而不是簡單地根據(jù)對消費者的想法來確定問題。這有助于定義模棱兩可的問題，并找到解決方案。
該方法鼓勵“跳出框架思考”（“瘋狂的想法”）；它蔑視顯而易見的事物并采用更具實驗性的方法。
在早期的流程階段鼓勵大膽的想法，以產生創(chuàng)造性的解決方案。使用它是為了讓設計師可以嘗試開發(fā)新的不受約束的思維方式，或對常見問題的創(chuàng)新解覺方法。
根據(jù)大多數(shù)設計學院的說法，具備特定特質的人能夠更好地發(fā)揮設計思維的作用。
同理心：從多個角度想象世界 —— 同事、甲方客戶、實際使用者和消費者的角度。要成為更好的同理心，必須傾聽和觀察他人的行為，注意并獲得洞察力。
綜合思維：重要的是不僅要有分析能力，而且要能夠提出新穎的解決方案，還要憑直覺。
樂觀：除非你相信有解決方案，否則在遇到挑戰(zhàn)且解決方案遇到瓶頸時，你可能會放棄。
實驗主義：重大創(chuàng)新并非來自漸進式調整。設計思想家以創(chuàng)造性的方式提出問題并探索限制因素，并朝著全新的方向發(fā)展。
協(xié)作：產品、服務和體驗日益復雜，因此必須擁有一支具有不同背景的團隊，以幫助從多個角度看待問題。
當我們想到一個問題的多種解決方案時，對我們解決問題會非常有幫助，因此“功能固定性”阻止了我們以新穎的方式使用舊工具解決新問題。想要擺脫功能固定，首先是要讓人們可以使用“改造后的衣架進入上鎖的汽車”。這也是盜賊第一次可以用信用卡撬開簡單的彈簧門鎖。
為了幫助設計師利用文科和技術理論，整合多個領域的知識以找到創(chuàng)新的解決方案，我們采用設計思維來獲得洞察力。該方法側重于可視化和操作，因而幫助我們更容易地了解實際解法，而不僅僅是理論模型。
第一批美國公司在 2000 年代初期開始實施設計思維，這一概念引起了德國投資者 Hasso Plattner 的興趣，他于 2006 年資助創(chuàng)建了兩所設計學校（d.schools），其中一所位于波茨坦大學（德國），另一所位于美國斯坦福大學。由于兩所學校都成功地為大型組織提供了高管設計思維培訓，因此該研究重點關注這些國家，以尋找早期實施者。
設計思維通常涉及希望參與整個設計和開發(fā)過程的龐大利益相關者團隊。
觀點、才能和經驗的多樣性被認為是注入新思維的部分重要來源。多樣性確保通過融合不同的觀點、技能和知識來產生創(chuàng)意（卡振思，2018 年；薩梅和德拉赫-扎哈維，2013 年）。設計思維的協(xié)作方法和工具可幫助團隊以積極的方式利用他們的差異。
決策是平等的，因為每個成員的意見都被征求和使用（卡爾格倫等，2016）。
當 IDEO 去 Apple 展示他們的鼠標時，它不是什么花哨的設備，而是一個用膠帶粘起來的原型。
低保真原型制作起來既快速又便宜（ 想想幾分鐘和幾分錢 ），但可以從用戶和同事那里得到有用的反饋，這符合快速驗證、廉價試錯的原則。為每個想法投入盡可能少的資源意味著前期投入的時間和金錢更少。此外，將多個原型帶到現(xiàn)場進行測試為用戶提供了比較的基礎參考，同時也有助于揭示某些需求。
為了創(chuàng)新，設計思維意識到認知和行動對創(chuàng)新過程很重要。認知包括接受度、樂觀和創(chuàng)造性的信心（ 凱莉 & 凱莉，2013；鄭，2018），而行動包括快速原型設計、旅程地圖和假設浮現(xiàn)（ 假設浮現(xiàn)：assumption surfacing，這是一種評估技術，涉及寫出潛在的假設和反假設。）（ 卡爾格倫等，2016；利特卡，2015）
如果領導層不歡迎風險、模棱兩可和風格的改變，實施起來就會變得更加困難。它會被管理者“質疑”其具體指標
沃爾特斯 ( 2011 ) 聲稱，由于設計思維的模糊性，它與組織文化相沖突。
據(jù)受訪者稱，在日常業(yè)務中使用設計思維之所以不會是最優(yōu)選項， 因為它是資源密集型的，增加了工作量。（ 麗莎等，2016）
在醫(yī)療保健等規(guī)避風險的行業(yè)和公司中，“經常和早點失敗”的方法被認為是非常困難的。
許多設計師反對設計思維這一觀點，設計思維不僅關乎一個過程，而且關乎改變思維過程并提高人們可能提出的解決方案的創(chuàng)造力。
“設計思維”的推廣已被大型全球公司用來增加業(yè)務。不過，在更廣泛的設計世界中，我甚至會說“設計思維”的過度宣傳導致了所提供設計質量的下降。—— Yasushi Kusume
弗吉尼亞理工大學科學、技術和社會助理教授 Lee Vinsel 在《設計思維運動是荒謬的》中寫道，“歸根結底，設計思維與設計無關。這與文科無關。這與任何有意義的創(chuàng)新無關。如果這意味著重大的社會變革，那肯定不是關于“社會創(chuàng)新”。這是關于商業(yè)化的?！?
觀察人們的行為以及他們如何與環(huán)境互動，可以為你提供有關人們想法和感受的線索。
你可能認為你知道問題所在，但只有通過觀察才能了解消費者真正需要什么。
宜家派設計師到人們家中，觀測他們的互動行為來了解他們的需求。這將使設計者能夠推斷這些經歷的無形含義，以發(fā)現(xiàn)洞察。這些洞察提供創(chuàng)新解決方案的構思方向。而事實上，最好的解決方案來自于對人類行為的最佳洞察。
Good Kitchen 是一家為老年人和體弱者提供膳食的社會服務機構。起初的問題似乎是設計不當?shù)纳攀巢藛巍Ｈ缓笤O計思維揭示了無數(shù)問題，所有問題都源于服務本身的性質。因此，經由對服務進行了徹底改革的之后，最終提高了客戶和員工的滿意度
作者：用盡晴天 來源：站酷網
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
我們在工作中經常遇到的一個詞，就是“產品NPS滿意度調研”。在部分項目缺少專業(yè)用研人員時，設計師、產品經理則經常會接受上級的要求，投身于NPS調研工作。我也曾在2022年度的時候突然接到網易內部某辦公產品的年度NPS調研的任務。
那么，NPS調研究竟該怎么做？下面就根據(jù)我的個人經歷復盤，來重溫一下NPS的調研方法。
NPS的核心就是：調研用戶對你產品的忠誠度。
如何計算NPS值？我們一般通過詢問用戶“是否愿意向朋友推薦我們的產品和服務？”來獲得評分，并根據(jù)評分將用戶分為三類：
9～10分的是推薦者， 是產品忠實地用戶；7～8分的是被動者，他們很容易被競品吸引走；0～6分的是貶損者，他們更有可能去傳播產品的負面信息。
NPS最終的分值等于“推薦者占比”減去“貶損者占比”。
想要做NPS問卷調研，一定要確保它結果的科學合理性，這樣才能在匯報時，經得起別人的挑戰(zhàn)。下來我們就來看一看，需要注意哪些點。
對于一次問卷調研，如果回收的數(shù)量太小，那么最終得到的評分也不足以客觀的評價產品的真實體驗。那么，我們需要回收多少份問卷才能夠達標呢？
具體的詳細規(guī)則就不一一細說了，感興趣的童鞋可以去搜一下“樣本數(shù)量計算”的相關資料，這里只給出一個快捷的計算地址：https://miniwebtool.com/zh-cn/sample-size-calculator/，在樣本的計算公式中需要我們填寫3個數(shù)值，大家可以通過輸入下面的數(shù)據(jù)快速計算出樣本：
總體數(shù)量：也就是我們的用戶總數(shù)，如果很大或者你不知道是多少時可以為空；
置信水平：一般通用值填寫95%；
置信區(qū)間：一般通用值填寫5%；
通過以上公式計算出的樣本數(shù)量，就是你本次問卷需要回收的最小數(shù)值。以當時我們產品2W的用戶體量為例，我的問卷至少需要回收到376份，才可以相對準確的保障本次問卷結論合理有效。
可是回顧產品項目歷史問卷的回收量，居然沒有一次的數(shù)量能夠達標。那么，麻煩的問題又來了，我該如何回收到這376份問卷呢？
（2）如何提升問卷回收量？
為了提升問卷回收量，我開始查找資料、咨詢用研童鞋、對比歷史問卷數(shù)據(jù)，尋找能使問卷回收量達標的辦法。
a. 精簡提煉問題，降低問卷跳出率
縱觀歷史數(shù)據(jù)，我們發(fā)現(xiàn)在項目前幾次調研中，存在一個普遍的現(xiàn)象，就是問卷的跳出率一直很高，持續(xù)在70%～80%之間，是什么導致了這種情況呢？
最重要的一點就是：問卷的題目太多、內容過于復雜。用戶點進問卷后，發(fā)現(xiàn)填寫過于麻煩，便直接退出了。
所以問題的精簡提煉是優(yōu)化的第一步，結合產品22年的大目標，剔除掉歷史問卷中關聯(lián)度較低的問題設置，漸將NPS的調研題目縮短至兩題：NPS值評分&開放式反饋。
在精簡至這一步的時候，我們也遭到了許多質疑：只有2兩道題，能支撐起NPS的數(shù)據(jù)統(tǒng)計嗎？
現(xiàn)在就來答疑解惑一下，按照NPS的問卷調研要求，核心問題必須具備三大塊：“篩選目標用戶、NPS評分&分支維度、補充型問題”。
首先，由于我們的推送渠道是網易內部員工的POPO服務號，這基本就可以確定填寫者都是產品的用戶；問卷通過企業(yè)openID登陸，我們可以通過后臺的用戶使用頻率進行篩選，既可以區(qū)分用戶層級，又可以篩查出久未使用的用戶問卷，所以“篩選目標用戶”的題目便被后臺處理所取代。
其次，我們將NPS的“分支維度題”&“補充型問題”作了結合，合并成一道針對NPS具體得分設置的三類評分用戶各自專屬的開放式反饋題：
【9～10分】的推薦者：感謝您的評分，您愿意推薦我們的主原因是什么？我們還有哪些需要改進的地方？
【7～8分】的被動者：我們在哪些方面優(yōu)化會增強您推薦的意愿呢？
【0～6分】的貶損者：很抱歉給了您不好的體驗，請問您不愿意推薦我們的原因是什么？
通過以上三條分支的后續(xù)追問，我們就可以得到”用戶推薦的亮點”，“可優(yōu)化的改進點”和“不滿意的缺點“，便于接下來的分析與優(yōu)化。
b. 選擇合適的推送渠道
完成問卷內容的制作之后，接下來就是推送渠道的選擇。當前公司內部常見的問卷渠道有：站內信、應用banner位、網易郵箱、POPO服務號等，選擇一個曝光力度最大的渠道，會使關注到問卷邀約的用戶大幅增加，那么回收率也會相應提升。
按照我們產品歷史不同渠道的問卷回收數(shù)據(jù)查看，POPO服務號的曝光度是最大的，最近一次的服務號推送回收數(shù)據(jù)達到了180份。所以，本次的問卷發(fā)放渠道仍然選定POPO服務號來完成，但180份這個數(shù)據(jù)值距離我們的目標還差得遠，接下來則是調整推送時間。
c. 選擇干擾性較小的推送時間
選擇一個合理且干擾性較小的時間段發(fā)出問卷邀約，用戶才會更可能的接受本次調研。通過調研周圍同事的工作習慣、以及詢問其它產品服務號的反饋數(shù)據(jù)對比，我們得出了最佳的時間點：5:45PM。推測可能是由于臨近飯點，所以在此時間段的問卷邀約，會得到最大的反饋率。
d. 增加獎品吸引，提升用戶填寫意愿
經過上述的優(yōu)化調整之后，我們仍然在擔心問卷能否回收到376這個數(shù)字。畢竟在大家日常生活及工作中，所接觸到的信息干擾越來越多。對于各方產品投來的問卷邀請，測評邀約等，可能已很大程度上使用戶形成了厭煩心理，這樣的情況會導致用戶遇到你的問卷推送時，大概率選擇“無視”，甚至“取關”。
針對可能出現(xiàn)的這種情況，我們增加了關鍵的一項“刺激因素”：獎品吸引。通過獎品運營，讓用戶重拾填寫的興趣，增加問卷參與者。
除了問卷的回收數(shù)目要求之外，我們還需要注意問卷的調研頻率。
我們產品在2022年度是按季度展開調研活動的，但是我們從中發(fā)現(xiàn)了一些問題。由于版本的發(fā)布時間不固定，按照季度來定期調研可能會導致新功能還未被用戶充分體驗的情況，不僅無法收獲更多有效信息、浪費資源，還會使被調研者有一種“反饋不被重視”的感覺。
對此我們重新調整了調研頻率規(guī)劃，按照“版本覆蓋率”&“反饋消化程度”來合理觸發(fā)新一輪的NPS調研。確保每次調研的前提條件一定是上一個版本PC端覆蓋率高于70%，且上一次問卷反饋已基本處理完畢后，才可以開啟下一次的調研。
經過上面的問卷優(yōu)化調整，產品2022年度NPS的問卷回收數(shù)達到576份，達到了最小回收數(shù)376份的目標。接下來，最重要的階段，則是如何通過回收到的問卷，來正確的分析出結果、提出關鍵性結論為產品提升質量了。那么我們該如何分析問卷數(shù)據(jù)呢？
回收問卷后的第一步，就是需要對問卷數(shù)據(jù)進行預處理，檢查是否存在無效問卷、異常反饋等。例如：問卷題目大量漏填、相似答案過多、答題速度過快……這些問卷都應該被算作“無效樣本”被作廢處理。如果不做這一層數(shù)據(jù)清洗的準備，那么得到的結果就很容易被這些無效樣本所影響。
我們產品曾經在22年Q3的一次線下活動中發(fā)起了NPS問卷調研的地推，并搭配上獎品獎勵。但由于周圍有很多其它公司內產品攤位都增設了獎品激勵的內容，造成參與者產生速戰(zhàn)速決的心態(tài)。問卷NPS值一度飆升至70+，卻多為無效反饋，導致此次調研只能作廢重來。
過篩掉“無效樣本”后，接下來我們就需要對問卷數(shù)據(jù)進行具體分析了。
（1）NPS得分：
NPS的分值肯定會是大家最關心的數(shù)據(jù)，當這個數(shù)字出來之后，我們需要與歷史值做下對比，是提升還是下降，這將會是一個很直觀的趨勢對比。如果沒有歷史值比較，那就按照一個大致的區(qū)間評估范圍：
【低于0分】：貶損者超過推薦者，用戶滿意度堪憂；【0～30分之間】：產品不錯，但仍有改進空間；【30～70分之間】：產品在用戶滿意度方面做得很好；【高于70分】：太棒了，你的大多數(shù)用戶都是產品擁護者！
當然，我們不能僅憑一個分值去主觀的斷定該產品的好與壞，還需要關注該產品所在行業(yè)的均值。也就是各年度的行業(yè)凈推薦值基準，將自己的分值與行業(yè)基準分數(shù)比較之后，才能得到一個更加客觀的評分。
（2）反饋數(shù)據(jù)整理：
問題的分類整理是調研結論的核心工作，公司內部常用的問卷平臺，例如：小易問卷、網易定位等，它們會幫助我們進行很多基礎類的整理分類，這將會節(jié)省很多人力成本。
對于反饋梳理，我們也可以嘗試不同的角度，來助力大家快速定位核心問題所在：
a. 站在用戶層面看反饋
站在不同用戶群體的層面去看總反饋的占比，比如：問卷的全部用戶、推薦者用戶、被動者用戶、貶損者用戶；這四個用戶群他們的高頻關鍵字都是什么？
高頻的負面反饋當然是團隊未來需要投入優(yōu)化的具體項；那么對于一些正面反饋，例如產品回收到的問卷中，我們發(fā)現(xiàn)大量推薦者提到“VPN功能比將軍令更加快捷，穩(wěn)定”，這一點就可以成為我們未來增長、運營的發(fā)力點。可以通過VPN功能的宣傳推廣，來吸引更多用戶轉化為品牌的擁護者。
b. 站在反饋層面看用戶
查閱具體問題的用戶占比是為了更快的抓住產品核心痛點與爽點，如果出現(xiàn)某一類問題明顯“某一類用戶”占比偏大，那就需要格外關注了。
本次調研中我們發(fā)現(xiàn)了用戶反饋的“后臺監(jiān)控掃描設備應用”這一問題的“貶損者”占比接近91.6%，這就證明該問題一旦出現(xiàn)，用戶大概率會直接放棄使用我們的產品，這一反饋是值得產品團隊注意的致命痛點。
完成了問卷的總結分析之后，這些數(shù)據(jù)還有進一步的利用價值。
通過NPS的反饋評論，結合產品后臺的用戶行為數(shù)據(jù)分析，就能快速定位出那些對產品使用與調研具有強烈參與意愿的用戶了，而他們就是產品珍貴的建議者。
我們要學會充分利用這些“珍貴用戶”，大膽的邀請他們加入產品的后續(xù)互動：問題回訪、用戶訪談或者新功能內測體驗等等……他們大概率不會拒絕我們的邀約，而且后續(xù)的互動會更加提升他們的參與感，為產品獲得更多的擁護者。
作者：茗茗兔 來源：站酷網
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
你可能認為，搜索不就是一個矩形框+放大鏡圖標再加一個占位符不就搞定了嗎？
經過多年的設計工作頻繁設計搜索功能后，我發(fā)現(xiàn)在不同類型的產品中搜索框的交互方式、視覺樣式都有所不同，且用戶在搜索前、搜索中、搜索后都需要注意用戶在搜索各個流程中的可能操作，包括正向流程、反向流程。
搜索框的設計并不簡單，很多的細節(jié)需要設計師去注意和思考的。下面總結一下我在設計搜索框的經驗，分享給大家。
友情提示：文章尾部有福利相送，不要錯過~
搜索是用戶將查詢的信息輸入搜索器中，搜索引擎就會在約定的規(guī)則下將獲取到的信息反饋給用戶的過程。
搜索是B端產品中非常重要的一個功能模塊，通過搜索框用戶可以快速找到或者篩選出自己想要的內容，在引導用戶走向方面起到了絕對性的作用。
體驗設計中有個概念叫用戶分層，即便是同一個頁面，我們也需要去細分不同的場景對用戶做分層，為不同的用戶做設計，搜索功能就是最好的為有明確目標的用戶分層的設計。
搜索功能的用戶分層可分為幾種場景：
搜索首先要確定哪幾個字段可以被搜索到，名稱？編號？等等...
有明確目的型用戶在進行了搜索這個行為后，便生成了搜索歷史。因此，我們可以通過挖掘用戶搜索行為背后的目的，來分析為什么使用不同的布局。
模糊搜索使用的頻率居多，畢竟有時候用戶不一定可以精準的記住想要搜索的準確信息。不過也不是絕對的，兩者皆可選擇，可根據(jù)產品場景選擇。
搜索功能可以簡單地輸入，快速輸出，只要幾個關鍵字就可以獲得符合用戶需求的內容，將原有的用戶行為成本轉移給系統(tǒng)，從而讓使用體驗更加快捷、輕松。
同時語音輸入和拍照搜索進一步降低了用戶行為門檻。
搜索功能可以幫助用戶快速定位信息，從而提高了用戶對內容的觸達效率。常見的例子就是：bi?r用戶有明確的購物需求時，不需要一步步點擊商品分類，選擇商品類型、品牌等信息，就可以快速直達自己所需的商品。
所以，搜索框的體驗如何，決定著B端產品解決問題的能力、效率以及用戶的使用頻率。
好的搜索框一方面能幫助用戶節(jié)約時間成本，讓用戶在大量且復雜的信息中篩查所需目標，提升用戶體驗；另一方面，還能協(xié)助產品收集用戶行為目標并做好數(shù)據(jù)埋點，為后期的更新迭代提供強有力的依據(jù)。
除了設計方式外，搜索還涉及到結果信息的數(shù)據(jù)匹配規(guī)則，受到算法精準性、商業(yè)化干預程度的影響，設計師同樣需要關注搜索結果如何更好地匹配用戶的精確搜索、模糊搜索需求，以從信息設計層面提升用戶體驗。
搜索流程，即搜索前、搜索中、搜索后的頁面跳轉以及搜索框形態(tài)的變化。
對應的就有：搜索入口——搜索推薦頁——搜索聯(lián)想頁——搜索結果頁——搜索結果頁返回。
設計師想要設計流暢的搜索體驗是無法避開梳理搜索流程的，考慮完整的搜索鏈路和用戶關鍵體驗路徑，并且設計出對應的所有細節(jié)，將搜索功能的價值發(fā)揮到最大化。
對于搜索系統(tǒng)來說，整個流程可以分為三步，分別是：
B 端業(yè)務中搜索使用的場景有兩類：一類是全局搜索，一類是頁面局部搜索（常見的有列表搜索、表單搜索）。
對于B端系統(tǒng)中模塊分類較多，所涉及到的內容比較全面的，一般會選擇全局搜索，全局搜索是通過關鍵詞匹配全局范圍內的信息來搜索的。
優(yōu)勢：無學習門檻，用戶無需考慮內容對應的分類只需輸入關鍵詞；
劣勢：精準度不夠高；搜索出來內容泛；需用戶二次查找目標內容。
注意：設計全局搜索時要注意搜索后的結果展示邏輯，如果分類較多，界面還可以根據(jù)分類tab分別歸類不同。
tips：搜索功能在頁面中的重要程度及搜索范圍，決定了搜索的位置和樣式。
目前大部分網站在布局搜索框位置時，大致遵循以下幾個規(guī)則：頁面居中、頁面頂部居中、頁面頂部右邊、頁面頂部左邊
知乎的搜索入口位于頂部導航欄的顯著位置，引導用戶進行搜索，并且搜索框內的占位文字根據(jù)算法會間隔一段時間改變，引導用戶發(fā)現(xiàn)新的內容，促進用戶在知乎上的使用時長。
最常見的搜索方式之一，將搜索以輸入框的形式居于頁面頂部（狀態(tài)欄或標題欄下方），在視覺上非常醒目，用戶進入應用即能快速找到，很符合用戶的視覺瀏覽動線，也是C端產品提高轉化率的流量入口。
形態(tài)相對比較簡單，通常以“放大鏡”樣式的 icon 出現(xiàn)在界面右上角，視覺上不會過于突出，常用于搜索行為不是特別頻繁的場景，需點擊后才會跳轉至搜索框頁面。
Icon 搜索入口相較于上述提到的類型在視覺引導方面略遜一籌，相對弱化了搜索功能，但節(jié)省了更多的導航欄空間，呈現(xiàn)位置比較靈活，可單獨呈現(xiàn)、也可與其多個其他功能 icon 并列組合展示。
指的是在頁面中的某個模塊加入搜索的功能。
常見在數(shù)據(jù)列表頁面加入搜索的功能，搜索的目標只在該模塊該內容中進行搜索，搜索的信息具有局限性，當然也是更加準確地搜索用戶想要的目標信息。
下圖是一個美團商家后臺的列表頁面，此頁面加入了搜索的功能。
另外，B端常見在表單頁面加入搜索的功能，搜索的目標只在表單選擇內中進行搜索，搜索的信息同樣具有局限性，可以通過控制某個字段或者某幾個字段的信息來展開搜索。
B端業(yè)務中復雜的場景中存在同一個頁面中有多個搜索入口（如上圖美團），設計前需梳理清楚每一個搜索入口的交互邏輯，不同搜索入口覆蓋的搜索范圍、搜索過程、搜索結果是否一致，在占位文本上也需體現(xiàn)出該搜索入口的搜索內容。
模糊搜索是用戶搜索意圖不明確時，將用戶的查詢與待檢索的內容進行模糊匹配。
模糊搜索無法精確理解用戶的查詢意圖，搜索結果可能有大批量用戶不想要的信息，使用模糊搜索時一定要結合實際場景，慎重使用。
優(yōu)點：只要有相關的內容都會被檢索出來，減少了精準搜索帶來的記憶負擔；
缺點：容易把相關的信息也帶出來，例如檢索186，把相關號碼也匹配出來。
精確搜索是指用戶在搜索時，針對某一數(shù)據(jù)字段搜索，來查找所需要的數(shù)據(jù)。
根據(jù)業(yè)務場景不同，我們會查找某一字段，或者是用標簽切換不同字段來查找。可以幫助用戶在巨大的信息池中縮小目標范圍，快速而準確的定位到目標數(shù)據(jù)，并速獲取需要的信息。
優(yōu)點：搜索匹配精準度高。
缺點：每次只能對單一條件進行搜索。
總結：
我們可以根據(jù)產品的發(fā)展階段、需求側重、用戶的專業(yè)度和使用習慣來綜合決策使用哪一種方式更合適。如果側重查詢效率且用戶是有專業(yè)門檻的使用者時，可以優(yōu)先考慮精確搜索；如果側重查詢結果的豐富度，可以優(yōu)先考慮模糊搜索。
基于搜索欄的表現(xiàn)形式，可以分為以下四種類型：單屬性搜索、切換屬性搜索、多屬性模糊搜索以及多屬性組合搜索。
類型之間沒有優(yōu)劣之分，根據(jù)業(yè)務場景使用對應的類型即可。
單屬性精確搜索：通過某個特定屬性就可以快速定位到目標數(shù)據(jù)，具有唯一識別性的、高使用頻率的、對用戶決策有意義的。
適用場景：表格單一數(shù)據(jù)信息特征突出，可以用此數(shù)據(jù)標簽快速定位目標數(shù)據(jù)。
切換屬性搜索也被稱為定向搜索，是由用戶主動選定搜索范圍后再進行搜索；
優(yōu)勢：搜索精準度高。
劣勢：增加了部分用戶的學習成本及操作步驟。
適用于注重搜索結果的精準性或展示產品搜索能力等場景，定向搜索適用的幾種場景：
a、產品數(shù)據(jù)量足夠大且重搜索功能，用戶對于搜索有明確目標，定向可以幫助用戶提高搜索的精準范圍和效率；
b、搜索時輸入的內容無法通過同一套搜索交互方式和后臺計算邏輯承載；如單次搜索和批量搜索的輸入格式不同，搜索結果存在多樣性；
c、需外露產品亮點功能，有多個常用的搜索屬性，對于前置條件的數(shù)據(jù)計算能力和開發(fā)成本更高。
明確并固定選項類別，降低用戶操作難度。下拉篩選適合的選項類別有限，不適合多類別、復雜維度的分類。
平鋪展示搜索條件內容，每個 Tab 標簽代表一個篩選維度，操作便捷。Tab 標簽的數(shù)量不宜過多。
B 端類產品數(shù)據(jù)量豐富，在實際使用時，簡單的方式很難全面覆蓋到各個搜索場景，精準定位搜索結果。所以通過多個篩選維度的結合，形成多屬性的組合搜索，能夠大幅提升搜索結果的準確性。
B端系統(tǒng)還有一種比較常見的搜索類型，是在定向搜索的基礎上，進一步豐富了搜索選項，比如指定搜索的時間范圍、數(shù)據(jù)類型等，設置的選項越詳細越能夠提升搜索結果的效果和準確性。
在設計時需要注意，B 端系統(tǒng)用戶角色多，層次不同，所以更加需要注重搜索前的引導，針對搜索規(guī)則、搜索限制等，應該適時的以簡練易懂的語言提示。
多標簽模糊搜索：表格多個數(shù)據(jù)都具有特征，往往業(yè)務要求對數(shù)據(jù)的精確度較高。
適用場景：業(yè)務類型多樣用戶可能記憶不精確且有多個數(shù)據(jù)特征，對搜索的便捷性要求高精確性要求低。
多屬性組合搜索：可以輸入多個字段進行組合搜索（取并集），對空間的利用率高，適合更加復雜的列表內容。
適用場景：綜合篩選項，對空間的利用率高，多標簽組合搜索可以得到較為精準的搜索結果。
聊了這么多搜索內容，與設計師密切相關且對外輸出的首要就是搜索欄設計。
對于用戶來說，搜索是為了解決用戶明確或者不明確的搜索需求，讓用戶能夠快速準確搜到想搜的內容。設計欄設計的目的就是，讓搜索能夠提高用戶獲取信息、內容的效率。
常見搜索框設計樣式
1、填充色：通常選用與頁面背景顏色反差較大的顏色作為搜索框的填充色，方便用戶查找。
2、線框：多用于干凈簡潔的背景頁面。
3、投影：常用于風格簡潔輕量的風格頁面，同時搜索功能級別較高的場景。
4、透明度：常用于背景色復雜的場景，目的是為不破壞背景頁面的整體效果，在視覺上更和諧。 無外框：用于風格簡潔的大留白的頁面。
完整的搜索流程包含了各種細節(jié)：例如搜索欄的形式、光標停留、輸入狀態(tài)、異常數(shù)據(jù)、搜索結果、二次篩選等等。整個過程包含很多交互的細節(jié)設計，下面從激活搜索欄、輸入反饋、觸發(fā)方式來展開說明。
搜索激活指用戶激活搜索框時出現(xiàn)的搜索下拉面板，B端業(yè)務中搜索激活內容常見以下三種：
搜索記錄通常以標簽或列表的形式顯示，以時間順序從新到舊排列，一般不會完全展示，可以滑動查看更多，或者折疊展開。
注意：搜索記錄會涉及對用戶行為的記錄，關系到用戶的搜索隱私，所以應當允許用戶手動刪除。
在 PC 端產品具有頁面空間優(yōu)勢，用戶的搜索過程完全是通過搜索欄完成的。
搜索欄中會增加歷史搜索記錄，下方增加推薦關鍵詞，幫助用戶快速完成搜索。同時也可以喚醒用戶對某些商品的興趣和記憶，從而挖掘用戶潛在的搜索需求，這一點電商產品用得偏多。
在面板中展示“搜索歷史”和“最近瀏覽”，增加相關內容曝光，去給用戶提供更多選擇以觸達目標內容，該交互形式通常出現(xiàn)在全局性搜索或多維度搜索功能中。
搜索發(fā)現(xiàn)是系統(tǒng)基于用戶的搜索記錄，依據(jù)算法向用戶展示的搜索關鍵詞推薦，但并不是必需模塊，可以基于產品定位進行考量。常規(guī)的c端產品上用得多，B端產品用得少。
由于搜索發(fā)現(xiàn)也涉及用戶隱私，但應用一般不會讓用戶直接刪除，所以應當允許用戶對搜索發(fā)現(xiàn)進行隱藏，不然極其容易引起用戶的反感。淘寶、京東都有搜索發(fā)現(xiàn)，并且也允許用戶進行關閉/顯示的操作。
熱門推薦是搜索推薦頁里面內容推薦的總稱，可以演變成多種推薦形式，比如“熱搜推薦”、“推薦活動”等，熱門搜索是應用商業(yè)化的重要手段，許多應用都有這種模塊，并且內容形式多樣。
知乎的熱搜就是結合熱搜、時事熱點等進行推薦。
搜索反饋指用戶輸入本文時未確認搜索執(zhí)行的中間過程狀態(tài)。在B端場景下搜索反饋具備很強的引導作用給予用戶當下的狀態(tài)提示；
是通過已輸入的關鍵詞來預測可以找到的搜索結果，為用戶創(chuàng)造更加便捷的體驗。
搜索聯(lián)想承載的不止顯性的設計呈現(xiàn)，還有背后的算法邏輯；例如是否可以識別拼音、不同搜索方式呈現(xiàn)的聯(lián)想詞范圍，都需要提前確認落地可行性后再統(tǒng)一定義相關交互規(guī)則，并在產品中的所有搜索場景中保持相同的交互邏輯。
用戶在搜索時輸入了錯誤的詞匯，系統(tǒng)經過判斷后會展示正確詞匯的搜索結果給用戶，并友好地告知用戶正確的搜索方式。特殊狀態(tài)包含無結果狀態(tài)、網絡不佳狀態(tài)等。
實時搜索+實時顯示；搜索只有一個文本輸入框，沒有按鈕可點擊，這樣的搜索交互是通過輸入關鍵詞后，系統(tǒng)自動檢測所有內容中符合關鍵詞的目標信息，隨著關鍵詞的持續(xù)輸入，與之相匹配的結果會逐漸減少、直至找到目標，類似自定義篩選功能。
這種交互一般對于數(shù)據(jù)信息比較少的情況下會比較友好，加載的速度更快，避免服務器的壓力太大、影響反饋效率，例如地址搜索、查找聯(lián)系人等。
關鍵詞輸入完成后，需要手動點擊搜索按鈕向服務器發(fā)送指令才會得到相應的搜索結果，這種方式適合大部分表格場景，更加適合B端產品復雜且龐大的數(shù)據(jù)場景。
搜索結果頁是用戶搜索的落腳點，在這個頁面，用戶會有目的性地瀏覽搜索結果。
搜索結果中隱含著搜索邏輯，全局搜索場景下多數(shù)為模糊搜索，即把與搜索關鍵詞詳盡的內容頁反饋出來，匹配度低，需要花時間對結果二次篩選。
1. 快速瀏覽數(shù)據(jù)，并能夠準確找到數(shù)據(jù)。
2. 需要經常變換條件的組合迭代查詢數(shù)據(jù)，對查詢結果精準定位。這就需要搜索結果后，不要清除用戶的查詢內容。
3. 對數(shù)據(jù)進行操作，如收藏、刪除、下載等。
不同的內容需要不同的頁面布局來支撐的，b端場景中最常見的兩種布局，篩選上下布局和左右布局，當然內容部分又分列表布局和柵格布局。
1、凸顯關鍵信息：
為了便于用戶找到精準高效的信息或者進行便捷操作，在搜索聯(lián)想頁狀態(tài)時，當用戶輸入的信息足夠清晰可預測，可以將關鍵信息凸顯呈現(xiàn)，以引起用戶的注意力，在進入搜索結果頁之前就可以提升轉化的可能性。
此外，這種關鍵信息凸顯的形式，在搜索的商業(yè)轉化方面也有明顯的作用。
2、沒有結果，如何設計
搜索沒有結果會讓用戶感到非常沮喪的，尤其是當用戶進行了好幾次搜索之后，依然沒有結果，應當為他們提供有價值的替代品。
一般出現(xiàn)無結果的狀態(tài)有兩種情況：
a. 用戶輸入錯誤，一般會提用戶正確的搜索方式，并且自動幫助用戶糾錯，
b.搜索結果無，這種情況一般設計會以空狀態(tài)提示用戶，采用友好的方式提醒用戶更換關鍵詞。
在使用中，搜索本身應該是0思考成本的，否則就失去了索引的核心價值，基于此，總結一下5個設計注意點：
當用戶輸入搜索文本，點擊搜索按鈕，就進入了搜索結果頁流程，此時搜索框內應當保留搜索文本，以便于用戶明確搜索的內容（不要依賴用戶的記憶力），同時，也便于用戶再次編輯搜索文本。
考慮到輸入/清除的便捷性，應用也應當提供一鍵清除按鈕，點擊一鍵清除搜索的文本，減少用戶的操作成本。
搜索項目不可避免的比較多時，可以進行分類展示，降低尋找成本，常用的有兩種分類方式：
無效的自動建議讓整個搜索體驗降低，而精準的自動建議會讓整個體驗好上許多，它會根據(jù)用戶用戶的輸入內容（詞匯詞根和后臺數(shù)據(jù)）為用戶提供有用和精準的輸入內容建議，這有助于幫助用戶提高搜索過程的精準度，提升整個搜索體驗。
輸入錯誤絕對是最常見的錯誤，如果用戶錯誤地輸入某個關鍵詞，而你的檢測到了，并且針對錯誤提供更正之后的結果，這樣就成功的規(guī)避了因為錯誤的關鍵詞所導致的不良后果，用戶也不用再次進行搜索了。
即使用戶熟知搜索引擎的全部功能，也需要借助大腦記憶來挑選關鍵詞，進行搜索。
想要找出有意義的、可用的搜索關鍵詞搭配，用戶需要結合他們的搜索方向，最近的查詢，聯(lián)想相關的屬性和關鍵詞，使搜索體驗更便捷流暢。
作者：三原設計社 來源：站酷網
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。
藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。
看完本篇文章，你會學到以下內容：
1、什么是詳情頁
2、詳情頁設計原則
3、詳情頁的構成
4、詳情頁設計要點拆解
一、什么是詳情頁？
詳情頁向用戶展示一個對象的完整信息，主要用于信息瀏覽，允許對該對象發(fā)起編輯等操作。如電商的訂單詳情，OA的審批詳情等等。
二、詳情頁設計原則？
1、直接了當
信息盡量平鋪展示，如沒有必要不要做隱藏折疊。
2、層次分明
按照接近原則，對信息分層分組展示，降低單個頁面內信息復雜度。
3、化繁為簡
減少復雜結構的使用，盡量使用相似的結構和模塊，降低結構差異對用戶進行干擾，讓用戶聚焦信息本身。
三、詳情頁構成
詳情頁由標題、標簽頁、圖片、文字詳情、按鈕、可視化、列表、表格、篩選、數(shù)據(jù)統(tǒng)計、進度軸、標簽構成
詳情頁的特點：1、內容雜，什么元素/模塊都可能出現(xiàn)。2、布局多，布局沒有套路，核心是做好內容分塊和視覺引導。3、差異大，頁面與頁面巨大差異
四、詳情頁設計要點拆解
1.容器
由內容由少到多劃分為原位展開、氣泡卡片、彈窗、抽屜、頁面。能優(yōu)先滿足內容收納的同時，容易盡可能輕量。
2.布局
根據(jù)內容從簡單到復雜可分為基礎樣式、標題分組、色塊/分割線/卡片分組、錨點定位/標簽頁、自由布局。核心是做好內容分區(qū)、視覺引導符合用戶操作習慣。
布局注意事項：把用戶最關心的內容放在最顯眼的地方
3.交互操作
交互操作可分為編輯（原位/氣泡/彈窗/頁面），查看詳情（內容不多的話可以少用頁面容器，減少套娃），業(yè)務操作（層級清晰，符合用戶操作習慣）。
藍藍設計的小編 http://www.bouu.cn