編者按：什麼是內容化設計？設計師為什麼要關注內容？如何通過設計的手段提高內容體驗？阿裡設計師用一個手淘的實戰案例， 幫你掌握內容化設計的精髓！
前言
如果說好的產品是運營出來的， 那麼內容作為使用者體驗中的重要部分不容忽視。 然而我們在設計中經常缺乏內容體驗的意識。 借著第十三屆用戶體驗大會User Friendly 2016的分享， 手淘的設計師和業內的同學們一起做workshop， 探索如何進行行之有效的內容策略腦爆， 以及思考內容產生、組織到流轉分發的設計策略和使用者行為資料驗證。 希望能讓大家對無線端導購的內容化設計有所啟發。
在探討內容化設計是什麼之前， 或許有人奇怪：設計為什麼要關注內容呢？
內容一直是設計缺少關懷的“冷門”， 一直以來內容似乎是運營的事兒， 設計更多是參與到產品、技術的流程中。 那麼， 大家覺得作為設計師的我們是否要管內容的事兒呢？
要關注！為什麼？因為交互設計是一門關注人(people)、產品(product)、情境(context)的科學。 我們平時在工作中最多關注的是使用者， 也就是人和產品之間的交互。 但情境也是重要一環， 除了具體場景化情境， 設計師也要關注當前的時代環境。
內容為王的時代決定設計要關注內容
以淘寶導購的歷程為例， 一起來看下當下我們處在一個什麼樣的時代情境之中。
而不久之後便遭遇到無線時代的挑戰：無線時代有一個弱點就是螢幕那麼小， 但更聚焦， 可以更針對消費者個體和他的偏好。 同時消費者通過手機回訪的頻次和停留時間比PC時代大大增強。 只要能夠提供好的內容， 使用者就可以非常順利地提起他的興趣， 這是在無線時代淘寶經營非常重要的一點。
對比起PC時代的貨架運營， 無線時代的關鍵便是要爭奪用戶的時間， 從傳統上的行業運營或者類目運營， 走向個性化， 走向內容運營。 而在這個內容為王的時代下， 這幾年也“火”了好幾個名詞。 直播， 網紅， IP迅速崛起， 都是通過內容本身爭奪使用者在無線端的時間。
內容一直屬於使用者體驗的重要一環
我們不可否認， 內容屬於使用者體驗重要一環：優質的內容不僅能解決使用者的需求， 內容呈現也是使用者消費的一環。 在設計經典書《用戶體驗的要素》中， 早已將內容需要納入使用者體驗的五大要素之一。
經過以上的分析， 我們是不是已經確認內容是設計要關注的重要部分了呢？但是【內容設計】是在做什麼？是要我們替代運營策劃、產生、審核內容？還是我們要學會寫好文案？亦或是做好banner？其實都不是， 接下來我們將會用具體案例來講述在手淘做導購我們是怎麼做內容設計的。 那麼讓我們開始吧！
要做內容設計我們是否要先搞清楚：究竟什麼是內容？
在手淘我們是這樣定義內容的：加工和再組織而形成的泛商品資訊。 內容包含四部分資訊：文字、商品、圖片、多媒體。 而我們也發現內容本身是傳播流動的：從內容的生產， 到各個平臺的再組織， 再到內容的呈現， 最後內容被使用者消費、流轉。
講到這裡或許過於抽象， 我們從手淘一個導購產品“必買清單”入手來看如何把握內容流動的各個環節， 解決用戶需求， 做出符合使用者場景的內容化設計的。 必買清單處在手淘首頁淘搶購區域重要位置。 作為一個剛剛起步的導購產品， 當時的必買清單業務存在很多問題：
1. 產品形態停留在商品聚合，更像一個搜尋網頁商品集合。用戶價值不明顯。
2. 運營方向不清晰，整個欄目架構沒有做出相應的用戶心智。例如：當時導航只有精選和TOP榜，而兩者無論形式還是內容之間並沒有本質區別，TOP榜沒有做出榜單的心智。
3. 使用者對內容的消費力、忠誠度低於同一區塊的其他導購產品。在使用者行為資料上表現不佳，直接引導成交、週二次回訪和停留時長上低於同區塊的其他導購產品。
歸根結底的顯性問題就是必買清單的內容做得不好，無法吸引到用戶。
問題決定設計在改版上的目標即是：深入內容，重新組織、梳理內容展示顆粒度，提升用戶忠誠度！
內容生產
那麼如何深入內容本身呢？我們主動組織了專案核心成員腦爆。腦爆的問題就定位在：使用者需要什麼樣的清單？
我們避免了常規腦爆中意見領袖造成一邊倒的情況，讓每位元成員把自己當作產品的使用者寫出需要的清單類型。
例如：
我好想知道範冰冰用什麼護膚品保養。
我想專家推薦我3歲孩子的讀物或是玩具。
我要裝修地中海風格，我想要相關風格的所有單品供我選擇。
我想知道大家用過哪些洗髮水比較好，也想避免踩到哪些雷區。
………
我們驚訝的發現大家的清單內容具有很高的相似度，同時可以被劃分到獨特的內容分類下。
而且這些內容都具有某種核心的特質：商品有對比性、針對特定場景、有經驗者的輸出、內容是整理過的。由此我們還在產品上腦爆出必買指數這一概念。並將指數分解為：
a.小編指數：更靈活，例如：全球最辣的泡面，辣的星級。
b.機器指數：利用客觀的大資料為使用者排列：熱銷、口碑、回購等指數。
c.用戶口碑：讓用戶對商品打分評論，更有參與感。
內容再組織
確定了內容方向、內容場景分類和內容源，接下來我們要根據這些內容策略來制定相對應的頁面級資訊結構。
現將14種分類根據可以用同一頁面承載分為五種類型。這五種類型根據圖、文、商品等資訊的數量和重要性分別適合用不同結構展示。
內容呈現
最終我們將物種類型的詳情頁根據各自特點梳理相對應的資訊架構展示方式，最終呈現出如下頁面：
所有頁面又符合同一種主題-簡介-主體的結構不會顯得突兀。
最終上線後我們跟蹤了下資料變化，兩版對比下來核心資料有不同程度的提升。我們將用戶忠誠度進行分層，將每週訪問天數和深度的用戶進行三種程度的定義。把訪問頻次和深度較高的用戶定義為核心用戶；把中等程度的用戶定義為高潛用戶；把剩餘用戶定義為潛在用戶。我們發現新版本資料穩定下來後，在演算法內容不變的前提下，潛在用戶更多地在向高潛、核心用戶遷移。說明通過內容化設計改版有利於用戶的沉澱和忠誠度的提升。
以上案例完整的展現設計影響推動業務，將內容從一團亂碼梳理聚合到可執行顆粒度，最終呈現給用戶一個符合場景思維的內容資訊架構。
接下來，我們繼續來通過其他案例來看如何通過設計的手段來優化內容流轉呢？
內容流轉
在整個內容化設計背後的宗旨，是讓優質的內容觸達使用者，使用者回流，進而轉化成有效購物行為。內容流轉是內容觸達使用者及回流的關鍵一環，也是淘寶內容化設計的最後一環。
互聯網內容多得可怕，使用者發現好內容的成本正在提高，而回想我們目前的生活，越來越多的資訊獲取於別人或協力廠商應用。這種基於用戶的能動性與關係，利用一套機制完成的結構化內容傳播即是內容流轉。
賦能使用者，讓內容動起來
深藏在應用中的內容若不動起來，就似“養在深閨人未識”。我們希望內容觸達到更多使用者，除了運營手段以外，賦予每一個使用者傳播內容的能力，讓使用者成為“自媒體”，內容經過使用者的挑選及加工，有針對性地擴散給更多人。
所以，在內容化設計專案中，一個暢通的內容流轉機制必不可少。
淘寶的內容流轉中樞
在手機淘寶中，我們通過分享元件來完成內容的流轉。組件分為兩大部分，一是管道，二是形式。
1. 覆蓋淘內淘外
大家所熟知的社會化分享，一般是一排可以橫向滑動的應用圖示。基於這種習慣性的認知，我們在手機淘寶的分享組件中只是擴充了自有管道（淘友），佈局淘內淘外，儘量覆蓋用戶的所有關係。
2. 提供多種形式
內容通過分享元件流轉時，應具有更便於輸出和傳播的新形態，它們是被分享者觸達到原始內容的“引子”。
在詳細講述這部分前，瞭解淘寶內容流轉的現實背景非常有必要。由於某些不可言說但大家心知肚明的原因，淘寶的連結在一些應用中是無法被打開的。基於這種情形，我們希望創造新的形式，衝破阻礙。
流轉出去的內容形態需要具備以下特點：
具象化：突出原始內容的關鍵資訊。內容分享出去的目的是讓被分享者瞭解該內容，所以新形態中首先要告訴被分享者這是一個什麼樣的東西。
輕量化：所謂“輕裝”才能“遠行”，用於流轉的內容不宜複雜。降級是一種有效方式，如，一篇圖文降級為一段文字，一個視頻降級為一張圖片。這樣輕量化的處理更適於傳播。
目前，淘寶的內容流轉載體有四種形式：連結（淘口令）、淘長圖、當面掃碼、淘內連結。
3. 完整的流轉過程
在流轉拉動流量的模式中，一直存在讓產品和設計師隱隱作痛的一個問題：流轉及回流的邏輯鏈條上每一步具體的跳轉都是一個漏斗，都會產生一定的使用者流失。因此，我們需要確保每一種流轉形式的過程儘量簡短、順暢。
內容流轉，包括兩個部分，一是內容流出，二是使用者回流。
內容流出
當使用者產生內容分享的需求時，助力使用者快速喚起分享元件，用心儀的形式和管道分享出去。在手機淘寶中，我們努力將分享元件的入口統一化設計，建立用戶固定認知；另外，分析用戶產生分享意願的場景，尋找規律，在使用者需要的地方及時出現。
用戶回流
與助力外向流動的成熟狀況不同，引導用戶回流到原始應用的內容頁面相對比較混亂。特別是有些應用試圖打造封閉系統，更是為使用者快速回流到其它應用製造了重重阻礙。在創造流轉形式的時候，對應地需要設計與每一種形式配對的回流方案。我們不僅要衝破封閉，還要儘量縮減步驟，減少使用者等待的時間。
比如，淘口令是一種淘寶獨創的流轉形式，為了減少用戶回流的成本，在用戶複製淘口令之後，打開手機淘寶，後臺會自動識別手機剪切板中的淘口令，第一時間呈現目標頁面。
最後，我們從流轉機制的底層視角總結內容流轉涉及的關鍵環節和設計思考的要領：
源——在優質的內容頁面上合理佈局流出的入口；
形式——輕巧易於流轉的內容載體，從使用者的實際訴求出發，謹慎創新，如果一種可以滿足所有需求是最好的；
管道——使用者關係所在產品和應用，力求覆蓋用戶的關係網，可結合其使用習慣做個性化設計；
回流——其他使用者通過內容載體回到原始內容的方式，過程應儘量精簡；
沉澱——流轉資料可作為使用者行為歷史，便其查找，也可以基於這些大資料，設計新的內容。
內容流轉的機制建立起來後，基於用戶的主動流轉行為，內容得以網路化的傳播。設計師在整個過程中，除了設計基本的頁面UI之外，還需要站在更高的層次上，合力產品與技術，以使用者為中心設計更加方便快捷的流轉方式。這是一塊非常實際、非常純粹、自由空間可大亦可小的獨特領域。
寫在最後
內容化設計我們只是開始邁出一小步，期待大家的思考和交流。
------
1. 產品形態停留在商品聚合，更像一個搜尋網頁商品集合。用戶價值不明顯。
2. 運營方向不清晰，整個欄目架構沒有做出相應的用戶心智。例如：當時導航只有精選和TOP榜，而兩者無論形式還是內容之間並沒有本質區別，TOP榜沒有做出榜單的心智。
3. 使用者對內容的消費力、忠誠度低於同一區塊的其他導購產品。在使用者行為資料上表現不佳，直接引導成交、週二次回訪和停留時長上低於同區塊的其他導購產品。
歸根結底的顯性問題就是必買清單的內容做得不好，無法吸引到用戶。
問題決定設計在改版上的目標即是：深入內容，重新組織、梳理內容展示顆粒度，提升用戶忠誠度！
內容生產
那麼如何深入內容本身呢？我們主動組織了專案核心成員腦爆。腦爆的問題就定位在：使用者需要什麼樣的清單？
我們避免了常規腦爆中意見領袖造成一邊倒的情況，讓每位元成員把自己當作產品的使用者寫出需要的清單類型。
例如：
我好想知道範冰冰用什麼護膚品保養。
我想專家推薦我3歲孩子的讀物或是玩具。
我要裝修地中海風格，我想要相關風格的所有單品供我選擇。
我想知道大家用過哪些洗髮水比較好，也想避免踩到哪些雷區。
………
我們驚訝的發現大家的清單內容具有很高的相似度，同時可以被劃分到獨特的內容分類下。
而且這些內容都具有某種核心的特質：商品有對比性、針對特定場景、有經驗者的輸出、內容是整理過的。由此我們還在產品上腦爆出必買指數這一概念。並將指數分解為：
a.小編指數：更靈活，例如：全球最辣的泡面，辣的星級。
b.機器指數：利用客觀的大資料為使用者排列：熱銷、口碑、回購等指數。
c.用戶口碑：讓用戶對商品打分評論，更有參與感。
內容再組織
確定了內容方向、內容場景分類和內容源，接下來我們要根據這些內容策略來制定相對應的頁面級資訊結構。
現將14種分類根據可以用同一頁面承載分為五種類型。這五種類型根據圖、文、商品等資訊的數量和重要性分別適合用不同結構展示。
內容呈現
最終我們將物種類型的詳情頁根據各自特點梳理相對應的資訊架構展示方式，最終呈現出如下頁面：
所有頁面又符合同一種主題-簡介-主體的結構不會顯得突兀。
最終上線後我們跟蹤了下資料變化，兩版對比下來核心資料有不同程度的提升。我們將用戶忠誠度進行分層，將每週訪問天數和深度的用戶進行三種程度的定義。把訪問頻次和深度較高的用戶定義為核心用戶；把中等程度的用戶定義為高潛用戶；把剩餘用戶定義為潛在用戶。我們發現新版本資料穩定下來後，在演算法內容不變的前提下，潛在用戶更多地在向高潛、核心用戶遷移。說明通過內容化設計改版有利於用戶的沉澱和忠誠度的提升。
以上案例完整的展現設計影響推動業務，將內容從一團亂碼梳理聚合到可執行顆粒度，最終呈現給用戶一個符合場景思維的內容資訊架構。
接下來，我們繼續來通過其他案例來看如何通過設計的手段來優化內容流轉呢？
內容流轉
在整個內容化設計背後的宗旨，是讓優質的內容觸達使用者，使用者回流，進而轉化成有效購物行為。內容流轉是內容觸達使用者及回流的關鍵一環，也是淘寶內容化設計的最後一環。
互聯網內容多得可怕，使用者發現好內容的成本正在提高，而回想我們目前的生活，越來越多的資訊獲取於別人或協力廠商應用。這種基於用戶的能動性與關係，利用一套機制完成的結構化內容傳播即是內容流轉。
賦能使用者，讓內容動起來
深藏在應用中的內容若不動起來，就似“養在深閨人未識”。我們希望內容觸達到更多使用者，除了運營手段以外，賦予每一個使用者傳播內容的能力，讓使用者成為“自媒體”，內容經過使用者的挑選及加工，有針對性地擴散給更多人。
所以，在內容化設計專案中，一個暢通的內容流轉機制必不可少。
淘寶的內容流轉中樞
在手機淘寶中，我們通過分享元件來完成內容的流轉。組件分為兩大部分，一是管道，二是形式。
1. 覆蓋淘內淘外
大家所熟知的社會化分享，一般是一排可以橫向滑動的應用圖示。基於這種習慣性的認知，我們在手機淘寶的分享組件中只是擴充了自有管道（淘友），佈局淘內淘外，儘量覆蓋用戶的所有關係。
2. 提供多種形式
內容通過分享元件流轉時，應具有更便於輸出和傳播的新形態，它們是被分享者觸達到原始內容的“引子”。
在詳細講述這部分前，瞭解淘寶內容流轉的現實背景非常有必要。由於某些不可言說但大家心知肚明的原因，淘寶的連結在一些應用中是無法被打開的。基於這種情形，我們希望創造新的形式，衝破阻礙。
流轉出去的內容形態需要具備以下特點：
具象化：突出原始內容的關鍵資訊。內容分享出去的目的是讓被分享者瞭解該內容，所以新形態中首先要告訴被分享者這是一個什麼樣的東西。
輕量化：所謂“輕裝”才能“遠行”，用於流轉的內容不宜複雜。降級是一種有效方式，如，一篇圖文降級為一段文字，一個視頻降級為一張圖片。這樣輕量化的處理更適於傳播。
目前，淘寶的內容流轉載體有四種形式：連結（淘口令）、淘長圖、當面掃碼、淘內連結。
3. 完整的流轉過程
在流轉拉動流量的模式中，一直存在讓產品和設計師隱隱作痛的一個問題：流轉及回流的邏輯鏈條上每一步具體的跳轉都是一個漏斗，都會產生一定的使用者流失。因此，我們需要確保每一種流轉形式的過程儘量簡短、順暢。
內容流轉，包括兩個部分，一是內容流出，二是使用者回流。
內容流出
當使用者產生內容分享的需求時，助力使用者快速喚起分享元件，用心儀的形式和管道分享出去。在手機淘寶中，我們努力將分享元件的入口統一化設計，建立用戶固定認知；另外，分析用戶產生分享意願的場景，尋找規律，在使用者需要的地方及時出現。
用戶回流
與助力外向流動的成熟狀況不同，引導用戶回流到原始應用的內容頁面相對比較混亂。特別是有些應用試圖打造封閉系統，更是為使用者快速回流到其它應用製造了重重阻礙。在創造流轉形式的時候，對應地需要設計與每一種形式配對的回流方案。我們不僅要衝破封閉，還要儘量縮減步驟，減少使用者等待的時間。
比如，淘口令是一種淘寶獨創的流轉形式，為了減少用戶回流的成本，在用戶複製淘口令之後，打開手機淘寶，後臺會自動識別手機剪切板中的淘口令，第一時間呈現目標頁面。
最後，我們從流轉機制的底層視角總結內容流轉涉及的關鍵環節和設計思考的要領：
源——在優質的內容頁面上合理佈局流出的入口；
形式——輕巧易於流轉的內容載體，從使用者的實際訴求出發，謹慎創新，如果一種可以滿足所有需求是最好的；
管道——使用者關係所在產品和應用，力求覆蓋用戶的關係網，可結合其使用習慣做個性化設計；
回流——其他使用者通過內容載體回到原始內容的方式，過程應儘量精簡；
沉澱——流轉資料可作為使用者行為歷史，便其查找，也可以基於這些大資料，設計新的內容。
內容流轉的機制建立起來後，基於用戶的主動流轉行為，內容得以網路化的傳播。設計師在整個過程中，除了設計基本的頁面UI之外，還需要站在更高的層次上，合力產品與技術，以使用者為中心設計更加方便快捷的流轉方式。這是一塊非常實際、非常純粹、自由空間可大亦可小的獨特領域。
寫在最後
內容化設計我們只是開始邁出一小步，期待大家的思考和交流。
------