在網(wǎng)頁(yè)和移動(dòng)端界面中，內(nèi)容和信息是否能夠經(jīng)過(guò)系統(tǒng)性、有效的整理和組織，對(duì)于內(nèi)容的可用性和實(shí)用性，都是意義巨大的。而在呈現(xiàn)信息的時(shí)候，視覺(jué)間隔是組織信息的關(guān)鍵因素。它說(shuō)起來(lái)并不難理解，但是在實(shí)際的運(yùn)用當(dāng)中，卻是千變?nèi)f化，今天我們來(lái)梳理一下流行的視覺(jué)間隔的方法。

什么是視覺(jué)間隔

視覺(jué)間隔是一種布局元素，它有助于將內(nèi)容分隔成為清晰的分組、選項(xiàng)和部分。它可以讓設(shè)計(jì)師更好地組織內(nèi)容的視覺(jué)體驗(yàn)，處理信息的層級(jí)，也有助于用戶理解內(nèi)容，明白內(nèi)容之間的關(guān)系。

視覺(jué)間隔和頁(yè)面上的其他內(nèi)容在一起，構(gòu)成視覺(jué)層級(jí)，這是它最重要的作用。在視覺(jué)間隔的幫助之下，用戶可以輕松地感知內(nèi)容之間的關(guān)系，明白各個(gè)信息片段之間的關(guān)系是相似，并列，承襲，從屬，還是其他。

視覺(jué)間隔的可用性也同樣重要：在很多時(shí)候，有的視覺(jué)間隔元素看起來(lái)是可點(diǎn)擊，可交互的，這在移動(dòng)端界面上，是非常重要的。

視覺(jué)間隔的種類(lèi)

談到視覺(jué)間隔，我們可以從兩方面來(lái)進(jìn)行拆解分析：視覺(jué)間隔的外觀和功能。按照視覺(jué)特征，視覺(jué)間隔有5種基本的類(lèi)型：

• 線條
• 色彩
• 負(fù)空間
• 陰影/體積
• 圖片

下面我們分別針對(duì)這5種類(lèi)型進(jìn)行說(shuō)明。

線條

很長(zhǎng)時(shí)間以來(lái)，在排版印刷領(lǐng)域，線條就一直是一種用來(lái)分隔內(nèi)容的方法。線條的分隔功能是認(rèn)可度最高的一種間隔方式，用戶幾乎不用思考，就能夠理解和感知它，并且發(fā)揮作用。

另一方面，這種間隔方式也很容易顯得過(guò)于簡(jiǎn)單，并且和應(yīng)有的形態(tài)相去甚遠(yuǎn)。這也是為什么設(shè)計(jì)師在想盡辦法去尋求別的視覺(jué)間隔形態(tài)。太多的線條間隔會(huì)讓屏幕上的視覺(jué)干擾太多，并且?guī)?lái)不必要的視覺(jué)噪音。

所以，能夠?qū)⒕€條間隔用得微妙、恰到好處、出神入化，是設(shè)計(jì)師功力的一個(gè)重要體現(xiàn)。

在這個(gè)網(wǎng)站產(chǎn)品頁(yè)面中，使用深色的線條間隔來(lái)分割產(chǎn)品信息，用來(lái)組織和間隔信息內(nèi)容。

在這個(gè)頁(yè)面當(dāng)中，線條分隔了不同的內(nèi)容區(qū)塊，讓頁(yè)面的結(jié)構(gòu)更易于被掃讀。

這個(gè)電商網(wǎng)站將不同級(jí)別的視覺(jué)內(nèi)容進(jìn)行了分離，借助簡(jiǎn)單的水平線將價(jià)格、CTA按鈕以及承載相關(guān)信息的表單分隔到不同的區(qū)域。

負(fù)空間

負(fù)空間，也就是留白，也是最為常見(jiàn)的一種視覺(jué)分隔元素。留白絕不是對(duì)空間的浪費(fèi)，和屏幕上其他的元素一樣，它同樣發(fā)揮著重要的作用，拱衛(wèi)支撐著整個(gè)用戶體驗(yàn)。負(fù)空間是最為流行的視覺(jué)分隔之一，尤其是在極簡(jiǎn)主義風(fēng)格為主導(dǎo)的設(shè)計(jì)當(dāng)中。負(fù)空間本身遵循著格式塔原理，尤其是其中「接近原理」和「相似原理」是負(fù)空間在設(shè)計(jì)中，發(fā)揮分隔作用的核心所在。合理地運(yùn)用負(fù)空間，還能強(qiáng)化頁(yè)面的呼吸感。

上面這款旅行規(guī)劃 APP當(dāng)中，使用留白將不同的條目分開(kāi)，沒(méi)有使用額外的具體視覺(jué)元素，僅僅只靠留白。

Health Blog 的列表的排版層次是基于負(fù)空間來(lái)實(shí)現(xiàn)的，看起來(lái)清晰又充滿呼吸感。

色彩對(duì)比

高對(duì)比度的色彩，同樣能夠帶來(lái)清晰的視覺(jué)間隔效果。在 UI 界面中高對(duì)比度的色彩有著極為明顯視覺(jué)表現(xiàn)潛質(zhì)，它們能夠增強(qiáng)網(wǎng)站的信息和內(nèi)容的表現(xiàn)力，分割區(qū)塊，營(yíng)造氛圍。對(duì)比度是影響頁(yè)面和屏幕可讀性的關(guān)鍵因素之一。在具體的應(yīng)用當(dāng)中，不同的色彩會(huì)有效地分離不同的選項(xiàng)、條目和區(qū)域，這意味著它作為視覺(jué)分隔的作用非常強(qiáng)。這也是近年來(lái)分屏式設(shè)計(jì)如此流行的原因所在。

這是一套移動(dòng)端菜單的概念設(shè)計(jì)，強(qiáng)烈的色彩對(duì)比讓信息清晰可見(jiàn)。

即使是在這樣的柔和的設(shè)計(jì)當(dāng)中，色彩的對(duì)比度也發(fā)揮了相當(dāng)?shù)淖饔茫阂环矫?，?qiáng)烈的色彩對(duì)比讓CTA按鈕和輸入框之間有了明顯的區(qū)分，另一方面，右側(cè)的主視覺(jué)元素的背景也同樣借由不同色彩的對(duì)比，做到了突出的效果。

在 GNO Blankets 這個(gè)網(wǎng)站當(dāng)中，強(qiáng)烈的明暗對(duì)比將網(wǎng)站元素分隔成為精美而清晰的區(qū)塊。

陰影和體積

陰影和體積也是一種非常常見(jiàn)的視覺(jué)間隔方式，通過(guò)營(yíng)造在「高度」或者說(shuō)高程上的視覺(jué)差異，從而達(dá)到分層的效果，而這種設(shè)計(jì)也是符合人類(lèi)一直以來(lái)的認(rèn)知習(xí)慣。這種方法有利于保持整個(gè)設(shè)計(jì)的平衡和易讀性，另一方面，它又能保持足夠的微妙和自然，不會(huì)那么引人矚目從而讓人覺(jué)得出戲或者受到干擾。

這個(gè)APP的目錄頁(yè)面所有元素都采用了白色的背景，而陰影讓布局呈現(xiàn)出了縱深層次，讓內(nèi)容足以展現(xiàn)又不顯突兀。

這款提供定制化花束服務(wù)的APP也采用了類(lèi)似的陰影元素，讓整體看起來(lái)清晰又通透。

圖片

圖片在 UI 界面當(dāng)中，同樣也是一種非常有效的視覺(jué)間隔，尤其是在包含大量文本內(nèi)容的界面中。無(wú)論是博客、在線媒體網(wǎng)站還是其他類(lèi)型的網(wǎng)站當(dāng)中，圖片的間隔作用都非常明顯。無(wú)論是照片、插畫(huà)、3D圖形，它們作為圖片都可以很好的平衡文本內(nèi)容，提高內(nèi)容的識(shí)別度和可讀性，有效地劃分層級(jí)，并且提高情感吸引力。

這個(gè)比特幣網(wǎng)站的著陸頁(yè)就使用了帶有3D效果「了解更多」動(dòng)態(tài)圖片，圖片和文本在內(nèi)容和功能上都清晰地分隔開(kāi)來(lái)。

在這個(gè)餐廳 APP 當(dāng)中，圖片作為劃分內(nèi)容的關(guān)鍵元素而存在。

按照功能劃分

如果從功能的角度上來(lái)劃分視覺(jué)間隔，可以根據(jù)它所處的層次來(lái)進(jìn)行劃分。

全出血間隔

使用線條作為全出血間隔是最為常見(jiàn)的，它會(huì)很跨整個(gè)屏幕布局來(lái)作為信息層級(jí)的劃分。

這個(gè)畫(huà)廊圖庫(kù) APP 的藝術(shù)家目錄當(dāng)中，使用線條作為全出血間隔，來(lái)區(qū)分藝術(shù)家。

這個(gè)名為完美食譜的APP也使用了全出血間隔線來(lái)區(qū)分內(nèi)容。

在這個(gè)財(cái)務(wù)APP當(dāng)中，也使用了全出血間隔線來(lái)區(qū)分條目。

在這個(gè)電影APP的結(jié)帳頁(yè)面當(dāng)中，也使用了線條來(lái)作為全出血間隔。

嵌入式間隔

嵌入式間隔的功能是將相關(guān)性較高的內(nèi)容分割開(kāi)，并且它通常會(huì)和標(biāo)題或者其他的特定元素保持對(duì)齊或者對(duì)應(yīng)，它們通常是進(jìn)行某個(gè)大區(qū)塊內(nèi)不同組件的分隔，或者將多個(gè)同類(lèi)的元素分隔開(kāi)。

這個(gè)網(wǎng)站當(dāng)中，使用橫向的短分隔線來(lái)區(qū)分表單中的參數(shù)條目。

中間分隔

這種分割線通常會(huì)置于布局的中間某處，同樣是分隔相關(guān)的內(nèi)容，但是通常它們?cè)趯傩陨喜灰欢ㄊ且恢碌模菍蛹?jí)近似。

在這個(gè)出售草藥的電商網(wǎng)站的右側(cè)，使用中間分隔線將文本和可交互的區(qū)域清晰地分隔開(kāi)。

值得思考的問(wèn)題

上面對(duì)于不同類(lèi)型的視覺(jué)分隔方式都有描述，在此之外，還有兩個(gè)問(wèn)題需要注意：

• 保持微妙：視覺(jué)分隔不應(yīng)該醒目、太過(guò)引人矚目，它們不應(yīng)該分散用戶的注意力，它們應(yīng)該支撐布局的同時(shí)，微妙而不那么抓人眼球。

• 中等頻率：這和上一點(diǎn)是相輔相承的，過(guò)多的分隔線會(huì)變成視覺(jué)噪音，讓用戶瀏覽的時(shí)候感到疲倦。因此，應(yīng)該仔細(xì)考慮使用頻率，盡可能使用負(fù)空間，而不是線條。不要過(guò)度使用太多色彩，應(yīng)該盡量保持整體的協(xié)調(diào)一致。

文章來(lái)源：站酷

日常工作中，經(jīng)常聽(tīng)到交互和視覺(jué)同學(xué)有著如下對(duì)話：

• 視覺(jué)同學(xué)：「這個(gè)內(nèi)容我想換個(gè)位置，可以嗎？」「我可以用另外一種布局方式嘛？」…
• 交互同學(xué)：「你這里的表達(dá)有些歧義，用戶容易誤解，需要修改?！埂高@里層級(jí)關(guān)系不太對(duì)，應(yīng)該更強(qiáng)調(diào)XX內(nèi)容?！埂?

可以看到，無(wú)論交互還是視覺(jué)同學(xué)的提問(wèn)，其實(shí)都是圍繞「信息」表達(dá)的邏輯。視覺(jué)同學(xué)設(shè)計(jì)過(guò)程中，應(yīng)該如何理解交互稿件，并進(jìn)一步體現(xiàn)交互的層級(jí)邏輯？是否可以對(duì)交互稿的布局進(jìn)行調(diào)整發(fā)揮？我們通過(guò)案例來(lái)一起看看。

目前，頁(yè)面類(lèi)設(shè)計(jì)一般分為運(yùn)營(yíng)型和平臺(tái)型。

運(yùn)營(yíng)型

關(guān)注重點(diǎn)：「活動(dòng)利益點(diǎn)」「模塊內(nèi)容順序」「視覺(jué)發(fā)揮空間大」

活動(dòng)頁(yè)設(shè)計(jì)中，信息的層級(jí)表達(dá)相對(duì)簡(jiǎn)單，一般分為主氛圍圖-體現(xiàn)活動(dòng)主題、內(nèi)容展示區(qū)-直接轉(zhuǎn)化、尾部兜底區(qū)-相關(guān)擴(kuò)展。這類(lèi)型需求，重點(diǎn)在理解交互稿中主題的表達(dá)、內(nèi)容區(qū)的分類(lèi)及重點(diǎn)元素體現(xiàn)。視覺(jué)設(shè)計(jì)師在該類(lèi)型的設(shè)計(jì)中，發(fā)揮度是很大的。

平臺(tái)型

關(guān)注重點(diǎn)：「層級(jí)結(jié)構(gòu)」「瀏覽順序」「視覺(jué)在信息邏輯之上發(fā)揮」

平臺(tái)類(lèi)設(shè)計(jì)項(xiàng)目，交互設(shè)計(jì)師通過(guò)頁(yè)面框架、模塊設(shè)計(jì)來(lái)表達(dá)產(chǎn)品/運(yùn)營(yíng)的策劃思路，涉及內(nèi)容及模塊更多，且包含著復(fù)雜的邏輯關(guān)系。一個(gè)優(yōu)秀的平臺(tái)視覺(jué)設(shè)計(jì)師，應(yīng)當(dāng)是通過(guò)好的視覺(jué)表達(dá)，按照交互信息層級(jí)關(guān)系，將信息內(nèi)容傳遞給用戶。這里視覺(jué)同學(xué)要避免兩個(gè)誤區(qū)：完全按照交互框架和排布，只是純粹填色；從「好看」的角度重新布局，忽略交互層級(jí)關(guān)系。

案例

下圖是美妝頻道的一次改版，通過(guò)觀察交互稿和視覺(jué)稿可以看到，這位視覺(jué)設(shè)計(jì)師在交互稿的基礎(chǔ)上，采用了更靈活的視覺(jué)引導(dǎo)方式。這些改變是否有效傳遞了交互邏輯？視覺(jué)階段的這些調(diào)整是否都合適呢？看完本文，你就能有一個(gè)清晰的答案了。

1. 元素位置及表意

瀏覽順序 元素表意

這是一個(gè)新品速遞模塊的設(shè)計(jì)方案。交互稿表達(dá)的信息是：這個(gè)區(qū)塊是用來(lái)介紹新品的，首先希望用戶知道模塊屬性是什么，然后讓用戶快速了解推薦商品是什么，及為什么值得買(mǎi)。視覺(jué)稿較好的傳遞了交互層級(jí)及信息表達(dá)，首先突出了欄目名稱讓用戶能一眼看到，其次是商品及商品特性展示；而稿件中的欄目名稱位置和樣式則在視覺(jué)上做了自由的發(fā)揮。

小結(jié)：模塊中各元素的瀏覽引導(dǎo)（眼睛瀏覽路徑）需要嚴(yán)格按照交互邏輯，元素的表達(dá)和位置可以根據(jù)邏輯發(fā)揮。

2. 模塊比重及樣式

下面這組案例，在信息層級(jí)上，視覺(jué)稿是否完整傳遞了交互邏輯？先自己思考一下吧~

模塊比重 內(nèi)容布局

交互層級(jí)來(lái)看，整個(gè)區(qū)域有2個(gè)模塊「正在進(jìn)行」和「品牌精選」，每個(gè)模塊有4個(gè)等大的展示單元格。而視覺(jué)稿中，「正在進(jìn)行」模塊的單元格變成了兩大兩小。嚴(yán)格來(lái)說(shuō)，這個(gè)調(diào)整是不符合交互邏輯的。

但是，視覺(jué)稿的輸出效果明顯更靈活，瀏覽層次更佳！那，能不能這么改呢？

這需要回到，為什么交互輸出時(shí)，畫(huà)成了等大樣式。在交互環(huán)節(jié)，運(yùn)營(yíng)側(cè)提出四個(gè)專(zhuān)題希望是相同層級(jí)，無(wú)優(yōu)先級(jí)的差異。

這種情況下，視覺(jué)同學(xué)如果仍然堅(jiān)持有層級(jí)差異的視覺(jué)感官更好，可以先和交互同學(xué)一起商量，從用戶體驗(yàn)的角度來(lái)看，這個(gè)改變是否有嚴(yán)重影響，如果團(tuán)隊(duì)內(nèi)部也都認(rèn)為改動(dòng)后的效果更佳，可以一起找到對(duì)應(yīng)的運(yùn)營(yíng)同學(xué)，說(shuō)明原因，建議他們進(jìn)行調(diào)整；同時(shí)去了解這樣的調(diào)整對(duì)業(yè)務(wù)方的業(yè)務(wù)表達(dá)是否有影響。

小結(jié)：視覺(jué)表達(dá)要關(guān)注信息模塊的比重，視覺(jué)側(cè)好的想法也要直接提出和交互及業(yè)務(wù)方討論

上面這個(gè)案例也是關(guān)于模塊比重的，最大的差異在于欄目名稱及入口的調(diào)整。從不強(qiáng)調(diào)樓層名稱變成樓層名稱成為模塊的視覺(jué)焦點(diǎn)，因涉及到模塊比重，類(lèi)似的改動(dòng)也建議和交互設(shè)計(jì)師進(jìn)行討論。同樣，該案例的改動(dòng)，豐富了樓層樣式，并通過(guò)標(biāo)題模塊強(qiáng)調(diào)了樓層的調(diào)性氛圍，同時(shí)并未對(duì)用戶閱讀體驗(yàn)造成不好的影響，因此是個(gè)視覺(jué)提升交互表達(dá)的優(yōu)秀案例。

對(duì)于同層級(jí)關(guān)系的單元格，我們也可以采用不同的操作方式，比如上面案例中，視覺(jué)環(huán)節(jié)使用了疊起的展示樣式。相對(duì)于交互，優(yōu)點(diǎn)在于增加了一種互動(dòng)形式，而缺點(diǎn)則在于會(huì)對(duì)部分信息進(jìn)行遮蓋，不能直觀呈現(xiàn)全部?jī)?nèi)容。這個(gè)案例的處理方式是，我們將兩種方案的優(yōu)劣告知運(yùn)營(yíng)方，運(yùn)營(yíng)方認(rèn)為可以犧牲部分信息的呈現(xiàn)，而選擇互動(dòng)方式的不同呈現(xiàn)。

3. 控件樣式

我們以TAB來(lái)舉例，TAB形式體現(xiàn)的是并列關(guān)系的多個(gè)模塊呈現(xiàn)，視覺(jué)設(shè)計(jì)師可以根據(jù)不同場(chǎng)景用不同視覺(jué)方案來(lái)呈現(xiàn)。

常規(guī)的視覺(jué)展示

場(chǎng)景化表達(dá)-日歷

下面案例中，交互傳達(dá)的是一周七天的食物推薦，在視覺(jué)階段可以把TAB樣式設(shè)計(jì)得更貼近日歷，更貼合模塊的主題表達(dá)。

場(chǎng)景化表達(dá)-餐桌

這個(gè)案例視覺(jué)側(cè)在模塊面積上進(jìn)行擴(kuò)大，影響到原首屏內(nèi)展示內(nèi)容的信息量。這種情況則需要與業(yè)務(wù)同學(xué)進(jìn)行溝通，信息后置是否會(huì)影響他們?cè)谑灼列畔⒌恼故拘枨?。一般活?dòng)類(lèi)頁(yè)面，首屏內(nèi)容和頁(yè)面長(zhǎng)度的要求，相對(duì)寬松；如果是工具類(lèi)/綜合性展示頁(yè)面，信息是否能在首屏出現(xiàn)，對(duì)頁(yè)面點(diǎn)擊和使用效率會(huì)有很大影響。

TAB的引導(dǎo)位置

下面案例中，因?yàn)門(mén)AB的位置發(fā)生了調(diào)整，用戶的閱讀順序發(fā)生了變化。交互稿中，我們希望用戶先看到TAB分類(lèi)以了解推薦手機(jī)的不同緯度；而視覺(jué)稿中，優(yōu)先讓用戶看到推薦商品，如果首輪推薦無(wú)興趣，再通過(guò)TAB切換查看其它維度內(nèi)容。

4. 元素順序

元素的不同呈現(xiàn)順序會(huì)體現(xiàn)不同的交互邏輯。

下圖中的推薦區(qū)模塊，交互上的順序是圖→人物→具體商品描述，首先強(qiáng)調(diào)的是商品，其次是用戶的評(píng)價(jià)；而視覺(jué)稿上的順序是人物→圖→具體商品描述，首先調(diào)的是評(píng)價(jià)的人，再說(shuō)商品是什么。兩種邏輯其實(shí)都符合「食鮮者說(shuō)」的邏輯，但從屬關(guān)系是不同的。這里的邏輯決策是，如果評(píng)價(jià)用戶是知名度較高的，可以通過(guò)人物為食物加分，則我們選擇視覺(jué)稿邏輯；而如果我們是靠商品圖本身致勝，評(píng)論者只是輔助決策元素，則選擇交互稿邏輯。

5. 模塊層級(jí)關(guān)系

模塊間的層級(jí)關(guān)系，可以通過(guò)去色來(lái)快速判斷，是否符合交互瀏覽要求。去除顏色和元素對(duì)界面視覺(jué)優(yōu)先級(jí)的影響，更聚焦邏輯本身。

對(duì)比下面案例，去色后可以更容易看到，優(yōu)化后方案更加整體，視覺(jué)引導(dǎo)也更加順暢。

小結(jié)

交互稿中體現(xiàn)的邏輯，涉及到樣式/位置調(diào)整的，我們應(yīng)遵循原則：「在保證信息順序、層級(jí)關(guān)系、信息占比邏輯正確的前提下，視覺(jué)可以進(jìn)行專(zhuān)業(yè)的各種發(fā)揮」。

文章來(lái)源：優(yōu)設(shè)

無(wú)論是2B產(chǎn)品，還是2C產(chǎn)品，用戶系統(tǒng)都是基礎(chǔ)。對(duì)于非互聯(lián)網(wǎng)產(chǎn)品從業(yè)者，2C用戶系統(tǒng)的場(chǎng)景和功能通過(guò)日常各類(lèi)APP的使用，大家都非常熟悉。因此，筆者通過(guò)和2C產(chǎn)品的對(duì)比，談?wù)?B SaaS產(chǎn)品的用戶系統(tǒng)設(shè)計(jì)。

一、商業(yè)的本質(zhì)差異，決定了產(chǎn)品的核心目標(biāo)

2C產(chǎn)品面向的用戶是個(gè)人，用戶系統(tǒng)的核心是獲客，因此大多2C產(chǎn)品的用戶系統(tǒng)設(shè)計(jì)重點(diǎn)在于方便用戶注冊(cè)、登錄，能夠建立精準(zhǔn)的用戶畫(huà)像，從而達(dá)到流量變現(xiàn)的目標(biāo)。

2B產(chǎn)品面向的用戶是企業(yè)，用戶系統(tǒng)的核心是組織、員工精細(xì)化管理，提升人效，從而實(shí)現(xiàn)節(jié)約成本的目標(biāo)。

二、業(yè)務(wù)場(chǎng)景的需求差異，決定了產(chǎn)品的細(xì)節(jié)功能

1. 注冊(cè)場(chǎng)景

2C產(chǎn)品的注冊(cè)主要用于個(gè)人用戶注冊(cè)場(chǎng)景，重點(diǎn)在于提供多種渠道的注冊(cè)方式，如賬號(hào)、手機(jī)、第三方社交應(yīng)用（微信、微博等），其核心目標(biāo)是既能方便用戶注冊(cè)，又能多渠道多平臺(tái)賬號(hào)打通。

2B產(chǎn)品的注冊(cè)分為兩部分：企業(yè)管理員代表企業(yè)注冊(cè)和企業(yè)員工注冊(cè)。

2B平臺(tái)型SaaS產(chǎn)品，和2C最大的區(qū)別在于產(chǎn)品需要用戶付費(fèi)。因此，平臺(tái)方為企業(yè)（平臺(tái)租戶）提供了注冊(cè)入口，一方面需要方便租戶能夠通過(guò)其他渠道快速注冊(cè)試用產(chǎn)品，一方面需要驗(yàn)證企業(yè)相關(guān)信息，識(shí)別該用戶確實(shí)為潛在用戶。

1）企業(yè)注冊(cè)：

當(dāng)企業(yè)管理員代表企業(yè)注冊(cè)時(shí)，需要提供的注冊(cè)信息：管理員昵稱、手機(jī)號(hào)、郵箱、企業(yè)工商信息（名稱、組織機(jī)構(gòu)代碼、地址、法人信息等）。

其中工商信息的完整度，不同的產(chǎn)品要求不一樣，需要根據(jù)具體產(chǎn)品而定。如果方便注冊(cè)拉新，盡量減少工商信息填寫(xiě)要求，如果產(chǎn)品安全性要求較高，可以盡量要求工商信息填寫(xiě)完整。

2）企業(yè)工商信息認(rèn)證：

這部分并非強(qiáng)需求場(chǎng)景，取決于產(chǎn)品的安全性要求。一般安全性要求較高的平臺(tái)產(chǎn)品，會(huì)在企業(yè)注冊(cè)后，進(jìn)入到企業(yè)工商信息認(rèn)證環(huán)節(jié)。此環(huán)節(jié)要么是平臺(tái)管理員人工審核，要么通過(guò)第三方認(rèn)證驗(yàn)證企業(yè)工商信息是否合規(guī)。企業(yè)完成認(rèn)證后，即可試用產(chǎn)品。

如非安全性要求較高的產(chǎn)品，可以直接跳過(guò)該環(huán)節(jié)，租戶通過(guò)注冊(cè)頁(yè)信息填寫(xiě)完整后既注冊(cè)成功。

3）企業(yè)員工注冊(cè)：

• 注冊(cè)信息：昵稱、手機(jī)號(hào)、郵箱、其他個(gè)人信息；
• 被動(dòng)邀請(qǐng)：一般B端產(chǎn)品多作為企業(yè)員工日常作業(yè)工具，因此多采用管理員開(kāi)通賬號(hào)制，管理員通過(guò)后臺(tái)將員工信息注冊(cè)至系統(tǒng)，員工即可登錄。被動(dòng)邀請(qǐng)制員工和公司屬于強(qiáng)綁定關(guān)系，員工賬號(hào)不可以獨(dú)立存在；
• 主動(dòng)注冊(cè)：員工主動(dòng)注冊(cè)場(chǎng)景中，員工主動(dòng)注冊(cè)產(chǎn)品賬號(hào)，然后再申請(qǐng)加入企業(yè)，由企業(yè)管理員審核通過(guò)后，和企業(yè)進(jìn)行關(guān)聯(lián)。該方式個(gè)人用戶既可以獨(dú)立作為平臺(tái)產(chǎn)品用戶，又能夠以某公司員工的身份作為平臺(tái)用戶。釘釘即為典型代表，該類(lèi)產(chǎn)品，一個(gè)員工可同時(shí)加入多個(gè)企業(yè)；
• 個(gè)人資料：員工注冊(cè)后，該員工信息注冊(cè)至系統(tǒng)，并能夠在系統(tǒng)中展示、查詢、完善個(gè)人信息資料。

2. 登錄場(chǎng)景

登錄場(chǎng)景比較容易理解，目前B端產(chǎn)品相較C端產(chǎn)品仍然比較傳統(tǒng)，多采用郵箱/手機(jī)進(jìn)行登錄。

未來(lái)也希望可以實(shí)現(xiàn)，B端產(chǎn)品能夠和更多C端產(chǎn)品平臺(tái)打通，可通過(guò)通用的第三方賬號(hào)進(jìn)行登錄，實(shí)現(xiàn)業(yè)務(wù)與社交的連接。

3. 用戶畫(huà)像

用戶畫(huà)像是2C產(chǎn)品至關(guān)重要的內(nèi)容，只有精準(zhǔn)的用戶畫(huà)像，才能更精準(zhǔn)的服務(wù)好用戶。無(wú)論是電商，還是資訊平臺(tái)，基于用戶畫(huà)像的精準(zhǔn)營(yíng)銷(xiāo)投放才是產(chǎn)品的核心。

2B的產(chǎn)品很少有講用戶畫(huà)像相關(guān)的內(nèi)容，事實(shí)上對(duì)于2B產(chǎn)品而言，用戶畫(huà)像也至關(guān)重要。

筆者目前從事CRM產(chǎn)品相關(guān)工作，CRM核心要解決的問(wèn)題就是幫助你的客戶獲客，那么如何去建立客戶的企業(yè)標(biāo)簽，去按照企業(yè)標(biāo)簽屬性，借助大數(shù)據(jù)分析，幫你的客戶找到他的客戶群，是筆者近期在研究的課題。

• 建立企業(yè)屬性維度標(biāo)簽：如行業(yè)、規(guī)模、業(yè)務(wù)范圍、客群范圍。
• 競(jìng)爭(zhēng)企業(yè)標(biāo)簽關(guān)聯(lián)性模型分析：便于了解市場(chǎng)環(huán)境、分析競(jìng)爭(zhēng)企業(yè)，及時(shí)調(diào)整公司戰(zhàn)略。
• 潛在客群（企業(yè)）標(biāo)簽關(guān)聯(lián)性模型分析：利用數(shù)據(jù)分析模型，幫助企業(yè)識(shí)別潛在客戶，提高企業(yè)獲客率。

4. 組織結(jié)構(gòu)

2C的產(chǎn)品從本質(zhì)上來(lái)講不存在組織結(jié)構(gòu)，個(gè)人用戶即為產(chǎn)品主體，但會(huì)存在群組/社群的概念。

2B產(chǎn)品的應(yīng)用主體是企業(yè)，而組織結(jié)構(gòu)是企業(yè)運(yùn)營(yíng)管理的必要手段和方式。因此組織結(jié)構(gòu)管理是用戶系統(tǒng)的重要組成部分。

1）建立組織結(jié)構(gòu)

組織的單元是部門(mén)，因此管理員需要能夠按照企業(yè)組織結(jié)構(gòu)建立、調(diào)整（編輯、合并）、刪除部門(mén)。

2）部門(mén)樹(shù)結(jié)構(gòu)

部門(mén)作為組織結(jié)構(gòu)的單元，只是組織結(jié)構(gòu)的分子，而要形成組織，就要按照企業(yè)的業(yè)務(wù)形態(tài)要求形成一定的層級(jí)體系。因此部門(mén)不僅僅只是簡(jiǎn)單的信息描述，還需要有層級(jí)描述，這就需要我們?cè)诮⒉块T(mén)時(shí)按照層級(jí)結(jié)構(gòu)建立部門(mén)，定義清楚所建立的部門(mén)是上級(jí)部門(mén)、下級(jí)部門(mén)。

3）通訊錄展示

管理員通過(guò)后臺(tái)創(chuàng)建完組織結(jié)構(gòu)后，企業(yè)員工可通過(guò)前臺(tái)查詢按照部門(mén)結(jié)構(gòu)展示的通訊錄。

5. 角色管理（該部分是2B用戶系統(tǒng)設(shè)計(jì)的重點(diǎn)和難點(diǎn)）

角色管理是B端產(chǎn)品的特有功能，企業(yè)員工按其所負(fù)責(zé)的業(yè)務(wù)模塊劃分不同的崗位職責(zé)。

由于企業(yè)數(shù)據(jù)具有較高的安全性和私密性要求，按照崗位職責(zé)的不同，不同崗位的員工對(duì)于業(yè)務(wù)數(shù)據(jù)的操作/查看權(quán)限不同。

因此，我們?cè)O(shè)計(jì)了角色管理，該角色并非嚴(yán)格意義上的崗位職能角色，而為了區(qū)分不同的員工不同的系統(tǒng)權(quán)限所設(shè)計(jì)的系統(tǒng)角色，這就是RBAC設(shè)計(jì)。

1）建立角色

建立角色的主要目標(biāo)即為建立一個(gè)用戶權(quán)限組，該權(quán)限組內(nèi)的用戶具有相同的權(quán)限。

2）分配角色權(quán)限

基于角色分配系統(tǒng)權(quán)限，以實(shí)現(xiàn)不同的角色下的用戶擁有不同的權(quán)限。

• 功能權(quán)限：用于設(shè)定該角色能夠使用哪些產(chǎn)品功能，如果不屬于該角色業(yè)務(wù)范疇內(nèi)的功能可以直接對(duì)該用戶屏蔽，避免過(guò)多的功能菜單干擾用戶對(duì)產(chǎn)品的使用。
• 功能操作權(quán)限：企業(yè)管理越精細(xì)，員工負(fù)責(zé)的工作越具體，一個(gè)功能內(nèi)，不同的人按照其職責(zé)進(jìn)行不同的操作劃分，為了保證數(shù)據(jù)的正確性和安全性，需要給不同的角色分配同一功能下不同的操作權(quán)限。
• 功能內(nèi)的描述字段權(quán)限：一個(gè)業(yè)務(wù)功能中有不同的屬性描述字段，但不同的角色關(guān)心的屬性不一樣，為了能夠進(jìn)行區(qū)分，需要給不同的角色去設(shè)定不同字段的讀/寫(xiě)權(quán)限。
• 數(shù)據(jù)權(quán)限：企業(yè)數(shù)據(jù)本質(zhì)上是企業(yè)資源，既具有私密性又具有共享性。一個(gè)角色具有該功能的一定操作權(quán)限，但是他能操作該功能下哪些數(shù)據(jù)？只能操作他本人創(chuàng)建的數(shù)據(jù)，還是能操作其他員工創(chuàng)建的數(shù)據(jù)需要通過(guò)數(shù)據(jù)？這就需要用數(shù)據(jù)權(quán)限來(lái)控制。這就要求當(dāng)數(shù)據(jù)被創(chuàng)建，該條數(shù)據(jù)也需要相應(yīng)的字段來(lái)描述該條數(shù)據(jù)的所屬關(guān)系，該數(shù)據(jù)屬于哪個(gè)用戶，屬于哪個(gè)部門(mén)，最終才可實(shí)現(xiàn)人和數(shù)據(jù)的關(guān)聯(lián)，以實(shí)現(xiàn)基于員工角色的權(quán)限管理。

6. 員工管理

員工管理是B端產(chǎn)品的特有功能，員工是企業(yè)組織的重要組成部分，員工也是產(chǎn)品真正的終端用戶。

B端產(chǎn)品從本質(zhì)上是要能夠幫助企業(yè)員工提升工作效率，提高企業(yè)人效，以實(shí)現(xiàn)企業(yè)管理者降低運(yùn)營(yíng)成本的目標(biāo)。

1）新建員工

前面提到的用戶注冊(cè)即為新建員工的過(guò)程。包括被動(dòng)邀請(qǐng)和主動(dòng)注冊(cè)兩種形態(tài)，主要目標(biāo)是將員工信息注冊(cè)至系統(tǒng)，并建立員工和企業(yè)的關(guān)聯(lián)關(guān)系。

2）建立員工匯報(bào)關(guān)系結(jié)構(gòu)

為了實(shí)現(xiàn)精細(xì)化管理，企業(yè)內(nèi)部一般按照組織結(jié)構(gòu)設(shè)定員工的匯報(bào)關(guān)系，因此從CEO到基層員工會(huì)形成組織關(guān)系樹(shù)，該結(jié)構(gòu)可以和組織結(jié)構(gòu)完全一一對(duì)應(yīng)，即該部門(mén)下的所有員工均匯報(bào)給部門(mén)負(fù)責(zé)人，但也有部門(mén)內(nèi)部分不同的小組，不同的人匯報(bào)給不同的小組負(fù)責(zé)人。

因此匯報(bào)關(guān)系和組織結(jié)構(gòu)關(guān)系有一定關(guān)聯(lián)，但并不是完全一一對(duì)應(yīng)，所以我們需要設(shè)計(jì)員工匯報(bào)關(guān)系功能。

3）員工離職設(shè)定

為了保證企業(yè)數(shù)據(jù)的安全，員工離職后，需凍結(jié)員工賬號(hào)，離職員工將不能以該企業(yè)員工的身份登錄系統(tǒng)，以確保企業(yè)數(shù)據(jù)的安全性。

• 設(shè)定離職：將員工賬號(hào)設(shè)定為離職狀態(tài)，員工賬號(hào)被凍結(jié)；
• 數(shù)據(jù)轉(zhuǎn)移：?jiǎn)T工離職后，其業(yè)務(wù)需要其他員工來(lái)接替，因此該員工在職時(shí)負(fù)責(zé)的業(yè)務(wù)數(shù)據(jù)需要被轉(zhuǎn)移給新的用戶，此部分功能需要在數(shù)據(jù)轉(zhuǎn)移功能中進(jìn)行規(guī)劃。

至此，2B用戶系統(tǒng)的功能基本設(shè)計(jì)完整，其重難點(diǎn)在于組織結(jié)構(gòu)、權(quán)限控制，需要重點(diǎn)關(guān)注。

文章來(lái)源：人人都是產(chǎn)品經(jīng)理

文章來(lái)源：站酷

當(dāng)我們?cè)谡?SaaS 的時(shí)候，在談什么？

● 什么是 SaaS

● SaaS 產(chǎn)品的優(yōu)缺點(diǎn)

● SaaS 產(chǎn)品的銷(xiāo)售模式

● SaaS 產(chǎn)品指標(biāo)

● SaaS 業(yè)務(wù)指標(biāo)

● SaaS 收入計(jì)算

一、什么是 SaaS

這個(gè)模式讓軟件變得和水電氣很相似，只需要每月繳納固定的費(fèi)用即可享受服務(wù)。

——馬克·貝尼奧夫（salesforce 創(chuàng)始人）

訂閱模式

SaaS（software as a service），軟件即服務(wù)，是一種軟件交付和銷(xiāo)售方式——訂閱許可模式。 

它基于云， 運(yùn)行在遠(yuǎn)程服務(wù)器上，集中托管。因此不需要獨(dú)立部署甚至物理分發(fā)來(lái)完成交付和使用，這意味著用戶通過(guò)網(wǎng)絡(luò)即可使用。

例如，過(guò)去你使用 office，需要買(mǎi)一張光盤(pán)或者在線下載，輸入序列號(hào)（一次性付費(fèi)），進(jìn)行本地使用。如果要更新你需要重新購(gòu)買(mǎi)和下載版本。而 SaaS 只需在線登錄即可使用服務(wù)，無(wú)需安裝和手動(dòng)升級(jí)，并根據(jù)使用時(shí)間付費(fèi)（按月/年）。

規(guī)?；蛷?fù)利

SaaS 采取訂閱付費(fèi)（按月/年）模式，良好留存的情況下，當(dāng)月/年的收入就是下個(gè)月/年的基礎(chǔ)，不斷累加下去（復(fù)合累積收益），形成良好的現(xiàn)金流。

也因此，SaaS 產(chǎn)品的收入具有了經(jīng)常性、可預(yù)測(cè)性的特點(diǎn)。這使得，企業(yè)可以根據(jù)現(xiàn)金流進(jìn)行規(guī)劃，甚至通過(guò)融資，提前獲取未來(lái)的收入，來(lái)進(jìn)行產(chǎn)品的增長(zhǎng)和擴(kuò)張。

同時(shí)，對(duì)于訂閱者而言，無(wú)需購(gòu)買(mǎi)硬件和中間件（前期成本），以及實(shí)施、維護(hù)、更新、運(yùn)維和管理成本（后期持續(xù)投入成本），只需要連接網(wǎng)絡(luò)即可使用，致使決策和投入成本得到了大幅降低。同時(shí)，后期可根據(jù)業(yè)務(wù)的發(fā)展，升級(jí)套餐或增加數(shù)量，這些優(yōu)勢(shì)致使 SaaS 軟件更容易擁有大量客戶，形成規(guī)模。

從復(fù)利性角度，SaaS 產(chǎn)品的估值是經(jīng)常性收入的若干倍。因此，SaaS 產(chǎn)品的改進(jìn)，不僅僅是提高下個(gè)月的或者長(zhǎng)期的收入，而是整個(gè)企業(yè)的市值，可謂“一本萬(wàn)利”。

開(kāi)放和靈活

SaaS 會(huì)針對(duì)不同組織的訴求，提供多種套餐方案，通常在付錢(qián)前，用戶可以進(jìn)行免費(fèi)試用，從而更好的判斷是否滿足自身需求。

同時(shí)，SaaS 會(huì)開(kāi)放自己的接口（API），方便與其他軟件集成，從而更好的滿足客戶業(yè)務(wù)。SaaS 廠商也會(huì)對(duì)接市場(chǎng)上跟產(chǎn)品業(yè)務(wù)相關(guān)的主流軟件，從而提供更加完善的解決方案。

例如，你使用 53KF 云客服進(jìn)行在線服務(wù)，同時(shí)打通 CRM 和訂單系統(tǒng)，以及百度、騰訊、頭條、360 等流量渠道，從而提供更好的客戶支持和流量轉(zhuǎn)化。

先進(jìn)生產(chǎn)力

SaaS 產(chǎn)品的發(fā)展，是不斷驗(yàn)證市場(chǎng)需求（PMF）、優(yōu)勝劣汰的過(guò)程，其成功就代表著某種先進(jìn)生產(chǎn)力（工具、流程或方法）。

從更大價(jià)值角度考慮，SaaS 賣(mài)的不僅僅只是工具，而是解決方案，融入到生產(chǎn)制造中去，協(xié)助客戶獲取成功。同時(shí)，對(duì)于廠商而言，也是更有價(jià)值、更有競(jìng)爭(zhēng)力、更長(zhǎng)久存在的經(jīng)營(yíng)方式。

從市場(chǎng)而言，SaaS 是一種眾包模式，廠商覺(jué)得市場(chǎng)有大量的同類(lèi)需求且長(zhǎng)期存在，開(kāi)發(fā)成產(chǎn)品進(jìn)行運(yùn)作。也真正有效的節(jié)省了同類(lèi)訴求其社會(huì)資源的多次投入。

由于 SaaS 產(chǎn)品的有利可圖，促使市場(chǎng)的激烈競(jìng)爭(zhēng)，也鍛造了廠商在其領(lǐng)域的專(zhuān)業(yè)化，提供更加有效的解決方案。

二、SaaS 產(chǎn)品的優(yōu)缺點(diǎn)

優(yōu)點(diǎn)/優(yōu)勢(shì)

● 易于訪問(wèn)。SaaS 通過(guò)網(wǎng)絡(luò)提供服務(wù)，用戶可隨時(shí)訪問(wèn)，且數(shù)據(jù)儲(chǔ)存在云端，實(shí)時(shí)同步。

● 免費(fèi)試用?？梢栽诟犊钋?，進(jìn)行免費(fèi)試用，進(jìn)行多家對(duì)比，選擇最合適的。

● 費(fèi)用便宜。使用訂閱模式，價(jià)格取決于用戶數(shù)量，訂閱者無(wú)需一次性支付大量費(fèi)用，降低前期購(gòu)置成本。

● 支付靈活。按月/年進(jìn)行支付，此外，訂閱者可根據(jù)業(yè)務(wù)發(fā)展，增加或升級(jí)套餐，減少或降低套餐，甚至隨時(shí)停止使用。

● 良好支持。服務(wù)的好壞決定了客戶的訂閱，所以 SaaS 廠商會(huì)提供更加友好、高質(zhì)量的客戶服務(wù)。

●  開(kāi)放集成。開(kāi)放的接口（API）可以與其他產(chǎn)品進(jìn)行數(shù)據(jù)打通。

● 立即使用。無(wú)需安裝和部署，有網(wǎng)絡(luò)的地方即可使用。

● 無(wú)需維護(hù)。SaaS 統(tǒng)一運(yùn)行在廠商的服務(wù)器上，由廠商統(tǒng)一維護(hù)、更新。

缺點(diǎn)/風(fēng)險(xiǎn)

● 數(shù)據(jù)安全。所有數(shù)據(jù)儲(chǔ)存在云端和軟件廠商的服務(wù)器上，可能會(huì)引發(fā)泄露等安全問(wèn)題。SaaS 軟件廠商，通常非常注重?cái)?shù)據(jù)的安全性，因?yàn)閿?shù)據(jù)泄露對(duì)于 SaaS 廠商的企業(yè)經(jīng)營(yíng)而言是致命打擊。有些 SaaS 廠商也提供混合云服務(wù)，將敏感性數(shù)據(jù)儲(chǔ)存在客戶自己的服務(wù)器上。

● 網(wǎng)絡(luò)連接。沒(méi)有網(wǎng)絡(luò)，將無(wú)法使用 SaaS 產(chǎn)品。同時(shí)，網(wǎng)速深刻影響 SaaS 產(chǎn)品的運(yùn)行速度。

● 服務(wù)中斷。軟件廠商的硬件故障、網(wǎng)絡(luò)攻擊等造成的服務(wù)中斷，會(huì)致使產(chǎn)品無(wú)法使用。

三、SaaS 產(chǎn)品的銷(xiāo)售模式

通常來(lái)說(shuō)，SaaS 的銷(xiāo)售模式分為三種：

1、非接觸（no-touch）：自助服務(wù)

1、低接觸（low-touch）：交易型銷(xiāo)售

2、高接觸（high-touch）：顧問(wèn)式銷(xiāo)售

非接觸（no-touch）：自助服務(wù)

理想的 SaaS 銷(xiāo)售模式是客戶自助完成整個(gè)服務(wù)，沒(méi)有銷(xiāo)售人員的介入。

這需要產(chǎn)品簡(jiǎn)單、價(jià)值明顯、支付容易甚至售價(jià)便宜。同時(shí)，產(chǎn)品本身提供良好的支持（操作引導(dǎo)、使用說(shuō)明、幫助中心以及反饋入口），從而允許客戶自助完成服務(wù)。

非接觸的 SaaS 產(chǎn)品，通過(guò)省去銷(xiāo)售團(tuán)隊(duì)和支持性投入，采用低價(jià)，獲取大量客戶。同時(shí)，也因?yàn)閮r(jià)格便宜，無(wú)法支持銷(xiāo)售和支持性團(tuán)隊(duì)的組建。

例如，某 SaaS 產(chǎn)品，10 月/月，一個(gè)銷(xiāo)售人員的底薪 4000 元/月 + 五險(xiǎn)一金和辦公等費(fèi)用，那么至少需要銷(xiāo)售 600 個(gè)客戶才能抵消成本，這是很難完成的。

低接觸（low-touch）：交易型銷(xiāo)售

低接觸的 SaaS 產(chǎn)品，通常采用免費(fèi)試用的方式，進(jìn)行獲客。然后，銷(xiāo)售人員通過(guò)在線咨詢服務(wù)（53KF 云客服）或者電話進(jìn)行銷(xiāo)售轉(zhuǎn)化。

同時(shí)，產(chǎn)品在 onboarding 上需要投入大量的資源，從而降低用戶使用摩擦，使得用戶能夠成功的上手并獲取價(jià)值。

低接觸的 SaaS 產(chǎn)品通常采用按月訂閱的模式，其滿意度決定了持續(xù)收入。因此，低接觸的 SaaS 產(chǎn)品的銷(xiāo)售，需要同時(shí)兼任“客戶成功”的職能，提供良好的客戶支持，從而保證客戶持續(xù)的獲取產(chǎn)品價(jià)值而不斷續(xù)費(fèi)。

高接觸（high-touch）：顧問(wèn)式銷(xiāo)售

高接觸的 SaaS，通常需要大量的人力投入，招標(biāo)、拜訪、出解決方案、商務(wù)談判等等。

高接觸的 SaaS 更多采用年度收費(fèi)的模式。強(qiáng)銷(xiāo)售決定了年收入的上限。因此，高接觸的 SaaS 產(chǎn)品幾乎是圍繞銷(xiāo)售團(tuán)隊(duì)的，市場(chǎng)營(yíng)銷(xiāo)的主要工作是為銷(xiāo)售團(tuán)隊(duì)獲得足夠多且合格的銷(xiāo)售線索；產(chǎn)品、開(kāi)發(fā)更多的配合銷(xiāo)售團(tuán)隊(duì)滿足客戶需求；客戶成功團(tuán)隊(duì)接收后期服務(wù)、產(chǎn)品支持、關(guān)系維護(hù)以保證客戶續(xù)費(fèi)。

從我個(gè)人接觸到的，低接觸、高接觸對(duì)于產(chǎn)品設(shè)計(jì)而言，在于主導(dǎo)權(quán)方面。

低接觸會(huì)考慮更多的價(jià)值面（通用的最大化價(jià)值），從而會(huì)拒接沒(méi)有未來(lái)（可能性和想象力）的單體訴求。

而高接觸，更多來(lái)自客戶傳導(dǎo)給銷(xiāo)售，銷(xiāo)售傳導(dǎo)給公司，公司傳導(dǎo)給產(chǎn)品的業(yè)績(jī)壓力。所以，高接觸一定是高單價(jià)，低單價(jià)的高接觸在一定層面掙得是辛苦錢(qián)，無(wú)競(jìng)爭(zhēng)力的勞動(dòng)輸出，而不是方案輸出。

四、SaaS 產(chǎn)品指標(biāo)（SaaS Product Metrics）

PMF（Product-market fit） 產(chǎn)品市場(chǎng)匹配

SaaS 產(chǎn)品的早期，更多的是驗(yàn)證產(chǎn)品與市場(chǎng)的匹配（Product-market fit，PMF），直白的說(shuō)就是生產(chǎn)的產(chǎn)品是否具有市場(chǎng)價(jià)值，是否有人愿意花錢(qián)購(gòu)買(mǎi)。

所以 PMF 是不斷確認(rèn)這三點(diǎn)的過(guò)程：

1、目標(biāo)客戶是誰(shuí)

2、目標(biāo)客戶的需求（痛點(diǎn)、爽點(diǎn)、癢點(diǎn)）

3、提供的解決方案是否能掙到錢(qián)

PMF 通過(guò)早期付費(fèi)客戶來(lái)確定有利可圖的細(xì)分市場(chǎng)。和他們不斷交談，收集反饋來(lái)迭代產(chǎn)品。

并根據(jù)付費(fèi)客戶特征，尋找客戶共性，從而更緊密的圍繞最佳客戶打造產(chǎn)品、從而更明確的找到目標(biāo)客戶接觸途徑、從而更有效的設(shè)計(jì)市場(chǎng)營(yíng)銷(xiāo)宣傳策略。

NPS（net promoter score） 凈推薦值

通過(guò) NPS 進(jìn)行客戶滿意度調(diào)查，衡量客戶體驗(yàn)，預(yù)測(cè)未來(lái)業(yè)務(wù)增長(zhǎng)以及預(yù)防客戶流失風(fēng)險(xiǎn)。

NPS 采用 10 分制，讓客戶進(jìn)行打分。

打分者分類(lèi)：

● 推薦者（dpromoter）：9-10 分，對(duì)服務(wù)非常滿意，愿意持續(xù)使用并向他人推薦，從而推動(dòng)產(chǎn)品增長(zhǎng)

● 中立者（passive）：7-8 分，對(duì)服務(wù)滿意，但忠誠(chéng)度低不會(huì)主動(dòng)對(duì)產(chǎn)品宣傳，容易受競(jìng)爭(zhēng)對(duì)手影響

● 貶低者（detractor）：0-6 分，對(duì)服務(wù)不滿意，會(huì)對(duì)產(chǎn)品進(jìn)行負(fù)面評(píng)價(jià)和傳播，從而阻礙產(chǎn)品增長(zhǎng)

NPS=(推薦者數(shù)/總樣本數(shù))×100%-(貶損者數(shù)/總樣本數(shù))×100%

例如，有 100 客戶打了分，結(jié)果如下：

● 10 分：15 人

● 9 分：20 人

● 8 分：20 人

● 7 分：20 人

● 6 分：10 人

● 5 分： 10 人

● 4 分：5 人

忽略打 7-8 分的人數(shù)，9-10 分人數(shù) 35，6 分及以下 25 人，NPS=35%-25%=+10%

如果 NPS 是負(fù)值，那么業(yè)務(wù)收入可能將會(huì)減少，因?yàn)榭蛻粼诓粩嗔魇АＵ档?NPS，表明客戶滿意度高，未來(lái)具有可持續(xù)增長(zhǎng)的潛力。

五、SaaS 業(yè)務(wù)指標(biāo)（SaaS Sales Metrics）

單位經(jīng)濟(jì)收益：CAC：LTV

SaaS 產(chǎn)品的成功與 PMF 高度匹配之外，還需要一個(gè)切實(shí)可行的商業(yè)模式，即客戶價(jià)值（LTV）大于獲取成本（CAC），健康的增長(zhǎng)意味有效平衡兩者，從而確定這是一個(gè)有利可圖的市場(chǎng)。

CAC（Customer Acquisition Cost）

獲得客戶的平均成本。

CAC= 銷(xiāo)售和營(yíng)銷(xiāo)費(fèi)用之和 ÷ 新增客戶數(shù)量

LTV（Customer Lifetime Value）

客戶生命周期內(nèi)（從注冊(cè)到流失）平均總價(jià)值。

LTV=（ARPA*毛利率%）÷ 客戶流失率

ROI（Return on investment）
客戶獲取的投資回報(bào)率。

ROI=LTV：CAC

Months to recover CAC

CAC 通過(guò) MRR 收回的平均月份。

Months to recover CAC=CAC÷（ARPA*毛利率%）

ARPA：每個(gè)帳戶的平均收入，你的 MRR 除以客戶數(shù)量，即所有客戶的平均 MRR

毛利率=[（營(yíng)收-成本）÷ 營(yíng)收]×100%

David 在《SaaS Metrics 2.0–衡量和改進(jìn)重要內(nèi)容的指南》一文中指出，LTV：CAC ≥3，Months to recover CAC ≤12 月，通常被認(rèn)為是良好的 SaaS 項(xiàng)目。同時(shí)也指出，很多健康 SaaS 在初期可能并不符合，但會(huì)在一段時(shí)間內(nèi)通過(guò)改善業(yè)務(wù)逐漸接近這兩條準(zhǔn)則。

經(jīng)常性收入：MRR 和 ARR

經(jīng)常性收入（Recurring Revenue）是未來(lái)持續(xù)可獲得的收入，就 SaaS 而言，經(jīng)常性收入來(lái)自客戶的訂閱，具有穩(wěn)定、可預(yù)測(cè)、高度確定的特點(diǎn)。

在 SaaS 業(yè)務(wù)中通常采用按月或按年合同：

● 主要按月合同及少量的年度合同，采用 MRR（Month Recurring Revenue 月度經(jīng)常性收入）。MRR 用于衡量每月訂閱收入，如果有一些年度訂閱，除以 12，再分?jǐn)偟矫吭聛?lái)計(jì)算 MRR

● 按年合同及少量的多年合同 ，采用 ARR（Annual Recurring Revenue 年度經(jīng)常性收入）。多年合同除以合同年限，再分?jǐn)偟矫磕陙?lái)計(jì)算 ARR

在 MRR/ARR 統(tǒng)計(jì)中，并不會(huì)計(jì)算一次性的收入。例如，定制功能費(fèi)用。

經(jīng)常性收入會(huì)不斷推動(dòng)這 SaaS 廠商的發(fā)展，也是驗(yàn)證產(chǎn)品是否具有可持續(xù)增長(zhǎng)的指標(biāo)。

流失（Churn）

SaaS 是訂閱模式，在高留存率下，隨著時(shí)間的推移，意味著更多的客戶、更多的訂閱，持續(xù)收入不斷復(fù)合累積。所以，流失率對(duì) SaaS 廠商是非常重要的指標(biāo)。

在 SaaS 中有兩種計(jì)算流失的角度：

● 客戶流失（Customer Churn），取消訂閱的客戶數(shù)量

● 收入流失（MRR/ARR Churn），取消訂閱的收入損失

那為什么會(huì)有兩種計(jì)算方式？

例如，53KF 云客服的業(yè)務(wù)，是按照坐席收費(fèi)，50 元/月。假如我們有 200 個(gè)客戶，100 個(gè)大客戶（每個(gè)大客戶擁有 100 個(gè)坐席），100 個(gè)小客戶（每個(gè)小客戶擁有 10 個(gè)坐席）。

當(dāng)月，我們流失了 10 個(gè)客戶，那么月客戶流失率為 5％。

如果，流失的客戶中，有 8 個(gè)是大客戶，2 個(gè)是小客戶，那么 MRR 流失 45000 元，MRR 流失率為 7.45%。

如果，流失的客戶中，有 2 個(gè)是大客戶，8 個(gè)是小客戶，那么 MRR 流失 14000 元，MRR 流失率為 2.55%。

所以，通過(guò)不同的計(jì)算方式，使得我們更加全面、準(zhǔn)確的了解到業(yè)務(wù)中所發(fā)生的事情。

Customer Churn Rate

客戶流失率，客戶取消訂閱的比率。

Customer Churn Rate= 期間流失客戶數(shù) ÷ 期初客戶數(shù)    

MRR Churn Rate

月度經(jīng)常性收入流失率，通過(guò)降級(jí)、取消而損失的 MRR 比率

MRR Churn Rate= 期間流失 MRR ÷ 期初 MRR 

Net MRR/ARR Churn

凈 MRR/ARR 流失。

Net MRR/ARR＝期間新增 MRR/ARR 之和 - 期間流失和收縮 MRR/ARR 之和

Net MRR/ARR Churn Rate

凈 MRR/ARR 流失率。

Net MRR/ARR Churn Rate=（期間流失和收縮 MRR/ARR 之和-期間新增 MRR/ARR 之和）÷ 期初 MRR/ARR

當(dāng)收入增長(zhǎng)超過(guò)流失的損失，在這種情況下，凈 MRR/ARR 流失則為負(fù)值，稱之為負(fù)流失（Negative Churn），表現(xiàn)在財(cái)務(wù)表上的就是收入的不斷增長(zhǎng)。

記住，在計(jì)算流失時(shí)，總是在特定的時(shí)間范圍內(nèi)，例如上月客戶流失率是 5%。

六、SaaS 收入計(jì)算

確認(rèn)收入（revenue recognition）

對(duì)于 SaaS 而言，確認(rèn)收入是非常重要的財(cái)務(wù)知識(shí)，確認(rèn)收入與合同金額、收款金額有很大的區(qū)別。

例如，按年收費(fèi)的 SaaS 產(chǎn)品，年費(fèi) 1200 元，那么：

● 合同金額是 1200 元

● 客戶一次性支付年費(fèi)，收款金額是 1200 元

● 在合同期間的每個(gè)月的確認(rèn)收入則為 100 元。剩下的 1100 元?jiǎng)t為遞延收益

● 從企業(yè)資產(chǎn)負(fù)債表而言，剩下的 1100 元均為負(fù)債。因?yàn)榉?wù)還未完成，還需要投入 11 個(gè)月資源履行服務(wù)義務(wù)，甚至合同可能發(fā)生中止等情況，所以還不是確定的收入，需要通過(guò)后期的確認(rèn)收入（損益表中的利潤(rùn)）來(lái)減少資產(chǎn)負(fù)債表上的負(fù)債

* 遞延收益：指尚待確認(rèn)的收入或收益。凡在期間內(nèi)完成的服務(wù)所產(chǎn)生的收入，則為確認(rèn)收入；反之，即使款項(xiàng)提前預(yù)收，但未在期間內(nèi)完成服務(wù)，則不作為確認(rèn)收入。

* 資產(chǎn)負(fù)債表：反映企業(yè)經(jīng)營(yíng)在一定時(shí)期內(nèi)（月份、年度）財(cái)務(wù)狀況（兩個(gè)方面，一方資產(chǎn)、另一方負(fù)債和權(quán)益）的報(bào)表。

* 損益表：反映企業(yè)經(jīng)營(yíng)在一定時(shí)期內(nèi)（月份、年度）利潤(rùn)（收入）或虧損（支出）的報(bào)表

總結(jié)

通過(guò)梳理總結(jié)，談了談 SaaS，這是在我當(dāng)前知識(shí)體系范圍內(nèi)的總結(jié)，SaaS 是的龐大的體系，關(guān)乎個(gè)個(gè)層面：產(chǎn)品、營(yíng)銷(xiāo)、銷(xiāo)售、客戶成功、增長(zhǎng)、定價(jià)、渠道等等。

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

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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í)也反映出你的可信度。這是你的用戶通過(guò)初次訪問(wèn)來(lái)了解你品牌的地方。如果他們沒(méi)有找到自己喜歡的，幾乎80%的人都會(huì)選擇離開(kāi)你的網(wǎng)站。

這就是為什么在構(gòu)建和設(shè)計(jì)網(wǎng)站時(shí)，永遠(yuǎn)不要低估用戶滿意度帶來(lái)的影響。

接下來(lái)要講的是如何設(shè)計(jì)一個(gè)無(wú)可挑剔的、以用戶為中心的網(wǎng)站，來(lái)使你的網(wǎng)站轉(zhuǎn)化率飛速上漲。

1. 提供直觀的導(dǎo)航

如果不能引導(dǎo)用戶完成最終購(gòu)買(mǎi)，那么設(shè)計(jì)再精美的網(wǎng)站都是毫無(wú)意義的。用戶沒(méi)有選擇在你這里購(gòu)買(mǎi)的一個(gè)主要原因是復(fù)雜的網(wǎng)站導(dǎo)航。記住，用戶不希望無(wú)休止的點(diǎn)擊和滑動(dòng)鼠標(biāo)后才能找到他們想要的產(chǎn)品。如果他們發(fā)現(xiàn)自己正將時(shí)間浪費(fèi)在不必要的操作上，就會(huì)棄你而去，到你的競(jìng)爭(zhēng)對(duì)手那里。

這也是你想要阻止發(fā)生的事情。

• 創(chuàng)建具有描述性的菜單標(biāo)簽
  使用“產(chǎn)品”或“解決方案”之類(lèi)的通用選項(xiàng)，無(wú)法給用戶帶來(lái)任何價(jià)值。除了用戶體驗(yàn)不佳，這樣的標(biāo)簽也不利于你網(wǎng)站的SEO（搜索引擎排名優(yōu)化）。在搜索電商品牌時(shí)，沒(méi)人會(huì)搜“產(chǎn)品”或“我們能做什么”。
• 簡(jiǎn)化導(dǎo)航菜單
  菜單項(xiàng)越少，你的潛在客戶就越容易找到他們想要的東西。這也有利于你網(wǎng)站對(duì)于搜索引擎排名的優(yōu)化工作，因?yàn)楦?jiǎn)單的菜單，會(huì)將你主頁(yè)的頁(yè)面權(quán)威度（Page Authority，該指標(biāo)由Moz軟件公司開(kāi)發(fā)出，用來(lái)預(yù)測(cè)單個(gè)頁(yè)面在搜索引擎中排名的打分系統(tǒng)，分?jǐn)?shù)為0-100。單個(gè)頁(yè)面所獲分?jǐn)?shù)越高，則表示有越高能力在搜索引擎中獲得靠前的排名）賦權(quán)給你網(wǎng)站中權(quán)威度稍低的頁(yè)面。
• 讓用戶在頁(yè)面間的跳轉(zhuǎn)更方便
  添加內(nèi)鏈，強(qiáng)化行為召喚，最重要的是，確保從你的主頁(yè)進(jìn)入任意子頁(yè)面均不超過(guò)4次點(diǎn)擊。不管用戶處在哪個(gè)頁(yè)面，他們都需要知道自己在哪里，菜單欄或搜索欄在哪里，如何回到主頁(yè)，以及如何篩選出想要的結(jié)果，等等。

2. 設(shè)計(jì)一個(gè)令人驚艷的主頁(yè)

人們常說(shuō)不能以貌取人，但我們卻一直都在這么做。在電商的世界中，你的主頁(yè)就是顏值。

研究表明，只需0.05秒，一個(gè)用戶就能判斷出你的網(wǎng)站是否能夠滿足他們的需求。而且，如果你不能讓他們相信你的網(wǎng)站是可靠的、安全的或足夠有價(jià)值的，他們就會(huì)在眨眼之間拋棄你的網(wǎng)站。

那么，一個(gè)令人驚艷的主頁(yè)包含哪些要素呢?

• 一個(gè)可靠的產(chǎn)品價(jià)值定義，而非只是一句簡(jiǎn)單的口號(hào)。
  它可以向用戶表明選擇你而非你的對(duì)手的主要原因。它由強(qiáng)有力的標(biāo)題、子標(biāo)題、功能列表和視覺(jué)要素組成。它傳達(dá)了你的品牌優(yōu)勢(shì)，展示了用戶將得到的收獲，且簡(jiǎn)潔易懂。
• 展示你的可信度。
  在主頁(yè)底部展示用戶評(píng)價(jià)、合作伙伴、核心產(chǎn)品的特點(diǎn)和優(yōu)勢(shì)，或者一些動(dòng)向。
• 網(wǎng)站頁(yè)腳應(yīng)是一個(gè)可以讓用戶找到所有你最重要網(wǎng)頁(yè)頁(yè)面的地方。
  請(qǐng)始終保持鏈接到公司信息頁(yè)、用戶幫助頁(yè)、社交媒體帳戶頁(yè)、聯(lián)系方式和社交媒體詳細(xì)信息，以及核心產(chǎn)品和其余產(chǎn)品種類(lèi)。
• 讓這一切鏈接通暢無(wú)阻。
  不論用戶是想購(gòu)買(mǎi)產(chǎn)品還是只想了解更多，他們都會(huì)想要和你進(jìn)行直接交流。這也就是為什么你需要加一個(gè)聊天機(jī)器人、電子郵件地址、點(diǎn)擊呼叫按鈕和社交媒體鏈接，以便于這些潛在客戶找到你。

3. 讓產(chǎn)品詳情頁(yè)更易轉(zhuǎn)化

主頁(yè)是用來(lái)吸引用戶并與他們建立關(guān)系的。但當(dāng)你想把一位訪客變成付費(fèi)用戶時(shí)，體現(xiàn)產(chǎn)品詳情頁(yè)重要價(jià)值的時(shí)刻就到了。它們需要為用戶深度展示你的產(chǎn)品，激發(fā)他們的興趣，并讓他們產(chǎn)生點(diǎn)擊“立即購(gòu)買(mǎi)”按鈕的欲望。那么，讓我們來(lái)一起看看產(chǎn)品詳情頁(yè)中最重要的元素都有哪些吧。

• 產(chǎn)品圖片
  有的時(shí)候，即便是像“光線不好”這樣的細(xì)微因素也會(huì)影響人們對(duì)你照片的感覺(jué)，并導(dǎo)致他們離開(kāi)你的網(wǎng)站。確保你的圖片和網(wǎng)站的色調(diào)很好地融合在一起，并保持合理。你拍攝的產(chǎn)品圖片應(yīng)增強(qiáng)你的品牌透明度和信任度，因此展示“正在使用中”的產(chǎn)品是個(gè)好主意。不管你賣(mài)的是衣服還是健身器材，你的用戶都希望可以輕松想象他們使用產(chǎn)品的樣子。
• 產(chǎn)品信息
  告訴用戶關(guān)于產(chǎn)品他想知的一切信息，以便幫助他做出明智的決定。例如，如果要賣(mài)衣服，請(qǐng)列出具體的尺寸、尺碼、面料等。用簡(jiǎn)單易懂的語(yǔ)言來(lái)解釋產(chǎn)品的特點(diǎn)，以及它是如何解決用戶問(wèn)題的。如果產(chǎn)品有不同的尺寸或顏色，應(yīng)明確說(shuō)明。
• 個(gè)性化的用戶體驗(yàn)
  這是所有大型電商品牌都會(huì)做的事情。他們會(huì)觀察用戶的偏好和購(gòu)買(mǎi)記錄，為他們提供一個(gè)流暢的購(gòu)買(mǎi)旅程。例如，添加“相關(guān)產(chǎn)品”或“其他用戶也購(gòu)買(mǎi)了”這樣的選項(xiàng)，可以幫助用戶更快地找到理想產(chǎn)品，并完成購(gòu)買(mǎi)。你還應(yīng)為用戶展示產(chǎn)品瀏覽歷史，方便他們更便捷地加入購(gòu)物車(chē)。
• 關(guān)聯(lián)銷(xiāo)售
  簡(jiǎn)單地說(shuō)，關(guān)聯(lián)銷(xiāo)售的意思就是說(shuō)服用戶從你這里購(gòu)買(mǎi)更多的商品。一旦用戶購(gòu)買(mǎi)了某款產(chǎn)品，你的網(wǎng)站就展示與其相關(guān)的產(chǎn)品。舉例來(lái)說(shuō)，如果一位用戶購(gòu)買(mǎi)了無(wú)線鼠標(biāo)，你也可以為其展示鼠標(biāo)墊或電池產(chǎn)品。

4. 提供常見(jiàn)問(wèn)題頁(yè)面（FAQ）

如果有用戶不確定是否要從你這里購(gòu)買(mǎi)產(chǎn)品，那他很可能會(huì)在深思熟慮前就離開(kāi)你的網(wǎng)站。你需要向他們證明這是一個(gè)錯(cuò)誤的選擇，而這正是“常見(jiàn)問(wèn)題“的切入點(diǎn)。

創(chuàng)建一個(gè)頁(yè)面去回答用戶最常問(wèn)的問(wèn)題，會(huì)讓用戶感到高興，將他們的購(gòu)買(mǎi)焦慮降到，也能夠更快引導(dǎo)他們完成購(gòu)買(mǎi)。這就是為什么，你需要積極地構(gòu)建FAQ頁(yè)面，提供可操作和有用的技巧，甚至通過(guò)截圖和圖片的形式來(lái)讓答案容易被更多人理解。

一個(gè)可靠的FAQ頁(yè)面還可以提升SEO（搜索引擎排名優(yōu)化），特別是在語(yǔ)音搜索SEO和本地化SEO盛行的時(shí)代。數(shù)據(jù)顯示，22%的搜索者會(huì)使用語(yǔ)音搜索在網(wǎng)上查找本地企業(yè)。因此，綜合考慮電商SEO實(shí)踐與本地化SEO服務(wù)，對(duì)你的電商網(wǎng)站至關(guān)重要。

這就是FAQ頁(yè)發(fā)揮首要作用的地方。也就是說(shuō)，在不損害用戶體驗(yàn)的情況下，它使你有機(jī)會(huì)針對(duì)搜索時(shí)高頻出現(xiàn)，及具有地區(qū)特征的關(guān)鍵詞，來(lái)優(yōu)化FAQ頁(yè)面的問(wèn)題和答案。此外，這也有助于提升你的網(wǎng)站在語(yǔ)音搜索中的排名，因?yàn)楣雀杞?jīng)常使用FAQ頁(yè)面作為語(yǔ)音搜索結(jié)果。

5. 讓訂單流程更友好

你已經(jīng)通過(guò)種種努力讓令人驚艷的主頁(yè)贏得了用戶的信任，用產(chǎn)品詳情頁(yè)頁(yè)的優(yōu)質(zhì)文案提升了他們對(duì)產(chǎn)品的興趣，現(xiàn)在是時(shí)候激發(fā)他們?nèi)ネ瓿勺詈蟮馁?gòu)買(mǎi)流程了。你千萬(wàn)不能搞砸了這個(gè)關(guān)鍵環(huán)節(jié)，因?yàn)橘?gòu)買(mǎi)流程是購(gòu)物流程閉環(huán)的最后一步。

• 不要強(qiáng)迫用戶注冊(cè)
  不是所有人都想出現(xiàn)在你的收件人列表中。那么，面對(duì)這些希望不注冊(cè)就能從你這里購(gòu)買(mǎi)的用戶時(shí)，要怎么做呢？顯然，你應(yīng)該允許用戶自由選擇是否要跳過(guò)這一步。這也是你如何減少用戶放棄后的流失，并激發(fā)他們完成購(gòu)買(mǎi)的一個(gè)方法。
• 精簡(jiǎn)注冊(cè)表單
  如果用戶決定注冊(cè)，那么讓他們的體驗(yàn)盡可能順暢。請(qǐng)去掉所有無(wú)關(guān)緊要的表單字段，專(zhuān)注于那些對(duì)你來(lái)說(shuō)真正重要的信息，例如手機(jī)號(hào)，電子郵件地址，信用卡信息以及收貨地址。要測(cè)試表單在移動(dòng)終端上填寫(xiě)的友好性，確保用戶可以很容易地在這些設(shè)備上填寫(xiě)。
• 運(yùn)費(fèi)透明
  用戶并不喜歡討人厭的“驚喜”，而運(yùn)費(fèi)就是其中一種。這就是為什么你需要在產(chǎn)品頁(yè)上突出運(yùn)費(fèi)選項(xiàng)，并且告訴用戶產(chǎn)品總價(jià)和運(yùn)費(fèi)，以及預(yù)期送達(dá)時(shí)間。
• 建立用戶信任
  用戶早已對(duì)愈演愈烈的網(wǎng)絡(luò)攻擊有所防備。令人不快的購(gòu)買(mǎi)經(jīng)歷，以及他們每天看到的關(guān)于數(shù)據(jù)泄露相關(guān)的消息，都迫使他們變得小心翼翼。所以，當(dāng)用戶在你網(wǎng)站下單之前，他們都想檢驗(yàn)?zāi)愕降子卸嘀档眯湃巍?br /> 1）首先，你需要從HTTP切換到HTTPS（加密的網(wǎng)絡(luò)傳輸協(xié)議）。Google用一個(gè)綠色掛鎖和“安全”標(biāo)簽，來(lái)標(biāo)記帶有SSL證書(shū)的站點(diǎn)。而只有HTTP的站點(diǎn)會(huì)被標(biāo)記為“不安全”。這也適用于那些擁有復(fù)雜的數(shù)據(jù)加密手段和存儲(chǔ)用戶數(shù)據(jù)的有效方式但仍未購(gòu)買(mǎi)SSL證書(shū)電商網(wǎng)站。當(dāng)用戶看到“不安全”的警告時(shí)，他們可能會(huì)離開(kāi)你的網(wǎng)站。
  2）在購(gòu)買(mǎi)頁(yè)面上，另一個(gè)重要元素就是安全徽章。這展示了你網(wǎng)站的權(quán)威性，并且告訴用戶，他們的敏感數(shù)據(jù)將會(huì)被安全地保存在你這里。
  3）最后，寫(xiě)出一個(gè)詳細(xì)的隱私政策，并為它提供一個(gè)方便用戶找到的鏈接入口。

總結(jié)

對(duì)于電商而言，用戶體驗(yàn)至關(guān)重要。她會(huì)為你積累忠實(shí)的老用戶，激勵(lì)新訪客轉(zhuǎn)換為付費(fèi)用戶，并有助于他們向親朋好友傳播關(guān)于你的正面口碑。Jeff Bezos對(duì)此有很好的詮釋?zhuān)?

“如果你的確建立了很好的體驗(yàn)，用戶就會(huì)口口相傳?？诒牧α渴菬o(wú)比強(qiáng)大的?！?/span>

我希望以上的這些秘訣將可以成為你的堅(jiān)實(shí)基礎(chǔ)，助力你在在電商領(lǐng)域取得成功。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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)這里

B端產(chǎn)品設(shè)計(jì)的6大挑戰(zhàn)

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

帶來(lái)的作品有FY品牌官網(wǎng)與移動(dòng)端設(shè)計(jì)，展示部分界面與交互動(dòng)效，Gif輸出存在色差，實(shí)際情況以高保真視覺(jué)界面為準(zhǔn)。

文章來(lái)源：UI中國(guó)

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)。