編輯導(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)所需頁(yè)面內(nèi)容的方式，他的優(yōu)點(diǎn)是既能預(yù)測(cè)交互意圖，實(shí)現(xiàn)信息量的智能輸出，同時(shí)也能滿足不同交互需求，改變界面樣式，達(dá)到降低人機(jī)交互負(fù)荷的目的。

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

目錄：

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

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

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

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

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

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

通過用戶標(biāo)簽與過往數(shù)據(jù)的分析，調(diào)整頁(yè)面內(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ù)水平。

二、適用場(chǎng)景及案例分析

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

（1）搜索

① Google搜索

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

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

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

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

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

例如，音樂家Lizzo的搜索結(jié)果集中在媒體上：一組模塊以本機(jī)格式顯示視頻，圖片和歌曲。還顯示最近的新聞，推文和即將舉行的活動(dòng)，以及指向Lizzo在YouTube、Twitter、Facebook、Instagram和SoundCloud上的個(gè)人資料鏈接。直到頁(yè)面底部，我們才能看到看起來像傳統(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é)果頁(yè)上可能會(huì)出現(xiàn)數(shù)千個(gè)不同的模塊，從簡(jiǎn)單的布局驅(qū)動(dòng)模塊到完全獨(dú)立的應(yīng)用程序。

例如，“aapl”的搜索結(jié)果頁(yè)上，股票代碼模塊顯示了當(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é)果頁(yè)，當(dāng)用戶往下滑動(dòng)查看更多時(shí)，系統(tǒng)判斷你根據(jù)當(dāng)前搜索頁(yè)沒有找到想要的內(nèi)容，則根據(jù)不同物品展示物品的更細(xì)分的篩選，如啤酒會(huì)c展示“德國(guó)進(jìn)口啤、國(guó)產(chǎn)精釀、比利時(shí)精釀”，方便用戶找到目標(biāo)物品。

③ OTA平臺(tái)PC端（去哪兒、攜程等）

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

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

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

基于以上充分的原因，這個(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)，判斷你是來這座城市旅游的場(chǎng)景，從而頁(yè)面展示中入口就改成了跟旅游相關(guān)，這其實(shí)也有點(diǎn)內(nèi)容自適應(yīng)的意思，通過用戶不同的操作展示不同的內(nèi)容。

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

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

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

預(yù)測(cè)標(biāo)簽：平臺(tái)介入的數(shù)據(jù)，指根據(jù)用戶在平臺(tái)內(nèi)的行為數(shù)據(jù)對(duì)用戶未來行為或喜好進(jìn)行預(yù)測(cè)；是設(shè)計(jì)千人千面和運(yùn)營(yíng)策略的關(guān)鍵；比如某電商平臺(tái)，根據(jù)用戶A“月均消費(fèi)5單，且有數(shù)額過萬的運(yùn)動(dòng)商品”的購(gòu)物數(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í)間什么場(chǎng)景下做了什么行為，平臺(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)用頁(yè)面大變動(dòng)：不同用戶可看到不同功能與內(nèi)容

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

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

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

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

三、利弊分析

1. 優(yōu)點(diǎn)

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

2. 缺點(diǎn)

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

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

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

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

內(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ì)中來。

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

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

截圖功能可以根據(jù)用戶場(chǎng)景與用戶目標(biāo)兩個(gè)維度進(jìn)行分析。截圖操作的發(fā)生幾乎會(huì)發(fā)生在用戶使用金融應(yīng)用的各個(gè)場(chǎng)景，比如瀏覽金融產(chǎn)品、查看產(chǎn)品詳情、查看持倉(cāng)資產(chǎn)、收益等等，而不同的場(chǎng)景用戶的目標(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ì)頁(yè)面的哪個(gè)點(diǎn)或者哪個(gè)區(qū)域報(bào)錯(cuò)，那我們可以針對(duì)這一點(diǎn)再提供編輯截圖的功能等等。

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

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

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

（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é)果頁(yè)進(jìn)一步的了解。

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

五、結(jié)語

通過對(duì)自適應(yīng)設(shè)計(jì)在內(nèi)容上的應(yīng)用探究，我們對(duì)內(nèi)容自適應(yīng)的設(shè)計(jì)手法及應(yīng)用場(chǎ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é)議。

蘭亭妙微(m.cqzjtgb.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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è)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan