如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

文章從項(xiàng)目流程的各階段來講解UI設(shè)計(jì)師應(yīng)該做些什么，如何做才能把自己的價(jià)值在項(xiàng)目中體現(xiàn)出最大化！

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

人類是一種情緒驅(qū)動(dòng)的物種;我們選擇某些產(chǎn)品并不是因?yàn)樗鼈冇幸饬x，而是我們認(rèn)為它們會(huì)給我們帶來什么樣的感受。未來的界面將在產(chǎn)品設(shè)計(jì)的基礎(chǔ)上使用情感化的概念。人們使用的經(jīng)驗(yàn)將基于智商（IQ）和情商（EQ）。

本文試圖展望未來，看看我們將在未來的十年內(nèi)設(shè)計(jì)什么樣的界面。我們將仔細(xì)研究三種交互媒介：

01、語音

02、增強(qiáng)現(xiàn)實(shí)（AR）

03、虛擬現(xiàn)實(shí)（VR）

未來情感化界面的實(shí)例

將來的界面會(huì)是什么樣子？盡管我們還沒有這個(gè)問題的答案，但是我們可以討論界面可能具有的特性。在我看來，我相信我們最終會(huì)遠(yuǎn)離那些充滿菜單、面板、按鈕的界面，而轉(zhuǎn)向更“自然的界面”，即擴(kuò)展我們身體的界面。未來的界面不會(huì)鎖定在物理屏幕上，而是使用整個(gè)五官感覺的力量。

因此，他們需要的學(xué)習(xí)成本更少——理想情況下，根本沒有學(xué)習(xí)成本。

情商在商業(yè)中的重要性

除了讓體驗(yàn)更加自然和減少學(xué)習(xí)成本外，情感化設(shè)計(jì)還為產(chǎn)品創(chuàng)造者帶來了另一個(gè)好處：它提高了用戶對(duì)產(chǎn)品的使用率。合理的利用人類對(duì)情感的行動(dòng)能力來創(chuàng)造更好的用戶參與度。

體會(huì)真實(shí)的語音界面

現(xiàn)在，以語音為主要界面的產(chǎn)品越來越受歡迎。我們當(dāng)中的許多人在使用亞馬遜Echo和蘋果Siri進(jìn)行日?；顒?dòng)，如設(shè)置鬧鐘或預(yù)約等。但目前市場(chǎng)上的大多數(shù)語音交互系統(tǒng)仍有一個(gè)與生俱來的限制：他們沒有考慮用戶的感受，因此，當(dāng)用戶現(xiàn)在與谷歌這樣的產(chǎn)品交互時(shí)，他們會(huì)有很強(qiáng)的與機(jī)器交流的意識(shí)，并非是真正的人類。系統(tǒng)可預(yù)測(cè)地響應(yīng)，并編寫響應(yīng)腳本。與這樣一個(gè)系統(tǒng)進(jìn)行有意義的對(duì)話是不可能的。

但是如今市場(chǎng)上有一些完全不同的系統(tǒng)。其中一個(gè)是社交聊天機(jī)器人應(yīng)用程序Xiaoice。這個(gè)應(yīng)用程序的核心是一個(gè)情感計(jì)算框架；這個(gè)應(yīng)用程序是建立在這樣一個(gè)理念之上的，即首先要與用戶建立情感聯(lián)系。Xiaoice能夠動(dòng)態(tài)地識(shí)別情緒，并通過長(zhǎng)時(shí)間的對(duì)話和相關(guān)的回應(yīng)吸引用戶。因此，當(dāng)用戶與Xiaoice互動(dòng)時(shí)，他們會(huì)覺得自己在和一個(gè)真正的人交談。

許多人在電影《她》（2013）中看到了基于語音的互動(dòng)影響力。Theodore ( Joaquin Phoenix 主要角色) 愛上了一個(gè) Samantha (一個(gè)復(fù)雜的操作系統(tǒng))。這也使我們相信，未來基于語音的交互系統(tǒng)，主要目的之一將是為用戶提供虛擬伴侶。這部電影最有趣的是 Theodore 沒有 Samantha 的視覺形象——他只有她的聲音。要建立這種親密關(guān)系，就必須產(chǎn)生反映一致個(gè)性的回應(yīng)。這將使系統(tǒng)具有可預(yù)測(cè)性和可信賴性。

雖然技術(shù)離Samantha這樣的操作系統(tǒng)還很遙遠(yuǎn)，但我相信語音優(yōu)先的多模式界面將是語音支持界面發(fā)展的下一篇章。這些界面將使用語音作為主要的交互方式，并在創(chuàng)建和構(gòu)建連接感的上下文中提供附加信息。

為Brain.ai設(shè)計(jì)的語音界面示例（圖片來源：Gleb Kuznetsov）

AR體驗(yàn)的演變

增強(qiáng)現(xiàn)實(shí)（AR）被定義為現(xiàn)實(shí)世界之上的數(shù)字覆蓋，并將我們周圍的物體轉(zhuǎn)化為交互式數(shù)字體驗(yàn)。我們的環(huán)境變得更加“智能化”，用戶的手指尖上會(huì)出現(xiàn)“有形”物體的錯(cuò)覺，這樣就在用戶和產(chǎn)品（或內(nèi)容）之間建立了更深層次的聯(lián)系。

使用AR重新定義現(xiàn)有概念

AR的獨(dú)特之處在于它為我們提供了與數(shù)字內(nèi)容進(jìn)行物理交互的非凡能力。它可以幫助我們看到以前無法看到的東西，這有助于我們了解更多關(guān)于周圍環(huán)境的信息。AR屬性有利于幫助設(shè)計(jì)人員使用熟悉的理念創(chuàng)造新的的層次體驗(yàn)。

例如，通過使用移動(dòng)AR，可以打造一個(gè)新的飛行體驗(yàn)感受，允許乘客查看有關(guān)其它班機(jī)或當(dāng)前航班飛行進(jìn)度的詳細(xì)信息：

AR在空中客車A380的飛行體驗(yàn)中。（圖片來源：Gleb Kuznetsov）

AR幫助我們?cè)诳臻g中找到自己的路，并讓我們一目了然地獲得所需的信息。例如，AR可用于為當(dāng)前位置創(chuàng)建豐富的上下文提示。被稱為SLAM（同步定位和映射）的技術(shù)非常適合這種場(chǎng)景。SLAM允許對(duì)環(huán)境進(jìn)行實(shí)時(shí)映射，還可以將多媒體內(nèi)容放入環(huán)境中。

為用戶提供價(jià)值的機(jī)會(huì)有很多。例如，用戶可以將他們的設(shè)備指向建筑，并在屏幕上了解更多關(guān)于這個(gè)建筑的信息。它能夠顯著的減少工作量，并通過允許導(dǎo)航和訪問實(shí)現(xiàn)輕松的情感體驗(yàn)。

在上下文中提供其他信息（圖片來源：Gleb Kuznetsov）

我們周圍的環(huán)境（如墻壁或地板）可以變成一個(gè)可交互的場(chǎng)景，這種方式在過去僅限于我們的智能手機(jī)和電腦。

你在下面看到的概念設(shè)計(jì)就是這樣的；它使用物理對(duì)象（白墻）作為通常使用數(shù)字設(shè)備傳送的內(nèi)容的畫布：

交互式墻的概念 - 在現(xiàn)實(shí)世界之上的數(shù)字覆蓋。（圖片來源：Gleb Kuznetsov）

避免信息過載

許多人都看過一個(gè)叫做“超現(xiàn)實(shí)”的視頻。在這段視頻中，物理世界和數(shù)字世界已經(jīng)融合，用戶被大量信息所淹沒。技術(shù)允許我們同時(shí)顯示幾個(gè)不同的對(duì)象。如果使用不當(dāng)，很容易造成過載。信息過載是一個(gè)嚴(yán)重的問題，它會(huì)對(duì)用戶體驗(yàn)產(chǎn)生負(fù)面影響，避免信息過載將是AR設(shè)計(jì)的目標(biāo)之一。精心設(shè)計(jì)的應(yīng)用程序?qū)?huì)過濾掉那些與使用人工智能的用戶不相關(guān)的內(nèi)容。

高級(jí)個(gè)性化

當(dāng)系統(tǒng)實(shí)時(shí)地根據(jù)用戶的需求和期望來調(diào)整內(nèi)容或功能時(shí)，就會(huì)發(fā)生數(shù)字體驗(yàn)的個(gè)性化?，F(xiàn)在許多移動(dòng)應(yīng)用和網(wǎng)站使用個(gè)性化的概念來提供相關(guān)內(nèi)容。例如，當(dāng)你訪問Netflix時(shí)，你看到的電影列表會(huì)根據(jù)你的興趣進(jìn)行個(gè)性化設(shè)置。

AR眼鏡允許創(chuàng)造一種新的個(gè)性化水平，即“高級(jí)”的個(gè)性化水平。由于系統(tǒng)“看到”了用戶看到的內(nèi)容，因此可以利用這些信息提出相關(guān)建議或在上下文中提供其他信息。試想一下，你很快就會(huì)戴上AR眼鏡，傳輸?shù)揭暰W(wǎng)膜的信息將根據(jù)你的需要進(jìn)行調(diào)整。

從增強(qiáng)現(xiàn)實(shí)走向虛擬現(xiàn)實(shí)，創(chuàng)造沉浸式體驗(yàn)

AR體驗(yàn)具有自然的局限性。作為用戶，我們?cè)趦?nèi)容和內(nèi)容之間有明確的界限; 這條線將一個(gè)世界（AR）與另一個(gè)世界（現(xiàn)實(shí)世界）分開。這條線讓人感覺到AR世界顯然是不真實(shí)的。

你可能知道該如何解決這個(gè)限制，例如虛擬現(xiàn)實(shí)（VR），當(dāng)然。虛擬現(xiàn)實(shí)并不是一種全新的媒介，但直到最近幾年，技術(shù)才達(dá)到讓設(shè)計(jì)師創(chuàng)造沉浸式體驗(yàn)的程度。

沉浸式VR體驗(yàn)消除了現(xiàn)實(shí)世界與數(shù)字之間的障礙。當(dāng)你戴上VR耳機(jī)時(shí)，你的大腦很難處理你收到的信息是否真實(shí)。

以下是設(shè)計(jì)人員在創(chuàng)建沉浸式虛擬環(huán)境時(shí)需要記住的內(nèi)容：

01、寫一個(gè)故事

有意義的VR需要有一個(gè)強(qiáng)有力的故事核心。這就是為什么在你開始設(shè)計(jì)VR環(huán)境之前，你需要為用戶旅程寫一個(gè)故事。一個(gè)被稱為“故事板”的強(qiáng)大工具可以幫助你做到這一點(diǎn)。使用故事板，可以創(chuàng)建故事并檢查所有可能的結(jié)果。當(dāng)你審視你的故事時(shí)，你將看到何時(shí)以及如何使用視覺和音頻提示來創(chuàng)造一種沉浸式的體驗(yàn)。

02、與角色建立更深層次的連接

為了讓用戶相信虛擬現(xiàn)實(shí)中他們周圍的一切都是真實(shí)的，我們需要與用戶扮演的角色建立聯(lián)系。最明顯的解決方案之一是在虛擬場(chǎng)景中包含用戶手的表示。這個(gè)表示應(yīng)該是實(shí)際的手-而不僅僅是一個(gè)假造的復(fù)制品。考慮不同的因素（如性別或膚色）是至關(guān)重要的，因?yàn)檫@會(huì)使互動(dòng)更加現(xiàn)實(shí)。

用戶可以看到他或她的手，看他們看起來像一個(gè)角色。（來源：leapmotion）

也可以將現(xiàn)實(shí)生活中的一些對(duì)象帶到虛擬現(xiàn)實(shí)環(huán)境中，以創(chuàng)建這種連接。例如，一面鏡子。當(dāng)用戶查看鏡像并在反射中看到其角色時(shí)，它可以在用戶和虛擬角色之間實(shí)現(xiàn)更真實(shí)的交互。

虛擬現(xiàn)實(shí)用戶會(huì)查看虛擬鏡像并將自己視為VR環(huán)境中的角色。

03、使用手勢(shì)而不是菜單

在設(shè)計(jì)沉浸式虛擬現(xiàn)實(shí)體驗(yàn)時(shí)，我們不能依賴與傳統(tǒng)的菜單和按鈕形式。為什么呢？因?yàn)轱@示菜單相對(duì)容易打破沉浸感。用戶將會(huì)知道他們周圍的一切都不是真實(shí)的。設(shè)計(jì)師不需要使用傳統(tǒng)的菜單形式，而是需要依賴手勢(shì)。設(shè)計(jì)界仍在為使用手勢(shì)定義一種通用語言的過程中，參加這項(xiàng)活動(dòng)是有趣和令人興奮的。棘手的部分是讓用戶熟悉和可預(yù)測(cè)的手勢(shì)。

試圖將現(xiàn)有的交互概念重用于VR體驗(yàn)。不幸的是，這個(gè)概念會(huì)打破沉浸感。新媒體需要新的互動(dòng)模式。

04、與VR環(huán)境中的元素交互

要?jiǎng)?chuàng)建一個(gè)感覺真實(shí)的環(huán)境，我們需要讓用戶能夠與現(xiàn)實(shí)中的對(duì)象交互。理想情況下，環(huán)境中的所有對(duì)象都可以設(shè)計(jì)成允許用戶觸摸和查看它們的方式。這樣的物體會(huì)起到刺激作用，幫助你創(chuàng)造一種更沉浸的體驗(yàn)。觸摸對(duì)于探索環(huán)境極其重要；嬰兒在最初幾天獲得的最重要信息是通過觸摸獲得的。

05、在虛擬現(xiàn)實(shí)中分享情感

虛擬現(xiàn)實(shí)有機(jī)會(huì)成為一種新的社會(huì)體驗(yàn)。但要做到這一點(diǎn)，我們需要解決一個(gè)重要的問題，即，把非言語的暗示帶入交互中。

當(dāng)我們與他人互動(dòng)時(shí)，我們獲得的信息中的一個(gè)重要部分來自肢體語言。驚奇、厭惡、憤怒——所有這些情緒都存在于我們的面部表情中，在面對(duì)面的交流中，我們從眼睛區(qū)域推斷信息。當(dāng)人們?cè)谔摂M現(xiàn)實(shí)環(huán)境中交互時(shí)，提供這些信息是很重要的，以此來創(chuàng)建更真實(shí)的交互。

好消息是，頭戴式設(shè)備（HMD）將很快覆蓋情感識(shí)別。在虛擬現(xiàn)實(shí)中，幾乎任何人與人之間的互動(dòng)都會(huì)從面部表情中受益。

06、為VR環(huán)境設(shè)計(jì)聲音和音樂適合

音頻是沉浸式體驗(yàn)的重要組成部分。如果不為環(huán)境設(shè)計(jì)聲音，就不可能創(chuàng)造真正的沉浸式體驗(yàn)。聲音既可以用作背景元素（即周圍風(fēng)的聲音）也可以用作方向。在后一種情況下，聲音可以作為提示-通過播放方向性（聲音來自何處）和距離（用戶可以將注意力集中在特定元素上）。

在為虛擬現(xiàn)實(shí)設(shè)計(jì)音頻時(shí)，最重要的是使聲音成為3D。2D聲音對(duì)虛擬現(xiàn)實(shí)來說不太好，因?yàn)樗鼤?huì)使一切變得過于平坦。三維聲音是你可以聽到的聲音，在你周圍的每個(gè)方向-前面，后面，上面和后面-所有的地方。您不需要專門的耳機(jī)來體驗(yàn)3D聲音；可以使用HMD的標(biāo)準(zhǔn)立體聲揚(yáng)聲器來創(chuàng)建它。

頭部跟蹤是良好聲音設(shè)計(jì)的另一個(gè)關(guān)鍵方面。讓聲音以現(xiàn)實(shí)的方式表現(xiàn)是至關(guān)重要的。這就是為什么當(dāng)用戶移動(dòng)頭部時(shí)，聲音應(yīng)該根據(jù)頭部移動(dòng)而變化。

結(jié)論

當(dāng)我們考慮到產(chǎn)品設(shè)計(jì)的現(xiàn)代狀態(tài)時(shí)，很明顯我們只是處于冰山一角，因?yàn)槲覀兎浅＞窒抻谄桨咫娔X。

我們見證了人機(jī)交互（HCI）的根本轉(zhuǎn)變——重新思考數(shù)字體驗(yàn)的整個(gè)概念。在未來的十年里，設(shè)計(jì)師們將打破玻璃（我們今天所熟知的移動(dòng)設(shè)備時(shí)代），轉(zhuǎn)而使用未來的接口——復(fù)雜的語音接口、先進(jìn)的ARS和真正的沉浸式VRS。當(dāng)我們要?jiǎng)?chuàng)造一種新的體驗(yàn)時(shí)，我們必須明白，我們唯一的界限就是我們的大腦告訴我們，它必須一直是怎樣的。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

一周之前，Twitter 將接近7年未曾大幅度改版的桌面端頁面，從里到外重新翻新了設(shè)計(jì)。

新浪微博的每一次小幅度調(diào)整都會(huì)帶來大量的吐槽和不適，更不用說像Twitter 這樣的世界級(jí)的社交媒體網(wǎng)站。用戶的不適應(yīng)不理解和負(fù)面反饋是避免不了，這樣的大幅更新改版背后，有著這個(gè)平臺(tái)不得不做的理由。

最近 Twitter 新版背后的設(shè)計(jì)師接受了連線雜志的采訪，深入地聊了一下改版背后的考量。

設(shè)計(jì)技術(shù)和工具的快速發(fā)展，視覺設(shè)計(jì)本身，尤其是 UI 界面的很多具體的執(zhí)行端的工作慢慢的沒有那么麻煩了，但是找到為什么這么設(shè)計(jì)的設(shè)計(jì)決策，并不是那么簡(jiǎn)單。

保持一致：緊跟趨勢(shì)的一次重設(shè)計(jì)

在整體視覺風(fēng)格上，Twitter 桌面端的設(shè)計(jì)給人的整體感知是更加現(xiàn)代的——并且和移動(dòng)端版本的設(shè)計(jì)靠近且保持了一致。這絕對(duì)是一個(gè)以數(shù)字產(chǎn)品為核心的科技公司應(yīng)該做到的最基本的事情。

原本置于頂部的導(dǎo)航欄消失了，功能性更強(qiáng)的左側(cè)邊欄承載了主要的導(dǎo)航功能。

其中，原本被隱藏的「書簽（bookmarks）」和「列表（LIsts）」是非常實(shí)用的內(nèi)容管理功能，在這次改版的時(shí)候被直接顯示在側(cè)邊欄當(dāng)中。

而更重要的改變?cè)谟冢P(guān)于當(dāng)下正在發(fā)生的熱門事件，單獨(dú)占據(jù)了右側(cè)的側(cè)邊欄「Trends for you」，大家正在熱烈討論的熱門事件以Twitter 中標(biāo)志性的標(biāo)簽（Hashtags）的形式呈現(xiàn)，相當(dāng)于微博中的「熱門微博」。而這在老版的 Twitter 中，這類內(nèi)容的存在感并沒有那么強(qiáng)烈，原本存在于第一屏的左側(cè)側(cè)邊欄中，并且只有標(biāo)簽，除非你有意識(shí)地去關(guān)注和點(diǎn)擊，否則很容易錯(cuò)過。

搜索欄同樣被挪到了右側(cè)邊欄，置于「熱門趨勢(shì)」內(nèi)容的頂部。這一設(shè)計(jì)巧妙的地方在于，它暗示了內(nèi)容呈現(xiàn)的邏輯：當(dāng)你搜索內(nèi)容的時(shí)候，搜索結(jié)果會(huì)直接覆蓋在右側(cè)，而不會(huì)占據(jù)中間的主要的信息流。

毫無疑問，新版的 Twitter 在布局上更加扁平了，但是信息的扁平化呈現(xiàn)還不止布局上，交互上也相應(yīng)的變化。在老版的 Twitter 中，當(dāng)你點(diǎn)擊具體的推文條目的時(shí)候，內(nèi)容會(huì)以彈出框的形式呈現(xiàn)，但是新版中則會(huì)在當(dāng)前層中直接擴(kuò)展開顯示，不會(huì)彈出，整體的融合感和有機(jī)感會(huì)更強(qiáng)。

老版 Twitter 中推文彈出框

新版 Twitter 中的界面

同樣的，用戶在回復(fù)、轉(zhuǎn)推和點(diǎn)贊的時(shí)候，也不用在不同的彈出框模式下進(jìn)行，而是更加直覺地在當(dāng)前的頁面中完成，整體感更強(qiáng)，更加直覺。

用戶交互頻次相對(duì)較高的轉(zhuǎn)贊評(píng)和「熱門」和主要信息流都不會(huì)在彈出框和疊加層控件中完成了，主要信息流也不會(huì)被因此而覆蓋，整個(gè) Twitter 因此顯得更加敞亮開闊。

另外一方面，新版 Twitter 提供了更加豐富的個(gè)性化設(shè)計(jì)的體驗(yàn)，這也是對(duì)于 Twitter 用戶體驗(yàn)的一次重要提升：

雖然在之前老版的 Twitter 中也可以定制字體大小色彩，但是之前的字體大小是純粹的隨意設(shè)置，這種自由度讓很多并不熟悉的用戶難以控制好文本和色彩的對(duì)比度，從而造成了整體視覺的愉悅度較低的情況。

新版中的配色和字體大小都是經(jīng)過調(diào)校之后，比較合理的選擇，這樣擁有了足夠的選擇空間，又保持了整體視覺體驗(yàn)上的愉悅性的設(shè)計(jì)。在產(chǎn)品顆粒度的控制上，Twitter 有著一套成熟精準(zhǔn)的設(shè)計(jì)方案。

與此同時(shí)，所有人都期待的，深色模式，同樣隨著這次頁面重設(shè)計(jì)，一并打包更新了：

對(duì)于深色模式的控制，Twitter 和和其他的平臺(tái)略有一點(diǎn)不同，他們所設(shè)計(jì)的深色模式包括「昏暗（Dim）」和「熄燈（Light out）」兩種，前者的背景色是深灰，而后者則幾乎是全黑。

任何一個(gè)社交媒體平臺(tái)，大量的用戶涌入進(jìn)來之后都會(huì)面臨著復(fù)雜的管控問題，更不用說 Twitter 這個(gè)已經(jīng)存在了13年的世界性的平臺(tái)。許多狀況不可能簡(jiǎn)單的一刀切來解決。

重設(shè)計(jì)背后：設(shè)計(jì)解決不了全部的問題

作為平臺(tái)，Twitter 已經(jīng)在竭力推動(dòng)「健康的對(duì)話」，但是在充滿分歧和對(duì)抗的網(wǎng)絡(luò)當(dāng)中，情緒化是常態(tài)，簡(jiǎn)單的依靠 Twitter 官方的帳號(hào)來發(fā)聲，并不足以覆蓋如此廣泛的垂直領(lǐng)域和復(fù)雜多樣的用戶群體，以及不同的國家和地區(qū)。

「我們以前經(jīng)常會(huì)推出一些新的設(shè)計(jì)和小功能。上線之后，過一陣子我們?cè)偎殉鰜?，用投影儀投到墻上重新審視，」Twitter 的聯(lián)合創(chuàng)始人 Biz Stone 說：「然后我們會(huì)覺得，好像不應(yīng)該這么設(shè)計(jì)?！?

「我們的目的是為公眾的對(duì)話來服務(wù)的。但是目標(biāo)明確之后，還需要問一個(gè)問題：我們真的夠好嗎？」Biz Stone 在采訪的時(shí)候，這么說道。正是在這樣一個(gè)問題促使之下，Twitter 的改版重設(shè)計(jì)就悄然推動(dòng)起來了。

從左到右分別為 Biz Stone，Bryan Haggerty 和 Mike Kruzeniski 。圖片來自 Wired，攝影師：Samantha Cooper

Twitter 團(tuán)隊(duì)對(duì)此選擇了謹(jǐn)慎行事。他們選擇了類似灰度測(cè)試的方法，讓不同的用戶參與到不同的「測(cè)試」當(dāng)中來，包括不同的書簽?zāi)K的設(shè)計(jì)，不同的深色模式，不同的搜索模式，等等。絕大多數(shù)的設(shè)計(jì)都正面的，但是它們也并不是爆炸性的。

如今所呈現(xiàn)出來的新版頁面當(dāng)中，絕大多數(shù)的設(shè)計(jì)都克制而微妙，以往的很多功能都得到了簡(jiǎn)化。「我們正在試圖尋找合適的機(jī)會(huì)，重新創(chuàng)造更加大膽的設(shè)計(jì)，但是它需要一個(gè)穩(wěn)固的基礎(chǔ)，所以我們打算從這一次的重設(shè)計(jì)開始，從我們最好的功能和服務(wù)開始。這就是基礎(chǔ)?！筎witter 的高級(jí)產(chǎn)品設(shè)計(jì)總監(jiān) Mike Kruzeniski 面對(duì)連線雜志的采訪，是這么解釋他們?cè)O(shè)計(jì)的初衷。

所以，Twitter 的這次重設(shè)計(jì)只是一個(gè)開始。對(duì)于這個(gè)平臺(tái)上大量的關(guān)于仇恨和騷擾相關(guān)的負(fù)面內(nèi)容，清理起來并不是一套規(guī)則就可以全部解決的，而 Twitter 更傾向于人為來處理和干預(yù)，但是平臺(tái)本身需要更好的支持這方面的功能。

在 Twitter 早期階段，視覺設(shè)計(jì)并不是他們的重心。「我們只是盡全力地讓產(chǎn)品具備可用性，」Stone 回憶當(dāng)時(shí)的情況：「我們并沒有試圖讓它看起來好看……我們只是努力讓平臺(tái)保持活力?！巩?dāng)時(shí)的 Twitter 整個(gè)團(tuán)隊(duì)大概只有30個(gè)人。

實(shí)際上，隨著后面更加專業(yè)的 UI 設(shè)計(jì)師加入進(jìn)來之后，整個(gè)團(tuán)隊(duì)的設(shè)計(jì)能力也越來越強(qiáng)。UI 界面是Twitter 和用戶進(jìn)行溝通的媒介。

雖然現(xiàn)在是移動(dòng)端為主的時(shí)代，但是桌面端 Twitter 的重要性并沒有弱化。Twitter 的網(wǎng)頁重設(shè)計(jì)項(xiàng)目的負(fù)責(zé)人 Jesar Shah 說：「人們?cè)谧烂嫔洗罅渴褂?Twitter 來搜尋感興趣的信息，跟他們息息相關(guān)的信息內(nèi)容?！乖陧撁娴淖髠?cè)，有一個(gè)快速的賬戶切換的功能，對(duì)于這一點(diǎn)，Shah 補(bǔ)充道：「圍繞這個(gè)功能點(diǎn)，我們從全球不同的地方獲得了反饋。比如日本就是Twitter 最大的市場(chǎng)之一，當(dāng)?shù)赜脩艋谧约翰煌呐d趣點(diǎn)創(chuàng)建的賬戶，比如一個(gè)賬戶專門是關(guān)于美食的，一個(gè)是專門關(guān)于旅行的，還有一個(gè)則是給自己的寵物貓的。無論你使用哪個(gè)設(shè)備，都要能夠快速便捷地切換帳號(hào)，這是我們這么長(zhǎng)時(shí)間的調(diào)研中，聽到最多的一個(gè)需求點(diǎn)?！?

從左到右分別為 Ashlie Ford，Marina Zhao 和 Jesar Shah ，她們主導(dǎo)了這次 Twitter 的設(shè)計(jì)。

「我們需要確保整體體驗(yàn)足夠優(yōu)秀，所以原則上需要嚴(yán)謹(jǐn)。鑒于我們服務(wù)對(duì)象是全球客戶，所以我們需要盡可能滿足不同用戶的訴求?！筍hah 和 Ford 所帶領(lǐng)的團(tuán)隊(duì)專門創(chuàng)建了一份調(diào)查問卷，以獲取反饋。他收到了來自全球總計(jì)20萬份問卷，F(xiàn)ord 的團(tuán)隊(duì)花了整整一周的時(shí)間，借助翻譯工具將其中來自非英語國家的問卷都翻譯出來，并且梳理匯總了。

「用戶肯定會(huì)以為我們不會(huì)仔細(xì)閱讀這些問卷，但其實(shí)我們都仔細(xì)閱讀過了。」Shah 說道。她閱讀到的第一個(gè)用戶需求反饋就是想要更多的表情符，為了應(yīng)對(duì)這樣的需求，Twitter 制作了一個(gè)分組表情輸入控件。同時(shí)，他們還提供另一個(gè)不斷更新的熱門 Gif 圖片表情合集，非常貼合用戶需求了。

Twitter 已經(jīng) 13歲了。

在 這個(gè)社交媒體平臺(tái)上，@realDonaldTrump 可以進(jìn)行「Twitter 治國」，還有大量的流言和不真實(shí)的信息，騷擾和不夠人性化的內(nèi)容。這都是客觀存在的，亟待解決。在今年年初的時(shí)候，策展人 Chris Anderson 將 Twitter 比作是正在撞向冰山的泰坦尼克號(hào)。的確如此。

但是，設(shè)計(jì)改變不了一切。Twitter 的設(shè)計(jì)團(tuán)隊(duì)在接受采訪的時(shí)候也坦誠地接受了這個(gè)事實(shí)。但是他們認(rèn)為，設(shè)計(jì)可以幫助他們界定和構(gòu)建 Twitter 功能，并且逐步地幫助用戶來解決身份認(rèn)同的問題。

「如果你在 Twitter 上問一個(gè)用戶，Twitter 是什么，你會(huì)得到一千個(gè)答案?！筀ruzeniski 說：「曾經(jīng)我們認(rèn)為這樣很糟糕，但是現(xiàn)在我認(rèn)為這是一個(gè)很棒的事情。因?yàn)楝F(xiàn)在我們可以更好地幫你找到特定的興趣，并且和你的興趣、你所關(guān)注的主題連接到一起。」

結(jié)語：圍繞人，而不是產(chǎn)品

曾經(jīng)的推特是一個(gè)鋪滿木地板，到處都是品牌標(biāo)志性藍(lán)色的「鳥籠」式的建筑，但是如今重新裝修過的辦公室則更加現(xiàn)代，墻壁上到處是各種各樣的涂鴉，這些涂鴉代表著Twitter 這個(gè)平臺(tái)內(nèi)的各種垂直社區(qū)，比如 Black Twitter、NBA Twitter，以及各路名人的粉絲社區(qū)。

走過Twitter 的辦公室，你會(huì)清晰地收到這樣的一個(gè)信息：一切都是關(guān)于人的，而不是產(chǎn)品。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

多參數(shù)柯里
原生bind
實(shí)現(xiàn)promise
防抖節(jié)流函數(shù)
多參數(shù)柯里化

參數(shù)fn可以是function(a,b,c){}，也可以是function(a,b,c,d,f){}

// 支持多參數(shù)傳遞
function progressCurrying(fn, args) {

    var _this = this
    var len = fn.length;
    var args = args || [];
    return function() {
        var _args = Array.prototype.slice.call(arguments).concat(args);
        // 如果參數(shù)個(gè)數(shù)小于最初的fn.length，則遞歸調(diào)用，繼續(xù)收集參數(shù)
        if (_args.length < len) {
            return progressCurrying.call(_this, fn, _args);
        }

        // 參數(shù)收集完畢，則執(zhí)行fn
        return fn.apply(this, _args);
    }
}

原生js實(shí)現(xiàn)bind

Function.prototype.myBind = function(Othis){
  if(typeof this !== "function"){
    return new TypeError("not a function");
  }
  let _this = this;
  let args = [...arguments].slice(1);
  let func = function(){};
  let fBound = function () {
    return _this.apply(this instanceof func ?this:Othis,[...arguments].concat(args));
  }
  func.prototype = _this.prototype;
  fBound.prototype = new func();
  return fBound;
}

防抖函數(shù)

//每wait時(shí)間內(nèi)執(zhí)行一次，若期間被觸發(fā)，則重新執(zhí)行
function debounce(func,wait) {
  var timeout ;
  return function(){
    let args = [...arguments];
    let _this = this;
    if(timeout){
      clearTimeout(timeout);
    }
    timeout = setTimeout(function() {
      func.apply(_this,args);
    }, wait);
  }
}

節(jié)流函數(shù)

//每wait時(shí)間執(zhí)行一次
function throttle(func,wait){
  var timeStart = 0 ;
  return function(){
    let _this = this;
    let args = [...arguments];
    let now = Date().now();
    if(now - timeStart >wait){
      func.apply(_this,args);
      timeStart = now;
    }
  }
}

實(shí)現(xiàn)一個(gè)promise

    function _Promise(func){
        this.status = 'pending'
        this.result = '' ;
        func(this.resolve.bind(this),this.reject.bind(this));
    }
    _Promise.prototype.resolve = function(result){
        if(this.status == 'pending'){
            this.status = 'fullfilled';
            this.result = result;
        }
    }
    _Promise.prototype.reject = function(error){
        if(this.status == 'pending'){
            this.status = 'rejected';
            this.result = error;
        }
    }
    _Promise.prototype.then = function(preResolve,preReject){
        let _isPromise ;
        if(this.status == 'fullfilled'){
            _isPromise = preResolve(this.result);
        }else if(this.status == 'rejected' && arguments[1]){
             _isPromise = preReject(this.result);
        }
        return _isPromise instanceof _Promise ? _isPromise:this;
    }

實(shí)現(xiàn)一個(gè)promise.all()

 function promiseAll(promiseArray){
        //首先參數(shù)一定是一個(gè)數(shù)組
        //然后此函數(shù)返回的是一個(gè)promise,如果全部成功，則返回結(jié)果的數(shù)組，只要有一個(gè)失敗，則返回失敗的結(jié)果
        return new Promise(function (resolve,reject){
            if(!Array.isArray(promiseArray)){
                return reject(new TypeError("not a function"));
            }
            let resolveNum = 0;
            let arrNum = promiseArray.length;
            let resolveResult = [];
            for(let i=0; i<arrNum ;i++){
                (function (i){
                    Promise.resolve(promiseArray[i]).then(function(result){
                        resolveNum ++;
                        resolveResult.push(result);
                        if(resolveNum == arrNum){
                            return resolve(resolveResult);
                        }
                    },function(error){
                        return reject(error);
                    })
                })(i);
            }
        }) //返回的promise結(jié)束
        
    }
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

減少頁面加載時(shí)間的方法：
1.壓縮html css js等文件
2.減少DNS解析
3.減少DOM元素，對(duì)于相關(guān)操作可以緩存節(jié)點(diǎn)
4.改變頁面元素樣式時(shí)盡量操作className，而不是頻繁使用xxx.style.（其實(shí)還有很多這種DOM修改操作的細(xì)節(jié)比如opacity替代visibility ，多個(gè)DOM統(tǒng)一操作（雖然V8會(huì)有緩存優(yōu)化） ，先將DOM離線，即display：none；修改后顯示 ，不要把DOM放在已給循環(huán)中作為循環(huán)變量 ，不要使用table ）
5.避免不必要的重定向
6.合并js css及圖片，減少請(qǐng)求數(shù)量
7.使用CDN
8.合理利用緩存
9…

關(guān)于CDN？
https://zhuanlan.zhihu.com/p/39028766

CDN中文名“內(nèi)容分發(fā)網(wǎng)路”，作用是減少傳播時(shí)延，找最近的節(jié)點(diǎn)。CDN本質(zhì)就一個(gè)是緩存，只是這個(gè)緩存離你特別近，不管是作為用戶還是開發(fā)人員都能從中享受一點(diǎn)福利。
CDN的優(yōu)點(diǎn)
1.訪問加速
2.減輕服務(wù)器負(fù)載
3.抗住攻擊
CDN的缺點(diǎn)
1.只能對(duì)靜態(tài)資源加速
2.內(nèi)容更新時(shí)需要分發(fā)到其他節(jié)點(diǎn)
3.代價(jià)高昂
與傳統(tǒng)網(wǎng)站訪問方式的不同
傳統(tǒng)的網(wǎng)站會(huì)直接解析域名獲得IP地址然后發(fā)送請(qǐng)求
使用了CDN的網(wǎng)站則增加了緩存層，解析域名→獲取對(duì)應(yīng)CNAME域名→對(duì)獲取的域名進(jìn)行解析得到緩存服務(wù)器的IP地址，將用戶的訪問請(qǐng)求引導(dǎo)到最優(yōu)的緩存節(jié)點(diǎn)而不是源站。

總結(jié)：通過權(quán)威DNS服務(wù)器來實(shí)現(xiàn)最優(yōu)節(jié)點(diǎn)的選擇，通過緩存來減少源站的壓力。主要應(yīng)用于靜態(tài)網(wǎng)頁、大文件的下載等等。
應(yīng)用與踩坑

緩存設(shè)置
max-age在Cache-Control中經(jīng)常用于緩存的控制，可是max-age設(shè)置的緩存會(huì)應(yīng)用于一個(gè)請(qǐng)求經(jīng)過的每一級(jí)，如果我們希望CDN不緩存那么久，要怎么辦呢？那就是s-maxage，它用于設(shè)置代理服務(wù)器的緩存時(shí)間，會(huì)覆蓋max-age的設(shè)置，這樣我們可以把max-age用于本地緩存，把s-maxage用于CDN緩存時(shí)間，避免臟數(shù)據(jù)的產(chǎn)生。

緩存命中率
對(duì)于一個(gè)緩存而言，還有一點(diǎn)非常重要，就是你的緩存到底有沒有用，衡量這個(gè)東西的就是緩存命中率。如果只是靜態(tài)資源，在刷新緩存之后，可能導(dǎo)致命中率下降，因此CDN的資源不適合經(jīng)常刷新，換句話說，如果一個(gè)請(qǐng)求結(jié)果會(huì)經(jīng)常進(jìn)行變更，那么CDN基本就沒有什么存在的意義了。

判斷是否命中緩存
還要考慮的一件事是：這個(gè)資源是否命中了CDN，是否是因?yàn)镃DN導(dǎo)致的問題。

在各大廠商的CDN返回的數(shù)據(jù)中都會(huì)有一個(gè)X-Cache，上面內(nèi)容是Hit或者M(jìn)iss，還會(huì)加上諸如Memory或者Disk的縮寫表示內(nèi)存還是磁盤，如果出現(xiàn)Upstream或者M(jìn)iss則表示沒有命中。

資源預(yù)熱
緩存設(shè)計(jì)中，預(yù)熱是很重要的環(huán)節(jié)，在最初剛開始啟動(dòng)CDN的時(shí)候，CDN上并沒有緩存數(shù)據(jù)，此刻大量的請(qǐng)求全部打向源站，肯定會(huì)把源站打掛，預(yù)熱就是實(shí)現(xiàn)緩存熱門數(shù)據(jù)，這樣在業(yè)務(wù)上線時(shí)，CDN上已經(jīng)有所需的數(shù)據(jù)了

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

嗨，本周Nathan 與大家分享下一些在UX 工作中，常會(huì)聽到的一些衡量指標(biāo)專有名詞，有些或許是你常常聽到但不太確定的，有些則可能是你所在的領(lǐng)域或項(xiàng)目比較少討論的。

雖然在大多數(shù)的公司中，與中小型的設(shè)計(jì)團(tuán)隊(duì)，采用快速定性的研究，可能是比較符合CP 值的方式。但當(dāng)產(chǎn)品、用戶甚至團(tuán)隊(duì)具有一定規(guī)模時(shí)，關(guān)于量化指標(biāo)的重要性，在2019 年的今天想必已經(jīng)不需要再重復(fù)敘述。

不太一樣或是常被誤會(huì)的是，對(duì)于設(shè)計(jì)師來說，多數(shù)在工作中使用的量化衡量指標(biāo)，其實(shí)大多是圍繞設(shè)計(jì)工作的顯性部分，也就是可用性(Usability) 上，而可用性工作其實(shí)只是UX Design 的一環(huán)。

但， UX 畢竟是由商業(yè)環(huán)境中反推學(xué)術(shù)的一門職位。

如果僅僅只是將量化指標(biāo)用在UX Designer 的工作上，反而是自己自廢武功。不要忘記小至前端展現(xiàn)，大至商業(yè)策略，都可以是UX Design 的范圍。

Five Levels of UXs ConversionXL

因此如何學(xué)習(xí)使用一些既帶有商業(yè)特性，又能體現(xiàn)用戶體驗(yàn)的指標(biāo)，是每個(gè)UX 工作者，多少都要知道的。

We are not design the UX，but we can design for UX

另外，本篇主要在分享一些使用體驗(yàn)橫標(biāo)指標(biāo)上的一些迷思，與介紹工作中常用的一些指標(biāo)，至于如何透過這些指標(biāo)幫助UX Designer 在工作中提升重要性，來自證UX 工作能帶來的價(jià)值部分，可以看一下Nathan 以前寫過的一篇古早文。

1、關(guān)于數(shù)據(jù)指標(biāo)與衡量的常見迷思

01 數(shù)據(jù)指標(biāo)的使用，不符合GSM 原則

當(dāng)有一定的用戶后，結(jié)合常見的數(shù)據(jù)分析工具或內(nèi)部團(tuán)隊(duì)自建的數(shù)據(jù)埋點(diǎn)，網(wǎng)站和應(yīng)用馬上就能出現(xiàn)許多可供分析的數(shù)據(jù)，似乎只要有這些數(shù)據(jù)，令人驚喜的洞察就會(huì)自動(dòng)浮出水面。

GSM（Goal-Signal-Metrics）是Google 提出的目標(biāo)導(dǎo)向衡量模型，用來拆解用戶使用產(chǎn)品時(shí)的設(shè)計(jì)目標(biāo)-行為信號(hào)-衡量指標(biāo)的一種模式。

Google GSM Framework, Goal-Signal-Metrics

在商業(yè)場(chǎng)景中，所有的數(shù)據(jù)衡量必定帶有明確的目標(biāo)，比如：透過觀察寬口轉(zhuǎn)化和窄口轉(zhuǎn)化，分析廣告投放效益以及GMV 成本。甚至，如果僅基于這些觀察數(shù)據(jù)進(jìn)行動(dòng)作性的優(yōu)化，沒有配合中長(zhǎng)期的決策時(shí)，變化僅會(huì)流于短期效益。

02 顯而易見的數(shù)據(jù)指標(biāo)，不代表就是有幫助的

一個(gè)數(shù)據(jù)指標(biāo)容易監(jiān)測(cè)與計(jì)算，并不意味著它對(duì)你的產(chǎn)品來說就是重要的。透過現(xiàn)在大部分的分析工具，可以很容易就監(jiān)測(cè)跟蹤成百上千的各種指標(biāo)，而且分析的工具也層出不窮。新產(chǎn)品團(tuán)隊(duì)往往因?yàn)槟塬@取大量的數(shù)據(jù)，然后就期望洞察自動(dòng)出現(xiàn)，但往往不遂人意。

例如，網(wǎng)頁或App 的PV 數(shù)據(jù)很容易收集，但如果你的網(wǎng)頁或產(chǎn)品是屬于內(nèi)容消費(fèi)類型的，它就無法呈現(xiàn)用戶是否在你的網(wǎng)站消費(fèi)內(nèi)容（有效時(shí)長(zhǎng)更具代表性）。高的PV 或許是由市場(chǎng)廣告轉(zhuǎn)化過來的用戶，但對(duì)內(nèi)容消費(fèi)類的產(chǎn)品目標(biāo)，肯定不是確定每個(gè)用戶到底瀏覽了多少頁面，PV 可能是衡量廣告效果的重要度量，但它并不是監(jiān)測(cè)用戶參與度的良好方式。

如果你不確定你正在用的數(shù)據(jù)指標(biāo)，是否有正向幫助的話?？梢詤⒖糀ARRR 的轉(zhuǎn)化模型，來幫助自己梳理清楚核心的轉(zhuǎn)化鏈路。

03 單一的數(shù)據(jù)指標(biāo)，對(duì)于效果衡量可能是模糊的

如上面所說相較于PV、UV、DAU，用戶在網(wǎng)站或應(yīng)用中的有效停留時(shí)長(zhǎng)，可能更適合用來衡量用戶在產(chǎn)品中的參與度。

但停留時(shí)間越長(zhǎng)可能是正面的，也可能是負(fù)面的。在電商產(chǎn)品類的轉(zhuǎn)化過程中，如果在關(guān)鍵的轉(zhuǎn)化節(jié)點(diǎn)用戶停留較久，可能意味著用戶因困惑、分心或挫敗而花費(fèi)了大量時(shí)間。即便同時(shí)監(jiān)測(cè)網(wǎng)站或應(yīng)用的停留時(shí)長(zhǎng)和轉(zhuǎn)化率，你可能仍然不清楚為什么用戶參與度如此高，對(duì)于最后的成交卻沒有太大幫助。

這時(shí)就需要透過配合更細(xì)致的數(shù)據(jù)指標(biāo)組合，慢慢的定位用戶在操作步驟中的關(guān)鍵問題，并嘗試透過A/B Testing 來解決。

04 正確的衡量指標(biāo)，要依產(chǎn)品、企業(yè)本身而制定

大家常用的數(shù)據(jù)指標(biāo)，并不一定適合自己當(dāng)前產(chǎn)品階段或企業(yè)目標(biāo)。

正常而言企業(yè)的主力產(chǎn)品，正是代表著企業(yè)主要的商業(yè)營利模式，因此在發(fā)布產(chǎn)品后要監(jiān)測(cè)的各種衡量指標(biāo)，通常在產(chǎn)品準(zhǔn)備進(jìn)入市場(chǎng)前，都已依照商業(yè)模式進(jìn)行拆分。但在產(chǎn)品的冷啟動(dòng)時(shí)期，這些依商業(yè)模式拆分的指標(biāo)，很多時(shí)候無法反映出，企業(yè)的產(chǎn)品是否正在往好的方向成長(zhǎng)。

比如Saas服務(wù)類型的產(chǎn)品，通常都會(huì)使用凈收入留存NDRR （Net Dollar Retention Rate）作為主要的商業(yè)模式指標(biāo)，但在前期用戶量少時(shí)，搭配NPS或PSAT等類型的指標(biāo)，才能夠好的回歸到Saas產(chǎn)品的服務(wù)體驗(yàn)本質(zhì)。了解企業(yè)目前提供的服務(wù)，對(duì)用戶來說是否是正向的，并且能持續(xù)增長(zhǎng)。

05 大多時(shí)候，衡量指標(biāo)并不會(huì)純粹與設(shè)計(jì)相關(guān)

在產(chǎn)品開發(fā)迭代中發(fā)布新功能后，數(shù)據(jù)可能會(huì)開始上升。產(chǎn)品團(tuán)隊(duì)可能認(rèn)為這是新功能的發(fā)布造成的，但銷售部分卻可能會(huì)將它與一項(xiàng)新的促銷活動(dòng)聯(lián)系起來，而UX 團(tuán)隊(duì)則可能認(rèn)為這與他們的新設(shè)計(jì)相關(guān)。

這種場(chǎng)景在產(chǎn)品的數(shù)據(jù)到達(dá)一定規(guī)模時(shí)十分常見。真實(shí)情況是只能透過控制一些固定因子，來做更細(xì)部的A/B Testing 拆分。但大多時(shí)候產(chǎn)品的迭代時(shí)間與開發(fā)資源，很難真正做到能明確確認(rèn)是因?yàn)槭裁丛颉?

因此結(jié)合前面所說的，各團(tuán)隊(duì)在主要的數(shù)據(jù)指標(biāo)中，配合其他輔助指標(biāo)，甚至提取更與團(tuán)隊(duì)緊密相關(guān)的個(gè)別指標(biāo)，來了解在產(chǎn)品的迭代過程中，各自團(tuán)隊(duì)做的決策是否是正向的。

用戶體驗(yàn)指標(biāo)，跟易用性和商業(yè)指標(biāo)目的不同

下面就會(huì)介紹幾種工作中常用的，與體驗(yàn)相關(guān)的衡量指標(biāo)，部分指標(biāo)在訂定的一開始，本身即包涵了商業(yè)與體驗(yàn)維度。

2、工作中可能用到的幾種體驗(yàn)衡量指標(biāo)

大部分的體驗(yàn)衡量指標(biāo)，都會(huì)基于三個(gè)主要價(jià)值觀，結(jié)合其他用戶態(tài)度類型作為衡量基準(zhǔn)。

1. 可用性
2. 參與度
3. 轉(zhuǎn)化率＋ User Attitude

下面介紹幾種，在工作中可能常用到的通用型，與不同業(yè)務(wù)場(chǎng)景型的體驗(yàn)衡量指標(biāo)。

2.1 通用型

01 傳統(tǒng)網(wǎng)站服務(wù)使用的PULSE

PULSE 是基于商業(yè)和技術(shù)的衡量模型，被很多組織和公司廣泛應(yīng)用于跟蹤產(chǎn)品的整體表現(xiàn)。包含：

• Page view 頁面瀏覽量
• Uptime 響應(yīng)時(shí)間
• Latency 延遲
• Seven days active user 7天活躍用戶數(shù)
• Earning 收益

但不難看出PULSE 指標(biāo)僅覆蓋了UX 設(shè)計(jì)中最最基礎(chǔ)的可用性部分，和衡量用戶體驗(yàn)的直接關(guān)系不大，難以評(píng)估設(shè)計(jì)工作到來的影響，畢竟這個(gè)指標(biāo)創(chuàng)建之初是用來衡量產(chǎn)品的技術(shù)與商業(yè)效果。

因此為了彌補(bǔ)PULSE 指標(biāo)中存在的問題，Google 提出了HEART 指標(biāo)模型。HEART 是“以用戶為中心度量的指標(biāo)體系，以及把產(chǎn)品目標(biāo)與創(chuàng)建指標(biāo)體系相互關(guān)聯(lián)的過程”

02 以使用者為中心的HEART

HEART其實(shí)也是業(yè)界使用的老黃歷了，尤其常用GA ( Google Analytics ) / Adobe Omniture的人一定都對(duì)他不陌生。

早期產(chǎn)品開發(fā)上線的階段，大多是訂定業(yè)務(wù)KPI 作為衡量項(xiàng)目產(chǎn)出的價(jià)值，但在用戶體驗(yàn)的部份，卻很難有可視化以可及量化的衡量指標(biāo)。因此Google 嘗試把產(chǎn)品目標(biāo)以及體驗(yàn)指標(biāo)相互結(jié)合，建立以用戶為中心的HEART 度量體系。

Google Heart 體驗(yàn)衡量指標(biāo)模型

2.2 Saas 服務(wù)型

01 NPS（ Net Promoter Score凈推薦值）

凈推薦值最早是由貝恩咨詢的創(chuàng)始人Fred Reichheld 在2003 提出，通過測(cè)量用戶的推薦意愿，從而了解用戶之于產(chǎn)品或服務(wù)的忠誠態(tài)度。

NPS 算是近幾年用戶體驗(yàn)領(lǐng)域上的當(dāng)紅指標(biāo)（甚至業(yè)內(nèi)還有所謂的NPS 教派XD），基本上互聯(lián)網(wǎng)類產(chǎn)品都可以使用。其基本核心理念是，一個(gè)企業(yè)的用戶可被劃分為三類：推薦者、中立者和批評(píng)者。

1. 推薦者是投入且重復(fù)使用產(chǎn)品的用戶，他們會(huì)熱情地向其他人推薦你的產(chǎn)品或服務(wù)。
2. 被動(dòng)者是對(duì)產(chǎn)品滿意，但缺乏熱情和忠誠度的用戶，他們很容易轉(zhuǎn)而投向使用競(jìng)爭(zhēng)者的產(chǎn)品或服務(wù)。
3. 批評(píng)者是那些明顯對(duì)企業(yè)的產(chǎn)品或服務(wù)不滿意的那部分用戶

相較于其他的指標(biāo)，NPS 詢問的是意愿而不是情感，對(duì)用戶來說更容易回答，且直接反應(yīng)了客戶對(duì)企業(yè)的忠誠度和購買意愿，在一定程度上可以看到企業(yè)當(dāng)前和未來一段時(shí)間的發(fā)展趨勢(shì)和持續(xù)盈利能力。

02 CES（ Customer Effort Score用戶費(fèi)力度）

CES 指的是你的產(chǎn)品或服務(wù)，會(huì)需要用戶花費(fèi)多少力氣才能滿足自身需求。

根據(jù)Oracle 的一項(xiàng)研究，82％的人把他們的購買經(jīng)歷描述為“花費(fèi)太多的努力”，CES背后的理論就是，應(yīng)該想辦法減少客戶為了解決問題而付出的努力。CES可以幫助你找出可優(yōu)化的方向，更容易理解在哪里進(jìn)行改善，較低的費(fèi)力度也與客戶留存直接相關(guān)，從而增加客戶的生命周期價(jià)值。

一般情況下，大多會(huì)先利用CSAT、PSAT這類的指標(biāo)來衡量客戶對(duì)產(chǎn)品或服務(wù)的體驗(yàn)反饋，當(dāng)這套標(biāo)準(zhǔn)的價(jià)值到達(dá)臨界點(diǎn)時(shí)，就應(yīng)該嘗試CES作為滿意度指標(biāo)的擴(kuò)充，更充分的評(píng)估Saas產(chǎn)品的用戶體驗(yàn)情況。

03 FCR（ First contact resolution一次性解決率）

作為Saas類服務(wù)型產(chǎn)品，在獲取新客或幫助舊客時(shí)，大多是通過客戶服務(wù)，在許多的互聯(lián)網(wǎng)公司Customer Service團(tuán)隊(duì)也是重點(diǎn)投入資源的。而「FCR一次解決率」即是用來衡量這類客戶服務(wù)的指標(biāo)。

FCR 是指客戶的服務(wù)需求在第一次客戶服務(wù)中完全解決的占比率。

測(cè)量一次性解決率是相當(dāng)簡(jiǎn)單的。通過單次交互（電子郵件響應(yīng)，電話，聊天會(huì)話等）解決你收到的客戶請(qǐng)求數(shù)量，并除以同一時(shí)期收到的請(qǐng)求總數(shù)。

一次性解決率不僅對(duì)Saas 產(chǎn)品的客戶至為重要，也能體現(xiàn)客戶服務(wù)的績(jī)效和表現(xiàn)，甚至深入到每個(gè)員工的層面上。

2.3 系統(tǒng)性評(píng)估型

01 SUS（ System Usability Scale系統(tǒng)可用性量表）、QUIS（Questionnaire for User Interface Satisfaction用戶交互滿意度）

SUS 應(yīng)該也算是用來評(píng)估單個(gè)用戶使用某個(gè)產(chǎn)品的可用性時(shí)，最常見的指標(biāo)了。SUS 是一種用來量化定性數(shù)據(jù)的方法，并不僅僅依靠數(shù)據(jù)統(tǒng)計(jì)，需要結(jié)合用戶具體參與來進(jìn)行調(diào)研，通常作為可用性測(cè)試的組成部分。

SUS 通常用來作為改版效果的整體評(píng)估，在使用時(shí)可以對(duì)題目的主詞產(chǎn)品進(jìn)行替換，這些替換對(duì)最后的測(cè)量結(jié)果都沒有影響。

而QUIS 則可以說是SUS 的進(jìn)階版，會(huì)更注重具體頁面或操作節(jié)點(diǎn)的易用性，通常作為SUS 的延伸使用。比較簡(jiǎn)單的QUIS 版本包括27 個(gè)問題，分為5個(gè)類別：

Overall Reaction 總體反應(yīng)、Screen 屏幕、Terminology/System Information 術(shù)語/系統(tǒng)信息、Learning 學(xué)習(xí)、System Capability 系統(tǒng)能力

02 CSAT（ Customer Satisfaction客戶滿意度）、PSAT（ Purchase Satisfaction購買滿意度）

客戶滿意度也算是經(jīng)典的衡量指標(biāo)之一了，隨著商業(yè)競(jìng)爭(zhēng)的激烈，各類型的產(chǎn)品與企業(yè)都對(duì)客戶滿意度更加重視，很多時(shí)候你所熟悉的電話滿意調(diào)研、電子郵件調(diào)研，甚至直接在消費(fèi)后的星級(jí)評(píng)分，其實(shí)都是關(guān)于這類問題的問券。

PSAT 則是在CSAT 的基礎(chǔ)上，針對(duì)消費(fèi)類型產(chǎn)品進(jìn)行細(xì)化，強(qiáng)調(diào)售后使用體驗(yàn)的部分。這類問卷的好處是簡(jiǎn)單且擴(kuò)展性強(qiáng)，可大至系統(tǒng)小至任務(wù)。

但缺點(diǎn)就是用戶容易在中等范圍內(nèi)回答問題，無法給企業(yè)帶來真實(shí)的反饋。而且，即使在客戶滿意度很高的情況下，依然有可能遭遇留存流失問題。

因?yàn)闈M意度并不直接與客戶忠誠度相關(guān)聯(lián)。

其他相關(guān)的系統(tǒng)性可用型指標(biāo)當(dāng)然還有許多，不過在工作流程中一般來說都較少會(huì)使用到，主要還是更具專業(yè)性的用研User Researcher 角色較常使用，包含：

• SUMI（Software Usability Measurement Inventory 軟件可用性測(cè)試）
• CSUQ（Computer System questionnaire 計(jì)算機(jī)系統(tǒng)可用性測(cè)試
• USE （Usefulness, Satisfaction, and Ease of Use 有用性、滿意度、易用性）

2.4 電商產(chǎn)品型

01 PSM（Price Sensitivity Measurement 價(jià)格敏感度測(cè)試）

PSM 衡量目標(biāo)用戶對(duì)不同價(jià)格的滿意及接受程度，了解其認(rèn)為合適的產(chǎn)品價(jià)格，從而得到產(chǎn)品價(jià)格的可接受范圍。

PSM 考慮了消費(fèi)者的主觀意愿，又兼顧了企業(yè)追求最大利益的需求。但測(cè)試過程主要基于目標(biāo)對(duì)象的自然反應(yīng)，沒有涉及到任何競(jìng)爭(zhēng)產(chǎn)品的信息。所以在橫向拉通上顯得較為薄弱。

也正因?yàn)槿鄙賹?duì)于競(jìng)爭(zhēng)產(chǎn)品的分析，所以PSM 目前主要集中在自成體系的產(chǎn)品鏈路中，用來配合Saas 服務(wù)或虛擬產(chǎn)品的定價(jià)，在實(shí)體產(chǎn)品中已經(jīng)較少被使用。

02 DSR（店鋪質(zhì)量評(píng)分）

DSR 算是電子商務(wù)類產(chǎn)品中的特殊指標(biāo)，初期是在在阿里巴巴的電商生態(tài)中大規(guī)模使用，目前也慢慢變成電商場(chǎng)景的通用指標(biāo)。

DSR 是指買家在電商平臺(tái)上購物成功后，針對(duì)本次購物給出的評(píng)價(jià)分?jǐn)?shù)。買家可以評(píng)分的項(xiàng)目包括「描述相符、服務(wù)態(tài)度、發(fā)貨速度、物流速度」4 項(xiàng)。

DSR 評(píng)分計(jì)算方法：每項(xiàng)店鋪評(píng)分取連續(xù)6個(gè)月內(nèi)買家給與該項(xiàng)評(píng)分的總和/連續(xù)6個(gè)月內(nèi)買家給與該項(xiàng)評(píng)分的次數(shù)，統(tǒng)計(jì)最近180天

DSR 評(píng)分直接影響賣家在電商平臺(tái)中，商品搜索曝光權(quán)重的高低，從而影響商品與店鋪的排名。因此對(duì)于平臺(tái)類的UX Design Team 來說，建立類似DSR 的曝光評(píng)分機(jī)制，也是間接影響服務(wù)提供商的產(chǎn)品體驗(yàn)，進(jìn)而提升整體平臺(tái)中的用戶體驗(yàn)質(zhì)量。

03 ZMOT（Zero Moment Of Truth第零關(guān)鍵時(shí)刻）、FMOT（First Moment Of Truth第一關(guān)鍵時(shí)刻）、SMOT（Second Moment Of Truth第二關(guān)鍵時(shí)刻）

FMOT & SMOT 是目前新零售場(chǎng)景常會(huì)提到的指標(biāo)模型，但其實(shí)在傳統(tǒng)的零售行業(yè)早就是一個(gè)通用的衡量指標(biāo)，F(xiàn)MOT 指的是消費(fèi)者在接觸到對(duì)應(yīng)商品貨價(jià)的關(guān)鍵3~7 秒，所有的商品售價(jià)、包裝、擺設(shè)都是在這關(guān)鍵3~7 影響消費(fèi)者拿取商品甚至購買的關(guān)鍵因素。

而SMOT 則是指這類實(shí)體產(chǎn)品，在消費(fèi)者購買回家后的首次體驗(yàn)，是否符合這個(gè)商品的廣告語，對(duì)于一個(gè)品牌來說，即是是否成功地履行了它的承諾還是令人感到失望，這也是消費(fèi)者是否會(huì)成為一個(gè)品牌的粉絲，甚至在線上或線下渠道分享的關(guān)鍵（是否很像NPS 的精神？）。

延伸出的ZMOT，即是線上線下結(jié)合的新零售關(guān)鍵指標(biāo)，讓消費(fèi)者在「尚未接觸」到特定商品前，就透過線上向消費(fèi)者進(jìn)行行銷，當(dāng)消費(fèi)者主動(dòng)進(jìn)行相似活動(dòng)、搜索時(shí)，就能接收到產(chǎn)品的正面訊息來影響消費(fèi)意向。

本質(zhì)核心也就是

當(dāng)廣告出現(xiàn)在用戶需要的時(shí)刻，就變成了服務(wù)

ZMOT & FMOT & SMOT

2.5 主觀評(píng)估型

用戶體驗(yàn)的主觀評(píng)估，大多是偏觀察式的方法，也是大家比較耳熟能詳?shù)挠枚ㄐ哉{(diào)研法，比如眼動(dòng)儀、觀察法、品牌問卷… etc.。

當(dāng)然如果要盡可能嘗試量化這類User Attitude 主觀評(píng)估數(shù)據(jù)時(shí)，前提都是把用戶體驗(yàn)理解成兩種維度，一種維度是實(shí)用性（Pragmatic）偏向常說的可用性，另一種是享樂性（Hedonic）也就是常說的舒適性，享樂性維度還會(huì)被拆分成了幾種屬性，例如Stimulation和Identification。

01 UEQ（User Experience Questionnaire 用戶體驗(yàn)調(diào)查表）

UEQ 是SAP 開發(fā)的一套定量分析用戶體驗(yàn)的工具。用戶在問卷上表達(dá)出他們?cè)谑褂卯a(chǎn)品和服務(wù)中的感受，印象和態(tài)度，然后生成一個(gè)包含用戶體驗(yàn)數(shù)個(gè)方面的量化表。包括傳統(tǒng)的易用性方面的指標(biāo)：

• Efficiency
• Perspicuity 易懂
• Dependability 可信任

也包括三個(gè)體驗(yàn)方便的指標(biāo)：

• Attractiveness 吸引度
• Stimulation 激勵(lì)性
• Novelty 新鮮度

02 HQ（Hedonic Quality享受性質(zhì)量）、PQ（Pragmatic Quality實(shí)用性質(zhì)量）& AttrakDiff

HQ 主要是用來消費(fèi)型產(chǎn)品的情感衡量指標(biāo)，較常使用消費(fèi)者對(duì)于消費(fèi)類型產(chǎn)品的評(píng)價(jià)。而PQ 則主要是在易用性層面上加入主觀因素的評(píng)分，如果要針對(duì)性地對(duì)HQ & PQ 進(jìn)行系統(tǒng)性評(píng)分，AttrakDiff 則是一個(gè)較常使用的工具。

AttrakDiff 包含了28 項(xiàng)題目，每一項(xiàng)都是一個(gè)7 分制量表，分和最高分代表一對(duì)具有評(píng)價(jià)性質(zhì)的反義詞，用戶需要根據(jù)使用產(chǎn)品過程中的某一方面的體驗(yàn)從低到高進(jìn)行評(píng)分，比如“混亂的— — 清晰的”，分?jǐn)?shù)越高，表明產(chǎn)品的某一方面設(shè)計(jì)得越清晰。

3、寫在最后

在產(chǎn)品或業(yè)務(wù)中導(dǎo)入體驗(yàn)數(shù)據(jù)衡量指標(biāo)，不是新入行的設(shè)計(jì)師想像的這么簡(jiǎn)單。真正的實(shí)務(wù)過程絕不是將文章中的指標(biāo)，直接導(dǎo)入自己對(duì)接的產(chǎn)品中，每一個(gè)數(shù)據(jù)指標(biāo)都有其目的，且不同的人即便看到的數(shù)據(jù)相同，也都會(huì)有自己的解讀方式。

過于依賴指標(biāo)，如果不隨時(shí)依據(jù)市場(chǎng)動(dòng)態(tài)與公司策略進(jìn)行調(diào)整，不僅容易因?yàn)槎唐诘牧己脭?shù)據(jù)忽視了中長(zhǎng)期的產(chǎn)品成長(zhǎng)，也會(huì)慢慢的喪失設(shè)計(jì)師的感性創(chuàng)意能力。

所以，清楚的認(rèn)知到哪個(gè)指標(biāo)可以幫助我進(jìn)行什么樣的設(shè)計(jì)策略。才是真正的使用方式。千萬別讓設(shè)計(jì)師變成動(dòng)作導(dǎo)向的工作職位，

Value-Driven 價(jià)值導(dǎo)向的工作模式，才是設(shè)計(jì)師的生存法則

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

關(guān)注數(shù)據(jù)指標(biāo)，不僅僅是產(chǎn)品經(jīng)理或運(yùn)營的“專利”，作為交互和UI設(shè)計(jì)師也需要掌握這方面的技能，來幫助我們產(chǎn)出更貼近用戶行為的設(shè)計(jì)。同時(shí)，監(jiān)測(cè)產(chǎn)品數(shù)據(jù)也有2個(gè)重要作用：一是可以監(jiān)控產(chǎn)品迭代中的問題點(diǎn)和設(shè)計(jì)點(diǎn)、運(yùn)營和市場(chǎng)活動(dòng)的收入水平等，看看他們目前處于什么狀態(tài)，也可以為后續(xù)產(chǎn)品迭代的方向提供參考幫助。二是通過對(duì)數(shù)據(jù)的挖掘和分析，可以發(fā)現(xiàn)新的商業(yè)機(jī)會(huì)和產(chǎn)品爆發(fā)點(diǎn)，也就是近兩年咱們經(jīng)常聽到的數(shù)據(jù)增長(zhǎng)、用戶增長(zhǎng)、增長(zhǎng)設(shè)計(jì)概念。

因此，作為一名設(shè)計(jì)師或產(chǎn)品經(jīng)理必須要了解與業(yè)務(wù)相關(guān)的核心數(shù)據(jù)指標(biāo)。由于所在領(lǐng)域不同、業(yè)務(wù)不同，因此團(tuán)隊(duì)所關(guān)注的數(shù)據(jù)側(cè)重點(diǎn)也不同。今天就從“網(wǎng)頁基礎(chǔ)指標(biāo)、用戶數(shù)據(jù)指標(biāo)、如何獲取數(shù)據(jù)指標(biāo)、產(chǎn)品設(shè)計(jì)的生命周期”來梳理我們產(chǎn)品設(shè)計(jì)者常見的指標(biāo)維度。

一、什么是數(shù)據(jù)指標(biāo)？

它是對(duì)當(dāng)前業(yè)務(wù)有參考價(jià)值的統(tǒng)計(jì)數(shù)據(jù)，是通過對(duì)于業(yè)務(wù)需求的進(jìn)一步抽象，并進(jìn)行數(shù)據(jù)埋點(diǎn)后，加工出來的一套計(jì)算規(guī)則，并通過有效的方法論和數(shù)據(jù)可視化呈現(xiàn)，最終能夠解釋業(yè)務(wù)變化和用戶行為。當(dāng)然，不是所有的數(shù)據(jù)指標(biāo)都叫指標(biāo)，只有對(duì)當(dāng)前業(yè)務(wù)有參考價(jià)值的指標(biāo)才可稱作指標(biāo)，同時(shí)要具備：可統(tǒng)計(jì)、可分析、可監(jiān)測(cè)的特點(diǎn)。

二、網(wǎng)頁基礎(chǔ)指標(biāo)

先了解下流量的概念：分為站外流量來源和站內(nèi)流量路徑。以下就拿電商產(chǎn)品舉例：

站外流量：通過其他平臺(tái)或外界媒體進(jìn)入到你的店鋪就是站外流量。又分為免費(fèi)和付費(fèi)，免費(fèi)有自然流量和搜索流量（比如在百度搜你店鋪的名稱并點(diǎn)擊進(jìn)入，這就是從免費(fèi)的外界平臺(tái)進(jìn)入），而付費(fèi)則主要是一些廣告投放的流量（比如將你的店鋪鏈接付費(fèi)植入到某公眾號(hào)，讓他幫你推廣，既從他公眾號(hào)進(jìn)入店鋪的流量）。

站內(nèi)流量：通過平臺(tái)內(nèi)的推薦入口或者搜索路徑等方式，進(jìn)入到你的店鋪就是站內(nèi)流）。主要指用戶在網(wǎng)站內(nèi)的行為路徑。

PV（頁面瀏覽量）

用戶每1次對(duì)網(wǎng)站中的每個(gè)網(wǎng)頁訪問（成功訪問/進(jìn)入）均被記錄1次。用戶對(duì)同一頁面的多次訪問，訪問量累計(jì)。在一定統(tǒng)計(jì)周期內(nèi)用戶每次刷新網(wǎng)頁1次也被計(jì)算1次。

理論上PV與來訪者數(shù)量成正比，但是它不能精準(zhǔn)決定頁面的真實(shí)訪問數(shù)，比如同一個(gè)IP地址通過不斷的刷新頁面，也可以制造出非常高的PV。

UV（獨(dú)立訪客人數(shù)）

訪問網(wǎng)站的一臺(tái)電腦客戶端為一個(gè)訪客。00:00~24:00內(nèi)相同的客戶端只被計(jì)算一次。

使用獨(dú)立用戶作為統(tǒng)計(jì)量，可以更加精準(zhǔn)的了解一個(gè)時(shí)間段內(nèi)，實(shí)際上有多少個(gè)訪問者來到了相應(yīng)的頁面。

VV（用戶訪問次數(shù)）

當(dāng)用戶完成瀏覽并退出所有頁面就算完成了一次訪問，再次打開瀏覽時(shí)，VV數(shù)+1。VV同時(shí)也是視頻播放次數(shù)（Video View）的簡(jiǎn)稱。

PV、UV、VV有啥區(qū)別？

比如你上午打開了UI中國，訪問了兩個(gè)作品頁面并關(guān)閉網(wǎng)頁。下午又打開了UI中國，訪問了五個(gè)作品頁面。則當(dāng)日統(tǒng)計(jì)結(jié)果為：PV=5、UV=1、VV=2

跳出率

一個(gè)非常重要的指標(biāo)，表示用戶來到網(wǎng)站后，且沒有進(jìn)行操作就直接離開的比例，代表著陸頁面（訪客進(jìn)入網(wǎng)站的第一個(gè)頁面）是否對(duì)用戶有吸引力，常用的計(jì)算方式是落地頁面的訪問量除以總訪問量。

比如，在一個(gè)統(tǒng)計(jì)時(shí)間內(nèi)，網(wǎng)站有1000個(gè)不同用戶從某個(gè)鏈接進(jìn)入，其中有50人沒有二次瀏覽行為，是直接退出網(wǎng)站的，那么這個(gè)鏈接的網(wǎng)站跳出率為：50/1000=5%。然而有些退出的行為不能作為退出考慮，比如頁面上刻意添加的導(dǎo)出鏈接，如合作伙伴的網(wǎng)站等，還有聯(lián)系我們，付款頁面等，都不算是負(fù)面的跳出，所以要根據(jù)不同情況統(tǒng)計(jì)有效的數(shù)據(jù)才能得出可靠的跳出率。

統(tǒng)計(jì)一個(gè)網(wǎng)站的跳出率是非常有必要的，能幫助產(chǎn)品提高用戶粘性。跳出率高，說明用戶體驗(yàn)做得不好，用戶進(jìn)去就跳出去了，著陸頁沒有滿足用戶的期望與需求，或是人群定位不精準(zhǔn)。相反如果跳出率較低，說明用戶體驗(yàn)做的很好，最起碼用戶能在第一時(shí)間獲取自己需要的內(nèi)容，并且可能還會(huì)二次光顧。

退出率

針對(duì)網(wǎng)站內(nèi)某一個(gè)特定的頁面而言，退出率是衡量從這個(gè)頁面退出網(wǎng)站的比例，通過一個(gè)頁面的退出次數(shù)除以訪問次數(shù)。

退出率反映了網(wǎng)站對(duì)用戶的吸引力，如果退出百分比很高，說明用戶僅瀏覽了少量的頁面便離開了，因此需要改善網(wǎng)站的內(nèi)容來吸引用戶，解決用戶的內(nèi)容訴求。

跳出率與退出率又有啥區(qū)別？

跳出率是指用戶進(jìn)入網(wǎng)站起，沒進(jìn)行什么跳轉(zhuǎn)操作，又從這個(gè)頁面退出或關(guān)閉的比例。退出率則是無論用戶從哪個(gè)頁面進(jìn)入網(wǎng)站，最終從這個(gè)頁面退出的比例。

跳出率適用于訪問的著陸頁 （即用戶成功訪問的第一個(gè)頁面），而退出率則適用于任何訪問成功并退出的頁面，既用戶在網(wǎng)站上訪問的最后一個(gè)頁面 。退出率通常針對(duì)局部的頁面來統(tǒng)計(jì)，比如支付流程退出率高，那就要針對(duì)現(xiàn)狀對(duì)流程做優(yōu)化。但站在網(wǎng)站總體的角度統(tǒng)計(jì)退出率沒啥意義，因?yàn)橛性L問網(wǎng)站，就必然有離開網(wǎng)站。而跳出率則可以適用于著陸頁面，也可適用于網(wǎng)站整體。

平均訪問時(shí)長(zhǎng)

指在特定統(tǒng)計(jì)時(shí)間段內(nèi)，瀏覽網(wǎng)站的一個(gè)頁面或整個(gè)網(wǎng)站時(shí)，用戶所停留的總時(shí)間除以該頁面或整個(gè)網(wǎng)站的訪問次數(shù)的比例。

如用戶在網(wǎng)站特定時(shí)間內(nèi)總停留時(shí)間為1000秒，在這段時(shí)間內(nèi)，總的訪問次數(shù)是100次，那么這個(gè)頁面或網(wǎng)站的平均訪問時(shí)長(zhǎng)就是1000秒/100=10秒。

該數(shù)據(jù)是分析用戶粘性的重要指標(biāo)之一，也可以側(cè)面反映出網(wǎng)站的用戶體驗(yàn)。平均訪問時(shí)長(zhǎng)越短，說明網(wǎng)站對(duì)用戶的吸引力越差，可用內(nèi)容信息越少。

轉(zhuǎn)化率

在一個(gè)統(tǒng)計(jì)周期內(nèi)，完成轉(zhuǎn)化行為的次數(shù)占推廣信息總點(diǎn)擊次數(shù)的比率。

轉(zhuǎn)化率=(轉(zhuǎn)化次數(shù)/點(diǎn)擊量)×100%。以用戶登錄行為舉例，如果每100次訪問中，有10個(gè)登錄網(wǎng)站，那么此網(wǎng)站的登錄轉(zhuǎn)化率就為10%，而最后有2個(gè)用戶關(guān)注了商品，則關(guān)注轉(zhuǎn)化率為2%，有一個(gè)用戶產(chǎn)生訂單并付費(fèi)，則支付轉(zhuǎn)化率為1%。

轉(zhuǎn)化率是產(chǎn)品盈利的重要指標(biāo)之一，它直接反映了產(chǎn)品的盈利能力。不同行業(yè)的轉(zhuǎn)化率，關(guān)注點(diǎn)也不同，比如電商產(chǎn)品就要關(guān)注銷售轉(zhuǎn)化，看看參與活動(dòng)的用戶當(dāng)中有多少是在活動(dòng)后產(chǎn)生支付的，有需要的還可以根據(jù)數(shù)據(jù)分析出人均購買次數(shù)和購買金額。再比如我們監(jiān)測(cè)注冊(cè)量，就要關(guān)注注冊(cè)轉(zhuǎn)化率，看看這個(gè)活動(dòng)給產(chǎn)品帶來了多少新增用戶。所以轉(zhuǎn)化率可以針對(duì)性分析產(chǎn)品在哪些方面做的不足，可以快速定位到問題點(diǎn)。

轉(zhuǎn)化率是采用訪客數(shù)量（UV）還是訪問量（PV）？

這需要根據(jù)團(tuán)隊(duì)數(shù)據(jù)分析的目的而定。比如采用訪問量，就是認(rèn)為每次訪問都可產(chǎn)生付費(fèi)。若采用訪客量，就認(rèn)為用戶多次訪問才能購買是正常的行為。個(gè)人建議前期采用訪客數(shù)量，以排除自己團(tuán)隊(duì)對(duì)網(wǎng)站訪問的數(shù)據(jù)干擾，因?yàn)樵L問量是可以通過同一個(gè)IP不斷刷新網(wǎng)頁而遞增的，而訪客數(shù)量是精準(zhǔn)到一個(gè)IP地址（既一個(gè)用戶、一個(gè)設(shè)備）。

回購率

指用戶對(duì)商品或者服務(wù)的重復(fù)購買次數(shù)（回頭客）。

重復(fù)購買率有兩種計(jì)算方法：一是所有購買過產(chǎn)品的用戶，以每個(gè)人為獨(dú)立單位重復(fù)購買產(chǎn)品的次數(shù)，比如有10個(gè)客戶購買了產(chǎn)品，5個(gè)產(chǎn)生了重復(fù)購買，則重復(fù)購買率為50%；二是單位時(shí)間內(nèi)，重復(fù)購買的總次數(shù)占比，比如10個(gè)客戶購買了產(chǎn)品，其中有3人產(chǎn)生二次購買，3人中又有1人產(chǎn)生三次購買，則重復(fù)購買次數(shù)為4次，重復(fù)購買率為40%。重復(fù)購買率越高，則用戶對(duì)產(chǎn)品的忠誠度就越高，反之則越低。

三、用戶數(shù)據(jù)指標(biāo)

ARPU

即每個(gè)用戶平均收入。

ARPU=總收入/用戶數(shù)。它注重的是一個(gè)時(shí)間段內(nèi)運(yùn)營商從每個(gè)用戶所得到的收入，衡量互聯(lián)網(wǎng)公司業(yè)務(wù)收入的指標(biāo)。ARPU值高說明平均每個(gè)用戶貢獻(xiàn)的收入高，但無法反映利潤(rùn)情況，因?yàn)槔麧?rùn)還需要考慮到成本。果每用戶的成本也很高，那么即使ARPU值很高，利潤(rùn)也未必高。

而用戶數(shù)可以是總平均在線用戶數(shù)、付費(fèi)用戶數(shù)或是活躍用戶數(shù)，不同產(chǎn)品標(biāo)準(zhǔn)可能存在差異。ARPU注重特定時(shí)間段內(nèi)從每個(gè)用戶所得到的收入，衡量互聯(lián)網(wǎng)公司業(yè)務(wù)收入的指標(biāo)。ARPU值高說明平均每個(gè)用戶貢獻(xiàn)的收入高，但未必說明利潤(rùn)高，因?yàn)槔麧?rùn)還需要減去成本。ARPU的高低沒有絕對(duì)的好壞之分，分析的時(shí)候需要有一定的標(biāo)準(zhǔn)。ARPU值高說明平均每個(gè)用戶貢獻(xiàn)的收入高，這段時(shí)間業(yè)務(wù)在上升。

新增用戶

既安裝應(yīng)用后，首次成功啟動(dòng)產(chǎn)品的用戶

按照統(tǒng)計(jì)跨度不同分為日新增（DNU）、周新增（WAU）、月新增（MAU）。新增用戶按照設(shè)備維度進(jìn)行去重統(tǒng)計(jì)，如果該設(shè)備卸載了應(yīng)用，一段時(shí)間后又重新安裝了該應(yīng)用，且設(shè)備未進(jìn)行重置，若再次打開應(yīng)用，則不被計(jì)算為一個(gè)新增用戶。

新增用戶量指標(biāo)主要是衡量營銷推廣渠道效果的最基礎(chǔ)指標(biāo)。新增用戶占活躍用戶的比例也可以用來用于衡量產(chǎn)品健康程度（產(chǎn)品沒有新增和活躍，就進(jìn)入“絕癥狀態(tài)”）。如果某產(chǎn)品新用戶占比過高，那說明該產(chǎn)品的活躍是靠推廣得來，這種情況非常有必要關(guān)注，尤其是新增用戶的留存率情況。

活躍用戶

既在特定的統(tǒng)計(jì)周期內(nèi)，成功啟動(dòng)過產(chǎn)品的用戶。除此之外，我們還可以將活躍用戶定義為某統(tǒng)計(jì)周期內(nèi)操作過產(chǎn)品核心功能的用戶（按照設(shè)備去重統(tǒng)計(jì)）。

活躍用戶是衡量產(chǎn)品用戶規(guī)模的重要指標(biāo)，和新增用戶相輔相成。如果只看一個(gè)指標(biāo)來定義產(chǎn)品的成功與否，那一定是活躍用戶數(shù)。當(dāng)然，一般重點(diǎn)關(guān)注核心用戶規(guī)模即可。希望用戶每天都使用的應(yīng)用有新聞APP、社交APP、音樂APP等，其產(chǎn)品的KPI考核指標(biāo)一般都有日活躍用戶數(shù)這項(xiàng)。但對(duì)于某些低頻消費(fèi)需求和臨時(shí)性需求的APP，比如旅游、攝影、工具類等，可能會(huì)關(guān)注月活躍數(shù)，甚至特定周期內(nèi)的活躍數(shù)。

活躍用戶數(shù)根據(jù)不同統(tǒng)計(jì)周期可以分為日活躍數(shù)（DAU）、周活躍數(shù)（WAU）、月活躍數(shù)（MAU）。

DAU（日活）：某個(gè)自然日內(nèi)成功啟動(dòng)過應(yīng)用的用戶，該日內(nèi)同一個(gè)設(shè)備多次啟動(dòng)只記一個(gè)活躍用戶；

WAU（周活）：某個(gè)自然周內(nèi)成功啟動(dòng)過應(yīng)用的用戶，該周內(nèi)同一個(gè)設(shè)備多次啟動(dòng)只記一個(gè)活躍用戶。這個(gè)指標(biāo)是為了查看用戶的類型結(jié)構(gòu)，如輕度用戶、中度用戶、重度用戶等；

MAU（月活）：某個(gè)自然月內(nèi)成功啟動(dòng)過應(yīng)用的用戶，該月內(nèi)同一個(gè)設(shè)備多次啟動(dòng)只記一個(gè)活躍用戶。這個(gè)指標(biāo)一般用來衡量被服務(wù)的用戶粘性以及服務(wù)的衰退周期。

留存率

既在某一統(tǒng)計(jì)時(shí)段內(nèi)的新增用戶數(shù)中再經(jīng)過一段時(shí)間后仍啟動(dòng)該應(yīng)用的用戶比例（留存率=留存用戶/新增用戶*100%）。通常重點(diǎn)關(guān)注次日、3日、7日、30日即可，并觀察留存率的衰減程度。

次日留存率：即某一統(tǒng)計(jì)時(shí)段新增用戶在第二天再次成功啟動(dòng)應(yīng)用的比例。如果次日留存率達(dá)到50%以上，說明這個(gè)產(chǎn)品已經(jīng)是非常優(yōu)秀了；

7日（周）留存率：即某一統(tǒng)計(jì)時(shí)段新增用戶在第7天再次成功啟動(dòng)該應(yīng)用的比例。這個(gè)時(shí)間段內(nèi)，用戶通常會(huì)經(jīng)歷一個(gè)完整的產(chǎn)品體驗(yàn)周期，如果這個(gè)階段用戶能夠留下來繼續(xù)使用，很有可能成為產(chǎn)品的忠實(shí)用戶；

30日（月）留存率：即某一統(tǒng)計(jì)時(shí)段新增用戶在第30天再次成功啟動(dòng)該應(yīng)用的比例。通常移動(dòng)端產(chǎn)品的迭代周期為2~4周一個(gè)版本，所以月留存率能夠反映出一個(gè)版本的用戶留存情況，一個(gè)版本的更新，或多或少會(huì)影響部分用戶的體驗(yàn)，所以通過對(duì)比月留存率能判斷出每個(gè)版本的更新對(duì)用戶的影響面積，從而定位到類似問題進(jìn)行優(yōu)化。

若以上時(shí)段的留存率低，會(huì)映射出哪些問題？

次日留存率低：說明所針對(duì)的用戶群對(duì)我們的產(chǎn)品不感興趣；

7日留存率低：說明我們產(chǎn)品的內(nèi)容質(zhì)量太差，用戶過了新鮮勁兒之后發(fā)現(xiàn)產(chǎn)品用起來特別枯燥；

30日留存率低：版本迭代規(guī)劃做得不好，功能更新、內(nèi)容更新、BUG修復(fù)、性能等都做得比較差，此時(shí)需要重新規(guī)劃迭代內(nèi)容，不可一錯(cuò)再錯(cuò)。

留存率是驗(yàn)證用戶粘性的關(guān)鍵指標(biāo)，設(shè)計(jì)師和產(chǎn)品經(jīng)理通?？梢岳昧舸媛逝c競(jìng)品對(duì)標(biāo)，衡量用戶的粘性和忠誠度。對(duì)于一個(gè)版本相對(duì)成熟的產(chǎn)品，如果留存率有明顯變化，那就說明用戶質(zhì)量有變化，很可能是因?yàn)橥茝V渠道等因素所引起的。同時(shí)，留存率也是產(chǎn)品改版的重要指標(biāo)，產(chǎn)品體驗(yàn)越好，越符合用戶需求，則留存率越高。若產(chǎn)品本身滿足的是小眾低頻需求，留存率則選擇雙周甚至是30日進(jìn)行監(jiān)測(cè)。一般來說，留存率低于20%會(huì)是一個(gè)比較危險(xiǎn)的信號(hào)。

流失率

指那些曾經(jīng)使用過產(chǎn)品或服務(wù)，由于各種原因不再使用產(chǎn)品或服務(wù)的用戶。用戶流失率=某段時(shí)間內(nèi)不再啟動(dòng)應(yīng)用的用戶/某段時(shí)間內(nèi)總計(jì)的用戶量。流失率和留存率有緊密關(guān)聯(lián)，流失率高既留存率低，但活躍度不一定高，因此需要綜合分析。也是重點(diǎn)關(guān)注次日、7日、30日的流失率。

對(duì)于流失用戶的界定依照產(chǎn)品服務(wù)的不同而標(biāo)準(zhǔn)不同，對(duì)于微博和郵箱這類用戶幾乎每天登錄查看的產(chǎn)品而言，可能用戶未登錄超過1個(gè)月，我們就可以認(rèn)為用戶可能已經(jīng)流失了。而對(duì)于電商產(chǎn)品而言，可能3個(gè)月未登錄或者半年內(nèi)沒有任何購買行為的用戶可以被認(rèn)定是流失用戶，所以不是每個(gè)產(chǎn)品都有固定的流失期限，而是根據(jù)產(chǎn)品屬性而判斷。設(shè)計(jì)師和產(chǎn)品經(jīng)理需要找到流失的異常數(shù)據(jù)，定位流失用戶的原因，并在下個(gè)版本中修復(fù)產(chǎn)品中存在的問題。甚至還可以定位到流失的具體用戶ID，通過當(dāng)時(shí)用戶注冊(cè)的個(gè)人信息進(jìn)行跟進(jìn)，我們最常見的就是游戲類產(chǎn)品“召回老玩家”的運(yùn)營手段。

一次性用戶

既新增日后再也沒有啟動(dòng)過應(yīng)用的用戶。

一次性用戶是關(guān)鍵的營銷指標(biāo)，和判斷無效用戶的標(biāo)準(zhǔn)，從中把目標(biāo)用戶過濾出來。一般劃定的界限是至少超過7天時(shí)間才能夠定義是否是一次性用戶。

使用時(shí)長(zhǎng)

既統(tǒng)計(jì)時(shí)間段內(nèi)，某個(gè)設(shè)備從啟動(dòng)應(yīng)用到結(jié)束使用的總計(jì)時(shí)長(zhǎng)。

一般按照人均使用時(shí)長(zhǎng)、次均使用時(shí)長(zhǎng)、單次使用時(shí)長(zhǎng)進(jìn)行分析，衡量用戶產(chǎn)品著陸的粘性，也是衡量活躍度，產(chǎn)品質(zhì)量的參考依據(jù)。

啟動(dòng)次數(shù)

既統(tǒng)計(jì)時(shí)間段內(nèi)，用戶打開應(yīng)用的次數(shù)。

重點(diǎn)關(guān)注人均啟動(dòng)次數(shù)，結(jié)合使用時(shí)長(zhǎng)可進(jìn)行分析。用戶主動(dòng)關(guān)閉應(yīng)用或應(yīng)用進(jìn)入后臺(tái)超過30s，再返回或打開應(yīng)用時(shí)，則統(tǒng)計(jì)為兩次啟動(dòng)，啟動(dòng)次數(shù)主要看待頻數(shù)分布情況。

使用間隔

既用戶上次使用應(yīng)用的時(shí)間與再次使用時(shí)間的時(shí)間差。

使用頻數(shù)分布，觀察應(yīng)用對(duì)于用戶的粘性，以及運(yùn)營內(nèi)容的深度。雖然是使用間隔，但是通過計(jì)算同一設(shè)備，先后兩次啟動(dòng)的時(shí)間差，來完成使用間隔統(tǒng)計(jì)，充分考慮應(yīng)用周期性和碎片化使用的特征。

四、如何獲取這些數(shù)據(jù)？

在工作中可能會(huì)發(fā)生這種情況“上文提到的數(shù)據(jù)指標(biāo)有些看不到”、“不知道怎么看”，最終因?yàn)闆]有數(shù)據(jù)而無法進(jìn)行監(jiān)測(cè)和分析。這里主要是因?yàn)樵诋a(chǎn)品上線前沒有對(duì)數(shù)據(jù)進(jìn)行開發(fā)統(tǒng)計(jì)。這部分工作一般是由產(chǎn)品經(jīng)理去規(guī)劃，開發(fā)來執(zhí)行，設(shè)計(jì)師也可以提出自己想要監(jiān)測(cè)數(shù)據(jù)的需求給到開發(fā)，我們把這個(gè)規(guī)劃叫做“數(shù)據(jù)埋點(diǎn)”。

埋點(diǎn)其實(shí)是對(duì)產(chǎn)品的一個(gè)可視化健康檢查，貫穿產(chǎn)品的整個(gè)生命周期，使產(chǎn)品逐步達(dá)到最佳狀態(tài)（需要數(shù)據(jù)結(jié)果和產(chǎn)品迭代相互呼應(yīng)），為未來產(chǎn)品優(yōu)化方向給出指導(dǎo)意見。當(dāng)然，埋點(diǎn)的目標(biāo)不同，最終數(shù)據(jù)驗(yàn)證的結(jié)果也會(huì)有所不同。

比如，新版本上線，需要驗(yàn)證用戶行為和功能效果的幾種場(chǎng)景：

（1）新功能是否得到了用戶的使用與認(rèn)可？本次新增的功能用戶點(diǎn)擊率和活躍度怎樣？

（2）用戶在核心功能的操作路徑上是否順暢？有沒有因?yàn)楣δ馨粹o的設(shè)計(jì)而導(dǎo)致無效點(diǎn)擊增多？

（3）在某個(gè)特別的節(jié)日進(jìn)行了產(chǎn)品內(nèi)的banner推廣或者促銷，該活動(dòng)運(yùn)營的效果如何？新用戶增長(zhǎng)是怎樣的？

...

所以說，埋點(diǎn)是互聯(lián)網(wǎng)領(lǐng)域非常重要的數(shù)據(jù)獲取手段。埋點(diǎn)采集信息的過程一般也稱作日志采集。通俗點(diǎn)講，就是在APP或者WEB產(chǎn)品中植入一段代碼，監(jiān)控用戶行為事件。典型的應(yīng)用場(chǎng)景就是某個(gè)運(yùn)營活動(dòng)，頁面的點(diǎn)擊量（PV）有多少，點(diǎn)擊用戶數(shù)（UV）有多少，都是用埋點(diǎn)數(shù)據(jù)進(jìn)行計(jì)算的。當(dāng)然這些信息并不是消費(fèi)一次就沒用了。通過埋點(diǎn)收集到的信息，可以作為監(jiān)控并通過可視化數(shù)據(jù)呈現(xiàn)出來，幫助產(chǎn)品、設(shè)計(jì)、運(yùn)營人員看到產(chǎn)品的長(zhǎng)期表現(xiàn)，也可以作為基礎(chǔ)原料，進(jìn)行復(fù)雜的運(yùn)算，用于用戶標(biāo)簽、渠道轉(zhuǎn)化分析、個(gè)性推薦等等。比如我們用某資訊類產(chǎn)品看新聞的時(shí)候，會(huì)發(fā)現(xiàn)每次推薦的內(nèi)容都是上次所點(diǎn)擊的相關(guān)類別，這就是通過埋點(diǎn)數(shù)據(jù)獲取的用戶行為習(xí)慣，通過數(shù)據(jù)進(jìn)行個(gè)性化推薦。

除了對(duì)需要監(jiān)測(cè)的特定功能區(qū)做埋點(diǎn)之外，一般大公司也有自主研發(fā)的供內(nèi)部產(chǎn)品組使用的數(shù)據(jù)分析系統(tǒng)，一些關(guān)鍵數(shù)據(jù)在上面都能夠?qū)崟r(shí)監(jiān)測(cè)到，并有特定的團(tuán)隊(duì)去維護(hù)它。其次，現(xiàn)在市場(chǎng)上還有很多數(shù)據(jù)統(tǒng)計(jì)工具可以自動(dòng)監(jiān)測(cè)到產(chǎn)品的相關(guān)數(shù)據(jù)，大多都是付費(fèi)的，這里就不打廣告了，百度搜索關(guān)鍵詞會(huì)出現(xiàn)一大堆類似的數(shù)據(jù)監(jiān)測(cè)產(chǎn)品。

五、產(chǎn)品階段不同，關(guān)注的數(shù)據(jù)也不同

產(chǎn)品階段就是產(chǎn)品生命周期，可分為初創(chuàng)期、成長(zhǎng)期、成熟期、衰退期，每個(gè)階段的工作權(quán)重和數(shù)據(jù)關(guān)注點(diǎn)都會(huì)有所區(qū)別。

1、初創(chuàng)期

初創(chuàng)期的重點(diǎn)在于驗(yàn)證產(chǎn)品的核心價(jià)值，通過某種產(chǎn)品或服務(wù)可以為特定的人群解決某個(gè)問題。這時(shí)我們需要關(guān)注的關(guān)鍵數(shù)據(jù)是目標(biāo)用戶畫像，同時(shí)是第一批種子用戶對(duì)產(chǎn)品的使用情況和反饋建議。所以初創(chuàng)期更需要設(shè)計(jì)師和產(chǎn)品經(jīng)理去做定性分析（比如用戶訪談），直接確定產(chǎn)品是否滿足了用戶需求、產(chǎn)品有沒有覆蓋到更多的使用場(chǎng)景等。因此產(chǎn)品初期我們可以不用在數(shù)據(jù)分析上投入更多精力。說白了，該階段用戶量較少，用戶行為等數(shù)據(jù)還停留在比較初期的階段，所以數(shù)據(jù)分析的效果不能發(fā)揮到最大化，且價(jià)值不明顯。該階段就是先保證產(chǎn)品順利上路，同時(shí)要綁定一批種子用戶，解決基本的用戶訴求，讓產(chǎn)品和團(tuán)隊(duì)先生存下來。階段與手段不匹配的情況下，還把某些事情強(qiáng)加上去，這就是“作秀”。

2、成長(zhǎng)期

經(jīng)過了產(chǎn)品打磨的初始階段，產(chǎn)品一般會(huì)有較好的留存率，這個(gè)時(shí)候產(chǎn)品開始進(jìn)入自發(fā)增長(zhǎng)期（成長(zhǎng)期）。該階段的產(chǎn)品已經(jīng)能夠解決用戶的基本訴求了，所以將側(cè)重點(diǎn)關(guān)注在用戶的生命周期的管理，為產(chǎn)品吸引更多的新用戶來使用（新鮮血液），既拉新和留存，那么我們數(shù)據(jù)關(guān)注的重點(diǎn)也要放在拉新和留存上。

拉新要關(guān)注推廣數(shù)據(jù)和推薦數(shù)據(jù)：

（1）推廣數(shù)據(jù)：就是產(chǎn)品以拉新目的所采取的所有推廣運(yùn)營活動(dòng)和行為的指標(biāo)數(shù)據(jù)，不同推廣方式（線上+線下）的到達(dá)率、觸達(dá)面積、點(diǎn)擊率、轉(zhuǎn)化率、二次訪問率、流失率。比如我們舉辦了一場(chǎng)線下活動(dòng)，現(xiàn)場(chǎng)實(shí)到多少人、哪些是目標(biāo)用戶、哪些不是目標(biāo)用戶、有多少人當(dāng)場(chǎng)試用了我們的產(chǎn)品，又有多少人在活動(dòng)后下載了產(chǎn)品等等。

（2）推薦數(shù)據(jù)：是用戶是否愿意將產(chǎn)品推薦給他人的行為數(shù)據(jù)分析。這里我們?cè)跀?shù)據(jù)上可以關(guān)注整個(gè)分享環(huán)節(jié)動(dòng)態(tài)，比如產(chǎn)品有100個(gè)種子用戶，他們中有多少人只是自己用產(chǎn)品、有多少人會(huì)分享給朋友、他們的分享行為帶來了多少新增用戶等，這些數(shù)據(jù)會(huì)告訴我們產(chǎn)品在用戶心中的位置。

留存則是要做用戶的留存分析：

重點(diǎn)有用戶的次日留存率、7日留存率、30日留存率、日活、周活、月活、產(chǎn)品頁面訪問深度、退出率等等。需要注意的是，這些指標(biāo)不能單獨(dú)監(jiān)測(cè)，需要將他們結(jié)合起來看。說透了，留存就是要提高目標(biāo)用戶在核心場(chǎng)景的反復(fù)出現(xiàn)頻率和停留時(shí)間（核心場(chǎng)景既產(chǎn)品的主要功能、主要盈利模式和用戶最喜歡的模塊）。

3、成熟期

隨著用戶快速增長(zhǎng)，產(chǎn)品不斷完善，產(chǎn)品在進(jìn)入成熟期前后，設(shè)計(jì)師和產(chǎn)品經(jīng)理的重心開始從用戶生命周期的前半段（吸引、激活、留存）往后半段（流失、回流）開始偏移并做出相應(yīng)的產(chǎn)品設(shè)計(jì)，同時(shí)也更關(guān)注商業(yè)化行為，既用戶價(jià)值（用戶給產(chǎn)品帶來的價(jià)值，產(chǎn)品給開發(fā)者帶來的價(jià)值）。

這里的用戶價(jià)值指的是用戶對(duì)公司和產(chǎn)品的商業(yè)價(jià)值，既解決產(chǎn)品訴求。和我們經(jīng)常說的用戶訴求有所不同。該階段我們要根據(jù)用戶的情況進(jìn)行細(xì)分，“保大棄小”，盡可能提升高價(jià)值用戶的活躍度，對(duì)于低價(jià)值用戶可以適當(dāng)?shù)販p少投入精力。有增長(zhǎng)就有減少，所以除了對(duì)用戶活躍度的關(guān)注之外，還需關(guān)注核心場(chǎng)景的用戶行為數(shù)據(jù)和高價(jià)值用戶的流失率。

假設(shè)我們的產(chǎn)品日活和周活都很高，但是核心場(chǎng)景上的點(diǎn)擊率或是停留時(shí)間非常低，核心場(chǎng)景關(guān)系到公司商業(yè)目標(biāo)和價(jià)值的實(shí)現(xiàn)，用戶在這一塊的行為少，要么你的用戶不是目標(biāo)用戶，要么你的核心場(chǎng)景存在比較大的缺陷讓用戶不滿意。高價(jià)值用戶的流失率也是一個(gè)道理，都是值得引起我們警惕的數(shù)據(jù)指標(biāo)。

4、衰退期

每個(gè)產(chǎn)品都有一個(gè)生命周期，這是受市場(chǎng)因素導(dǎo)致的，此時(shí)用戶會(huì)逐漸流失（這里說的流失并不是完全放棄我們的產(chǎn)品，而是從降低活躍度漸漸走到消失），既被其它新產(chǎn)品的體驗(yàn)?zāi)Ｊ剿?，所以這時(shí)應(yīng)該更關(guān)注用戶流失后使用的產(chǎn)品，分析競(jìng)品的商業(yè)模式和功能，同時(shí)監(jiān)測(cè)流失速度，需盡快拓展產(chǎn)品邊界，尋找新的切入點(diǎn)。

六、敲黑板

1、改版前不放在心上，迭代發(fā)布后才關(guān)注數(shù)據(jù)

對(duì)于平常就很少關(guān)注數(shù)據(jù)的設(shè)計(jì)師來說，經(jīng)常在改版前因?yàn)閷Ｗ⒂诮缑嫔系膬?yōu)化，而忽略了真實(shí)的用戶行為。

真實(shí)案例：我們產(chǎn)品中有一個(gè)步進(jìn)器組件，用于客戶選擇相應(yīng)的天數(shù)，且此項(xiàng)為必填項(xiàng)。之前我們內(nèi)部的溝通結(jié)果是提供一個(gè)7天的默認(rèn)值，當(dāng)然對(duì)此默認(rèn)值是有爭(zhēng)議的，有的同事認(rèn)為默認(rèn)10天比較合理，所以為了驗(yàn)證用戶的操作習(xí)慣，我們?cè)谏暇€前對(duì)該組件進(jìn)行了埋點(diǎn)。經(jīng)過用戶使用過一段時(shí)間之后，我們通過數(shù)據(jù)發(fā)現(xiàn)大部分用戶在使用步進(jìn)器時(shí)，點(diǎn)擊“減少”比“增加”的次數(shù)要多，而且一般停留在5天，就這樣我們把默認(rèn)值從7天優(yōu)化為5天，減少了大部分用戶的2次點(diǎn)擊，并且在類似的業(yè)務(wù)模塊內(nèi)，會(huì)記住用戶上次所選的值，從而提高填寫表單的效率。

雖然只是一個(gè)小小的交互優(yōu)化，但足以證明設(shè)計(jì)師關(guān)注產(chǎn)品數(shù)據(jù)不僅能夠驗(yàn)證設(shè)計(jì)結(jié)果，還能對(duì)產(chǎn)品體驗(yàn)不斷打磨，精細(xì)化提升用戶體驗(yàn)。很顯然，如果沒有此次對(duì)數(shù)據(jù)的監(jiān)測(cè)和教訓(xùn)，只會(huì)讓我們繼續(xù)活在自己的世界里，永遠(yuǎn)也不會(huì)在意這個(gè)小問題，導(dǎo)致這個(gè)組件繼續(xù)復(fù)用、濫用，一錯(cuò)再錯(cuò)，直到用戶親自給我們提優(yōu)化建議的時(shí)候，就已經(jīng)太晚了。

所以，如果你想讓某個(gè)設(shè)計(jì)方案更貼近用戶或者想對(duì)比改版前后的效果，那就需要提前將自己的埋點(diǎn)需求整理成Excel表格，發(fā)給相關(guān)的開發(fā)同事，再對(duì)照交互原型詳細(xì)討論這些埋點(diǎn)，確保雙方理解一致，不至于最后埋點(diǎn)的數(shù)據(jù)不是自己想要的。

下面是我在工作中用到的埋點(diǎn)需求表（用戶行為統(tǒng)計(jì)表）和數(shù)據(jù)收集表，大家可以參考使用：

2、成為一名解決產(chǎn)品問題的設(shè)計(jì)師

隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展，行業(yè)對(duì)我們?cè)O(shè)計(jì)師的要求只會(huì)越來越高，從近兩年冒出的UX設(shè)計(jì)崗、產(chǎn)品設(shè)計(jì)崗就能感知到。所以，未來的界面設(shè)計(jì)師一定會(huì)更關(guān)注產(chǎn)品和數(shù)據(jù)，不再是曾經(jīng)“畫”頁面的團(tuán)隊(duì)底層執(zhí)行者了，了解一些數(shù)據(jù)知識(shí)可以將用戶的行為可視化，以便更清晰的了解用戶行為，經(jīng)過一段時(shí)間的數(shù)據(jù)對(duì)比，設(shè)計(jì)師和產(chǎn)品經(jīng)理可以共同驗(yàn)證并規(guī)劃后面迭代的方案，預(yù)測(cè)產(chǎn)品的走向與趨勢(shì)。并且通過數(shù)據(jù)分析，可以量化交互方案的效果，作為一名解決產(chǎn)品問題的設(shè)計(jì)師，可以主動(dòng)去承擔(dān)一些用研工作，化被動(dòng)為主動(dòng)。

以上是一些基礎(chǔ)的數(shù)據(jù)指標(biāo)，希望對(duì)你有所幫助。若有來自不同行業(yè)和業(yè)務(wù)的產(chǎn)品數(shù)據(jù)指標(biāo)，歡迎討論交流~

是的，我們距離目標(biāo)又近了一步，標(biāo)紅的你都看了嗎？

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

創(chuàng)意是營銷中離消費(fèi)者最近的環(huán)節(jié)，同樣也是最性感、最直接的部分。但為什么我們都看過杜蕾斯海報(bào)卻依舊寫不出好文案？一個(gè)好創(chuàng)意如何誕生？

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

一、父組件給子組件傳值

1、父組件調(diào)用子組件的時(shí)候，綁定動(dòng)態(tài)屬性

/*傳值可以是值“title”、是方法“run”、是組件“this”*/
<v-header :title="title" :run="run" :home="this"></v-header>
1
2
2、在子組件里面通過props接受父組件傳過來的數(shù)據(jù)

<script>
    export default{
props:['title','run','home']
}
</script>

二、父組件主動(dòng)獲取子組件的數(shù)據(jù)和方法

1、調(diào)用子組件的時(shí)候定義一個(gè)ref

<v-header ref="header"></v-header>
1
2、在父組件里面通過以下方式獲取屬性和方法

this.$refs.header.屬性
this.$refs.header.方法

三、子組件主動(dòng)獲取父組件的數(shù)據(jù)和方法

this.$parent.數(shù)據(jù)
this.$parent.方法

四、非父子組建傳值

1、新建一個(gè)js文件 然后引入vue 實(shí)例化vue最后暴露這個(gè)實(shí)例

VueEvent.js

import Vue from 'vue';
var VueEvent = new Vue();
export default VueEvent;

2、在要廣播的地方引入剛才定義的實(shí)例，并進(jìn)行廣播

home.vue

<script>
import VueEvent from './VueEvent.js';
    export default{
        methods:{
            emitNews(){
                /*廣播數(shù)據(jù)*/
                VueEvent.$emit('to-news',this.數(shù)據(jù))
            }
        }
}
</script>

3、在要接收數(shù)據(jù)的地方接受廣播

news.vue

<script>
import VueEvent from './VueEvent.js';
    export default{
        /*在生命周期函數(shù)里寫，編譯的時(shí)候就調(diào)用*/
        mounted(){
            /*接受廣播*/
            VueEvent.$on('to-news',function(data){
                console.log(data);
            })
        }
}
</script>