92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

首頁

市值1776億的醫療產品如何設計?

博博

本期設計大偵探,就讓我們一起來拆解市值1776億的京東健康,看看這個產品是如何設計的?

一個上線只有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的在線就診中心,包含極速問診、找醫生、找醫院、專家直播、??浦行暮徒】悼破盏葍热荩菍崿F商業變現最重要的業務之一,但這個版塊在首頁沒有入口,需要在金剛區的「全部功能」才能進去。


設計思考 
「互聯網醫院」理應作為菜單欄的核心入口,但京東健康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 寵物醫院
「寵物醫院」是為寵物提供在線就診和寵物藥品及營養品銷售的版塊,從頁面內容看,包含了極速問診、專家問診、寵物大藥房、愛寵服務、寵物健康科普和寵物檔案等內容,非常豐富。可以看出如今的寵物行業發展非常好,用戶的消費能力非常高,舍得為寵物寶寶花錢。


1.6 海外醫療
京東健康APP還提供高端的海外醫療服務,不過這個版塊是鏈接至京東的高端醫療京東自營旗艦店,從服務內容看,涵蓋了國際會診、海外就醫、出國體檢、輔助生殖等高端服務。


1.7 體檢中心
「體檢中心」的內容非常豐富,包括父母體檢、中青年體檢、公立體檢、女性體檢、HPV檢查、居家自檢等熱門體檢服務。這個版塊的服務主要和愛康、瑞慈第三方醫療機構合作,為患者提供全面的醫療服務,增加商業變現方式。


1.8 疫苗預約
「疫苗預約」是為患者提供疫苗接種服務,包括新冠疫苗、HPV9價、流感疫苗、兒童疫苗等服務。這個版塊主要是和第三方專業機構合作,用戶可直接跳轉到品牌的京東旗艦店進行下單購買。


1.9 小結
從互聯網醫院版塊的拆解可以看出:
● 京東健康APP的醫療服務非常豐富,不僅有多個??漆t院,還有中醫院、寵物醫院和海外醫療,其次也充分利用了京東線下配送的優勢,為患者提供了從線上問診到送貨到家的全鏈路服務,這是京東健康APP獨一無二的優勢;
● 從用戶體驗看,京東健康APP的很多子版塊設計得非?;靵y,操作路徑太過繁雜,互聯網醫院的入口不僅太深,而且很多子頻道包含了新的菜單欄,用戶在使用的過程中,如果要回到首頁或用戶中心需要返回七八次以上,這樣的體驗實在太差,很容易造成用戶迷失,最后只能重啟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致力于做用戶的「首席健康管家」,吸引用戶完善和提交自己的健康數據就顯得特別重要。「健康檔案」就承擔著這個重任,目前這個功能的權重非常高,入口已經升級到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的很多版塊風格設計并不統一,而且層級非常混亂,即便剛迎來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」這個名字從誕生就注定只能成為京東集團的某個業務版塊。


作者:設計大偵探
來源:站酷

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

設計師如何在業務中體現個人價值

博博

過往面試你有沒有被問到這個問題:“你講的這些都是產品功能的升級,跟設計有什么關系”


作為UX設計師,很多人在講述改版前后方案對比時,對于改版后方案,會引用業務功能層面的優化&升級,并以此證明設計的價值,類似下圖的呈現方式: 



但這樣的論證對于衡量設計的價值,真的有說服力嗎?

以往收到的面試作品集中,不乏這樣的案例。每每追問一句,這更多是業務和功能層面帶來的變動,設計在里面起到了哪些作用? 得到的答案大多不盡人意,甚至有些新人會陷入深深的自我懷疑: 設計能做的,僅僅是對業務的支持嗎?都這個年代了,難道UX設計師本質上還是美工? 

針對上述問題,我們該如何找到設計的發力點,并在業務支持中體現個人的設計價值呢? 我們可以嘗試通過下面幾個步驟,來找到一些解決問題的角度。





作為設計師,對于業務背景和目標的了解是基本要求,但在此基礎上如果我們有更深入的了解和挖掘,會讓我們對所負責的業務建立更深刻的認知。 

比如,我們可以從下面舉例的一些維度來思考一下: 



所以工作中當拿到需求后,如果我們能主動挖掘更深層次的背景和目標,站在更高、更多元的維度來思考,會對當前的工作有更全面的理解,設計方向的確定也會更加精準。 優秀設計師對業務的理解,絕不只限于產品文檔。要站在更宏大視角下看待工作中的每一個需求,它們無論大小都充滿著意義,都能在我們心里激發出足夠的“使命感”。 



在充分了解業務背景和目標后,可以通過業務流程圖來分析核心流程&業務邏輯,對于需求的功能框架及交互流程有更清晰、更完整的理解,可以增加對整體流程的“掌控感” 。





我們對于前期拿到的有效信息,不能只是簡單對其整理和羅列,而是要通過洞察找到一些適合設計側推動的問題或機會,并將其轉化為設計發力點。 需要注意的是,重要但設計側無法發力的信息,不是我們當下的重點。 

通常在業務支持中,設計側的發力點主要體現在以下三個方面:



3.1功能搭建:

主要體現在美觀度、易用性、實現成本幾個角度。 

關于美觀度和易用性,對于設計師來說屬于基本要求,雖然基礎但極其重要,設計輸出品質的高低,都取決于設計師的基本功。同樣一個需求,功底深厚的設計師總會做的更加驚艷。所以這部分始終需要我們持續精進。 

關于實現成本,依賴于我們的經驗累積和思考總結。如方案構思中要充分考慮產品功能的普適性和拓展性,在輸出時要保證規范的一致性,復雜模塊的切圖或動效輸出也要從研發角度選擇更易實現的方式。這部分屬于設計師的隱性價值,不做也不會有影響,但是做得好就可以更大程度的節約成本,從而間接為公司創造價值,還會在產研團隊中大大提升設計師的專業度和信任感,更有利于長期協作。 



3.2感知強化:

通過設計手段來放大/突出產品功能,并強化用戶感知,這也是設計的重要價值體現。 可以從正向負向兩個角度入手: 

增強正向牽引-通過設計手法強化利益點、關注點,牽引用戶完成目標行為。



降低負向焦慮-通過突出展示關鍵信息(如安全、信任等方面),來降低用戶負向焦慮,從而促使用戶完成目標行為。 



3.3效率提升:

可從兩方面入手提升效率

信息&流程優化-通過發現關鍵流程中的問題&卡點并對其進行優化升級,來提升用戶的使用效率。常用方法有信息精簡、信息聚合、信息后置等方式,實際工作中可結合具體情況選擇適合方法。 



用戶行為優化-通過對用戶的重要或常用行為提供快捷操作甚至行為預判,來提升用戶的使用效率。 



1.消息列表通常在導航欄存在“一鍵清除”快捷操作按鈕,提升用戶標記已讀的效率;

2.短視頻平臺在刷到有趣特效視頻時,通常帶有“拍同款”快捷入口,方便用戶即時進入創造并發布新內容;

3.在端外復制好地址文案并返回寄件頁面時,會自動彈出地址識別結果彈窗,通過系統對用戶行為的預判,提升信息錄入效率。




對于如何衡量業務支持中設計的價值,可以通過定量和定性的方式來衡量。具體方法相關教程有很多,再此不展開講,只強調下需要注意的點:

定量分析: 

1.找到關聯性強的數據 

我們要根據需要驗證的不同內容,定義符合條件的關鍵行為,并確定與之對應的關鍵的指標,注意指標一定要具有強關聯性。 如上線一個新活動,我們可以根據活動入口banner的CTR、最終轉化率等關聯性強的數據來驗證方案有效性,而DAU、使用時長等指標則不能直接體現方案價值,不具備說服力,講述方案價值時一定要選擇合適的數據指標 

2.控制變量

在驗證方案中設計的價值時,要保證設計因素為單一變量,盡量減少其他因素對結果的影響。典型方法是利用AB測試,在其他條件均相同的條件下,驗證設計點對結果的影響,進而可以量化設計的價值; 



如圖示意,與對照組相比,實驗組1是正確的,這里的單一變量只有按鈕不同,其他因素均相同;而實驗組2則不是單一變量,獎勵策略、文案、按鈕樣式均不同,最終的數據無法量化到具體每個元素對應的影響和價值。

定性分析:

也可以從用戶視角出發,來了解用戶對于方案的反饋,進而確定是否滿足用戶訴求。同時,定性分析還可以幫助設計師了解用戶對于體驗和情感層面的看法,這些對于設計價值的評估同樣非常重要。 

綜上,通過定量和定性分析,可以有效地驗證設計在業務中的價值,也可以幫助設計師更精準地了解用戶需求、評估設計效果,進而為業務做出更有價值的貢獻。 



對業務的支持是大多數設計師日常最主要的工作,如何在這樣看似基礎的工作中體現價值,是我們需要思考的問題。 

我試著從下面3點來闡述個人對于價值體現的理解: 

1.優秀完成本職工作

如果我們能充分理解需求,方案產出與核心目標精準錨定,且專業水準過硬,那么就可以說我們優秀的完成了對業務的支持; 

2.間接創造價值

如果我們在項目中可以依據經驗,合理協調資源、規劃排期、選用合適方案,進而節約了人力/時間/經濟成本并提高開發效率,那么我們也為公司間接地創造了價值; 

3.價值定位-催化劑

我們在明確業務所處階段的基礎上,找到設計價值定位及發力點。我把業務支持階段的設計定義為“催化劑”(自身不是反應物,但能大幅提升化學反應的速率) 



在功能搭建的同時,我們的發力點圍繞在強化感知提高效率兩方面:強化感知,提高用戶的主觀意愿;提高效率,優化產品的操作路徑。 圍繞這兩點來發力,在各個場景鏈路中撒下“設計催化劑”,讓關鍵數據指標加速提升,這也是設計在這個階段的意義和價值所在。 

最后,希望大家在未來工作中能夠明確自身定位,找到發力點并將專業能力發揮出來,雖然當下人工智能的發展勢頭強勁,但我們對于實際業務的洞察和價值貢獻,現階段的GPT還是無法替代的,這點你贊同嗎?


作者:Cappo
來源:站酷



藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 



藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的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強到冠軍的四個關卡上設計了晉級勛章,當用戶集齊過關時,通過勛章轉場塑造成就感,最終開獎時用戶會獲得最高勛章,輔助加強分享炫耀的動力。

場景創造:在高級卡階段,我們一改以往的常規卡片形態,通過球隊圖鑒的新形式,激勵用戶持續抽卡合成,填補缺失球員創造晉級場景,為集卡過程增添趣味性。



未知好奇:在最初交互設計階段,我們曾經糾結過這樣一個問題:“對于未解鎖的關卡,是否允許用戶看到卡片”?如果用戶最終都沒有到達這一關,我們精心設計的球員卡片豈不是很可惜。最終我們與業務討論決定在這個問題上保持未知好奇感,希望在現金激勵這個外部動力之外,為用戶增加一個內部動力因素,更有利于用戶深度參與。

通過這些細節設計,雖然集卡玩法的「稀缺」屬性天然存在,但增加更多積極正向的情緒體驗可以轉移用戶對負面感受的注意力,同時也讓參與過程更加豐富有趣,打造出讓人上頭的玩法體驗。

寫在最后

本文圍繞游戲化增長玩法展開其中的設計思考,提出了玩法體驗的三要素,深入剖析了心流模型、八角行為模型的設計應用。

另一方面,筆者也想傳達一個理念:我們作為設計師不僅要將交互過程和視效體驗做到極致,還要能理解業務最核心的影響要素,廣義地看設計師的個體價值,你會發現你能夠在項目中發揮更多作用,打造出更加優秀的用戶體驗。

最后,感謝你能讀到這里,希望本文對你有所啟發。


作者:百度MEUX
來源:站酷
    

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 



藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。

一篇文章搞懂如何做好對話框設計

博博

對話框是一種重要的交互方式,主要用于完成信息傳遞。對話框很常見,但并不見得每一個設計師都可以百分百地弄明白對話框這個概念

對話框是一種重要的交互方式,主要用于完成信息傳遞。對話框很常見,但并不見得每一個設計師都可以百分百地弄明白對話框這個概念。這篇文章是對「對話框」的一個簡單梳理和總結,希望可以解決大家心中的一些疑惑。

01

了解對話框

1、對話框定義

對話框是疊加在應用主窗口上的彈出式的窗口。對話框以對話的方式讓用戶參與進來,在對話中它給出消息或要求輸入。

當用戶完成消息的閱讀或者作出選擇后,可以取消或者接受該對話框,之后,這個對話框便消失了,把應用的主窗口交還給用戶。

關于對話框的概念,以下是百度百科的解釋:

對話框越來越廣泛地被應用于軟件、網頁、以及移動設備中。它可以保留用戶當前進程的情況下,指引用戶完成一個特定的操作 。


2、對話框分類


按照對話框的交互方式,可將其分為「模態[1]對話框」和「非模態對話框」。我們可以把他們看作是兩個小家族,模態家族的人比較強硬,而非模態家族的人相對溫柔一點。兩個家族的主要區別:是否強制用戶對其進行回應。

模態對話框:是位于瀏覽器的主頁面核心區域,需要用戶對它做出相應交互,模態才會消失。而對話框會因為自身的吸引程度、停留時間、信息量承載多少被劃分為多種對話框類型進行區分,常見的對話框分別為:普通對話框、內嵌表單對話框、分步表單對話框、文件選擇對話框、復雜信息展示對話框。

△ 何時使用模態對話框

1)在重要的警告時使用,避免出現嚴重問題、或修正已出現的問題。

例如:用戶錄入信息后未保存就要關閉時,彈出模態對話框提示用戶保存。

2)在需要用戶輸入信息或進行某操作,才能繼續當前流程的時候使用。

例如:在使用Canva資源網站時,點擊“上傳”會彈出模態化的登錄/注冊窗口,引導登錄/注冊后使用。

3)用來將復雜流程拆分成簡單步驟。

例如:Teambition-分步驟的模態對話框式創建項目。

4)用來獲取信息,該信息可大大減輕用戶的后續操作/精力。

例如:在轉賬場景中,如果先復制一個賬號,打開手機銀行APP(以招商銀行或平安口袋銀行為例),系統會通過模式對話框詢問用戶是否向這個賬號轉賬,這樣的設計做到了預判用戶行為,節省用戶后面的操作成本。

非模態對話框:與模態完全相反,它更加溫和,不會強制打斷用戶正在進行的現有流程,對用戶的干擾比較小。通常這類對話框只會在屏幕上短暫停留,幾秒就會消失,也因此用戶容易忽略它們的存在。因此非模態對話框不適合展示重要信息、不能承載大量文案,常見的類型有:通知提醒、全局提示、警告提示、氣泡卡片、文字提示。

△ 何時使用非模態對話框

1)在獲取與當前流程不必要信息的時候使用。

例如:平安口袋銀行和平安數字口袋采用氣泡卡片展示更多功能或引導用戶登錄。

2)不打斷重要流程中使用。

例如:在平安口袋銀行APP中購買理財時,如果遇到疑問的話,不會彈出框提示讓客戶咨詢投顧,而且采用氣泡框形式提示,不打斷用戶購買。

簡單來說,兩者的優缺點見下表:

02

對話框常見應用場景

從前面講到的定義來看,對話框最主要的目的是:傳遞信息。那么從目標導向的角度來看對話框,對話框要傳遞的信息的常見應用場景主要有以下五種:


1、屬性對話框


屬性對話框是向用戶呈現或讓用戶改變所選對象的屬性或者設置。一般來說,在屬性對話框中,用戶可以修改當前的選擇,也可以設置應用程序的全局屬性。該對話框適用于非頻繁操作和或僅需要設置一次的屬性,屬性對話框常見在一些設置、詳情中。

例如:Windows 11系統的設置界面,可設置系統的全局屬性。


2、功能對話框


功能對話框通常從菜單中打開,是最常見的模態對話框,只控制單一功能,如打印、文件上傳/導入、插入對象或拼寫檢查。該對話框不僅允許用戶啟動一個動作,而且也允許用戶設置動作的細節,屬于模態對話框。

例如:瀏覽器的打印功能,會彈出模態化的打印窗口,用戶可設置打印的細節。

例如:飛書的文檔導入功能,使用模態化對話框,引導用戶選擇文件類型或進行批量導入操作。


3、進度對話框


進度對話框是由應用程序啟動的,而不是由用戶請求而啟動的。它們向用戶表明當前應用正在忙于某些內部功能,其他功能的處理能力可能會降低。

每個進度對話框都應該向用戶清晰地展現如下信息:

  • 一個耗時的進程正在進行
  • 現在一切正常
  • 該進行還有多長時間才能完成
  • 還有多少事情或項目沒有做完
  • 用戶如何才能取消該操作,或重獲控制權

例如:使用Axure軟件導出html文件時的進度提示,既提醒用戶當前Axure正在運行,又告知用戶當前文件導出進度。

例如:使用Sketch軟件導出文件時的進度提示


4、通知對話框


通知對話框將一些重要信息報告給用戶。來源可以是一些觸發的事件,也可以是其他用戶的通知。

常見的有通知中心對話框,處理完成某個操作的告知等等。

例如:花瓣的通知提醒

例如:脈脈的隱私政策閱讀提示和汽車之家的開啟通知提示,均采用模態對話框方式。


5、公告對話框


公告對話框,和進度對話框一樣,由應用程序直接啟動,不是由用戶請求發起的。公告對話框有三種:錯誤、警告、確認。

這種對話框通常不會要求用戶填寫什么,只會詢問你“真的要進行嗎?”或者告訴你一件事情。所以在這種對話框上,一般只會有只有[取消]和[確認],或者[OK]。

屬性、功能、進度對話框,是用戶主動請求的--它們為用戶服務。但是,應用程序發起的公告對話框--它們為應用程序服務,常常會犧牲用戶利益。由于公告對話框比較常見且常常犧牲用戶利益,那么我們怎么把這些討厭且無用的公告對話框直接鏟除掉,換成更加友好、能給用戶帶來真正幫助的交互方式呢?接下來我們來一起看看怎么讓公告對話框“名聲鵲起”。

03

怎么讓公告對話框“名聲鵲起”

我們可以從應用本身和對話框本身著手提供友好的交互方式,減少公告對話框的出現頻率。

1、應用方面


解決用戶錯誤的方法不是指責用戶,讓用戶再認真一些,或者給他們更多的指導練習,而應該優化應用設計,讓犯錯變得困難。

讓應用變“聰明”,減少用戶犯錯


  • 使用有界控件。比如驗證碼輸入框、數字鍵盤等

示例:登錄藍湖時的短信驗證碼輸入框

示例:轉賬時輸入金額的數字鍵盤,金額大小的位數提示;平安口袋銀行的身份證號專屬鍵盤。


  • 提高可見性,用戶可自主糾錯

示例:輸錯密碼是一個很難避免的錯誤場景,語雀密碼登錄支持可見密碼,一來是考慮安全問題,二來在用戶輸錯的場景下可以打開眼睛,即可見密碼,減少出現錯誤頻率。


  • 具備預判思維,在容易出錯的地方提供更方便的功能

示例:在支付寶聊天窗輸入一串數字,支付寶發現這個問題后,提供了識別后直接轉賬的功能,預判了用戶的慣性,減少錯誤發生。

Zoom - 拉會前預設值在加入會議室的界面,提前選擇是否在進入會議房間后“不自動連接語音”和“保持攝像頭關閉”,有效避免忘記閉麥或者忘記關攝像頭就直接加入了線上會議的意外尷尬。


讓操作可“復原”,提供撤銷功能。


在很多破壞性的操作都會二次進行提醒,讓用戶確認操作,比如說刪除操作。在刪除之前都會詢問用戶“你真的要刪除嗎?”想一想……你在看到這些提示的時候,是不是眼疾手快地按下那個「確認」按鈕?

這種對話框在沒有容錯處理時,非常容易被我們這種無腦按「確認」的用戶釀成大錯。比如我“手賤”只是試試這個刪除,然后就把某個表幾千條辛苦寫了一個月的數據刪掉了,由此可見系統的容錯處理有多么重要。

示例:Windows系統在早期的時候,刪除文件時會讓用戶進行二次確認,但這是完全沒必要的,因為刪除文件不是真正的刪除,還會在回收站里面。

Mac系統:在回收站刪除文件將是永久性刪除,此時的確認對話框才是對用戶有用的。


2、對話框設計方面


從對話框本身的設計優化出發,我們可以對話框的使用場景和文案方面著手進行優化設計。

對話框使用場景


其實什么時候使用對話框、是否使用取決于你要給用戶展示的信息是否重要。

例如你在手機上買了一張電影票,支付失敗的結果如果用toast展示就會容易被用戶忽視。那么等到用戶到了電影院才發現自己購買失敗,那么用戶極有可能當場卸載你的產品。

模態彈框會打斷用戶當前操作流程,所以「使用對話框要克制」。總原則是:能在界面展示就不用彈框,能用非模態彈框的就不要用模態彈框??傊匾男畔炏瓤紤]使用對話框。

具體的使用原則有:

  • 彈框使用盡量克制。
  • 文字需要精簡,使用行為召喚動詞。
  • 注意區分復雜任務和輕量任務,選擇對應的彈框類型。
  • 反饋要及時。
  • 可使用引導幫助選擇。


清晰且友好的文案


如果非要使用對話框,那么請使用友好尊重用戶的方式。當我們說到人與人之間的交流時,語言是重要的媒介,而用戶與產品之間同樣如此。

在設計過程中應始終努力設計出有效的提示性文案,但是, 一定是有比沒有要好嗎?個人認為也是不必要的,糟糕的提示性文案甚至會破壞產品中最好的用戶體驗。例如以下幾種情況:

  • 含糊不清
  • 過于啰嗦
  • 無意義,產生誤導
  • 無同理心

因此糟糕的提示文案設計會誤導用戶在產品中采取不必要的操作, 從而使他們感到生氣和困惑,甚至可能會破壞品牌對用戶的忠誠度,產生本末倒置的結果, 也給用戶帶來不佳體驗。

所以,語言是使產品更加人性化的主要因素。產品的文案則充當了語言的角色,它可以使用戶參與其中,影響他們的情緒,并把這種人機的功能性關系轉化成人類的個人情感體驗。而這種用戶的情感體驗才能夠真正的彰顯品牌個性,從而與其他產品區分開來。

△ 錯誤提示設計三步法

  • 盡可能準確地描述問題和哪里出錯了,簡明易懂。
  • 提出建設性意見,解決問題,保持流程前進不中斷。如果此時問題還不能解決,告訴用戶可以做些什么來幫助他們,以及他們可以向誰求助。
  • 不要責怪他們,禮貌的對待用戶,在報錯中加入情感。

總結:

對話框可以成為幫助用戶完成目標的有用助手,而不是讓他們在每一步操守挫敗的可怕絆腳石。通過保持對話框的可管理性,并且只有在他們的功能真的屬于另一個房間的情況下才調用他們,你將很好地維持用戶的工作流狀態,保證他們會成功完成任務,并且滿懷感激。
作者:DESIGN阿志   來源:站酷

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。


作者:DESIGN阿志
鏈接:https://www.zcool.com.cn/article/ZMTUyOTI3Ng==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。



作者:茗茗兔   來源:站酷



藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 



藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

高級設計師才會的設計思維,31個細節幫你深入了解

博博

設計科學才是對人類的恰當之研究,它不僅是技術教育的專業組成部分,也是每位經受文科教育之人的核心學科?!薄?赫伯特·西蒙

1. 并不存在單一的設計過程

設計過程被描述為多個階段,每個階段都包含不同的活動來完成該階段,它沒有統一的標準流程,每個公司和設計師都有自己的流程版本。

盡管存在多個流程,但一般流程和階段類似于以下內容:

了解問題:初步了解問題。觀察、采訪和傾聽用戶。

定義問題:解釋和定義要解決的問題。

構思:通過頭腦風暴產生盡可能多的想法。

原型設計:構建原型并與其他人分享( 再次縮小解決方案空間,為實驗階段 )。

測試:測試可能的解決方案、實施、改進或重新設計。

2. 設計思維是傳統解法和創造性設計過程的結合

傳統的問題解決采取有條不紊而又科學的形式。該過程從一個問題開始,定義要采取的步驟以及達到解決方案的工具或方法。

設計思維是一種創造性的策略,可以產生創造性的未來結果和/或創造性的問題解決方式,它應該被認為是一種以解決方案為中心的思維策略。

它通常被描述為一種創造性、主觀和感性的對許多大型組織的分析邏輯( 布朗,2008 年 ),或作為分析和創造性推理模式的組合( 鄧恩 & 馬丁,2006 年;利特卡,2015 年 )。

3. 設計思維是問題解法的進階

設計思維來源于常規問題解決方法,常規問題解法是設計思維的基礎。

從解決問題到設計思維,Liedtka (2013)

結果發現,設計思維實際上也是一個解決問題的過程,而不僅僅是一個創新過程( 利特卡,2013)

一個例子是,豐田采用設計思維從頭開始分析其西海岸的一個客戶聯絡中心,在重新設計過程中,組建了一個由一線呼叫代表、軟件工程師、業務主管和變革代理組成的跨職能團隊,這一舉動最終改變了客戶和員工的服務中心體驗。

4. 從起床到入睡,你都在解決問題

我們每天都會遇到問題,但是當我們解決同樣的問題時,它們就成了例行公事( 似乎已經忘記它們是問題了 ),我們甚至都沒有意識到正在解決這些問題。例如,我的辦公室在 30 分鐘路程之外,該怎么到達那里?開車、坐火車或巴士到目的地;除非車子輪胎被刺破,否則你就需要弄清楚如何到達辦公室。

5. “設計思維”術語的產生

1990 年代,IDEO 的 David Kelley 和 Tim Brown 與 Roger Martin 共同創造了特定術語:“設計思維”,并將多年來醞釀的方法和想法封裝成一個統一的概念。

6. 工程設計思維現在被稱為設計思維

設計思維是以人為中心、開放式、基于問題的方法論。這種方法最初是為了改變工程教育中的教學方式,而工程師處理和解決問題的方式有其設計思維的基礎。

7. 設計思維的歷史早已出現(2000 年)

設計思維一詞可以追溯到 1987 年 Peter Rowe 的著作:“設計思維?!?他描述工程師和建筑師處理問題的方法有很大不同。

90 年代初,認知科學家 Don Norman 加入 Apple 團隊,擔任他們的用戶體驗架構師,這使他成為第一個在職位中包含 UX 的人。他提出了“用戶體驗設計”這個術語,因為他想“涵蓋人們對系統體驗的所有方面,包括工業設計、圖形、界面、物理交互和手冊?!?從那時起,這些領域中的每一個都將用戶體驗,擴展到了自己的專業領域。

8. “棘手的”設計思維

設計思維在解決“棘手問題”時特別有用。

棘手問題的特征

“棘手問題”一詞是由設計理論家 Horst Rittel 在 1972 年創造的,用來描述本質上非常模糊 \ 特別棘手的問題。棘手問題,有很多未知因素,沒有確定的解決方案。問題或解決方案可能與另一個棘手的問題有關,因此這是一個需要設計思維的持續過程。貧困、饑餓和氣候變化是一些現代的棘手問題。

9. 設計思維不僅限于數字化設計的應用

設計主題的范圍是普遍的,因為 設計思維可以應用于人類經驗的任何領域。

它可以用于:

符號和視覺傳達:這包括平面設計的傳統工作,如排版和廣告、書籍和雜志制作、科學插圖、攝影、電影、電視和計算機顯示。

材料:這包括對日常用品的形式和視覺外觀的傳統關注 —— 服裝、家用物品、工具、儀器、機械和車輛。

人類活動和組織性服務:包括對物流的傳統管理關注,結合物質資源、工具和人類低效的序列和時間表,以達到特定的目標。

復雜的系統或環境:生活、工作、娛樂和學習。這包括系統工程、建筑和城市規劃的傳統關注點,或復雜整體部分的功能分析及其隨后在層次結構中的集成。

10. 設計思維不僅限于設計師的實踐

設計思維起源于設計師的培訓和專業實踐,但這些原則可以被每個人實踐并擴展到每個活動領域。(布朗,2013 年)

在企業中,設計過程可以為企業環境中的問題解決帶來創新思維。它還可以用于醫療保健,通過向護士、醫生和管理人員教授設計思維技術,我們可以激勵相關從業者貢獻新的想法。

11. 了解問題是第一

不管是什么設計,理解和研究問題是必不可少的,因為我們能夠從其出發,從而進行以用戶為中心的設計。

設計思維的最早階段是搞懂你能帶來的情感價值。設計思維方法迫使你停留在提問與質疑階段,而不是準確定義出問題后進入下一階段。我們都有過快進入解決方案模式的傾向,所以設計思維方法迫使你真實地存在于這個不清楚、有時還非?;靵y的時刻,從而使你對要解決的問題產生更好的理解。(利特克,2013)

12. 設計思維需要兩種不同的思維

傳統的問題解決涉及提出一個解決方案,但設計思維首先使我們發散,試圖為問題生成各種可能的替代解決方案。然后讓我們進行收斂性思維,縮小多種可能性,找到單一的最佳解決方案。

13. 設計思維是可以傳授和學習的,它不是一種人格特質

根據利特卡和奧美 (2011) 的說法,設計思維的全部意義在于學習一種新的、系統的解決問題的方法。正如我們思考創造力一樣,即使是設計思維也可以通過實踐來教授和改進。

14. 設計過程不是線性的

設計過程從來都不是線性的,它由多次失敗和迭代組成(布朗,2018)。

首先,設計師試圖將問題與過去的類似案例聯系起來。如果這種方法不能提供任何解決方案,下一步就是使用知識和創造力作為一種實驗思維形式來產生新的想法。使用決策矩陣對這些想法進行評估,從而會產生被進一步分析和測試的解決方案。如果成功,它將被實施。如果不成功,則需要重新表述問題,并重復該過程。這是一個迭代過程,即循環方法。

這一持續不斷的重新再設計過程,源于和客戶親密接觸的洞察。

15. 調研是設計思維非常重要的工具

學習設計思維不僅僅意味著學習一套新的工具。它還意味著:學習收集和分析大量數據;學習挖掘對象可能的形態而不是自主認為他是什么;學習管理不確定感,以及與許多新的伙伴合作( 利特卡和奧美,2011)。你可以進行的研究類型分為三類:生成性研究、評估性研究和驗證性研究。

16. “要么很快失敗,要么經常失敗”

一種常見的表述 —— 實際上是設計思維的另一種視角 —— 即設計師應該預料到會“很快失敗或經常失敗”(布朗,2009)。

當過程早期發生故障時,例如被拒絕的原型,實質上它可以為有效解決方案提供關鍵見解。這種觀點與傳統的先形成理論,再檢驗正誤的方式相矛盾。

17. 公司正在將設計思維作為解決問題的核心方法

Airbnb、Braun 和百事可樂等多元化公司都在 采用設計思維并將其作為核心戰略。例如,IBM 為全球旗下的 44 個設計工作室聘請了 1600 名設計師,并且正在培訓數以萬計的設計師員工建立深度創新能力 ( O'Keefe, 2017 )

18. 以人為本的思維

設計思維為我們解決問題添加了以人為本的元素。當我們試圖通過牢記人們的想法來解決問題,并使用基于直接觀察乃至訪談的研究時,我們便會捕捉到與消費者需求一致的意外見解和創新。

19. 可觀的商業價值

它有助于將成功的產品更快地推向市場,最終節省企業資金。
IBM 的健康和人類服務組織的設計思維實踐,通過有效使用設計和設計思維幫助企業將缺陷數量減少了 50% 以上。這種更高效的工作流程導致計算出的 ROI 超過 300%。

20. 對復雜問題的作用性

由于復雜的問題從來不能被所有人完全理解,因此在嘗試設計解決方案時,處理歧義和多個并發的思路方向的能力是至關重要的素質。

設計思維通過綜合和歸納思維,幫助實現質的飛躍。它允許通過解構來測試約束,并允許通過多樣性思維和批評思維,來擁抱和探索歧義。

消費者通常不知道他們有什么問題需要解決,或者他們無法用語言表達出來。只有經過仔細觀察,設計者才能根據真實消費者行為中看到的東西來識別問題,而不是簡單地根據對消費者的想法來確定問題。這有助于定義模棱兩可的問題,并找到解決方案。

21. 別名:跳脫框架的思維

該方法鼓勵“跳出框架思考”(“瘋狂的想法”);它蔑視顯而易見的事物并采用更具實驗性的方法。
在早期的流程階段鼓勵大膽的想法,以產生創造性的解決方案。使用它是為了讓設計師可以嘗試開發新的不受約束的思維方式,或對常見問題的創新解覺方法。

22. 設計思想家的特征

根據大多數設計學院的說法,具備特定特質的人能夠更好地發揮設計思維的作用。

同理心:從多個角度想象世界 —— 同事、甲方客戶、實際使用者和消費者的角度。要成為更好的同理心,必須傾聽和觀察他人的行為,注意并獲得洞察力。

綜合思維:重要的是不僅要有分析能力,而且要能夠提出新穎的解決方案,還要憑直覺。

樂觀:除非你相信有解決方案,否則在遇到挑戰且解決方案遇到瓶頸時,你可能會放棄。

實驗主義:重大創新并非來自漸進式調整。設計思想家以創造性的方式提出問題并探索限制因素,并朝著全新的方向發展。

協作:產品、服務和體驗日益復雜,因此必須擁有一支具有不同背景的團隊,以幫助從多個角度看待問題。

23. 有助于對抗某些偏見

當我們想到一個問題的多種解決方案時,對我們解決問題會非常有幫助,因此“功能固定性”阻止了我們以新穎的方式使用舊工具解決新問題。想要擺脫功能固定,首先是要讓人們可以使用“改造后的衣架進入上鎖的汽車”。這也是盜賊第一次可以用信用卡撬開簡單的彈簧門鎖。

24. 實用

為了幫助設計師利用文科和技術理論,整合多個領域的知識以找到創新的解決方案,我們采用設計思維來獲得洞察力。該方法側重于可視化和操作,因而幫助我們更容易地了解實際解法,而不僅僅是理論模型。

25. 執行

第一批美國公司在 2000 年代初期開始實施設計思維,這一概念引起了德國投資者 Hasso Plattner 的興趣,他于 2006 年資助創建了兩所設計學校(d.schools),其中一所位于波茨坦大學(德國),另一所位于美國斯坦福大學。由于兩所學校都成功地為大型組織提供了高管設計思維培訓,因此該研究重點關注這些國家,以尋找早期實施者。

26. 團隊思考

設計思維通常涉及希望參與整個設計和開發過程的龐大利益相關者團隊。

觀點、才能和經驗的多樣性被認為是注入新思維的部分重要來源。多樣性確保通過融合不同的觀點、技能和知識來產生創意(卡振思,2018 年;薩梅和德拉赫-扎哈維,2013 年)。設計思維的協作方法和工具可幫助團隊以積極的方式利用他們的差異。

決策是平等的,因為每個成員的意見都被征求和使用(卡爾格倫等,2016)。

27. 不需要花哨的技術原型

當 IDEO 去 Apple 展示他們的鼠標時,它不是什么花哨的設備,而是一個用膠帶粘起來的原型。

低保真原型制作起來既快速又便宜( 想想幾分鐘和幾分錢 ),但可以從用戶和同事那里得到有用的反饋,這符合快速驗證、廉價試錯的原則。為每個想法投入盡可能少的資源意味著前期投入的時間和金錢更少。此外,將多個原型帶到現場進行測試為用戶提供了比較的基礎參考,同時也有助于揭示某些需求。

28. 過程強調心態和行動

為了創新,設計思維意識到認知和行動對創新過程很重要。認知包括接受度、樂觀和創造性的信心( 凱莉 & 凱莉,2013;鄭,2018),而行動包括快速原型設計、旅程地圖和假設浮現( 假設浮現:assumption surfacing,這是一種評估技術,涉及寫出潛在的假設和反假設。)( 卡爾格倫等,2016;利特卡,2015)

29. 在組織中實施設計思維的挑戰

如果領導層不歡迎風險、模棱兩可和風格的改變,實施起來就會變得更加困難。它會被管理者“質疑”其具體指標

沃爾特斯 ( 2011 ) 聲稱,由于設計思維的模糊性,它與組織文化相沖突。

據受訪者稱,在日常業務中使用設計思維之所以不會是最優選項, 因為它是資源密集型的,增加了工作量。( 麗莎等,2016)

在醫療保健等規避風險的行業和公司中,“經常和早點失敗”的方法被認為是非常困難的。

30. 設計思維的問題

許多設計師反對設計思維這一觀點,設計思維不僅關乎一個過程,而且關乎改變思維過程并提高人們可能提出的解決方案的創造力。

“設計思維”的推廣已被大型全球公司用來增加業務。不過,在更廣泛的設計世界中,我甚至會說“設計思維”的過度宣傳導致了所提供設計質量的下降?!?Yasushi Kusume

弗吉尼亞理工大學科學、技術和社會助理教授 Lee Vinsel 在《設計思維運動是荒謬的》中寫道,“歸根結底,設計思維與設計無關。這與文科無關。這與任何有意義的創新無關。如果這意味著重大的社會變革,那肯定不是關于“社會創新”。這是關于商業化的?!?

31. 為什么需要共情

觀察人們的行為以及他們如何與環境互動,可以為你提供有關人們想法和感受的線索。

你可能認為你知道問題所在,但只有通過觀察才能了解消費者真正需要什么。

宜家派設計師到人們家中,觀測他們的互動行為來了解他們的需求。這將使設計者能夠推斷這些經歷的無形含義,以發現洞察。這些洞察提供創新解決方案的構思方向。而事實上,最好的解決方案來自于對人類行為的最佳洞察。

Good Kitchen 是一家為老年人和體弱者提供膳食的社會服務機構。起初的問題似乎是設計不當的膳食菜單。然后設計思維揭示了無數問題,所有問題都源于服務本身的性質。因此,經由對服務進行了徹底改革的之后,最終提高了客戶和員工的滿意度



作者:用盡晴天  來源:站酷



藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 



藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

沒想到,B端搜索功能設計還有這么多考究!

博博

搜索框的設計并不簡單,很多的細節需要設計師去注意和思考的。下面總結一下我在設計搜索框的經驗,分享給大家。


你可能認為,搜索不就是一個矩形框+放大鏡圖標再加一個占位符不就搞定了嗎?

經過多年的設計工作頻繁設計搜索功能后,我發現在不同類型的產品中搜索框的交互方式、視覺樣式都有所不同,且用戶在搜索前、搜索中、搜索后都需要注意用戶在搜索各個流程中的可能操作,包括正向流程、反向流程。

搜索框的設計并不簡單,很多的細節需要設計師去注意和思考的。下面總結一下我在設計搜索框的經驗,分享給大家。

友情提示:文章尾部有福利相送,不要錯過~





搜索是用戶將查詢的信息輸入搜索器中,搜索引擎就會在約定的規則下將獲取到的信息反饋給用戶的過程。

搜索是B端產品中非常重要的一個功能模塊,通過搜索框用戶可以快速找到或者篩選出自己想要的內容,在引導用戶走向方面起到了絕對性的作用。

1、用戶分層

體驗設計中有個概念叫用戶分層,即便是同一個頁面,我們也需要去細分不同的場景對用戶做分層,為不同的用戶做設計,搜索功能就是最好的為有明確目標的用戶分層的設計。

搜索功能的用戶分層可分為幾種場景:

  • 有明確想搜的內容并記得所有關鍵詞
  • 有明確想搜的內容但記不清所有關鍵詞
  • 無明確想搜的內容

搜索首先要確定哪幾個字段可以被搜索到,名稱?編號?等等...

有明確目的型用戶在進行了搜索這個行為后,便生成了搜索歷史。因此,我們可以通過挖掘用戶搜索行為背后的目的,來分析為什么使用不同的布局。

模糊搜索使用的頻率居多,畢竟有時候用戶不一定可以精準的記住想要搜索的準確信息。不過也不是絕對的,兩者皆可選擇,可根據產品場景選擇。

2、搜索的作用



2.1 降低用戶的行為門檻

搜索功能可以簡單地輸入,快速輸出,只要幾個關鍵字就可以獲得符合用戶需求的內容,將原有的用戶行為成本轉移給系統,從而讓使用體驗更加快捷、輕松。

同時語音輸入和拍照搜索進一步降低了用戶行為門檻。

2.2 減少用戶操作,縮短行為路徑

搜索功能可以幫助用戶快速定位信息,從而提高了用戶對內容的觸達效率。常見的例子就是:bi?r用戶有明確的購物需求時,不需要一步步點擊商品分類,選擇商品類型、品牌等信息,就可以快速直達自己所需的商品。

所以,搜索框的體驗如何,決定著B端產品解決問題的能力、效率以及用戶的使用頻率。

好的搜索框一方面能幫助用戶節約時間成本,讓用戶在大量且復雜的信息中篩查所需目標,提升用戶體驗;另一方面,還能協助產品收集用戶行為目標并做好數據埋點,為后期的更新迭代提供強有力的依據。

除了設計方式外,搜索還涉及到結果信息的數據匹配規則,受到算法精準性、商業化干預程度的影響,設計師同樣需要關注搜索結果如何更好地匹配用戶的精確搜索、模糊搜索需求,以從信息設計層面提升用戶體驗。



搜索流程,即搜索前、搜索中、搜索后的頁面跳轉以及搜索框形態的變化。

對應的就有:搜索入口——搜索推薦頁——搜索聯想頁——搜索結果頁——搜索結果頁返回。



設計師想要設計流暢的搜索體驗是無法避開梳理搜索流程的,考慮完整的搜索鏈路和用戶關鍵體驗路徑,并且設計出對應的所有細節,將搜索功能的價值發揮到最大化。

對于搜索系統來說,整個流程可以分為三步,分別是:

  • 理解用戶搜索意圖
  • 召回內容
  • 排序內容


B 端業務中搜索使用的場景有兩類:一類是全局搜索,一類是頁面局部搜索(常見的有列表搜索、表單搜索)。

1、全局搜索

對于B端系統中模塊分類較多,所涉及到的內容比較全面的,一般會選擇全局搜索,全局搜索是通過關鍵詞匹配全局范圍內的信息來搜索的。

優勢:無學習門檻,用戶無需考慮內容對應的分類只需輸入關鍵詞;

劣勢:精準度不夠高;搜索出來內容泛;需用戶二次查找目標內容。

注意:設計全局搜索時要注意搜索后的結果展示邏輯,如果分類較多,界面還可以根據分類tab分別歸類不同。

tips:搜索功能在頁面中的重要程度及搜索范圍,決定了搜索的位置和樣式。

目前大部分網站在布局搜索框位置時,大致遵循以下幾個規則:頁面居中、頁面頂部居中、頁面頂部右邊、頁面頂部左邊

知乎的搜索入口位于頂部導航欄的顯著位置,引導用戶進行搜索,并且搜索框內的占位文字根據算法會間隔一段時間改變,引導用戶發現新的內容,促進用戶在知乎上的使用時長。



B端全局搜索入口的樣式

1.1 頂部導航欄搜索框

最常見的搜索方式之一,將搜索以輸入框的形式居于頁面頂部(狀態欄或標題欄下方),在視覺上非常醒目,用戶進入應用即能快速找到,很符合用戶的視覺瀏覽動線,也是C端產品提高轉化率的流量入口。

1.2 “放大鏡”圖標入口

形態相對比較簡單,通常以“放大鏡”樣式的 icon 出現在界面右上角,視覺上不會過于突出,常用于搜索行為不是特別頻繁的場景,需點擊后才會跳轉至搜索框頁面。

Icon 搜索入口相較于上述提到的類型在視覺引導方面略遜一籌,相對弱化了搜索功能,但節省了更多的導航欄空間,呈現位置比較靈活,可單獨呈現、也可與其多個其他功能 icon 并列組合展示。



2、頁面局部搜索

指的是在頁面中的某個模塊加入搜索的功能。

常見在數據列表頁面加入搜索的功能,搜索的目標只在該模塊該內容中進行搜索,搜索的信息具有局限性,當然也是更加準確地搜索用戶想要的目標信息。

下圖是一個美團商家后臺的列表頁面,此頁面加入了搜索的功能。



另外,B端常見在表單頁面加入搜索的功能,搜索的目標只在表單選擇內中進行搜索,搜索的信息同樣具有局限性,可以通過控制某個字段或者某幾個字段的信息來展開搜索。


3、同一頁面多個搜索入口

B端業務中復雜的場景中存在同一個頁面中有多個搜索入口(如上圖美團),設計前需梳理清楚每一個搜索入口的交互邏輯,不同搜索入口覆蓋的搜索范圍、搜索過程、搜索結果是否一致,在占位文本上也需體現出該搜索入口的搜索內容。



1、根據搜索結果分類

1.1 模糊搜索

模糊搜索是用戶搜索意圖不明確時,將用戶的查詢與待檢索的內容進行模糊匹配。

模糊搜索無法精確理解用戶的查詢意圖,搜索結果可能有大批量用戶不想要的信息,使用模糊搜索時一定要結合實際場景,慎重使用。

優點:只要有相關的內容都會被檢索出來,減少了精準搜索帶來的記憶負擔;

缺點:容易把相關的信息也帶出來,例如檢索186,把相關號碼也匹配出來。



1.2 精確搜索

精確搜索是指用戶在搜索時,針對某一數據字段搜索,來查找所需要的數據。

根據業務場景不同,我們會查找某一字段,或者是用標簽切換不同字段來查找。可以幫助用戶在巨大的信息池中縮小目標范圍,快速而準確的定位到目標數據,并速獲取需要的信息。

優點:搜索匹配精準度高。

缺點:每次只能對單一條件進行搜索。



總結:

我們可以根據產品的發展階段、需求側重、用戶的專業度和使用習慣來綜合決策使用哪一種方式更合適。如果側重查詢效率且用戶是有專業門檻的使用者時,可以優先考慮精確搜索;如果側重查詢結果的豐富度,可以優先考慮模糊搜索。


2、根據搜索欄表現形式分類

基于搜索欄的表現形式,可以分為以下四種類型:單屬性搜索、切換屬性搜索、多屬性模糊搜索以及多屬性組合搜索。



類型之間沒有優劣之分,根據業務場景使用對應的類型即可。

2.1單屬性搜索

單屬性精確搜索:通過某個特定屬性就可以快速定位到目標數據,具有唯一識別性的、高使用頻率的、對用戶決策有意義的。

適用場景:表格單一數據信息特征突出,可以用此數據標簽快速定位目標數據。


2.2切換屬性搜索

切換屬性搜索也被稱為定向搜索,是由用戶主動選定搜索范圍后再進行搜索;

優勢:搜索精準度高。

劣勢:增加了部分用戶的學習成本及操作步驟。

適用于注重搜索結果的精準性或展示產品搜索能力等場景,定向搜索適用的幾種場景:

a、產品數據量足夠大且重搜索功能,用戶對于搜索有明確目標,定向可以幫助用戶提高搜索的精準范圍和效率;

b、搜索時輸入的內容無法通過同一套搜索交互方式和后臺計算邏輯承載;如單次搜索和批量搜索的輸入格式不同,搜索結果存在多樣性;

c、需外露產品亮點功能,有多個常用的搜索屬性,對于前置條件的數據計算能力和開發成本更高。

常見的切換屬性搜索的三種設計形式:

a、下拉框型

明確并固定選項類別,降低用戶操作難度。下拉篩選適合的選項類別有限,不適合多類別、復雜維度的分類。

b、Tab 型

平鋪展示搜索條件內容,每個 Tab 標簽代表一個篩選維度,操作便捷。Tab 標簽的數量不宜過多。



c、組合型

B 端類產品數據量豐富,在實際使用時,簡單的方式很難全面覆蓋到各個搜索場景,精準定位搜索結果。所以通過多個篩選維度的結合,形成多屬性的組合搜索,能夠大幅提升搜索結果的準確性。



d、切換屬性高級搜索

B端系統還有一種比較常見的搜索類型,是在定向搜索的基礎上,進一步豐富了搜索選項,比如指定搜索的時間范圍、數據類型等,設置的選項越詳細越能夠提升搜索結果的效果和準確性。

在設計時需要注意,B 端系統用戶角色多,層次不同,所以更加需要注重搜索前的引導,針對搜索規則、搜索限制等,應該適時的以簡練易懂的語言提示。

2.3多屬性模糊搜索

多標簽模糊搜索:表格多個數據都具有特征,往往業務要求對數據的精確度較高。

適用場景:業務類型多樣用戶可能記憶不精確且有多個數據特征,對搜索的便捷性要求高精確性要求低。

2.4多屬性組合搜索

多屬性組合搜索:可以輸入多個字段進行組合搜索(取并集),對空間的利用率高,適合更加復雜的列表內容。

適用場景:綜合篩選項,對空間的利用率高,多標簽組合搜索可以得到較為精準的搜索結果。


搜索欄設計

聊了這么多搜索內容,與設計師密切相關且對外輸出的首要就是搜索欄設計。

對于用戶來說,搜索是為了解決用戶明確或者不明確的搜索需求,讓用戶能夠快速準確搜到想搜的內容。設計欄設計的目的就是,讓搜索能夠提高用戶獲取信息、內容的效率。

常見搜索框設計樣式

1、填充色:通常選用與頁面背景顏色反差較大的顏色作為搜索框的填充色,方便用戶查找。

2、線框:多用于干凈簡潔的背景頁面。

3、投影:常用于風格簡潔輕量的風格頁面,同時搜索功能級別較高的場景。

4、透明度:常用于背景色復雜的場景,目的是為不破壞背景頁面的整體效果,在視覺上更和諧。 無外框:用于風格簡潔的大留白的頁面。



完整的搜索流程包含了各種細節:例如搜索欄的形式、光標停留、輸入狀態、異常數據、搜索結果、二次篩選等等。整個過程包含很多交互的細節設計,下面從激活搜索欄、輸入反饋、觸發方式來展開說明。

1、激活搜索欄

搜索激活指用戶激活搜索框時出現的搜索下拉面板,B端業務中搜索激活內容常見以下三種:



1.1 搜索歷史

搜索記錄通常以標簽或列表的形式顯示,以時間順序從新到舊排列,一般不會完全展示,可以滑動查看更多,或者折疊展開。

注意:搜索記錄會涉及對用戶行為的記錄,關系到用戶的搜索隱私,所以應當允許用戶手動刪除。

在 PC 端產品具有頁面空間優勢,用戶的搜索過程完全是通過搜索欄完成的。

搜索欄中會增加歷史搜索記錄,下方增加推薦關鍵詞,幫助用戶快速完成搜索。同時也可以喚醒用戶對某些商品的興趣和記憶,從而挖掘用戶潛在的搜索需求,這一點電商產品用得偏多。

在面板中展示“搜索歷史”和“最近瀏覽”,增加相關內容曝光,去給用戶提供更多選擇以觸達目標內容,該交互形式通常出現在全局性搜索或多維度搜索功能中。

1.2 搜索發現

搜索發現是系統基于用戶的搜索記錄,依據算法向用戶展示的搜索關鍵詞推薦,但并不是必需模塊,可以基于產品定位進行考量。常規的c端產品上用得多,B端產品用得少。

由于搜索發現也涉及用戶隱私,但應用一般不會讓用戶直接刪除,所以應當允許用戶對搜索發現進行隱藏,不然極其容易引起用戶的反感。淘寶、京東都有搜索發現,并且也允許用戶進行關閉/顯示的操作。



1.3 熱門搜索

熱門推薦是搜索推薦頁里面內容推薦的總稱,可以演變成多種推薦形式,比如“熱搜推薦”、“推薦活動”等,熱門搜索是應用商業化的重要手段,許多應用都有這種模塊,并且內容形式多樣。

知乎的熱搜就是結合熱搜、時事熱點等進行推薦。


2、搜索輸入反饋

搜索反饋指用戶輸入本文時未確認搜索執行的中間過程狀態。在B端場景下搜索反饋具備很強的引導作用給予用戶當下的狀態提示;

2.1 關鍵詞聯想

是通過已輸入的關鍵詞來預測可以找到的搜索結果,為用戶創造更加便捷的體驗。

搜索聯想承載的不止顯性的設計呈現,還有背后的算法邏輯;例如是否可以識別拼音、不同搜索方式呈現的聯想詞范圍,都需要提前確認落地可行性后再統一定義相關交互規則,并在產品中的所有搜索場景中保持相同的交互邏輯。



2.2 自動糾錯

用戶在搜索時輸入了錯誤的詞匯,系統經過判斷后會展示正確詞匯的搜索結果給用戶,并友好地告知用戶正確的搜索方式。特殊狀態包含無結果狀態、網絡不佳狀態等。



3、搜索觸發方式

3.1 實時搜索

實時搜索+實時顯示;搜索只有一個文本輸入框,沒有按鈕可點擊,這樣的搜索交互是通過輸入關鍵詞后,系統自動檢測所有內容中符合關鍵詞的目標信息,隨著關鍵詞的持續輸入,與之相匹配的結果會逐漸減少、直至找到目標,類似自定義篩選功能。

這種交互一般對于數據信息比較少的情況下會比較友好,加載的速度更快,避免服務器的壓力太大、影響反饋效率,例如地址搜索、查找聯系人等。

3.2 觸發搜索

關鍵詞輸入完成后,需要手動點擊搜索按鈕向服務器發送指令才會得到相應的搜索結果,這種方式適合大部分表格場景,更加適合B端產品復雜且龐大的數據場景。



搜索結果頁是用戶搜索的落腳點,在這個頁面,用戶會有目的性地瀏覽搜索結果。

搜索結果中隱含著搜索邏輯,全局搜索場景下多數為模糊搜索,即把與搜索關鍵詞詳盡的內容頁反饋出來,匹配度低,需要花時間對結果二次篩選。

B 端中對數據結果的篩選重結果查看與數據操作,具有以下場景需求:

1. 快速瀏覽數據,并能夠準確找到數據。

2. 需要經常變換條件的組合迭代查詢數據,對查詢結果精準定位。這就需要搜索結果后,不要清除用戶的查詢內容。

3. 對數據進行操作,如收藏、刪除、下載等。

不同的內容需要不同的頁面布局來支撐的,b端場景中最常見的兩種布局,篩選上下布局和左右布局,當然內容部分又分列表布局和柵格布局。

搜索結果注意點

1、凸顯關鍵信息:

為了便于用戶找到精準高效的信息或者進行便捷操作,在搜索聯想頁狀態時,當用戶輸入的信息足夠清晰可預測,可以將關鍵信息凸顯呈現,以引起用戶的注意力,在進入搜索結果頁之前就可以提升轉化的可能性。

此外,這種關鍵信息凸顯的形式,在搜索的商業轉化方面也有明顯的作用。



2、沒有結果,如何設計

搜索沒有結果會讓用戶感到非常沮喪的,尤其是當用戶進行了好幾次搜索之后,依然沒有結果,應當為他們提供有價值的替代品。

一般出現無結果的狀態有兩種情況:

a. 用戶輸入錯誤,一般會提用戶正確的搜索方式,并且自動幫助用戶糾錯,

b.搜索結果無,這種情況一般設計會以空狀態提示用戶,采用友好的方式提醒用戶更換關鍵詞。





在使用中,搜索本身應該是0思考成本的,否則就失去了索引的核心價值,基于此,總結一下5個設計注意點:

1、保留搜索文字

當用戶輸入搜索文本,點擊搜索按鈕,就進入了搜索結果頁流程,此時搜索框內應當保留搜索文本,以便于用戶明確搜索的內容(不要依賴用戶的記憶力),同時,也便于用戶再次編輯搜索文本。

考慮到輸入/清除的便捷性,應用也應當提供一鍵清除按鈕,點擊一鍵清除搜索的文本,減少用戶的操作成本。



2、搜索項多時,分類展示

搜索項目不可避免的比較多時,可以進行分類展示,降低尋找成本,常用的有兩種分類方式:

  • 信息維度:常見的有列表信息自有屬性維度的分類和任務屬性維度的分類。
  • 條件類別維度:按照時間類、名稱類、狀態類等的分類。


3、使用有效的自動建議

無效的自動建議讓整個搜索體驗降低,而精準的自動建議會讓整個體驗好上許多,它會根據用戶用戶的輸入內容(詞匯詞根和后臺數據)為用戶提供有用和精準的輸入內容建議,這有助于幫助用戶提高搜索過程的精準度,提升整個搜索體驗。


4、內容糾錯

輸入錯誤絕對是最常見的錯誤,如果用戶錯誤地輸入某個關鍵詞,而你的檢測到了,并且針對錯誤提供更正之后的結果,這樣就成功的規避了因為錯誤的關鍵詞所導致的不良后果,用戶也不用再次進行搜索了。


5、保留最近的用戶查詢

即使用戶熟知搜索引擎的全部功能,也需要借助大腦記憶來挑選關鍵詞,進行搜索。

想要找出有意義的、可用的搜索關鍵詞搭配,用戶需要結合他們的搜索方向,最近的查詢,聯想相關的屬性和關鍵詞,使搜索體驗更便捷流暢。

作者:三原設計社   來源:站酷

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

B端-詳情頁設計指南

博博

詳情頁向用戶展示一個對象的完整信息,主要用于信息瀏覽,允許對該對象發起編輯等操作。

看完本篇文章,你會學到以下內容:
1、什么是詳情頁
2、詳情頁設計原則

3、詳情頁的構成
4、詳情頁設計要點拆解


一、什么是詳情頁?

詳情頁向用戶展示一個對象的完整信息,主要用于信息瀏覽,允許對該對象發起編輯等操作。如電商的訂單詳情,OA的審批詳情等等。


二、詳情頁設計原則?

1、直接了當

信息盡量平鋪展示,如沒有必要不要做隱藏折疊。 

2、層次分明

按照接近原則,對信息分層分組展示,降低單個頁面內信息復雜度。

3、化繁為簡

減少復雜結構的使用,盡量使用相似的結構和模塊,降低結構差異對用戶進行干擾,讓用戶聚焦信息本身。

三、詳情頁構成

詳情頁由標題、標簽頁、圖片、文字詳情、按鈕、可視化、列表、表格、篩選、數據統計、進度軸、標簽構成

詳情頁的特點:1、內容雜,什么元素/模塊都可能出現。2、布局多,布局沒有套路,核心是做好內容分塊和視覺引導。3、差異大,頁面與頁面巨大差異

四、詳情頁設計要點拆解

1.容器

由內容由少到多劃分為原位展開、氣泡卡片、彈窗、抽屜、頁面。能優先滿足內容收納的同時,容易盡可能輕量。













2.布局

根據內容從簡單到復雜可分為基礎樣式、標題分組、色塊/分割線/卡片分組、錨點定位/標簽頁、自由布局。核心是做好內容分區、視覺引導符合用戶操作習慣。

布局注意事項:把用戶最關心的內容放在最顯眼的地方







3.交互操作

交互操作可分為編輯(原位/氣泡/彈窗/頁面),查看詳情(內容不多的話可以少用頁面容器,減少套娃),業務操作(層級清晰,符合用戶操作習慣)。



作者:鯤sky   來源:站酷

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。

1.3萬字丨Notion AI和我一起拆解了小紅書

博博

一、導讀
1. 內容結構
小紅書的產品拆解包含七個部分,分別是導讀、產品畫像、內容服務、社區服務、企業服務和、思考總結和寫在后面的話,內容篇幅13582字,閱讀時間最少30分鐘。


2. 適讀人群
產品拆解是一種專業、深度的創作形式,所以比較適合于以下幾類用戶閱讀學習:
● C端社交平臺產品設計師:通過對小紅書完整的產品拆解,了解小紅書的產品設計體系和細節,有助于更好理解自己所在公司的產品設計,其次可以全方位提升產品分析、競品分析能力。
● 希望提升產品思維的UI/UX設計師:通過從產品層到體驗層的拆解,幫助你跳出設計執行層理解一個功能設計背后的價值和意義,提升產品設計思維。
● 準備跳槽到小紅書的互聯網從業者:如果你有準備去小紅書求職,這份產品拆解報告可以幫助你提前了解小紅書的產品細節和體系。
● 內容社區平臺從業者及創業者:收獲一份專業、完整、有價值的競品分析參考。


3. 分析模型
產品拆解是以反向推導的形式去拆解一個產品的設計策略和思路,所以我們采用了以下分析模型和設計理論做支撐:
● AARRR模型(又稱為海盜模型):由戴夫·麥克盧爾提出,包含用戶獲取、用戶激活、用戶留存、獲取收入、用戶推薦,分別對應用戶生命周期中的5個重要環節,主要用于拆分和分析產品的功能價值。
● 尼爾森十大可用性原則:尼爾森十大可用性原則是界面設計中最基礎、最重要的設計原則,任何產品的設計,都可以通過這十個原則進行指導設計。
● 設計基礎理論:包括常見的格式塔原理、費茨定律、巴甫洛夫反應、7±2效應、席克定律等常見理論,用于診斷小紅書的交互及界面設計。


4. 閱讀建議
在閱讀本篇拆解的時候,建議一邊體驗小紅書APP,一邊閱讀產品拆解報告,其次可預約我們的產品拆解解讀直播,收獲會更大。
二、產品畫像
在拆解小紅書APP之前,我們需要從以下8個維度去提煉小紅書的產品畫像,這樣才能理解小紅書的產品設計邏輯。


1. 行業發展
小紅書所在的行業屬于互聯網媒體內容社區,是一個生活方式類內容社區,同時小紅書結合了電商和社交媒體打造了新型的商業模式,是社交電商的開拓者和領先者。我們從艾瑞咨詢的《中國互聯網媒體內容社區模式發展研究報告》和《2019中國社交電商行業研究》兩份報告中獲取到以下數據:
● 隨著內容社區的變現模式多元化發展,互聯網媒體的商業變現空間越來越大。艾瑞咨詢預計在2022年,中國網絡廣告市場規模將突破1.2萬億元,網絡購物市場交易規模在2022年將會達到13.9萬億元。
● 傳統電商的紅利已盡,已經進入行業衰退期,用戶增速已持續放緩至20%甚至更低水平。而社交電商正在蓬勃發展,成為移動端最主要的流量入口,使用頻次高、粘性強,流量價值極其豐富,行業交易規模在2021年就達到28646.3億元。
綜上所述,小紅書所在的行業具有廣闊的發展前景和潛力,而小紅書作為國內最大的生活方式平臺和社交電商領先者,還有極大的空間去挖掘。其次隨著AIGC(AI Generated Content,是指利用人工智能技術來生成內容)時代來臨,對過去以UGC為主的小紅書內容創作平臺來說,是新的機遇也是挑戰。


2. 競爭形勢
在《中國互聯網媒體內容社區模式發展研究報告》一文中,艾瑞咨詢梳理了互聯網媒體內容社區生態圖譜。從圖譜看出,小紅書作為生活方式類內容社區,并無直接競爭對手,但存在諸多潛在競爭對手,包括文娛類的微博、豆瓣、抖音、B站,還有消費類「什么值得買」,知識類內容社區知乎,旅行類內容社區馬蜂窩、飛豬等。
從易觀千帆數據觀察,小紅書相比其他間接競爭對手,除了抖音以月活躍用戶人數7.4億超出小紅書3倍以外,小紅書月活人數超2億排名第二,領先排名第三1.7億的嗶哩嗶哩,其他社區月活人數距離小紅書有一定差距。
不過就在年初,社交巨無霸微信的微信公眾號已經推出小紅書式的筆記傳播形式,降低創作門檻,吸引大眾用戶UGC,這對于小紅書來說,將會是一個潛在的挑戰。


3. 產品介紹
小紅書是一款集購物、分享、社交于一體的手機APP。它的主要功能是幫助用戶分享生活中的美好瞬間和購物心得,同時也為用戶提供了一種社交平臺。作為一個年輕人的生活方式平臺,小紅書以“Inspire Lives 分享和發現世界的精彩”為使命,用戶可以通過短視頻、圖文等形式記錄生活點滴,分享生活方式,并基于興趣形成互動。


4. 商業模式
基于對小紅書的深入調研,再結合艾瑞咨詢《中國互聯網媒體內容社區模式發展研究報告》,我們對小紅書的商業模式進行了推導。


4.1 客戶細分
● C端:年輕用戶群體,以女性居多,生活在一二線城市,希望發現和購買優質商品,喜歡分享自己的購物心得和生活經驗,有較高的月支配消費能力。
● B端:中高端品牌,品質高、信譽好,期望通過小紅書獲取種子用戶、快速打造爆款以及和年輕用戶建立溝通的企業。
拓展閱讀
根據艾瑞咨詢的《中國互聯網媒體內容社區模式發展研究報告》,挖掘到內容社區已經步入成熟階段,由B、C兩端朝著營銷線、商品線、平臺線和內容線衍生出多元商業模式。這個信息有助于接下來理解小紅書的產品體系。
4.2 價值主張
標記我的生活
4.3 渠道通路
作為中國最大的生活方式分享社區,小紅書用戶基數大,用戶忠誠度高,主要依靠用戶口碑分享,以及常規的廣告、搜索引擎等渠道進行推廣和維護品牌形象。
4.4 客戶關系
面對社區博主和行業KOL,通過創作中心、蒲公英等平臺為博主鏈接優質廣告資源;面對企業客戶,通過商家課堂等方式指導開店培育。
4.5 收入來源
根據《2021年小紅書內容營銷數據洞察白皮書》報告顯示,2021年小紅書的收入主要由廣告和電商兩部分組成,二者的份額占比分別為80%和20%。
4.6 核心資源
小紅書是中國最大的生活方式分享社區,用戶基數大,忠誠度高,2021年已經成功登陸港股市場,有充足的資金優勢。
4.7 關鍵業務
面向C端,小紅書主要提供筆記發布、購物、直播等核心功能;面向B端,提供蒲公英、薯條、聚光平臺等業務。
4.8 重要合作伙伴
● 各行業頭部KOL及MCN機構,為平臺提供高質內容,官方同時提供流量傾斜和扶持;
● 企業客戶,負責小紅書電商自營平臺的生產鏈供給以及其他內容合作。
4.9 成本結構
作為一個互聯網科技公司,小紅書的成本結構主要來自產品的研發投入和人力成本。
5. 用戶畫像
結合易觀千帆小紅書APP數據,我們對小紅書終端使用用戶人群提煉了以下用戶特征:
● 從用戶性別看,以女性居多,占比72.25%,男性占比27.75%;
● 從年齡分布看,24歲以下用戶人群最多,占比42.48%,其次為31-35歲,占比29.53%,24-30歲用戶人群占比15.83%;
● 從用戶消費能力看,中等消費者占比36.75%,中高消費者占比36.21%,合計超過70%,購買能力很強(官方數據為月支配可消費費用超過4000元);
● 從地域分布看,新一線城市用戶最多,占比22.17%,其次為三線城市,占比20.93%,二線城市占比19.28%,其中廣州市最多,其次為北京和上海。


6. 信息結構
通過對小紅書APP的信息結構梳理,可以看出小紅書的功能結構比較簡單,菜單欄包含了首頁、視頻、發布、消息和用戶中心五個欄目。
● 首頁:以千人千面的信息流推薦為主,其中推薦、購物和直播權重最高,也是小紅書的核心功能。
● 視頻:提供沉浸式的短視頻筆記體驗,用戶可以不斷上拉下滑觀看視頻筆記;
● 發布:提供拍照、相冊、模版和直播發布功能,是用戶發布筆記的入口;
● 消息:提供系統公告以及消息通知,用戶聊天的窗口;
● 用戶中心:用戶的個人主頁,包含筆記、收藏和個人資料等功能。


7. 產品迭代記錄
根據七麥數據資料,小紅書的APP首個版本發布于2013年12月05日,截止到2023年4月3日,APP版本已經更新至V7.82版本,近一年版本更新次數為98次,迭代頻率非常高。從十年前的「全世界的好東西」到今天的「標記我的生活」,小紅書迎來自己的十周歲生日。


以下為小紅書版本重要迭代記錄:
● 2014年8月,發布V2.0版本,上線「商城」功能,支持用戶在小紅書下單購買;
● 2015年11月,發布V4.0版本,產品全新升級,首頁根據用戶興趣智能化推薦;
● 2017年9月,發布V5.1版本,產品全新升級,加入閃拍、小視頻等功能;
● 2018年5月,發布V5.16.1版本,加入「附近」功能,可發現身邊有意思的筆記和用戶;
● 2019年5月,發布V6.0版本,產品全新升級;
● 2021年7月,發布V7.0版本,產品全新升級。
8. 產品生命周期
根據易觀千帆數據顯示,截止到2023年1月,小紅書APP月活躍用戶人數超過2.1億,注冊用戶在2019年就超過3億(來自官網),公司在2021年成功登陸港股市場。從以上資料數據看出,我們可以推導出小紅書APP已經進入產品生命周期的成熟期,當下以及未來將會聚焦于商業變現和用戶留存。


9. 小結
通過以上數據信息,我們可以看出,作為一個誕生于2013年的移動互聯網元老,小紅書從最初旨在打造一個海外購物社交平臺到如今成為億萬年輕人的生活方式社交平臺,他們的用戶非常年輕,以90后居多,月活躍用戶超過2億,它已經成為國內最大的生活方式分享平臺和社交電商平臺。
三、內容服務
「內容服務」是根據AARRR模型拆分,這個版塊的功能主要是實現用戶留存,包含首頁、視頻、筆記發布、消息、創作中心和專業號等功能。


1. 首頁
作為中國最大的生活方式分享社區,小紅書以UGC用戶生產內容模式為主,內容包含圖文、短視頻、語音等多種傳播形式,覆蓋了美妝、潮流、美食、科技、旅行、汽車、職場等眾多行業。


1.1 發現
「發現」作為小紅書的默認首頁,平臺根據用戶的興趣、標簽、瀏覽偏好內容進行個性化推薦(從產品迭代記錄查詢到小紅書早在2015年就開啟了千人千面的個性化推薦)。從TAB欄可以看出小紅書的內容覆蓋了美食、科技、旅行、汽車、職場等眾多行業,同時支持用戶根據自己興趣偏好自定義編輯。


1.1.1 內容推薦邏輯
在研究小紅書「發現-推薦」推薦邏輯時候,筆者有點捉摸不透。因為每一次刷新推薦的內容排序其實并不是單純的以點贊、發布時間、收藏數為準,更像是隨機展示,所以特意查詢了關于小紅書內容推薦邏輯的文章。
筆者找到了人人都是產品經理專欄作家江流的《小紅書的內容營銷邏輯》這篇文章,作者經過大量的測試,推導了小紅書的內容推薦營銷邏輯:
● 「發現-推薦」頁占據了小紅書80%的流量;
● 小紅書內容推薦的邏輯主要是三個:高打開率,高互動率,高搜索打開率。


體驗陷阱
當我發現平臺給我推薦我討厭的內容時候,我沒找到屏蔽按鈕,最后嘗試長按圖片才彈出屏蔽彈窗。這個設計對新手不友好,違反尼爾森十大原則的人性化幫助原則,沒有提供清晰的提示,增加了學習成本。


1.2 關注
「關注」是為用戶提供自己關注好友的動態展示,內容設計比較簡單。不過我對這個欄目的推薦機制感到不解,當我刷新頁面的時候,內容并不是根據時間先后順序展示,而是沒有規律的隨機展示。


1.3 本地
「本地」是根據用戶所在位置讀取附近用戶的筆記,這個功能上線于2018年V5.16.1版本,它的價值是幫助用戶發現身邊有意思的筆記和用戶,從而建立關系鏈接,提升用戶留存率。


設計思考
作為一個生活方式平臺,「本地」的內容太單薄,如果能把內容分類,比如按景區、美食、出行等來設計,可以極大提升小紅書在本地生活場景中的打開頻次。來小紅書,不僅可以標記你的生活方式,還可以發現身邊更多有趣的生活方式。
1.4 搜索
「搜索」是小紅書流量分發的重要入口(占20%),不僅為用戶提供實時的社區熱門話題,更是小紅書的商業服務中的重要場景(提供搜索信息流、專區、火焰話題和搜索菜單等推廣方式)。
1.4.1 引導頁
「引導頁」由歷史記錄、猜你想搜和搜索發現組成,這個頁面主要承擔流量分發以及展示社區熱門話題,設計得比較簡單。


迭代建議
可參考QQ音樂的搜索引導頁,根據話題內容設計排行榜,把引導頁做得更豐富,提升用戶使用時長。
1.4.2 結果頁
「結果頁」提供四個維度的內容展示,分別是全部(包含最新、最熱)、用戶、商品和篩選(筆記類型,視頻和圖文)。其次根據搜索關鍵詞加入二級分類,比如搜索UI設計,二級分類有APP界面、高級感、作品集和素材相關聯標簽。


設計思考
在深入體驗搜索功能以后,我對平臺對搜索關鍵詞的算法機制不太理解。比如排名第一的并不是點贊最高的,也不是發布時間最早的,甚至會出現低點贊、發布時間很早的筆記。對此,深表疑惑。
2. 視頻
「視頻」是一級欄目,位于菜單欄第二個位置,進入后向用戶提供沉浸式的閱讀體驗,可以不斷上滑刷新視頻。短視頻是當下最流行的傳播方式,對提升用戶使用產品時長有非常大的幫助。
2.1 詳情頁
底部展示作者信息,可一鍵關注,提供喜歡、收藏、分享和評論功能。其次當博主關聯粉絲群,還支持用戶快速入群,幫助博主引流。


3. 筆記發布
「筆記發布」作為小紅書社區最重要、最高頻的功能,向用戶提供了圖文和視頻兩種發布類型。為了降低用戶學習成本,提升產品的核心增長指標,小紅書提供了非常豐富、精美的設計模版,用戶一鍵使用,更換素材即可發布漂亮、精致、酷炫的筆記。


3.1 拍照
「拍照」是小紅書最基礎的筆記形式,主要通過拍照搭配音樂、文字的形式傳播,門檻低、操作簡單,是社區的主要內容。
3.1.1 發布流程
3.1.1.1 拍照
● 需要用戶拍照,不支持讀取手機相片(如果想要加入本地圖片,需切換到「相冊」)。
● 頭部提供比例切換(3:4和1:1)、閃光燈、翻轉、濾鏡(提供日常、春夏、秋日等類型)、美顏(支持磨皮、臉型、眼睛、鼻子等)。
● 底部提供默認、黑白相機、摩登、小宇宙和灰色拍立得五種模式,滿足各種特效拍照需求。


3.1.1.2 裝飾
● 頭部提供加入音樂功能,音樂庫包含歐美、運動、日韓等各種主流音樂類型。
● 底部提供圖文模版、視頻模版、商品(加入種草場景)、文字、帖子、濾鏡和調節功能,用戶可根據自己偏好加入裝飾元素。


3.1.1.3 發布
● 圖片加工裝飾好以后,用戶需要輸入筆記的標題、介紹。
● 用戶可以加入標簽(這是小紅書平臺內容檢索的重要元素,一般用戶會加入多個標簽)、商品和互動組件(包含PK組件和投票組件兩種類型,主要用于提升用戶活躍度)。
● 用戶可加入發布地點,在高級選項可選擇關聯直播預告和群聊。
● 一切準備就緒后,用戶可選擇保存草稿和立即發布。


3.1.2 筆記詳情頁
● 筆記詳情頁的權重非常高,不過頁面內容也比較簡單。頭部展示用戶信息,可一鍵關注,右上角可點擊分享筆記。
● 筆記內容由圖片(視頻)+標題+文字內容+標簽構成,其他用戶可對筆記進行評論、點贊和收藏。


迭代建議
小紅書的筆記分享形式太過簡單,可參考QQ音樂的分享功能,設計豐富、精致的個性化模版,比如音樂卡片、視頻卡片等,刺激用戶進行分享,幫助平臺拉新引流。
3.2 拍視頻
「視頻」的發布流程和「拍照」相似,其次小紅書也提供了基礎的視頻剪輯功能,幫助用戶制作更優質的視頻,以及避免用戶流失到其他視頻剪輯軟件(微信視頻號就不支持視頻剪輯,這導致用戶會使用剪映這些第三方軟件)。


3.3 相冊
「相冊」和「拍照」的區別就是為用戶提供從本地上傳圖片,兩者的功能和流程一樣。


迭代建議
建議把「相冊」和「拍照」兩個功能合并,減少操作路勁,降低用戶操作成本。
3.4 模版
「模版」分為視頻和圖文,用戶可選擇好自己喜歡的模版進行直接編輯發布。


4. 記錄日常
「記錄日?!沟娜肟谠谑醉撟笊辖?,主要為用戶提供語音、打卡、日簽等形式的動態發布。這個版塊的功能價值在拆解完以后,筆者認為更多是滿足Z時代年輕用戶群體的興趣偏好,比如為情侶量身定制的咻咻,還有語音筆記等。其次這個版塊的筆記發布形式行動成本比較低,更能吸引用戶參與發帖,是激活新用戶以及長尾用戶的絕佳方式。


4.1 咻咻
「咻咻」是一個專門為年輕情侶用戶量身定制的功能,通過綁定TA的小紅書號,情侶之間就能及時分享有趣的筆記霸屏對方的屏幕。這個功能看上去設計得很有趣,和QQ音樂類產品的「一起聽」相似,增強了即時的社交聊天元素,增加用戶時間和頻次。


體驗陷阱
這個功能看上去很時髦,但是在體驗下來以后發現很雞肋。當我給另一個小紅書賬號發送咻咻的時候,系統沒有任何提示,消息中心也沒有。最后只能前往「咻咻」找到右上角的那個TA,我才發現原來消息推送到這里了。這樣的提醒設計,太失敗了。
4.2 語音
「語音」是向用戶提供語音筆記的功能,用戶可以錄制一段自己的想說的話,選擇封面以后,輸入心情記錄,就可以發布。這個功能對于Z時代的用戶群體來說非常受歡迎,極大提升用戶使用時間,筆者體驗了上百條語音筆記,發現用戶主要通過語音筆記哼唱歌曲,是一種全新的聽覺體驗。


迭代建議
在「語音」詳情頁,我嘗試上滑瀏覽下一條,但最后發現需要左右滑動才能切換,這個設計和用戶習慣不一致,建議改進。其次在查看用戶「表態」內容時,語音就暫停了,影響聽覺體驗。
4.3 日簽
「日簽」就是以發布筆記的形式進行簽到,用戶可以選擇心情,上傳背景圖片(系統會自動生成精美的圖片),然后輸入心情就可以發布。小紅書還為用戶提供「漂流瓶」功能,用戶可以選擇筆記塞入漂流瓶后,接收到漂流瓶的用戶可以給與回應。


4.4 打卡
「打卡」和「日簽」相似,主要提升用戶使用產品的頻次和時間,小紅書為用戶提供各種主題的打卡,比如護膚打卡、練字打卡、考研打卡等,用戶選擇對應的主題,上傳圖片以后,就可以發布。


4.5 文字
「文字」的功能非常簡單,用戶只需輸入文字,然后選擇背景風格,就可以生成文字筆記。


4.6 拍攝
「拍攝」的功能也非常簡單,用戶拍攝一段視頻,就可以生成筆記,和一級菜單的「視頻筆記」不同,在這個欄目支持上傳本地圖片,體驗更佳。


5. 消息
「消息」主要向用戶提供私信、群聊功能,其次可實時查詢筆記的點贊、收藏、關注動態以及官方通知公告。


5.1 群聊
小紅書支持博主建立自己的粉絲群,功能比較基礎,主要幫助用戶沉淀自己的粉絲,提升用戶留存率。


6. 創作中心
作為一個以UGC用戶生產內容的平臺,創作中心主要為創作者提供創作指導,這個版塊包含數據中心、創作服務、創作學院和筆記靈感四個部分。


6.1 數據中心
「數據中心」為創作者提供賬號概覽、筆記分析和粉絲數據三個維度的數據統計分析。創作者可以查看近30日的詳細數據分析,比如觀看人數、觀看總時長、觀眾來源、單篇筆記詳細數據以及粉絲畫像等內容。這些數據可以幫助創作者及時調整運營策略,創作更受用戶喜歡和關注的內容。


6.2 創作服務
「創作服務」是為創作者提供更豐富的平臺服務和推廣,包含創作權益、作者能力和內容變現三塊內容。平臺提供筆記周報、筆記置頂、創建合輯、薯條推廣、內容合作等功能,為創作者提供創作工具以及內容變現等服務。


6.3 創作學院
「創作學院」為創作者提供了小紅書內容創作和內容運營的各種主題課程,比如選題取材、粉絲運營等內容,這些課程都是免費的,創作者只要投入時間精力,都能有所回報。


6.4 筆記靈感
「筆記靈感」為創作者提供了小紅書熱門筆記的選題參考,比如時尚、戶外、春日等主題,通過這些爆款筆記,能給創作者提供更清晰、精準的創作靈感,從而為社區輸出高質量內容筆記。


7. 專業號
小紅書的專業號是面向更專業的知識創作者,為他們提供更專業的內容、服務和功能,幫助他們獲得更多的曝光度、關注度,以及通過豐富的數據分析提供運營支持。


7.1 數據中心
相比「創作中心」,專業號的「數據中心」提供了更專業完善的數據分析,比如數據維度,可按根據交易、引導和互動去查看,還有筆記觀眾分析,提供了更詳細的用戶特征,包含年齡分布、城市、用戶興趣等,以及個人主頁和店鋪的數據統計分析。


7.2 互動工具
「互動工具」包含店鋪管理(小紅書支持用戶開通店鋪銷售商品,可以理解為淘寶用戶的淘寶店)、直播互動、抽獎工具和主頁裝修等功能,主要為創作者提供個人店鋪裝修和直播兩個場景的互動營銷。從功能體驗看,這些工具設計得還比較單薄,還有很大優化空間。


7.3 筆記工具
「筆記工具」包含發布商品筆記、商品筆記創作、商品筆記靈感和商品筆記熱榜四個功能。所謂商品筆記就是已經開通店鋪的用戶可以直接在筆記加入自己的商品,從而實現引流轉化。這個版塊主要為用戶提供商品筆記的創作數據分析和社區熱門話題參考,幫助用戶創作出優秀的種草筆記。


7.4 推廣工具
「推廣工具」包含薯條推廣、內容合作和直播選品。
● 薯條廣告主要為用戶提供商品筆記的付費推廣(花錢購買筆記流量券,讓更多用戶閱讀);
● 內容合作是小紅書面向專業用戶打造的蒲公英平臺,通過招募優質博主,給與內容變現指導和助推,幫助用戶在小紅書實現可觀的收益;
● 直播選品是為用戶提供直播帶貨功能,用戶可以加入適合的商品在直播間進行銷售,最后獲取返傭。


7.5 熱門課程
「熱門課程」提供了小紅書賬號定位、筆記創作、商鋪運營等內容的教程,幫助用戶快速熟悉小紅書的平臺內容推薦極致以及用戶習慣偏好等。


8. 小結
從內容服務版塊的設計拆解,我們可以看出:
● 小紅書作為一個生活方式分享社區平臺,所覆蓋的內容已經包含了汽車、職場、影視、文化、科技、體育、母嬰等行業。這說明小紅書的用戶群體逐漸多元化發展,這點從用戶畫像的數據也可以看出,小紅書的男性用戶已經快逼近30%,未來小紅書的用戶規模還有很大空間。
● 小紅書的筆記形式已經越來越豐富,除了最傳統的圖文,未來短視頻或許是社區更流行的內容形式(目前「視頻」欄目已經調整為菜單欄第二位,權重非常高)。其次也為年輕用戶提供了時髦、流行、制作成本更低的咻咻、語音筆記發布功能,極大提升了用戶參與度。
● 在產品設計方面,個人認為小紅書還有很多優化的空間,目前整個APP的產品內容不夠豐富,幾乎沒有創新點。
四、社區服務
「社區服務」是根據AARRR模型拆分,這個版塊的功能主要是實現商業變現,包含首購物、直播和小紅卡會員。


1. 購物
作為社交電商的先驅和領軍者之一,「購物」是小紅書在C端變現的最重要方式。雖然被「視頻」頂替了菜單欄的位置,但在「購物」頻道,可以看到小紅書的電商玩法,真是獨特又有趣。


1.1 潮流買手店
「潮流買手店」是為用戶提供當下最流行的潮流服飾銷售,在這個頻道可以看到眾多的國內外知名潮牌最新的產品。頁面內容設計得比較簡單,為用戶提供了潮流趨勢、新品發售和品牌專區的內容,用戶可直接下單。


1.2 新趨勢
「新趨勢」是向用戶種草「正在流行的東西」,它的內容結構是平臺根據不同的主題結合社區筆記和商品來生成,比如海邊度假穿搭,平臺會把社區優質的筆記收錄,然后再關聯相關的商品,通過特定的場景和主題向用戶種草。相比傳統電商,這正是社交電商的魅力。


1.3 福利社
「福利社」小紅書官方直營的高端電商品牌,上線于2014年12月,旨在為用戶提供全世界的好東西,目前已經有超過20000+美妝商品。這個頻道主要包含新品日歷、先鋒品牌、熱門品牌和熱門分類四塊內容,其次它的視覺風格設計得非常精致,讓人有強烈的購買欲望。


1.4 小綠洲
「小綠洲」的定位是一站式購買戶外好物,旨在打造一個匯聚泛戶外生活方式穿搭、裝備用品的買手平臺。從頻道內容看,包含露營、都市運動、滑板和滑雪四個大類,在每個類目可查看相應類目的商品分類、促銷商品、品牌精選等內容。


1.5 寶藏好店
「寶藏好店」是向用戶推薦小紅書平臺的寶藏店鋪,內容包含每日精選、生活玩家、美護大賞等欄目。


1.6 獨特設計
「獨特設計」這個頻道,是由小紅書官方以及業內優秀設計師、社區優質作者和時尚行業專家共同評審出來的獨特設計商品。用戶人群定位高端,滿足那些想要高品質、高審美的用戶群體的需求——在小紅書,找到全世界的好東西。


2. 直播
直播是當下最流行、最重要的運營手段。小紅書的直播版塊,設計了眾多豐富的互動、營銷工具,極大提升播主的運營效率。
2.1 發布直播
播主在點擊「發布」后,在底部切換到「直播」即可開啟。
● 在頭部,用戶需要選擇直播方式,目前小紅書提供視頻、語音、手游和電腦(通過電腦直播)四種直播方式,然后填入基礎的直播信息比如直播主題、介紹,和上傳封面等。
● 在底部,用戶可以選擇美化、翻轉等效果,還可以添加帶貨商品、設置禮物打賞等功能。


2.2 直播間
2.2.1 互動支持
小紅書為播主提供了PK、投票、直播預告、連麥、小紙條等多種互動工具:
● PK:支持禮物PK和人氣PK兩種模式,播主可選擇隨機匹配和邀請指定主播,這個功能有助于提升直播的趣味性,播主連麥PK可相互提升用戶的活躍度。
● 投票:播主可實時發起投票,增強和粉絲之間的互動,提升用戶活躍度。
● 群推送:當播主發起直播后,可以一鍵把直播推送到小紅書的粉絲群,直接觸達用戶。
● 發紅包:播主購買紅包后,可設置關注播主才能領取來快速漲粉。
● 抽獎:播主可設置比如關注主播、分享直播、加入粉絲團等參與條件,通過抽獎的形式提升直播間的用戶活躍度。


2.2.2 直播工具
直播工具包含了數據看板、直播送禮、抽獎等重要功能:
● 信息卡:播主可創建直播公告、推薦商品和模特信息三個卡片,幫助進入直播間的用戶快速了解播主,提升用戶觀看時長。
● 數據看板:通過這個頻道,可以查看當前直播間的詳細數據,包括觀看人數、新增粉絲數、流量來源、送禮排行等,有效幫助播主提升運營效率。


2.2.3 商品管理
商品管理包含了直播閃拍,限時秒殺,直播優惠券等功能,賦能播主直播帶貨。
● 直播閃拍:這個功能非常方便,播主可以拍照就能上傳商品,操作簡單,行動成本低可以快速幫助播主提升銷售轉化率。
● 限時秒殺:用戶可創建限時秒殺商品,通過直播講解吸引用戶購買。
● 直播優惠券:播主可在直播期間快速創建優惠券,提升銷售轉化率。
● 預告推送:播主可插入下一場直播預告,讓用戶提前預約。


細節偵查:
直播閃拍這個功能很亮眼,只需隨便拍照一張,就能快速上架商品,這對直播間的銷售轉化有非常大的幫助。正如福格模型的行動公式,主要行動成本足夠低,行動頻次就能增加。
2.3 直播中心
「直播中心」類似于創作中心,包含數據分析、開播獎勵和主播課程等內容,主要幫助播主提升直播頻次和運營效率。其次對于粉絲基礎比較少的博主,還可以完成每日開播任務領取平臺獎勵,提升直播曝光。


3. 小紅卡會員
「小紅卡會員」是小紅書為用戶設計的會員專屬權益服務,定價199元每年,主要享受會員專享價、無門檻包郵、限時購提前搶、專屬客服等權益。從這個版塊的內容看,小紅卡會員設計得比較簡單,權益不夠豐富,吸引力較低。


4. 小結
從社區服務版塊的設計拆解,我們可以看出:
● 小紅書在C端的變現方式比較單一。我覺得可以再豐富一點,除了傳統的社交電商,是否可以再可以參考騰訊系的產品設計一些個性化功能,增強產品的變現方式。
● 直播功能設計得非常用心。筆者過去主要通過微信的視頻號直播,在拆解完小紅書以后,我只能感慨小紅書直播的功能非常完善和人性化,特別在提升直播博主銷售轉化率的功能設計上,體驗非常友好。
● 小紅卡會員可以重新設計。從目前的會員權益來看,這個功能設計得毫無亮點,不過由于沒有真實數據參考,僅代表我的一家之言。
五、企業服務
「企業服務」是根據格式塔原則拆分,這個版塊的功能主要是小紅書面向企業B端的商業服務,包含商家店鋪和品牌營銷兩塊內容。作為國內最大的生活方式平臺,根據《小紅書商業化營銷通案》報告,小紅書不僅月活超2億,而且用戶群體月均可支配消費支出4.1K,超過81%的用戶在小紅書瀏覽完內容以后產生了購買欲望。所以小紅書是好產品長出來的絕佳土壤,也成了商家品牌營銷的必爭之地。


1. 商家店鋪
小紅書的店鋪面向個人和企業招募,用戶只需要按照條件申請都能通過。這就像十年前人人都可以擁有一個淘寶店一樣,通過輸出有趣的筆記就可以進行種草轉化。


1.1 店鋪管理
1.1.1 PC管理后臺
小紅書的商鋪管理平臺主要幫助商家實現對店鋪的管理和通過數據分析提供運營支撐,主要包含以下重要功能:
● 商品:主要為商家提供商品的上下架功能,其次還提供商品一鍵搬家、組合商品銷售等功能。
● 數據:這個頻道內容設計得很豐富,提供店鋪流量、商品、筆記、直播和店鋪等內容的數據分析,通過多維度的數據,幫助商家提升店鋪運營效率。
● 筆記:提供商業筆記的管理、創作和創作靈感,幫助商家創作更好的種草筆記。
● 營銷:提供小紅書官方運營活動的報名以及多種店鋪營銷工具;
● 用戶:這個頻道為商家提供更精準的用戶運營計劃,通過專業完善的數據洞察店鋪的用戶行為,提升銷售轉化率。


1.1.2 APP客戶端
為了給商家提供更友好運營管理體驗,小紅書也為商家單獨開發了小紅書商家版。通過APP就可以實現對店鋪的數據化管理,非常友好。


1.2 商家課堂
「商家課堂」是為小紅書商家提供的一站式學習平臺,目的是幫助商家快速、系統學習小紅書店鋪運營,提升店鋪運營效率。


1.2.1 成長地圖
小紅書商家成長地圖提供了一站式課程體系,包括新手必學、成長進階和瓶頸突破三塊內容。其次這個欄目有一個非常亮眼的功能,那就是支持商家設計系統學習計劃,可設置系統提醒時間和學習頻次,非常友好。


1.2.2 課程中心
「課程中心」相比成長地圖,提供了更詳細、完整的直播以及錄播課程內容學習,比如開店入駐、店鋪基礎、財務結算這些偏店鋪管理操作的技能學習。從這個頻道可以看出,小紅書商家店鋪運營方面,投入了很大的精力,打造了非常專業、完善的學習系統。


迭代建議
小紅書在商家運營指導投入的精力超出我的想象,個人覺得小紅書可以參考像知識付費SaaS服務商小鵝通的訓練營模式,把店鋪運營學習打造成一個動態的學習課程,這樣不僅可以加深和用戶的鏈接,為商家提供專業、有價值的課程,還能拓展商業變現的方式。
1.2.3 服務市場
「服務市場」是小紅書為商家遴選的第三方優秀合作伙伴,包含商品管理、訂單管理、企業管理、直播管理和內容管理五大類,幫助商家更智能化運營店鋪,提升效率,比如有提供商品批量搬家上架的服務智淘分銷應用,可以一鍵將1688商品上貨到小紅書店鋪等。


2. 品牌營銷
小紅書商業產品體系非常豐富,有負責內容生產的蒲公英平臺,有負責流量+轉化的聚光平臺、薯條和品牌廣告。本文不過多分析,如有興趣可閱讀《小紅書商業化營銷通案》報告。


2.1 蒲公英
「蒲公英」是小紅書官方優質創作者商業服務平臺,它覆蓋海量博主和多種匹配能力,提供定制、招募、共創多種內容合作模式,全方位滿足品牌的內容營銷訴求。根據官網最新數據,目前已有累計10w+創作者、65000+海外企業商戶入駐。我們可以簡單理解為蒲公英是小紅書初級的品牌營銷平臺,只要你的的粉絲好過1000,你都能申請入駐,通過發布優秀筆記種草賺錢。


2.2 薯條推廣
「薯條」是小紅書為內容創作者和企業商家打造的自助式投放產品,可以有效地幫助內容創作者擴大內容影響力,也能幫助企業商家通過更靈活高效的推廣方式提升營銷效率。也就是當博主或商家發布筆記以后,可以選擇薯條推廣進行筆記推廣,它主要包含內容加熱和營銷推廣兩種形式。


2.3 聚光平臺
「聚光平臺」是小紅書營銷全新上線的一站式廣告投放平臺,能夠滿足廣告主以“產品種草、商品銷量、客資收集、直播推廣、搶占賽道”為目標的多樣化營銷訴求。聚光平臺主要為企業客戶使用,通過小紅書全站營銷的多種組合場景,幫助企業提升廣告投放回報率,高效觸達用戶。從官方文檔介紹,聚光平臺支持信息流、CPC點擊等多種形式,靈活高效。


3. 小結
從企業服務版塊的設計拆解,我們可以看出:
● 小紅書未來在B端的業務線會越來越深,也許很快人人都會擁有一個小紅書店鋪,一邊標記生活方式,一邊向客戶種草。
● 小紅書為企業客戶提供的品牌營銷體系非常完善,不僅有蒲公英、薯條、聚光等平臺,還獨創IDEA方法論,從洞察機會、定義策略、擊穿品類賽道再到沉淀品牌資產,都利用平臺自身強大的用戶資源滿足客戶的需求。
● 如果只是體驗APP,我們無法獲知小紅書真正核心的產品體系,所以當我們升維去拆解一個產品的時候,我們的收獲就會更大。
六、思考總結
通過以上部分對小紅書的全面體驗和拆解,我們可以看出,小紅書作為國內最大的生活方式平臺和社交電商開拓者,產品設計其實也有諸多問題,以下為我梳理的產品設計總結和建議:
1. 商業層
小紅書在C端的變現業務太單薄,僅有購物、直播打賞和小紅卡會員,可以嘗試增加合理的變現手段,不僅能為平臺增加收入,也能為用戶提供個性化的服務。當然從企業服務的拆解看,他們為企業客戶提供覆蓋內容生產、流量+轉化的商業產品體系已經足夠豐富,他們不缺盈利手段。其次我更喜歡小紅書過去的產品Slogan——發現全世界的好東西,這個口號簡單、直接、朗朗上口,聽一次就記得住。
2. 產品層
雖然已經發展十年,近一年產品迭代版本次數高達98次(在我拆解過的產品中最高,12306平均年迭代次數為3次),但我認為小紅書APP的內容設計不夠創新,也不夠豐富。我在「內容服務」版塊提了很多迭代建議,比如首頁的「本地」頻道可以把內容再拆分得細致一些,讓用戶能找到更精準的內容。還有筆記的分享功能,只提供一張朋友圈長圖海報生成方式,太淺陋了,不夠細致。
3. 體驗層
如果從一個普通用戶去體驗,小紅書APP產品體驗非常流暢,操作簡單、學習成本低,這和社區內產品交互流程本身比較簡單有關,幾乎沒有涉及復雜的業務流程。但從一個小紅書博主的角度去體驗,我發現小紅書的創作平臺規劃非常亂。比如創作者中心、專業號中心、商家入駐中心、商家店鋪管理以及直播中心這些產品,邊界不清晰,入口也不明顯,需要反復來回查找才能找到入口(我甚至每個平臺的網址都單獨收藏,才能快速訪問,否則我會在官網迷失很久)。

作者:設計大偵探   來源:站酷

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。


作者:設計大偵探
鏈接:https://www.zcool.com.cn/article/ZMTU0MjU5Mg==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。



作者:SFUP_DESIGN   來源:站酷



藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 



藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
久久久精品国产免费观看同学| 日韩一区和二区| 黄色小说在线播放| 不卡电影免费在线播放一区| 精品午夜久久福利影院| 人人超碰91尤物精品国产| 日韩av午夜在线观看| 国产精品国产三级国产在线观看| 久久久久一区二区三区四区| 免费在线毛片网站| 国产欧美精品一区二区三区四区| 精品捆绑调教一区二区三区| 美女在线视频一区| 欧美精品 日韩| 高h视频在线观看| 欧美激情偷拍| 欧美日韩成人综合在线一区二区| 成人免费在线观看视频| 国产精品一区二区三区av| 欧美日韩大陆在线| 日产精品一区二区| 精品视频一区在线| 91精品国产一区二区三区香蕉| 麻豆传媒一区二区三区| 岛国视频一区| 伊人夜夜躁av伊人久久| 日本精品一区二区三区在线播放视频| 成人免费高清在线| 国产视频精品在线| 日韩精品a在线观看91| 亚洲欧美不卡| 中文字幕亚洲欧美日韩2019| 成人在线国产| 96sao精品视频在线观看| 国产一区二区三区精品欧美日韩一区二区三区| 黄在线免费看| 国产不卡视频一区| 成人午夜sm精品久久久久久久| 亚洲人挤奶视频| 日韩成人18| 91tv精品福利国产在线观看| 国产99一区视频免费| 欧美大片日本大片免费观看| 福利微拍一区二区| 亚洲第一黄网| 欧洲精品亚洲精品| 国产精品中文字幕亚洲欧美| 亚洲一区二区视频在线| 国产综合视频| 在线不卡中文字幕| 国产一区二区美女视频| 国产区美女在线| 中文字幕av一区二区| 久久99国产精品自在自在app| 欧美人牲a欧美精品| 美腿丝袜亚洲三区| 欧美国产精品| h视频在线免费观看| 婷婷一区二区三区| av毛片久久久久**hd| 国产精品最新在线观看| 国产极品模特精品一二| 国产精品99精品一区二区三区∴| 久久精品一区二区三区不卡牛牛| 欧美日韩卡一| 国产欧美综合精品一区二区| 神马影院午夜我不卡| 亚洲成av在线| 国产成人综合网| 69av成人| 欧美黑人巨大videos精品| 91热门视频在线观看| 亚洲一区国产| 免费观看久久久久| 福利一区视频| 国产精品综合网| 久久久精品亚洲| 手机在线电影一区| 欧美成人免费播放| 精品美女视频| 一区二区三区自拍视频| 国产精品调教| 免费久久久一本精品久久区| 色94色欧美sute亚洲13| 久久久www成人免费精品| 久久人人精品| 怡红院红怡院欧美aⅴ怡春院| 激情综合网址| 澳门精品久久国产| 韩国午夜理伦三级不卡影院| 欧美精品一本久久男人的天堂| 91精品国产全国免费观看| 国产精品外国| 国产精品亚洲成在人线| 欧美精品中文字幕一区| 天堂成人国产精品一区| 伊人青青综合网站| 国产suv精品一区| 亚洲裸体xxxx| 国产精品第13页| 亚洲黄色免费电影| 综合亚洲自拍| 中文字幕亚洲图片| 91精品国产麻豆国产自产在线| 日韩理论视频| 国产女人aaa级久久久级| 欧美三级资源在线| 亚洲精品国产综合久久| 亚洲成人日韩| 国产成人精品免费视频大全最热| 国产精品午夜在线观看| 欧美性xxxxx| www国产成人| 国产精品永久在线| 国产精品偷伦一区二区| 日韩av影片在线观看| 91九色视频在线| 日韩高清有码在线| 色综合天天狠天天透天天伊人| 97精品国产aⅴ7777| 亚洲午夜精品一区二区三区他趣| 久久66热偷产精品| 久久综合色一综合色88| 热门国产精品亚洲第一区在线| 麻豆成人久久精品二区三区红| 亚洲丝袜另类动漫二区| 91久久精品国产91久久性色tv| 国产精品三区四区| 日韩中文欧美在线| 欧美日韩视频在线一区二区观看视频| 亚洲大片av| 97超级在线观看免费高清完整版电视剧| 久久免费国产精品1| 日韩一区在线免费观看| 久久精品人人做人人爽人人| 波多野结衣久久| 国产成人av电影| 亚洲人www| 久久se精品一区精品二区| 国产深夜精品福利| 亚洲欧美文学| 亚洲国产精品一区二区久久恐怖片| 亚洲3atv精品一区二区三区| 中国日韩欧美久久久久久久久| 久久一区中文字幕| 日韩美女视频一区二区在线观看| 欧美最猛黑人xxxx黑人猛叫黄| 亚洲一线二线三线久久久| 欧美巨大另类极品videosbest| 色狠狠久久av综合| 亚洲免费看片| 成人6969www免费视频| 成人xxxx视频| 91精品一区| 欧美成ee人免费视频| 久久久久久久一区| 国产精品久久网站| 色综合久久六月婷婷中文字幕| 欧美综合在线视频观看| 亚洲国产国产亚洲一二三| 国产美女高潮在线观看| 99久久精品久久久久久ai换脸| 色综合久久天天综线观看| 欧美特黄a级高清免费大片a级|