前言

剛入職時，有本書叫《方寸指尖》對我影響比較大，主要講述如何做好用戶體驗設計。機緣巧合，在互聯網領域也待了四年有餘，對於指尖的思考也在不斷昇華，不僅要保證用戶的的核心訴求，也要滿足業務的目標。在這樣的方寸之間，做了一些有趣的事兒，今天拿出來和大家一起分享。

今天的分享不純粹是設計方法的探討，更多是一種產品設計思路的總結，總結筆者參與的產品改版心得，提煉了一些可以通用的設計思路，藉着這個機會和大家一起探討。

空間價值模型

今天要引入的一個模型叫空間價值模型，在介紹此模型前，我需要引入一個基礎模型作爲其牽引，再抽象出空間價值模型。（對於模型理解，在《產品經理數據修煉30問》書中介紹過，它就是一套公式或者方法，是一種邏輯關係，我們統稱爲模型。）模型最大的特點在於在實際應用中不斷的去修正，使他具備普適性。今天我要給大家介紹的基礎模型，其實大家都很熟悉，就是設計上常用的「雙鑽模型」，它由The British Design Council提出，是一種設計師所使用的思考模式。

1. 雙鑽模型

雙鑽模型主要分爲4個階段，主要是發現期、定義期、發展期及交付期。前兩個階段我們可以把它定義成做正確的事情，也就是在找準做設計的方向，第二個階段就是把事情做正確，就是要把設計落實到點子上，避免偏差。接下來我給大家詳細介紹下每個階段要做的事情。

△ 雙鑽模型

發現期

首先第一階段——發現期。此步是發散型的思考，探索和研究問題的本質原因，相當於尋根問底，也就是我們常說的：爲什麼要做這個需求。

在我們接到一個需求時，要抱有一顆質疑的態度，對需求質疑，對商業模式質疑，對用戶質疑，質疑一切不合理的事情。然後去列舉用戶可能遇到的真實場景元素：比如地點、時間、人物、故事，梳理整個設計流程和節點。針對問題再去進行研究，例如前期的用戶訪談，問卷調查，競品分析，行業分析、現狀數據摸底等等，最終得到一系列的研究結果。此時的手段有競品研究、數據分析、用戶調研等等，這也是我們做設計的第一步，需求拆解和設計分析。

定義期

第二個階段是——定義期。此步是將第1步發散的問題進行思考和總結，把問題集中起來解決。畢竟太過於發散的問題不利於事情的推進。

基於前面的分析，我們需要將第一階段發散的觀點進行收縮，合併一些設計問題和發現，關注最核心的問題，形成相應的結論。再把之前的行業分析、競品分析以及存在的問題一起比較，發現可能存在的機會突破點，並不斷去探索我們還可以做的事，尋找設計價值機會點。

發展期

第三階段則是發展期，也就是所謂的方案構思期，此步是真正開展設計創意了。在我們日常的設計過程中也稱之爲設計預研。

這個階段我們要把問題具體化，我們可以參考流行的設計趨勢、好的設計網站或者好的設計效果，構思自己的設計應該如何做。如果構思的過程產生了很多的想法方案，那麼我們應該先評估一下可行性。經過評估之後，最終選擇了2~3種ideas。

這是一個發散、迭代的過程，細節和方案仍然會不斷推翻和重構，但是要找出正確方案的方向，這一步是最核心的。

交付期

最後一個階段就是交付期了，此步就是我們將預研的多套方案進行了具體化，找到了一個可以深化的方案。

這一階段將之前的方案進行開發製作，測試，迭代（build，test，iterate），重複3次以上。即可以簡單理解爲設計方案的評審（主要是自己把關、需求方把關、其他相關方把關），反覆迭代設計方案。

淘汰中間不合理的想法和設計，最終保留精華設計。

到這一步爲止，設計的分析、預研、方案製作、測試已基本結束了，接下來就是把我們確認的方案推向用戶，回收後續反饋即可。

△ 結構化雙鑽模型

雙鑽石模型是一種結構化的設計方法，我們抽象來看的話，主要解決設計過程裏四個時期的挑戰：

• 發現期/研究階段——主要是對問題的洞察，需要更多的討論和發散；
• 定義期/總結階段——主要是聚焦問題點；
• 發展期/概念設計階段——主要是發散一些可能的解決方案；
• 交付期/實現階段——確定可行的解決方案。

到目前位置設計雙鑽模型也就全部理清了，概括來講就是從前期的問題洞察，再到問題的聚焦，緊接着到概念設計，再到最後的設計實現。這四個階段不是孤立存在的，而是彼此間都是有聯繫的，前面的階段爲後續的研究做鋪墊，後續的研究結論也能更好的驗證前面的發現，關係鏈如圖上圖（結構化雙鑽模型）所示。

2. 雙鑽模型的價值

△ 雙鑽模型的價值

雙鑽模型的價值主要有3點，

對思考過程做拆解，讓思考更具有邏輯性：

雙鑽模型將不可見的思考過程分爲2個核心部分：確定正確的問題，發現最合適的解決方案。

在日常工作中，大家可能會經常遇到在沒有剝離出「問題是什麼」時，就立馬對解決方案進行構思或激烈討論，耗費團隊精力和時間，雙鑽模型很好規避了這一點。

重新重視問題是什麼：

第一個鑽石模型，我們着重解決的是找到正確的問題是什麼。通過第一個鑽石的提出，原本易被忽略的問題環節會重新受到團隊成員重視，避免設計方案發生方向性偏離。

設計思考過程可見：

通過雙鑽模型設定的思考框架，原本「黑盒」的思考過程被逐漸呈現出來，增加團隊成員對設計方案演繹過程的理解度，提高合作認可度和協作效率。

通過以上三方面的分析，我們也就能理解爲啥雙鑽模型在設計行業內被如此推崇。

3. 雙鑽模型運用中問題及優化路徑探索

△ 雙鑽模型實際運用中的問題（點擊查看大圖）

但在雙鑽模型實際運用中，發現了一些問題，大家可以觀察到在最後交付環節，需要經過至少3次的迭代、測試和開發，而且最終的定案也無法證明結果就是好的；在整個的迭代過程中，我們可能不知道要去優化什麼，可能覺得方案已經是最完美的了，也有可能覺得方案一直是不行的，會在這一環節陷入死循環，最終導致整個項目週期拉的很長。

△ 雙鑽模型實際運用中的問題解決探索

在開發和實現階段是最不願意出現問題的，這可能會使我們前面做的工作功虧一簣。那我們是不是可以把這些不確定的因素置前考慮呢？在前期的分析中，就去解決這個階段出現的一些風險問題。

因此，我們嘗試性的探索，是不是應該在前面的方案發散環節中新增預測和推演的環節，用以降低後續交付環節的風險。預測和推演主要是針對已輸出的幾套概念方案進行推測，通過一些可以量化的數據來推演這些概念方案是可以落地的，這樣可以預知概念方案的結果，減少方案變更和修改的次數，提升整體的設計效率。同時整個概念方案的預測和推演也來依賴於前期的設計分析，找準具體的推演方向是這個模型最大的難點。

△ 雙鑽模型優化方案

具體的預測和推演過程，我們可以拆解到具體的行爲角度，主要分爲方案構思到用戶行爲預測再到數據推演。其中方案構思和用戶行爲預測與之前分析的雙鑽模型中的行爲是一致的，只是在做預測和推演時又拿出來應用。

剛纔也說過，找準預測和推演的方向纔是這個模型最大難點。那麼推測的依據是什麼，推演的來源都是什麼呢？

△ 奧卡姆剃刀法則

回到我們本次分享的主題是研究空間價值對設計有什麼啓示和幫助，根據百度百科對於空間的定義：空間是與實踐相對的一種物質客觀存在形式，兩者密不可分。我們再具體點來描述空間，它就是一種具備長度、寬度、高度、大小的存在形式，物與物的位置差異度量稱之爲「空間」，大家還可以假想空間由不同的線組成，線組成不同形狀，線內便是空間，這個空間可以是平面的，也可以是立體的。空間有一個典型的特質就是具備相對性，正因爲有了相對性，空間纔可被衡量。長度和寬度構成了屏幕空間，而有效的空間才能產生相應的價值。對於有效空間的定義，我們可以借用奧卡姆剃刀法則，「如無必要，勿增實體」，也就是如果沒有作用，則不需要繼續增加和保留。

4. 空間價值模型

△ 空間價值模型

根據空間價值的推導過程，我們爲設計方案的預測和推演找到了一個方向，就是在以空間價值爲導向的產品設計中，我們在預測和推演時，主要依據就是要利用有效空間，釋放無效空間，將有價值的模塊置於用戶感知範圍內，而隱藏或去掉不重要的功能，在一定空間內發揮最大的價值。朝着這個方向我們去設計和預測我們的落地方案，如果預測結果OK則可繼續進行，如果預測結果不理想，那就得重新思考設計方案，直到合格爲止。可能聽到這，有很多同學又會有疑惑，這個數據推演怎麼做。這個會在後續的案例中給大家去講，因爲每個產品關注的核心指標不一樣，所以這塊只能提一個概念，具體的推演過程還需要在各自的項目中去制定。

△ 空間價值模型應用場景

以空間價值爲導向的雙鑽模型有其一定的應用場景，首先是能識別到在這屏幕空間內是有價值的，在此產品階段是需要通過追求屏效來達成一定的業務目標（此點尤其重要），另外就是在利用空間方面，有高價值的內容可以填充。總結的這三個方面我覺得是不夠精確和通用的，只是在我負責的產品，在它的生命週期內是這樣的，所以大家在思考各自的產品設計時，可以基於不同要求、階段去思考對應的場景。

空間價值模型實例剖析

1. vivo瀏覽器首頁改版

首頁分析

vivo瀏覽器是一款如今有8500萬+日活的產品（數據截止到2019年8月），當時改版時日活也已達到7000萬。在講這個案例時，還是給大家先介紹一下瀏覽器首頁的基本情況，便於大家有全面的瞭解。

瀏覽器的首頁主要分爲4個模塊，頭部模塊主要是天氣及搜索模塊，主要是滿足用戶的一些基礎需求，如查看天氣情況、搜索關鍵詞及網址等；第二模塊是五大欄目，它主要是一些特色站點，如網址、視頻、小說、美圖等用戶個性化訴求；第三個模塊是名站區域，主要呈現一些熱門的站點，如新浪、百度、攜程等，便於用戶快速觸達，同時這些站點具備商業化售賣價值。第四部分則是信息流區域，主要包含了視頻、熱點、圖文、廣告等類型的內容，滿足用戶對於內容消費的需求，對於廣告收入、時長、留存等都有很大的貢獻。

△ vivo瀏覽器首頁各模塊分析

在這一量級的產品上進行首頁改版，風險性是極其大的，那接下來我們還是按照空間價值模型的基本方法進行一步步的拆解和分析。

發現問題

首頁站點賣不動，點擊數據下降，商業化價值不如之前

△ vivo瀏覽器首頁站點模塊點擊數據（數據截止到2018年1月）

這麼一量級的產品，爲什麼要去改版呢，我們還是首先回歸到問題背景。首先我們通過後臺數據發現，五大欄目模塊的平均點擊量⼤約爲30萬-80萬/天，名站點擊量前兩名的百度、新浪的點擊數據大約爲180萬/天、120萬/天左右，第三名的車之家最⾼點擊量只有前兩名一半左右的數據，只有約70萬/天，而點擊量最低的站點只有約15萬/天的點擊，站點點擊呈遞減規律，無效站點較多，商業化售賣產生了問題。

瀏覽器信息流流失用戶佔比30%左右，且有上升趨勢

△ vivo瀏覽器信息流流失去向（點擊查看大圖）

其次是我們在長時間的用研及數據監測中發現，vivo瀏覽器信息流用戶流失佔比在30%左右，且有上升趨勢，被一些頭部應用吸取較多用戶，信息流滲透率增長乏力。

首頁框架多年未動，信息層級不清晰

△ 主流瀏覽器首頁對比

第三則是我們的首頁框架和主流競品存在差異，傳統的五大欄目+名站的形式在逐漸被打破，信息流模塊的設計越來越重度，用戶也亟需新的產品形態以喚起對產品的興趣。

聚焦問題

△ vivo瀏覽器首頁問題聚焦

我們將瀏覽器首頁的問題聚焦出來就是，名站模塊點擊數據低，商業化價值低，信息流模塊點擊低，用戶不買單，首頁產品形態缺乏競爭力。

剖析問題

我們再進一步剖析目前所遇到的問題。名站處於整個頁面核心位置，卻沒有達到應有的價值，用戶點擊少，且運營成本較高，效果弱。

信息流作爲提升用戶留存和時長的重大法寶，但在首頁得不到足夠的曝光，潛在價值得不到發揮。具體體現在首屏信息及商業化廣告的觸達路徑較長。

而樣式作爲產品形態的面子工程，影響用戶的使用體驗，但在首頁這樣一個超流量頁面卻沒有精細化設計，部分模塊的產品定位與用戶定位有推介，產品結構不清晰。

首頁價值

△ vivo瀏覽器首頁價值排序

按照商業利益及用戶體驗，我們可以將各個模塊進行價值劃分，其中名站及信息流模塊作爲瀏覽器的特色功能，且承擔相應商業化收入，其價值較高，而五大欄目模塊，作爲瀏覽器基礎功能，其商業價值較低，由於搜索模塊模塊作爲瀏覽器核心功能，其價值要比五大欄目稍高，且有搜索的商業化變現方式。其相應的價值排序如圖所示。

設計機會點

按照空間價值模型的相關理論：「若無必要，勿增實體」，釋放無效空間，增加有價值內容的曝光。按照目前價值優先級，名站目前綜合價值較低，而信息流作爲後起之秀，有較大的商業及用戶價值。我們挖掘出來的設計機會點，則是釋放名站，提升信息流曝光，而什麼樣的產品形態作爲設計機會點的承載，也是設計可以重點研究的方向。

△ vivo瀏覽器首頁設計機會點

設計研究

△ 競品分析截圖

緊接着，在產品形態及信息流研究上，我們重點分析了高價值的信息流模塊的設計，摘取了各家資訊APP及瀏覽器，研究各家在信息流產品形態、佈局、空間、設計上的異同點。爲vivo瀏覽器首頁信息流的設計提供更多有力參考。

我們從信息流的標題、字號、間距、配圖、視頻、輔助信息等角度入手，發現了本品與競品的較多差距

最後得出相應的結論——各家在處理信息流模塊時，整體的設計注重內容聚焦，主要體現在頁面排版及各個元素的佈局，使得單屏曝光信息流條數更多。其次是注重外顯內容，優化標籤及標識設計，傳遞給用戶信息流的類型，強化感知。最後是各家都在強調平臺與用戶的互動，如負反饋、評論、點贊等，極大滿足用戶對於內容產品的情感發泄。

對於首頁站點的設計，我們縮減目前三行站點的設計，將5大欄目和站點進行合併打亂。主要原因也是5大欄目和站點對於用戶的使用心智來講，也是一樣的功效，沒有必要進行業務屬性的劃分。

因此在設計上，我們嘗試將目前的三行方案改爲單行及雙行方案，除保留幾個高點擊的站點外，其餘站點按照瀏覽器後臺用戶標籤，給用戶進行個性化推薦。

△ 首頁站點探索方案

設計預研

單行站點方案

雙行站點方案

這麼多的變量，我們無法直接評判那種方案的改版效果更好，甚至我們也無法直接推斷出改版後的兩套方案會比線上方案好。因此我們接下來進行了本項目最重要的一個環節，就是效果評估，通過不同的預研方案來預測改版效果，從而爲最終的設計方案做決策。

數據預測

信息流改版預測

首先我們是在目前算法條件下，針對不同位置出現不同樣式的信息流進行了數據摸底，具體方式就是看信息流前三位置出現不同資訊的概率（因爲改版前首頁最多漏出3資訊）。並且統計出目前信息流用戶的佔比。在對比改版方案與線上方案時，計算8種組合條件下，多漏出的文章的出現概率，從而計算改文章的點擊率，最終求和計算出整體首頁的轉化率變化。最終在數據同學的幫助下，改版後首頁的轉化率提升可達到9.5%。

信息流曝光規則：單條信息流item曝光超過2/3即爲曝光。

根據數據同學的預測，在目前改版方案的情況下，月提升收益約490w

由於雙行與單行改版方案目前信息流增加展示空間相差無幾，故本次預估數據提升經過數據挖掘基本一致。

基於改版後首頁各資訊內容類型展示組合下，增加資訊條數曝光得到的首頁外露綜合點擊率提升，由此進行收益提升估算。

由於該數值僅代表首頁點擊增加後的收入提升，未包含後續信息流模塊中的延伸使用情況帶來的收益，故實際提升大於490w。

站點改版預測，改版後站點位位置的損失：

當全量執行單行方案時，預計站點收入每月將下降1000w左右；當全量執行雙行方案時，預計站點收入每月將下降200w~250w；

改版後信息流廣告曝光用戶佔比的提升：

線上方案目前信息流廣告曝光用戶佔比爲25.5%，經過數據預估後——單行方案：比例需要提升至30.28%則可以保證瀏覽器整體收益的提升；雙行方案：比例需要提升至26.97%則可以保證瀏覽器整體收益的提升。

用戶側數據摸底：

2018年1月月活中，主動啓動用戶爲1.3億；其中，有37.21%的用戶在一月有過名站及五大欄目區域的使用；首頁改版主要會影響這部分用戶。

名站五大欄目用戶裏，有51%的用戶對站點類目豐富度需求較強，除TOP6站點外，對其他類目產品存在一定的使用需求；一行站點方案對這批用戶（總用戶的18%）可能存在較大影響；

1月有過信息流模塊劃入，點擊的用戶數量爲1億，佔總用戶比例76.96%，用戶比例遠高於導航部分。

基於以上的數據可以得出：

• 對於首頁改版後，保守預估，信息流模塊價值提升將超過493w，完全可以控制住雙行方案的站點損失，同時帶來明顯提升。
• 有超過6成的活躍用戶是非名站&五大欄目用戶，接近25%的用戶是集中於頭部站點使用以及這部分用戶對於首頁導航模塊是無價值的羣體，首頁站點位的縮減對於他們是無影響的。
• 在月活躍用戶中，有約18%的用戶對於站點的使用相對重度，對於站點豐富行要求較高，首頁站點位的大幅度縮減對於這部分用戶的影響較大，同時會造成較大的站點商業化損失。
• 可見大部分活躍用戶對於首頁站點位是無需求的，同時信息流用戶佔到總用戶比例76.96%，用戶對於信息流模塊使用意願明顯高於導航模塊。

故基於以上結論，可以得出，以首頁雙行站點形式進行本次改版調整，相對合適，原因：

• 站點收入相比單行方案風險小，不會造成整體收入大幅下降的風險；
• 雙行站點方案的信息流收益提升預估，遠高於帶來的損失，可以保證整體收益的全面提升，而單行方案基於目前的數據整體提升效果不如雙行方案。

2.2.0 最終方案及上線效果

信息流用戶新聞閱讀時長上漲10.66%，信息流用戶佔比上漲2.29%，人均新聞點擊次數上漲4.24%，人均信息流使用時長上漲5.81%。關於商業化營收數據，由於相關保密性，不便透露，但從廣告平臺那邊得知，活躍用戶的廣告點擊次數上漲16.14%，名站人均點擊下降9.68%，基本和預期結果相符，整體瀏覽器的營收是上漲的，整體改版符合預期。

空間價值模型使用注意事項

1. 屏效比

一味的追求屏效比不是空間價值模型所倡導的。空間價值模型核心在於用高價值的內容填充低價值的模塊，使得產品整體商業價值和用戶價值得以提升。

2. 注重用戶體驗

雖然空間價值模型只是用來指導設計師或產品經理做方案的產出，缺乏用戶側的體驗監測，這要在後續的產品迭代過程中補齊，而不是放任不管。

3. 非個性化

產品同質化越來越嚴重的今天，我們追求的不再是產品的表象，而是產品真真切切的內在，比如資訊類產品，它要給用戶產出更精準的內容；金融類產品，它要給用戶提供更安全和高收益的金融方案等。空間價值導向的產品設計不是解決個性化的問題，而是爲用戶挑選更有價值的模塊，並優先展現。

4. 關注生命週期

在不同的生命週期內，我們關注的重點也不一樣，空間價值模型更適合在成長期或成熟期的產品使用，在此階段有足夠的精力和數據去佐證方案的可行性。

寫在最後的話

空間價值導向的產品設計，最核心的地方是找到了支撐設計方案的落地點——做預測和推演。空間使事物具有了變化性，即因爲空間的存在，所以事物纔可以發生變化。擁抱變化才能贏得變化。方法不一定是通用的，也不是絕對的，條條大路通羅馬，找到最合適的那條就行。

更多設計模型：

歡迎關注作者微信公衆號：「VMIC UED」