編輯導(dǎo)語：自適應(yīng)設(shè)計指能使界面自適應(yīng)顯示在不同大小終端設(shè)備上的設(shè)計方式及技術(shù)。而內(nèi)容自適應(yīng)則需要對用戶行為進(jìn)行預(yù)判進(jìn)而改變設(shè)計內(nèi)容，本文作者將對自適應(yīng)設(shè)計在內(nèi)容上的應(yīng)用進(jìn)行分享，值得閱讀學(xué)習(xí)。

我們一般說的自適應(yīng)設(shè)計，多半指的是界面自適應(yīng)，即為不同的終端設(shè)計不同的界面布局與操作流程。而內(nèi)容自適應(yīng)，是一種根據(jù)用戶標(biāo)簽與操作行為預(yù)判用戶目標(biāo)所需頁面內(nèi)容的方式，他的優(yōu)點是既能預(yù)測交互意圖，實現(xiàn)信息量的智能輸出，同時也能滿足不同交互需求，改變界面樣式，達(dá)到降低人機交互負(fù)荷的目的。

以下，是道樂UED團(tuán)隊 基于查閱的資料以及行業(yè)的積累，帶來的一篇關(guān)于內(nèi)容自適應(yīng)的分享。

目錄：

1. 內(nèi)容自適應(yīng)的界定
2. 適用場景及案例分析
3. 利弊分析
4. 內(nèi)容自適應(yīng)設(shè)計在金融產(chǎn)品上的應(yīng)用思考

一、內(nèi)容自適應(yīng)的界定

目前自適應(yīng)界面在內(nèi)容上的呈現(xiàn)大致包括兩種類型：

1. 實時自適應(yīng)

顧名思義，就是根據(jù)用戶當(dāng)下的操作，實時判斷用戶所需，從而調(diào)整不同的信息展示與布局，他的優(yōu)勢在于能盡量減少頁面上與用戶目標(biāo)不相關(guān)信息的展示，從而提升用戶操作的效率與準(zhǔn)確度

2. 歷史自適應(yīng)

通過用戶標(biāo)簽與過往數(shù)據(jù)的分析，調(diào)整頁面內(nèi)容的展示數(shù)量與優(yōu)先級，僅展示用戶感興趣或可能感興趣的內(nèi)容，從而提高用戶在使用產(chǎn)品中的轉(zhuǎn)化率。

總的來說，內(nèi)容自適應(yīng)更趨向于對用戶行為軌跡的縱向思考，將“用戶尋找信息”的被動服務(wù)模式轉(zhuǎn)化為“信息尋找用戶”主動服務(wù)模式。滿足差異化的用戶需求，提升企業(yè)系統(tǒng)的用戶體驗和人性化服務(wù)水平。

二、適用場景及案例分析

1. 實時自適應(yīng)

（1）搜索

① Google搜索

自適應(yīng)設(shè)計在搜索上的應(yīng)用意味著針對每個用戶的每一次搜索，都會產(chǎn)生一個定制的界面，該界面將自身塑造成所顯示的信息。請看以下示例：如何根據(jù)不同的用例更改搜索結(jié)果頁面。

最近，Google搜索的設(shè)計重點是在用戶點擊搜索結(jié)果之前傳遞信息。為此，Google采用了一種稱為自適應(yīng)設(shè)計的方法。

Google搜索適應(yīng)用戶需求的第一種方法是重新安排導(dǎo)航以適應(yīng)結(jié)果。

• 在“lizzo”的例子中，搜索框下面的導(dǎo)航是：（按順序依次為）圖片、視頻、新聞、購物、更多；
• 在“tel aviv”的例子中，導(dǎo)航是：新聞、圖片、地圖、視頻、更多；
• 搜索“aapl”（蘋果公司的股票代碼），導(dǎo)航顯示：金融、新聞、書籍、購物、更多；

Google有362,880種獨特的方式來排列導(dǎo)航，以適應(yīng)搜索查詢。然而，自適應(yīng)設(shè)計的最大例子是搜索結(jié)果本身的布局。結(jié)果頁面是完全模塊化的：根據(jù)搜索結(jié)果，不同的元素出現(xiàn)在不同的配置中。

例如，音樂家Lizzo的搜索結(jié)果集中在媒體上：一組模塊以本機格式顯示視頻，圖片和歌曲。還顯示最近的新聞，推文和即將舉行的活動，以及指向Lizzo在YouTube、Twitter、Facebook、Instagram和SoundCloud上的個人資料鏈接。直到頁面底部，我們才能看到看起來像傳統(tǒng)搜索結(jié)果的元素。

另一方面，以色列特拉維夫市的搜索結(jié)果為旅行者提供優(yōu)先信息。圖片、地圖、當(dāng)?shù)靥鞖庖约芭c旅行有關(guān)的問題（“特拉維夫?qū)τ慰桶踩珕幔?rdquo;、“特拉維夫以什么聞名？”）優(yōu)先于傳統(tǒng)搜索結(jié)果。模塊促進(jìn)了特拉維夫的活動以及對附近其他城市的推薦。搜索結(jié)果頁上可能會出現(xiàn)數(shù)千個不同的模塊，從簡單的布局驅(qū)動模塊到完全獨立的應(yīng)用程序。

例如，“aapl”的搜索結(jié)果頁上，股票代碼模塊顯示了當(dāng)前價格和交互式歷史價格圖。

通過自適應(yīng)設(shè)計，所有有關(guān)內(nèi)容、格式和順序的決策都是由算法決定的。設(shè)計人員的作用不再是創(chuàng)建明確的外部布局。

如今，尖端產(chǎn)品的設(shè)計者，以及未來日常產(chǎn)品的設(shè)計者，正在就生成這些布局的規(guī)則做出決策。

② 淘寶搜索

淘寶搜索結(jié)果頁，當(dāng)用戶往下滑動查看更多時，系統(tǒng)判斷你根據(jù)當(dāng)前搜索頁沒有找到想要的內(nèi)容，則根據(jù)不同物品展示物品的更細(xì)分的篩選，如啤酒會c展示“德國進(jìn)口啤、國產(chǎn)精釀、比利時精釀”，方便用戶找到目標(biāo)物品。

③ OTA平臺PC端（去哪兒、攜程等）

攜程/去哪兒pc端中，Tab前置條件是國內(nèi)/國際，在選擇國內(nèi)機票時，默認(rèn)單程。在選擇“國際/港澳臺機票”時，則默認(rèn)機票往返。

這樣的功能設(shè)置是基于對用戶需求的深入研究得出的，主要有以下幾個原因：

• 最優(yōu)方案不同：國內(nèi)單程往返的最優(yōu)方案多半有可能不是一個航空公司，要一個一個查詢，（盡管同一航空公司往返有1+1小于2的規(guī)則），會對客人更有利，因為經(jīng)常會出現(xiàn)1+0.5=1.5的情況。國際票往返的最優(yōu)方案通常還是一家航空公司的便宜，這個基本上是定律，所以這個默認(rèn)設(shè)定是培養(yǎng)消費習(xí)慣之舉。
• 使用場景不同：國際機票的使用場景下，大都有明確時間區(qū)間，簽證限制了用戶在國外停留的時間。用戶不得不提前計劃。且回程可選擇交通工具有限。相對而言，國內(nèi)機票場景較自由，提前計劃必要性相對較弱。
• 觀測數(shù)據(jù)證明：根據(jù)同程的國際機票訂購數(shù)據(jù)顯示，70%以上的用戶選擇了往返。

基于以上充分的原因，這個自適應(yīng)功能設(shè)計就得以開發(fā)并成功提高用戶的使用效率。

（2）根據(jù)用戶靜態(tài)標(biāo)簽優(yōu)化結(jié)果

靜態(tài)標(biāo)簽：用戶主動提供的數(shù)據(jù), 指用戶不變的基礎(chǔ)信息，多為用戶固定數(shù)據(jù)，如姓名、性別、年齡、身高、體重、職業(yè)、地區(qū)、設(shè)備信息、來源渠道等。

定位地區(qū)：大眾點評——切換城市

大眾點評的這個功能經(jīng)常被拿出來說，當(dāng)你到另一個城市，通過獲取定位申請，判斷你是來這座城市旅游的場景，從而頁面展示中入口就改成了跟旅游相關(guān)，這其實也有點內(nèi)容自適應(yīng)的意思，通過用戶不同的操作展示不同的內(nèi)容。

2. 歷史自適應(yīng)

歷史自適應(yīng)主要集中在特定領(lǐng)域的個性化界面定制和推薦等方面。針對不同用戶呈現(xiàn)不同界面，根據(jù)用戶的類型、任務(wù)特點、喜好等提供不同的界面樣式。

（1）根據(jù)用戶動態(tài)/預(yù)測標(biāo)簽算法推薦定制內(nèi)容

預(yù)測標(biāo)簽：平臺介入的數(shù)據(jù)，指根據(jù)用戶在平臺內(nèi)的行為數(shù)據(jù)對用戶未來行為或喜好進(jìn)行預(yù)測；是設(shè)計千人千面和運營策略的關(guān)鍵；比如某電商平臺，根據(jù)用戶A“月均消費5單，且有數(shù)額過萬的運動商品”的購物數(shù)據(jù)，平臺會給用戶A打“高頻、品質(zhì)敏感性、運動”的標(biāo)簽，后期會更多推薦高品質(zhì)運動商品及相關(guān)運動品牌活動的精準(zhǔn)推送。

用戶標(biāo)簽是構(gòu)成用戶畫像的核心因素，是將用戶在平臺內(nèi)所產(chǎn)生的行為數(shù)據(jù)，分析提煉后生成具有差異性特征的形容詞。即用戶通過平臺，在什么時間什么場景下做了什么行為，平臺將用戶所有行為數(shù)據(jù)提煉出來形成支撐業(yè)務(wù)實現(xiàn)的可視化信息。

① 用戶生產(chǎn)內(nèi)容（UGC）

互聯(lián)網(wǎng)上的許多站點開始廣泛使用用戶生成內(nèi)容的方式提供服務(wù)，許多圖片、視頻、博客、播客、論壇、評論、社交、Wiki、問答、新聞、研究類的網(wǎng)站都使用了這種方式。

② 電商平臺

這種平臺一般會隨著用戶的使用，網(wǎng)站會積累及不斷修正及展示最貼近用戶喜好的產(chǎn)品，從而進(jìn)行推薦。功能上適應(yīng)了用戶的喜好，會大大增加用戶的粘性。

③ APP Store 應(yīng)用頁面大變動：不同用戶可看到不同功能與內(nèi)容

自定義產(chǎn)品頁功能讓開發(fā)者可以面向不同用戶展示 App 的不同功能，產(chǎn)品頁優(yōu)化功能則讓開發(fā)者們能夠測試不同的截屏、預(yù)覽視頻，甚至 App 圖標(biāo)。

蘋果指出，得益于 App Store Connect 詳實且注重隱私的分析，開發(fā)者可以了解自己用戶的偏好，從而決定產(chǎn)品頁的展示內(nèi)容。

④ SoulAPP創(chuàng)始人：Sou了APP功能符合不同場景的用戶需求

SoulAPP多種匹配機制,功能符合不同場景的客戶需求。Soul利用AI大數(shù)據(jù)，依照性格、興趣等因素,劃分用戶。通過這種精準(zhǔn)的方式分類用戶,以便用戶之間能夠更高效地建立連接。第一次注冊SoulAPP，用戶需要通過系統(tǒng)的一些答題測試,以便于生成符合自己的性格報告。接著就是通過上述數(shù)據(jù)采集，劃分專屬圈子，這里就是大家經(jīng)常說的“星球“，這些都是基于SoulAPP的AI功能。

三、利弊分析

1. 優(yōu)點

• 增強用戶體驗：自適應(yīng)界面不能讓用戶控制自適應(yīng)過程。對用戶動機準(zhǔn)確的判斷和對應(yīng)的自適應(yīng)設(shè)計能有效簡短交互路徑，優(yōu)化用戶的交互體驗。
• 增強用戶粘性：基于精準(zhǔn)人群的需求分析和功能設(shè)計，更容易得到用戶認(rèn)可，更容易打造產(chǎn)品亮點，提供精準(zhǔn)個性化的服務(wù)，比如對于社區(qū)產(chǎn)品，內(nèi)容個性化推薦將有效提升社區(qū)粘度。
• 利于公司可持續(xù)發(fā)展：一方面使公司更具競爭壁壘，及時洞察市場風(fēng)向，預(yù)測產(chǎn)品所占市場規(guī)模及前景發(fā)展，及時優(yōu)化公司戰(zhàn)略，避免過早陷入發(fā)展瓶頸；另一方面沉淀大批用戶數(shù)據(jù)，既利于孵化創(chuàng)新產(chǎn)品，也豐富盈利模式（比如與第三方合作）。
• 提升產(chǎn)品設(shè)計價值：基于精準(zhǔn)人群的需求分析和功能設(shè)計，更容易得到用戶認(rèn)可，更容易打造產(chǎn)品亮點，提供精準(zhǔn)個性化的服務(wù)，比如對于社區(qū)產(chǎn)品，內(nèi)容個性化推薦將有效提升社區(qū)粘度。
• 提高運營效率：如今的新用戶獲客成本居高不下的情況下，利用現(xiàn)有用戶畫像，做好存量用戶的維護(hù)，通過精準(zhǔn)營銷策略，提升存量用戶的留存與活躍。

2. 缺點

自適應(yīng)界面同樣有一些“小缺點”，違背了一些眾所周知的可用性原則：

• 缺乏控制：自適應(yīng)界面不能讓用戶控制自適應(yīng)過程。
• 不可預(yù)測性：由于用戶不能直接控制界面，用戶不能預(yù)測界面接下來的某些行為。
• 透明度：通常，用戶不能理解在界面中，自適應(yīng)是如何起作用的。在設(shè)計自適應(yīng)界面時的其中一個問題就是讓用戶可以見到多少自適應(yīng)比例。
• 私密性：用戶必須接受基于用戶模型的一種系統(tǒng)，將會一直維持與系統(tǒng)交互的狀態(tài)，持續(xù)收集用戶使用行為。
• 信任度：用戶在系統(tǒng)中的信任是容易改變的，如果自適應(yīng)系統(tǒng)給予了錯誤的指令。
• 開發(fā)成本：提供內(nèi)容的自適應(yīng)度，通常意味著著更多的開發(fā)成本。要把控好自適應(yīng)性設(shè)計的度，而非一味地增加開發(fā)量。

四、內(nèi)容自適應(yīng)設(shè)計在金融產(chǎn)品上的應(yīng)用思考

1. 基礎(chǔ)設(shè)計原則思考

內(nèi)容自適應(yīng)的核心在于，基于用戶過往的操作以及行為路徑的分析，提前預(yù)判用戶下一步需要的內(nèi)容，從而讓用戶能更便捷的使用產(chǎn)品。但是在金融產(chǎn)品的設(shè)計中比較特殊，往往用戶在使用產(chǎn)品的一個核心需求是安全感，產(chǎn)品安全、資產(chǎn)安全、操作安全等都是用戶著重關(guān)注的點，所以如果一味的進(jìn)行內(nèi)容自適應(yīng)設(shè)計，會讓用戶產(chǎn)生“信息泄露”的擔(dān)憂，從而失去對該產(chǎn)品的信任。

基于以上內(nèi)容自適應(yīng)的分析以及金融產(chǎn)品設(shè)計的特殊性，我們來看看有哪些可以運用到金融產(chǎn)品的設(shè)計中來。

2. 金融產(chǎn)品設(shè)計思考

（1）金融應(yīng)用的[截圖]功能

截圖功能可以根據(jù)用戶場景與用戶目標(biāo)兩個維度進(jìn)行分析。截圖操作的發(fā)生幾乎會發(fā)生在用戶使用金融應(yīng)用的各個場景，比如瀏覽金融產(chǎn)品、查看產(chǎn)品詳情、查看持倉資產(chǎn)、收益等等，而不同的場景用戶的目標(biāo)也有所不同，我們可以根據(jù)用戶不同的操作目標(biāo)，為用戶提供自適應(yīng)的內(nèi)容來方便用戶的操作。

截圖常見的用戶目標(biāo)大致分為兩類：報錯與分享。我們可以為這兩個用戶目標(biāo)做一些內(nèi)容上設(shè)計。

報錯一般會關(guān)聯(lián)產(chǎn)品的在線客服功能，那么我們在用戶截圖操作發(fā)生后，提供在線客服的入口，同時分析報錯自身的用戶行為，如可能是針對頁面的哪個點或者哪個區(qū)域報錯，那我們可以針對這一點再提供編輯截圖的功能等等。

如此根據(jù)用戶目標(biāo)拆解用戶行為，設(shè)計對應(yīng)的功能來滿足用戶操作，從而減少用戶的操作路徑。

分享可根據(jù)用戶場景設(shè)計不同的內(nèi)容，如：

• 當(dāng)截圖發(fā)生在產(chǎn)品詳情頁，那此時截圖的分享意圖可能是分享此只產(chǎn)品給好友，我們可以為此設(shè)計一個關(guān)于產(chǎn)品信息的分享頁來便于用戶分享；
• 當(dāng)截圖發(fā)生在資產(chǎn)頁，此時的截圖的分享意圖可能是炫耀自己的收益，那我們可以生成收益海報等內(nèi)容給用戶，從而滿足用戶的心理預(yù)期。

（2）金融應(yīng)用的[內(nèi)容管理]功能

買衣服的時候，絕大多數(shù)人在意的是是否合身，對于數(shù)字產(chǎn)品，同樣是如此。在一個金融應(yīng)用的內(nèi)容管理功能當(dāng)中，會推送大量的內(nèi)容給用戶，絕大多數(shù)的用戶幾乎沒有時間來掌控所有的信息，導(dǎo)致部分對用戶有用的信息被忽略，這樣意味著內(nèi)容的可定制化是極其重要的。

內(nèi)容的可定制化體現(xiàn)在不同用戶的分層上，基于分層，我們可以為相同類型用戶推送內(nèi)容。如持有私募基金的用戶，我們可能會更多為其推送關(guān)于此類產(chǎn)品的信息以及高端用戶的優(yōu)惠、活動、資產(chǎn)報告等信息。

（3） 金融應(yīng)用的[搜索]功能

金融產(chǎn)品的搜索，除了具備一般應(yīng)用該有的內(nèi)容，如最近搜索、熱門搜索、搜索排行榜等，也需要基于產(chǎn)品特性來思考還有哪些可以展示的內(nèi)容。

根據(jù)用戶行為與數(shù)據(jù)分析，一般搜索的關(guān)鍵詞為基金名稱或者基金代碼，而搜索的目的是查看該產(chǎn)品的信息以及收益情況，那么基于此類目的，我們可以當(dāng)用戶輸入基金名稱后，展示該基金最近的凈值走勢等內(nèi)容，這樣用戶就可以提前了解部分基金信息，可以提前做一個判斷，需不需要進(jìn)入搜索結(jié)果頁進(jìn)一步的了解。

除了提前展示該基金部分產(chǎn)品信息以外，我們也可以展示相類似基金，防止用戶因提前獲知產(chǎn)品部分信息而帶來的流失率，當(dāng)用戶不滿意該只基金的近期表現(xiàn)，我們可以為其提供表現(xiàn)良好的基金供其選擇，從而提高產(chǎn)品的轉(zhuǎn)化率。

五、結(jié)語

通過對自適應(yīng)設(shè)計在內(nèi)容上的應(yīng)用探究，我們對內(nèi)容自適應(yīng)的設(shè)計手法及應(yīng)用場景有了初步的理解，也會繼續(xù)的探究并運用到實際的工作中來，希望這些思考能為大家?guī)硪恍椭?/p>

作者：道樂UED全體成員

原文鏈接：https://www.ui.cn/detail/610302.html

本文由 @道樂科技設(shè)計中心 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。

蘭亭妙微(www.skdbbs.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan