2025-4-14 天宇 設(shè)計(jì)思維
編輯導(dǎo)語：自適應(yīng)設(shè)計(jì)指能使界面自適應(yīng)顯示在不同大小終端設(shè)備上的設(shè)計(jì)方式及技術(shù)。而內(nèi)容自適應(yīng)則需要對(duì)用戶行為進(jìn)行預(yù)判進(jìn)而改變?cè)O(shè)計(jì)內(nèi)容，本文作者將對(duì)自適應(yīng)設(shè)計(jì)在內(nèi)容上的應(yīng)用進(jìn)行分享，值得閱讀學(xué)習(xí)。
我們一般說的自適應(yīng)設(shè)計(jì)，多半指的是界面自適應(yīng)，即為不同的終端設(shè)計(jì)不同的界面布局與操作流程。而內(nèi)容自適應(yīng)，是一種根據(jù)用戶標(biāo)簽與操作行為預(yù)判用戶目標(biāo)所需頁面內(nèi)容的方式，他的優(yōu)點(diǎn)是既能預(yù)測交互意圖，實(shí)現(xiàn)信息量的智能輸出，同時(shí)也能滿足不同交互需求，改變界面樣式，達(dá)到降低人機(jī)交互負(fù)荷的目的。
以下，是道樂UED團(tuán)隊(duì) 基于查閱的資料以及行業(yè)的積累，帶來的一篇關(guān)于內(nèi)容自適應(yīng)的分享。
目錄：
目前自適應(yīng)界面在內(nèi)容上的呈現(xiàn)大致包括兩種類型：
顧名思義，就是根據(jù)用戶當(dāng)下的操作，實(shí)時(shí)判斷用戶所需，從而調(diào)整不同的信息展示與布局，他的優(yōu)勢(shì)在于能盡量減少頁面上與用戶目標(biāo)不相關(guān)信息的展示，從而提升用戶操作的效率與準(zhǔn)確度
通過用戶標(biāo)簽與過往數(shù)據(jù)的分析，調(diào)整頁面內(nèi)容的展示數(shù)量與優(yōu)先級(jí)，僅展示用戶感興趣或可能感興趣的內(nèi)容，從而提高用戶在使用產(chǎn)品中的轉(zhuǎn)化率。
總的來說，內(nèi)容自適應(yīng)更趨向于對(duì)用戶行為軌跡的縱向思考，將“用戶尋找信息”的被動(dòng)服務(wù)模式轉(zhuǎn)化為“信息尋找用戶”主動(dòng)服務(wù)模式。滿足差異化的用戶需求，提升企業(yè)系統(tǒng)的用戶體驗(yàn)和人性化服務(wù)水平。
（1）搜索
① Google搜索
自適應(yīng)設(shè)計(jì)在搜索上的應(yīng)用意味著針對(duì)每個(gè)用戶的每一次搜索，都會(huì)產(chǎn)生一個(gè)定制的界面，該界面將自身塑造成所顯示的信息。請(qǐng)看以下示例：如何根據(jù)不同的用例更改搜索結(jié)果頁面。
最近，Google搜索的設(shè)計(jì)重點(diǎn)是在用戶點(diǎn)擊搜索結(jié)果之前傳遞信息。為此，Google采用了一種稱為自適應(yīng)設(shè)計(jì)的方法。
Google搜索適應(yīng)用戶需求的第一種方法是重新安排導(dǎo)航以適應(yīng)結(jié)果。
Google有362,880種獨(dú)特的方式來排列導(dǎo)航，以適應(yīng)搜索查詢。然而，自適應(yīng)設(shè)計(jì)的最大例子是搜索結(jié)果本身的布局。結(jié)果頁面是完全模塊化的：根據(jù)搜索結(jié)果，不同的元素出現(xiàn)在不同的配置中。
例如，音樂家Lizzo的搜索結(jié)果集中在媒體上：一組模塊以本機(jī)格式顯示視頻，圖片和歌曲。還顯示最近的新聞，推文和即將舉行的活動(dòng)，以及指向Lizzo在YouTube、Twitter、Facebook、Instagram和SoundCloud上的個(gè)人資料鏈接。直到頁面底部，我們才能看到看起來像傳統(tǒng)搜索結(jié)果的元素。
另一方面，以色列特拉維夫市的搜索結(jié)果為旅行者提供優(yōu)先信息。圖片、地圖、當(dāng)?shù)靥鞖庖约芭c旅行有關(guān)的問題（“特拉維夫?qū)τ慰桶踩珕幔?rdquo;、“特拉維夫以什么聞名？”）優(yōu)先于傳統(tǒng)搜索結(jié)果。模塊促進(jìn)了特拉維夫的活動(dòng)以及對(duì)附近其他城市的推薦。搜索結(jié)果頁上可能會(huì)出現(xiàn)數(shù)千個(gè)不同的模塊，從簡單的布局驅(qū)動(dòng)模塊到完全獨(dú)立的應(yīng)用程序。
例如，“aapl”的搜索結(jié)果頁上，股票代碼模塊顯示了當(dāng)前價(jià)格和交互式歷史價(jià)格圖。
通過自適應(yīng)設(shè)計(jì)，所有有關(guān)內(nèi)容、格式和順序的決策都是由算法決定的。設(shè)計(jì)人員的作用不再是創(chuàng)建明確的外部布局。
如今，尖端產(chǎn)品的設(shè)計(jì)者，以及未來日常產(chǎn)品的設(shè)計(jì)者，正在就生成這些布局的規(guī)則做出決策。
② 淘寶搜索
淘寶搜索結(jié)果頁，當(dāng)用戶往下滑動(dòng)查看更多時(shí)，系統(tǒng)判斷你根據(jù)當(dāng)前搜索頁沒有找到想要的內(nèi)容，則根據(jù)不同物品展示物品的更細(xì)分的篩選，如啤酒會(huì)c展示“德國進(jìn)口啤、國產(chǎn)精釀、比利時(shí)精釀”，方便用戶找到目標(biāo)物品。
③ OTA平臺(tái)PC端（去哪兒、攜程等）
攜程/去哪兒pc端中，Tab前置條件是國內(nèi)/國際，在選擇國內(nèi)機(jī)票時(shí)，默認(rèn)單程。在選擇“國際/港澳臺(tái)機(jī)票”時(shí)，則默認(rèn)機(jī)票往返。
這樣的功能設(shè)置是基于對(duì)用戶需求的深入研究得出的，主要有以下幾個(gè)原因：
基于以上充分的原因，這個(gè)自適應(yīng)功能設(shè)計(jì)就得以開發(fā)并成功提高用戶的使用效率。
（2）根據(jù)用戶靜態(tài)標(biāo)簽優(yōu)化結(jié)果
靜態(tài)標(biāo)簽：用戶主動(dòng)提供的數(shù)據(jù), 指用戶不變的基礎(chǔ)信息，多為用戶固定數(shù)據(jù)，如姓名、性別、年齡、身高、體重、職業(yè)、地區(qū)、設(shè)備信息、來源渠道等。
定位地區(qū)：大眾點(diǎn)評(píng)——切換城市
大眾點(diǎn)評(píng)的這個(gè)功能經(jīng)常被拿出來說，當(dāng)你到另一個(gè)城市，通過獲取定位申請(qǐng)，判斷你是來這座城市旅游的場景，從而頁面展示中入口就改成了跟旅游相關(guān)，這其實(shí)也有點(diǎn)內(nèi)容自適應(yīng)的意思，通過用戶不同的操作展示不同的內(nèi)容。
歷史自適應(yīng)主要集中在特定領(lǐng)域的個(gè)性化界面定制和推薦等方面。針對(duì)不同用戶呈現(xiàn)不同界面，根據(jù)用戶的類型、任務(wù)特點(diǎn)、喜好等提供不同的界面樣式。
（1）根據(jù)用戶動(dòng)態(tài)/預(yù)測標(biāo)簽算法推薦定制內(nèi)容
預(yù)測標(biāo)簽：平臺(tái)介入的數(shù)據(jù)，指根據(jù)用戶在平臺(tái)內(nèi)的行為數(shù)據(jù)對(duì)用戶未來行為或喜好進(jìn)行預(yù)測；是設(shè)計(jì)千人千面和運(yùn)營策略的關(guān)鍵；比如某電商平臺(tái)，根據(jù)用戶A“月均消費(fèi)5單，且有數(shù)額過萬的運(yùn)動(dòng)商品”的購物數(shù)據(jù)，平臺(tái)會(huì)給用戶A打“高頻、品質(zhì)敏感性、運(yùn)動(dòng)”的標(biāo)簽，后期會(huì)更多推薦高品質(zhì)運(yùn)動(dòng)商品及相關(guān)運(yùn)動(dòng)品牌活動(dòng)的精準(zhǔn)推送。
用戶標(biāo)簽是構(gòu)成用戶畫像的核心因素，是將用戶在平臺(tái)內(nèi)所產(chǎn)生的行為數(shù)據(jù)，分析提煉后生成具有差異性特征的形容詞。即用戶通過平臺(tái)，在什么時(shí)間什么場景下做了什么行為，平臺(tái)將用戶所有行為數(shù)據(jù)提煉出來形成支撐業(yè)務(wù)實(shí)現(xiàn)的可視化信息。
① 用戶生產(chǎn)內(nèi)容（UGC）
互聯(lián)網(wǎng)上的許多站點(diǎn)開始廣泛使用用戶生成內(nèi)容的方式提供服務(wù)，許多圖片、視頻、博客、播客、論壇、評(píng)論、社交、Wiki、問答、新聞、研究類的網(wǎng)站都使用了這種方式。
② 電商平臺(tái)
這種平臺(tái)一般會(huì)隨著用戶的使用，網(wǎng)站會(huì)積累及不斷修正及展示最貼近用戶喜好的產(chǎn)品，從而進(jìn)行推薦。功能上適應(yīng)了用戶的喜好，會(huì)大大增加用戶的粘性。
③ APP Store 應(yīng)用頁面大變動(dòng)：不同用戶可看到不同功能與內(nèi)容
自定義產(chǎn)品頁功能讓開發(fā)者可以面向不同用戶展示 App 的不同功能，產(chǎn)品頁優(yōu)化功能則讓開發(fā)者們能夠測試不同的截屏、預(yù)覽視頻，甚至 App 圖標(biāo)。
蘋果指出，得益于 App Store Connect 詳實(shí)且注重隱私的分析，開發(fā)者可以了解自己用戶的偏好，從而決定產(chǎn)品頁的展示內(nèi)容。
④ SoulAPP創(chuàng)始人：Sou了APP功能符合不同場景的用戶需求
SoulAPP多種匹配機(jī)制,功能符合不同場景的客戶需求。Soul利用AI大數(shù)據(jù)，依照性格、興趣等因素,劃分用戶。通過這種精準(zhǔn)的方式分類用戶,以便用戶之間能夠更高效地建立連接。第一次注冊(cè)SoulAPP，用戶需要通過系統(tǒng)的一些答題測試,以便于生成符合自己的性格報(bào)告。接著就是通過上述數(shù)據(jù)采集，劃分專屬圈子，這里就是大家經(jīng)常說的“星球“，這些都是基于SoulAPP的AI功能。
自適應(yīng)界面同樣有一些“小缺點(diǎn)”，違背了一些眾所周知的可用性原則：
內(nèi)容自適應(yīng)的核心在于，基于用戶過往的操作以及行為路徑的分析，提前預(yù)判用戶下一步需要的內(nèi)容，從而讓用戶能更便捷的使用產(chǎn)品。但是在金融產(chǎn)品的設(shè)計(jì)中比較特殊，往往用戶在使用產(chǎn)品的一個(gè)核心需求是安全感，產(chǎn)品安全、資產(chǎn)安全、操作安全等都是用戶著重關(guān)注的點(diǎn)，所以如果一味的進(jìn)行內(nèi)容自適應(yīng)設(shè)計(jì)，會(huì)讓用戶產(chǎn)生“信息泄露”的擔(dān)憂，從而失去對(duì)該產(chǎn)品的信任。
基于以上內(nèi)容自適應(yīng)的分析以及金融產(chǎn)品設(shè)計(jì)的特殊性，我們來看看有哪些可以運(yùn)用到金融產(chǎn)品的設(shè)計(jì)中來。
（1）金融應(yīng)用的[截圖]功能
截圖功能可以根據(jù)用戶場景與用戶目標(biāo)兩個(gè)維度進(jìn)行分析。截圖操作的發(fā)生幾乎會(huì)發(fā)生在用戶使用金融應(yīng)用的各個(gè)場景，比如瀏覽金融產(chǎn)品、查看產(chǎn)品詳情、查看持倉資產(chǎn)、收益等等，而不同的場景用戶的目標(biāo)也有所不同，我們可以根據(jù)用戶不同的操作目標(biāo)，為用戶提供自適應(yīng)的內(nèi)容來方便用戶的操作。
截圖常見的用戶目標(biāo)大致分為兩類：報(bào)錯(cuò)與分享。我們可以為這兩個(gè)用戶目標(biāo)做一些內(nèi)容上設(shè)計(jì)。
報(bào)錯(cuò)一般會(huì)關(guān)聯(lián)產(chǎn)品的在線客服功能，那么我們?cè)谟脩艚貓D操作發(fā)生后，提供在線客服的入口，同時(shí)分析報(bào)錯(cuò)自身的用戶行為，如可能是針對(duì)頁面的哪個(gè)點(diǎn)或者哪個(gè)區(qū)域報(bào)錯(cuò)，那我們可以針對(duì)這一點(diǎn)再提供編輯截圖的功能等等。
如此根據(jù)用戶目標(biāo)拆解用戶行為，設(shè)計(jì)對(duì)應(yīng)的功能來滿足用戶操作，從而減少用戶的操作路徑。
分享可根據(jù)用戶場景設(shè)計(jì)不同的內(nèi)容，如：
（2）金融應(yīng)用的[內(nèi)容管理]功能
買衣服的時(shí)候，絕大多數(shù)人在意的是是否合身，對(duì)于數(shù)字產(chǎn)品，同樣是如此。在一個(gè)金融應(yīng)用的內(nèi)容管理功能當(dāng)中，會(huì)推送大量的內(nèi)容給用戶，絕大多數(shù)的用戶幾乎沒有時(shí)間來掌控所有的信息，導(dǎo)致部分對(duì)用戶有用的信息被忽略，這樣意味著內(nèi)容的可定制化是極其重要的。
內(nèi)容的可定制化體現(xiàn)在不同用戶的分層上，基于分層，我們可以為相同類型用戶推送內(nèi)容。如持有私募基金的用戶，我們可能會(huì)更多為其推送關(guān)于此類產(chǎn)品的信息以及高端用戶的優(yōu)惠、活動(dòng)、資產(chǎn)報(bào)告等信息。
（3） 金融應(yīng)用的[搜索]功能
金融產(chǎn)品的搜索，除了具備一般應(yīng)用該有的內(nèi)容，如最近搜索、熱門搜索、搜索排行榜等，也需要基于產(chǎn)品特性來思考還有哪些可以展示的內(nèi)容。
根據(jù)用戶行為與數(shù)據(jù)分析，一般搜索的關(guān)鍵詞為基金名稱或者基金代碼，而搜索的目的是查看該產(chǎn)品的信息以及收益情況，那么基于此類目的，我們可以當(dāng)用戶輸入基金名稱后，展示該基金最近的凈值走勢(shì)等內(nèi)容，這樣用戶就可以提前了解部分基金信息，可以提前做一個(gè)判斷，需不需要進(jìn)入搜索結(jié)果頁進(jìn)一步的了解。
除了提前展示該基金部分產(chǎn)品信息以外，我們也可以展示相類似基金，防止用戶因提前獲知產(chǎn)品部分信息而帶來的流失率，當(dāng)用戶不滿意該只基金的近期表現(xiàn)，我們可以為其提供表現(xiàn)良好的基金供其選擇，從而提高產(chǎn)品的轉(zhuǎn)化率。
通過對(duì)自適應(yīng)設(shè)計(jì)在內(nèi)容上的應(yīng)用探究，我們對(duì)內(nèi)容自適應(yīng)的設(shè)計(jì)手法及應(yīng)用場景有了初步的理解，也會(huì)繼續(xù)的探究并運(yùn)用到實(shí)際的工作中來，希望這些思考能為大家?guī)硪恍椭?/p>
作者：道樂UED全體成員
原文鏈接：https://www.ui.cn/detail/610302.html
本文由 @道樂科技設(shè)計(jì)中心 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自Unsplash，基于CC0協(xié)議。
蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
藍(lán)藍(lán)設(shè)計(jì)的小編 http://bouu.cn