首頁(yè)

量化設(shè)計(jì)價(jià)值(三) 如何創(chuàng)建體系化的監(jiān)控系統(tǒng)

seo達(dá)人



隨著用戶體驗(yàn)設(shè)計(jì)的發(fā)展,我們已經(jīng)過(guò)了僅依賴需求和直覺(jué)就可以完成產(chǎn)品設(shè)計(jì)決策的階段了。數(shù)據(jù)對(duì)用戶體驗(yàn)設(shè)計(jì)師的價(jià)值可以總結(jié)為兩點(diǎn):1. 數(shù)據(jù)可以在「產(chǎn)品設(shè)計(jì)決策階段」提供了更多元的參考意見(jiàn);2. 數(shù)據(jù)可以在「產(chǎn)品設(shè)計(jì)復(fù)盤(pán)階段」提供更客觀的評(píng)價(jià)標(biāo)準(zhǔn)。

 

數(shù)據(jù)使用的場(chǎng)景

無(wú)論所處哪一種設(shè)計(jì)階段,總的來(lái)說(shuō)設(shè)計(jì)師的數(shù)據(jù)需求主要可以分為兩大類:

圖片

 

1.探索事物間關(guān)系的“內(nèi)因/外因”:

是什么東西影響了用戶的購(gòu)買(mǎi)決策 ?我的新版網(wǎng)站首頁(yè)的改版是否為產(chǎn)品提升了注冊(cè)的轉(zhuǎn)化率 ?這類需求的本質(zhì)是探究一種事物間的歡喜和因果性,常用「推論性統(tǒng)計(jì)」、「相關(guān)&非參數(shù)校驗(yàn)」進(jìn)行分析。對(duì)于這類需求,往往會(huì)有專業(yè)的數(shù)據(jù)分析師,用戶研究設(shè)計(jì)師,數(shù)據(jù)產(chǎn)品經(jīng)理承接。

 

2.發(fā)現(xiàn)數(shù)據(jù)中的“模式/異常”:

在一天之中隨著時(shí)間的變化,用戶的訪問(wèn)量有什么規(guī)律 ?這類需求的本質(zhì)是在對(duì)已經(jīng)發(fā)生的事物規(guī)律做一種總結(jié) ,使用的統(tǒng)計(jì)方法更多的是「描述性統(tǒng)計(jì)」。對(duì)于絕大多數(shù)設(shè)計(jì)師而言,能夠做到發(fā)現(xiàn)數(shù)據(jù)中的 “模式/異常” 基本可以覆蓋絕大多數(shù)日常工作的需求。

本文主要關(guān)注解決設(shè)計(jì)師的第二類使用場(chǎng)景——發(fā)現(xiàn)數(shù)據(jù)中的“模式/異常”。目前各大互聯(lián)網(wǎng)企業(yè)內(nèi)部都會(huì)提供自研或者第三方的BI工具,因此筆者建議設(shè)計(jì)師可以通過(guò)建立一個(gè)包含關(guān)鍵的體驗(yàn)指標(biāo)的數(shù)據(jù)看板系統(tǒng),對(duì)自己負(fù)責(zé)的業(yè)務(wù)進(jìn)行系統(tǒng)的總結(jié)和復(fù)盤(pán)。

以我曾經(jīng)的工作內(nèi)容為例,我們的產(chǎn)品是服務(wù)商家進(jìn)行“前后端對(duì)接生產(chǎn)”的訂單審核系統(tǒng)?!?strong>效率】是制造業(yè)至關(guān)重要的關(guān)注面,在一個(gè)企業(yè)用戶的付費(fèi)決策中也起到了相當(dāng)重要的分量,客戶使用我們的工具進(jìn)行訂單審核和流轉(zhuǎn)的效率是整個(gè)用戶體驗(yàn)?zāi)P椭械闹匾糠帧?

因此我們需要構(gòu)建一系列合理的指標(biāo)來(lái)判斷訂單系統(tǒng)的處理效率。除【效率】外,【用戶行為】【用戶特征】等都是設(shè)計(jì)師關(guān)系的信息。以【效率】為起點(diǎn),最終我們構(gòu)建了一個(gè)籠統(tǒng)的包含設(shè)計(jì)師所有要監(jiān)測(cè)的信息看板系統(tǒng)

圖片

 

關(guān)鍵概念

本質(zhì)上互聯(lián)網(wǎng)產(chǎn)品中的看板(kanban)與自然科學(xué)領(lǐng)域研究人員的用 R 或者 Seaborn繪制的精美圖表沒(méi)有本質(zhì)上的區(qū)別,差異點(diǎn)可能在于看板更加關(guān)注時(shí)效性,同時(shí)更加具備可交互性。

隨著儀表盤(pán)工具和各種BI軟件產(chǎn)品在人群中的普及,人們對(duì)儀表盤(pán),指標(biāo)(Metric)和關(guān)鍵績(jī)效指標(biāo)(KPI)的組成有不同的理解。為了確保我們都說(shuō)相同的語(yǔ)言,我將定義一組術(shù)語(yǔ),這些術(shù)語(yǔ)將構(gòu)成我們討論的基礎(chǔ):

  • 度量(Measure):度量是一段數(shù)字上可量化的數(shù)據(jù)。銷(xiāo)售額、利潤(rùn)、留存率,都是具體衡量的例子。
  • 維度(Dimension):維度表示給定指標(biāo)的不同方面屬性。例如,時(shí)間通常被用作分析不同度量的維度。其他一些常見(jiàn)的維度包括地區(qū)、產(chǎn)品、部門(mén)、細(xì)分市場(chǎng)等。
  • 層次結(jié)構(gòu)(Hierarchy):維度可以進(jìn)一步分解為層次結(jié)構(gòu)。例如,時(shí)間維度還可以形成層次結(jié)構(gòu),例如 年>季度>月>日。
  • 粒度(Grain):層次結(jié)構(gòu)中的每個(gè)級(jí)別都稱為維度的粒度。例如,年 > 季度 > 月 > 日 ,中的“年”是一個(gè)特定的粒度。
  • 指標(biāo)(Metric):指標(biāo)是我們經(jīng)常在儀表板中顯示的數(shù)據(jù)類型,它表示一個(gè)度量Measure)的數(shù)據(jù)段與一個(gè)或多個(gè)特定維度(Dimension)和相關(guān)粒度(Grain)的關(guān)系。

圖片

上圖是在Tableau中一個(gè)標(biāo)準(zhǔn)的指標(biāo)示例-“每周銷(xiāo)售總額” 的構(gòu)建方式。在這個(gè)指標(biāo)中,我們需要量化的“”是美元——即總銷(xiāo)售額,用來(lái)觀察量化數(shù)據(jù)的“維度”— 即時(shí)間,而時(shí)間維度可以被進(jìn)一步分解為“年>季度>周”的層級(jí)結(jié)構(gòu),“每周銷(xiāo)售總額”需要關(guān)聯(lián)的維度中的特定“粒度 ——即周。

  • 看板(Cards or KanBan): 觀察一個(gè)或多個(gè)指標(biāo)(Metric)運(yùn)行情況的圖表
  • 儀表板(Dashboard): 儀表板是多個(gè)圖形,圖表,量表或其他直觀表示的集合。多個(gè)看板可組成一個(gè)儀表板
  • 報(bào)告(Report): 報(bào)告可以是對(duì)應(yīng)圖表和其他可視化的表示,也可以是可能直接相關(guān)或不直接相關(guān)的大量圖表和可視化。多個(gè)儀表盤(pán)可組成一個(gè)報(bào)告。

圖片

“實(shí)時(shí)、受眾群體、流量獲取、行為……” 上圖為Google Analytics 中提供的多種類型的數(shù)據(jù)分析報(bào)告,報(bào)告可以非常廣泛地涵蓋廣泛的相關(guān)信息。每一種特定報(bào)告內(nèi)包含了若干個(gè)回答特定問(wèn)題的dashboard,一個(gè)dashboard內(nèi)可以包含多個(gè)相互關(guān)聯(lián)的指標(biāo)的看板。

一個(gè)可分析、可追蹤的數(shù)據(jù)系統(tǒng)中,最原子的構(gòu)成單位理解成一個(gè)“看板”。如何從0-1構(gòu)建一個(gè)客觀有效的數(shù)據(jù)看板系統(tǒng)?我們可以類比【一個(gè)人學(xué)習(xí)做菜】的過(guò)程,做菜的過(guò)程可以總結(jié)為三個(gè)階段:

  1. 學(xué)習(xí)菜譜&列一個(gè)采購(gòu)清單
  2. 采購(gòu)食材&烹飪食材
  3. 擺盤(pán)料理&品嘗美食

對(duì)應(yīng)到數(shù)據(jù)看板系統(tǒng)的創(chuàng)建,我們亦可以總結(jié)為三個(gè)階段:

  1. 了解數(shù)據(jù)的特性、明確自己需要哪些數(shù)據(jù)
  2. 通過(guò)技術(shù)手段獲取數(shù)據(jù)、將粗?jǐn)?shù)據(jù)加工成意義明確的指標(biāo)
  3. 將指標(biāo)數(shù)據(jù)可視化,觀察數(shù)據(jù)并嘗試分析現(xiàn)象

圖片

 

度量Measure & 維度Dimension

“ Data is more than numbers, and to visualize it, you must know what it represents. ”

數(shù)據(jù)不僅僅是數(shù)字,數(shù)字、數(shù)組、表格、都可以被稱之為數(shù)據(jù)。要將數(shù)據(jù)形象化,你必須知道它代表什么。為了構(gòu)建有效的效率指標(biāo),第一步是:明確為了解決當(dāng)前的問(wèn)題,要觀察的【度量】是哪些,以及這些度量又需要從哪些【維度】進(jìn)行觀察。

 

了解數(shù)據(jù)類型

一個(gè)線上的項(xiàng)目每天都在收集成百上千種數(shù)據(jù),怎樣確定自己需要什么數(shù)據(jù)作為 度量(Measure)呢?首先值得注意的是,不是所有類型的數(shù)據(jù)都適合作為度量Measure)被加工成指標(biāo)。
不同學(xué)科,不同課程,不同領(lǐng)域,對(duì)于數(shù)據(jù)類型的定義基本一樣,但稱呼并不完全一樣。統(tǒng)計(jì)學(xué)中,數(shù)據(jù)類型分為四種:定類,定序,定距,和定比。這四種類型是從低到高的遞進(jìn)關(guān)系,高級(jí)的類型可以用低級(jí)類型的分析方法來(lái)分析,而反過(guò)來(lái)卻不行。

圖片

定性數(shù)據(jù)與定量數(shù)據(jù)

 

從宏觀角度分析,數(shù)據(jù)類型分為 定性 和 定量 兩種。一個(gè)通俗的例子,以自身為例:例如衣服的顏色,頭發(fā)的類型和鼻子的形狀這些標(biāo)識(shí)標(biāo)識(shí)的是定性數(shù)據(jù);例如身高,體重,年齡和鞋子的尺碼,這些可測(cè)量的是定量數(shù)據(jù)。

1.定量數(shù)據(jù)

定量數(shù)據(jù)是統(tǒng)計(jì)數(shù)據(jù),通常具有自然結(jié)構(gòu)性意味著它更加嚴(yán)格和明確,可再細(xì)分為連續(xù)/離散兩種。此類數(shù)據(jù)使用數(shù)字和值進(jìn)行測(cè)量,這使其更適合進(jìn)行數(shù)據(jù)分析??梢酝ㄟ^(guò)以下方式獲取定量數(shù)據(jù):

  • 測(cè)量
  • 實(shí)驗(yàn)
  • 調(diào)查
  • 市場(chǎng)報(bào)告
  • ……

2.定性數(shù)據(jù)

定性數(shù)據(jù)是非統(tǒng)計(jì)數(shù)據(jù),本質(zhì)上通常是非結(jié)構(gòu)化或半結(jié)構(gòu)化的。定性數(shù)據(jù)可以用來(lái)問(wèn)“為什么”的問(wèn)題。它是調(diào)查性的,在進(jìn)行進(jìn)一步研究之前通常是開(kāi)放性的。從定性研究中生成的數(shù)據(jù)用于理論化,解釋,發(fā)展假設(shè)和初步理解。可以通過(guò)以下方法獲取定性數(shù)據(jù):

  • 文字和文件
  • 音頻和視頻記錄
  • 圖片和符號(hào)
  • 訪談筆錄和焦點(diǎn)小組
  • ……

想要了解訂單流轉(zhuǎn)的效率是怎樣,最簡(jiǎn)單的方法是通過(guò)和我們的客戶進(jìn)行面聊一下使用情況并記錄一下反饋,但這樣的產(chǎn)物并不方便進(jìn)行統(tǒng)計(jì)分析和展示。盡管有一些對(duì)定性數(shù)據(jù)“結(jié)構(gòu)化”的方法,比如對(duì)定類數(shù)據(jù)進(jìn)行的非參數(shù)校驗(yàn),但實(shí)施起來(lái)成本較高。定量數(shù)據(jù)因?yàn)楸旧斫Y(jié)構(gòu)化的特點(diǎn)更適合分析,因此在這里建議設(shè)計(jì)師在構(gòu)建自己的dashboard系統(tǒng)時(shí),需要跟蹤分析的數(shù)據(jù)盡量選擇定量數(shù)據(jù)。

 

確定需要觀察的度量&維度

明確需要觀察的度量有哪些,首先需要從要解決的問(wèn)題出發(fā)。但是沒(méi)有一個(gè)整體的分析模型,往往會(huì)導(dǎo)致我們的分析遺漏很多信息和細(xì)節(jié),導(dǎo)致數(shù)據(jù)分析師無(wú)法理解彼此的需求,最終導(dǎo)致最后產(chǎn)出的看板難產(chǎn)或答非所問(wèn):

使用的問(wèn)題分析工具—— KPI wheel

在這里介紹一種名為KPI Wheel的簡(jiǎn)單工具,可用于收集將用于定義和可視化指標(biāo)的前期必備信息。您可以將 KPI wheel 的圖片打印在紙上,然后開(kāi)始嘗試依次思考這四個(gè)方面:

  1. “ 要解決的問(wèn)題是什么”
  2. “誰(shuí)在關(guān)心這個(gè)問(wèn)題?”
  3. “我需要去哪里獲取這些數(shù)據(jù)?”
  4. “為什么這個(gè)數(shù)據(jù)很重要?”

在解答的上述的幾個(gè)問(wèn)題的過(guò)程中隨手記錄:

(1)可能引發(fā)什么進(jìn)一步的疑問(wèn)

(2)使用此信息可以采取什么行動(dòng)或決定。

不斷的提出問(wèn)題并進(jìn)行進(jìn)一步分析,這么做的目的是讓用戶不斷分解問(wèn)題,直到他們有足夠的信息來(lái)采取行動(dòng)或做出決定。經(jīng)過(guò)幾輪完整的分析后,用戶就可以大致確定指標(biāo)的「度量」和 所需要的「維度」。

圖片

以我曾經(jīng)的工作內(nèi)容為例:我們的產(chǎn)品是服務(wù)商家進(jìn)行“前后端對(duì)接生產(chǎn)”的訂單審核系統(tǒng),我們需要構(gòu)建一系列合理的指標(biāo)來(lái)判斷訂單系統(tǒng)的處理效率。以下是與產(chǎn)品經(jīng)理討論過(guò)程中的具體流程:

 

第一輪 KPI Wheel ——

1.Answer KPI Wheel:“ WHAT?WHO? WHERE? WHY? 

  • what:我們需要一種途徑了解用戶進(jìn)行訂單審核的效率如何

針對(duì)這個(gè)問(wèn)題我們聯(lián)想到:

1.想要了解訂單處理效率,首先需要定義什么叫訂單的效率;在行業(yè)中有一種叫做「訂單生命周期」的專有名詞來(lái)表示訂單從創(chuàng)建到結(jié)束的時(shí)長(zhǎng),是一個(gè)可借鑒的概念

2.針對(duì)我們的業(yè)務(wù),一個(gè)工單的生命周期經(jīng)歷了從創(chuàng)建-流轉(zhuǎn)&審核-通過(guò),一個(gè)工單從創(chuàng)建到通過(guò)所經(jīng)歷的時(shí)間是我們需要記錄的【度量】

 

  • who:產(chǎn)品/運(yùn)營(yíng)/設(shè)計(jì) 三個(gè)業(yè)務(wù)方都關(guān)注訂單的效率

針對(duì)這個(gè)問(wèn)題我們聯(lián)想到:

1.對(duì)于不同的角色,在檢測(cè)數(shù)據(jù)的時(shí)候都關(guān)注哪些維度?

2.訂單類型分審核單&生產(chǎn)單這兩種,兩種類型的訂單,訂單類型是一個(gè)必要維度

3.時(shí)間是上述三個(gè)相關(guān)方都需要關(guān)注的維度,一個(gè)訂單在通過(guò)審核時(shí)的時(shí)間,是一種重要的分析維度;而“時(shí)間”維度,我們可以繼續(xù)拆分為: 年-月-周-日 的層次結(jié)構(gòu)

4.對(duì)于運(yùn)營(yíng),了解不同行業(yè)的商家的訂單效率對(duì)進(jìn)行深入運(yùn)營(yíng)是必要的。而”行業(yè)”維度根據(jù)分類方式的不同,又可以歸類為一級(jí)行業(yè)(軟裝設(shè)計(jì)/板式家具/…),二級(jí)行業(yè)(整木定制/辦公家具定制/暖通/地板/瓷磚……)

4.對(duì)于產(chǎn)品,為了更好的維護(hù)客情,對(duì)于特定的大客戶的數(shù)據(jù)需要重點(diǎn)關(guān)注。因此商家賬號(hào)的ID,也是重要的分析維度。

 

  • where:我們需要的數(shù)據(jù)要在哪里獲???

針對(duì)這個(gè)問(wèn)題我們聯(lián)想到:

1.與一般的用戶行為數(shù)據(jù)不同,訂單的數(shù)據(jù)都儲(chǔ)存在后臺(tái)的操作日志中

2.需要的”行業(yè)”維度,可以復(fù)用其它團(tuán)隊(duì)已經(jīng)制定好的標(biāo)簽

 

  • why:效率是企業(yè)的生命,制造業(yè)中存在各種效率指標(biāo),如“人效”/“屏效”等。糟糕的使用效率會(huì)造成我們的產(chǎn)品在根本上是不可接受的,因此效率指標(biāo)非常重要

針對(duì)這個(gè)問(wèn)題我們聯(lián)想到:

1.通過(guò)【訂單生命周期】統(tǒng)計(jì)的時(shí)間,可以在整體上評(píng)估訂單系統(tǒng)的流轉(zhuǎn)效率。但是僅僅依靠一個(gè)這樣的指標(biāo),缺少一些更細(xì)致的視角??梢栽黾訉?duì)方案(訂單的載體)的停留時(shí)長(zhǎng)的統(tǒng)計(jì),來(lái)計(jì)算審核在整個(gè)生命周期中所耗時(shí)間的占比。

2.The Rising Questions & Action:“ 根據(jù)問(wèn)題1的答案,這還會(huì)引發(fā)什么其他問(wèn)題,或者您將采取什么行動(dòng)?”

 

在回答上面的4W的過(guò)程中,會(huì)引發(fā)其它衍生問(wèn)題,例如 “訂單審核周期的時(shí)間的最小單位是什么?”  等等。針對(duì)上述的其中衍生問(wèn)題,可以再進(jìn)行一輪kpi wheel的自問(wèn)自答。比較簡(jiǎn)單的衍生問(wèn)題,不需要4個(gè)方面都進(jìn)行問(wèn)題分析。

 

最終 

在多次重復(fù)上述的兩個(gè)過(guò)程后,最終我們確定了要在產(chǎn)品中量化哪些 度量(Measure),以及這些度量需要哪些分析維度,并將所有需要的度量和相關(guān)的維度都用表格的形式記錄下來(lái)。

例如,‘訂單從創(chuàng)建到最終通過(guò)的時(shí)長(zhǎng)(h)’,是一個(gè)需要被量化的度量。它需要關(guān)聯(lián)的維度(Dimension)有時(shí)間、商家ID、一級(jí)行業(yè)、二級(jí)行業(yè)。

圖片

 

指標(biāo)Metric

研究完成菜譜,記錄采購(gòu)清單后,接下來(lái)的帶班過(guò)程就是準(zhǔn)備食材并進(jìn)行烹飪。當(dāng)你已經(jīng)明確了要觀察的 度量(Measure)、和需要關(guān)聯(lián)的維度(Dimension),下一步就是通過(guò)數(shù)據(jù)建設(shè)獲取這些度量,然后將度量加工成指標(biāo)。

 

建設(shè)埋點(diǎn)

獲取度量的過(guò)程就是取數(shù)’的過(guò)程。想要?jiǎng)?chuàng)建看板,數(shù)據(jù)分析師需要通過(guò)各種方式獲取一張包含所有你需要的信息的寬表。如何獲得這張包含一切關(guān)鍵信息的表格?我們需要借助埋點(diǎn)獲取數(shù)據(jù)。

所謂埋點(diǎn)就是在應(yīng)用中特定的流程收集一些信息,用來(lái)跟蹤應(yīng)用使用的狀況。您可以把用戶在與您的網(wǎng)站或應(yīng)用互動(dòng)時(shí)觸發(fā)交互行為理解為一個(gè) “ 事件 ”,一個(gè)時(shí)間存在一個(gè)觸發(fā)的條件,當(dāng)達(dá)到這個(gè)觸發(fā)條件后就會(huì)上傳請(qǐng)求,請(qǐng)求中會(huì)攜帶需要的 “ 參數(shù) ”。

例如“用戶點(diǎn)擊按鈕將商品加購(gòu)到購(gòu)物車(chē)”這個(gè)行為,每次用戶觸發(fā)這個(gè)行為后都會(huì)發(fā)送一個(gè)請(qǐng)求,而這個(gè)請(qǐng)求中會(huì)記錄:1.加購(gòu)商品的金額/2.加購(gòu)商品的類型/3.加購(gòu)商品的商品ID…等信息。這些結(jié)構(gòu)化的信息構(gòu)成了我們需要的度量(Measure)與 維度(Dimension)。

在完成了最基礎(chǔ)的埋點(diǎn)后,我們就獲得了最基礎(chǔ)的數(shù)據(jù)。

圖片

 

如何建立有效指標(biāo)建議

“指標(biāo)”是量化衡量標(biāo)準(zhǔn),未經(jīng)加工的數(shù)據(jù)不具備可觀察的價(jià)值。通過(guò)埋點(diǎn),我們單純只是得到了若干張包含所有用戶信息的巨型表格,我們是分析不出什么有用信息的。為了更有效的去觀察和分析作為度量Measure)的數(shù)據(jù),就需要對(duì)埋點(diǎn)數(shù)據(jù)進(jìn)行一定的加工,變得更加易于理解和表達(dá)。

當(dāng)一個(gè)度量Measure)的數(shù)據(jù)段與一個(gè)或多個(gè)特定維度(Dimension)之間互相聯(lián)系了起來(lái),度量就成為了指標(biāo)。例如,同樣的一份關(guān)于【訪問(wèn)用戶人數(shù)】這一度量,可以根據(jù)關(guān)聯(lián)的時(shí)間維度的不同,創(chuàng)建 DUV 和 MUV 等多個(gè)不同的指標(biāo)。

如何創(chuàng)建一個(gè)有效的指標(biāo),結(jié)合筆者的工作經(jīng)驗(yàn),下面給出三點(diǎn)建議:

 

(1)為一個(gè)指標(biāo)設(shè)想一個(gè)高級(jí)概念:

  • 首先指標(biāo)的名稱需要客觀,要讓人乍一聽(tīng)就能大概會(huì)意,例如:「加購(gòu)商品操作每日點(diǎn)擊次數(shù)」。而如果您定義的是類似:“軟件上手度”,這種概念比較晦澀、在業(yè)內(nèi)又沒(méi)有約定俗成的定義的指標(biāo),可能需要重新考慮概念是否恰當(dāng)。
  • 每周訪問(wèn)站點(diǎn)的用戶總數(shù)/ 每日訪問(wèn)站點(diǎn)的用戶數(shù)/ 每日訪問(wèn)站點(diǎn)的新手用戶數(shù)…,這些指標(biāo)即相互獨(dú)立,但反應(yīng)的又是同一件事的客觀熟悉的時(shí)候,我們可以把這些詳細(xì)的指標(biāo)統(tǒng)一用一個(gè)高級(jí)的指標(biāo)概念來(lái)做一個(gè)歸納,例如“站點(diǎn)訪問(wèn)用戶數(shù)”

圖片

 

(2)檢查并確定定義指標(biāo)的細(xì)節(jié):

  • 確定了指標(biāo)的基礎(chǔ)概念后,需要檢查一遍指標(biāo)的細(xì)節(jié)。
  • 例如,“訂單生命周期”這個(gè)指標(biāo)的定義中,生命周期是指一個(gè)訂單從創(chuàng)建到最后通過(guò)審核耗時(shí),而與其關(guān)聯(lián)的維度有時(shí)間,訂單類型等。需要強(qiáng)調(diào)的是,一個(gè)訂單可能會(huì)存在:創(chuàng)建時(shí)間、通過(guò)時(shí)間,這兩種不同的時(shí)間戳。而在“訂單生命周期”這個(gè)指標(biāo)我們需要關(guān)聯(lián)的時(shí)間維度是【通過(guò)時(shí)間】。如果關(guān)聯(lián)是【創(chuàng)建時(shí)間】,則會(huì)得到另外一種完全不同的生命周期計(jì)算方式。

圖片

 

(3)將測(cè)量到的度量數(shù)據(jù),通過(guò)計(jì)算總結(jié)為一個(gè)指標(biāo):

  • 通過(guò)埋點(diǎn)收集到的是大量的數(shù)據(jù),是一個(gè)巨大的整體,而指標(biāo)則是描述總體特性的參數(shù)。而把原始數(shù)據(jù)組織并總結(jié)成更易處理的形式的技術(shù)叫做描述性統(tǒng)計(jì),一種最常見(jiàn)的方法是通過(guò)計(jì)算平均數(shù)的方法總結(jié)一組數(shù)據(jù)。
  • 這些描述總體特性的參數(shù)中又存在不同的用途,有的用來(lái)描述頻數(shù)分布,有的用來(lái)描述集中趨勢(shì):平均數(shù),眾數(shù)、中位數(shù),有的用來(lái)描述變異性:四分衛(wèi)距、方差。我們需要根據(jù)自己的用途選擇合適的統(tǒng)計(jì)方式來(lái)構(gòu)建指標(biāo)。

圖片

 

根據(jù)統(tǒng)計(jì)方法的不同,常見(jiàn)的指標(biāo)類型有以下幾種,他們擁有不同的分布類型和方差的計(jì)算公式

  • 【 計(jì)數(shù) Count 】
  • 【 概率 Probability 
  • 【 平均數(shù) Average 】
  • 【 中位數(shù)(或其它位數(shù))Percentile
  • 【 比率 Rate 】
  • 【 一般比例 Ratio 】

圖片

 

可視化 Visualize

烹飪好食材之后,接下來(lái)的工作就是擺盤(pán)與上菜。優(yōu)秀的擺盤(pán)可以讓料理更加精致和高級(jí),優(yōu)秀的數(shù)據(jù)可視化可以幫助我們更好的觀察與分析數(shù)據(jù),反之糟糕的數(shù)據(jù)可視化可能會(huì)讓我們丟失很多重要信息。

 

Why visual ?

為什么一定要使用看板(圖表)來(lái)觀察和分析數(shù)據(jù)??jī)H關(guān)注幾個(gè)關(guān)鍵指標(biāo)的數(shù)據(jù)是否就已經(jīng)足夠?

使用看板對(duì)指標(biāo)進(jìn)行觀察和分析的意義在于:相比單純的數(shù)字,圖表可以攜帶更多的展示維度(大小、長(zhǎng)度、顏色、面積…),能幫助我們多維度的觀察數(shù)據(jù)、避免疏漏。

例如,安斯庫(kù)姆四重奏(Anscombe’s quartet)是四組基本的統(tǒng)計(jì)特性一致的數(shù)據(jù),但由它們繪制出的圖表則截然不同。如果僅依靠基本的統(tǒng)計(jì)特性來(lái)觀察數(shù)據(jù),我們很容易忽略一些重要信息。

圖片

 

選擇合適的圖表類型

BI工具中支持多種圖表類型,比如展示瀏覽路徑的“桑基圖”、展示轉(zhuǎn)化率的“漏斗圖”,甘特圖、散點(diǎn)圖等。如何選擇合適的圖表來(lái)展示并分析你的數(shù)據(jù)可以參考下圖:

圖片

圖表種類繁多,但只要掌握其中的一小部分就能滿足絕大多數(shù)需求。對(duì)于大部分設(shè)計(jì)師,以下3種最基礎(chǔ)的圖表類型是最常用的:

  1. 條形圖:是最常用的圖表類型。條形圖易于閱讀,我們用眼睛比較條形圖的末端,很容易快速得出結(jié)論:哪一類最大、哪一類最小以及類別之間的增減區(qū)別。
  2. 線圖:最常用于繪制連續(xù)的數(shù)據(jù)。因?yàn)榫€連接了點(diǎn),這就暗示了點(diǎn)與點(diǎn)之 間存在著離散數(shù)據(jù)(一系列數(shù)據(jù)分隔成不同的類別)間沒(méi)有的聯(lián)系。通常,連續(xù)性數(shù)據(jù)都以時(shí)間為單位:天、月、季度和年度。
  3. 餅圖:在總量間各部分的占比時(shí)比較高效

最后,當(dāng)我們創(chuàng)建了許多看板后如何進(jìn)行歸納?我們可以將關(guān)注相同的問(wèn)題的看板歸納在一起,就形成了一個(gè)關(guān)注同一類問(wèn)題的Dashboard;對(duì)不同的 Dashboard 提取共性,將同一個(gè)業(yè)務(wù)的不同Dashboard組織起來(lái),就形成了一個(gè)Report。一個(gè)Report內(nèi)可以籠統(tǒng)的包含當(dāng)前業(yè)務(wù)需要關(guān)注的所有信息。

圖片

例如:【訂單生命周期】關(guān)注的是企業(yè)的訂單效率問(wèn)題,但并不是唯一關(guān)注效率的指標(biāo)。另外還有諸如:“審單員平均審核時(shí)長(zhǎng)”這樣的人效指標(biāo)的看板,這些看板同樣反饋的是訂單的效率。我們將關(guān)注相同的問(wèn)題的看板歸納在一起,就形成了一個(gè)Dashboard,Dashboard內(nèi)的看板與指標(biāo)都有關(guān)注同樣的問(wèn)題—效率。

除了效率,身為設(shè)計(jì)師的我們還需要關(guān)注很多其他的問(wèn)題:比如使用的用戶的特征、流量的來(lái)源、用戶發(fā)起的行為等等,這些問(wèn)題都可以擁有自己獨(dú)立的Dashboard。最后這些Dashboard組織在一起,就成為了一個(gè)支持系統(tǒng)的觀察分析當(dāng)前業(yè)務(wù)的體驗(yàn)指標(biāo)的完整報(bào)告。

 

觀察與分析數(shù)據(jù)

“ 我們需要的不是數(shù)據(jù) , 而是數(shù)據(jù)告訴我們的實(shí)事 ”。通過(guò)建立一個(gè)系統(tǒng)的監(jiān)測(cè)體系的目的主要是為了從數(shù)據(jù)中探索:模式/ 異常。不管圖表的形式是什么,我們都需要留心觀察這兩者。

 

1.何為「模式」:

模式即數(shù)據(jù)中的某項(xiàng)規(guī)律。比如機(jī)場(chǎng)每月的旅客人數(shù),雖然隨著時(shí)間推移變化不定,但是通過(guò)幾年的數(shù)據(jù)對(duì)比,我們可能發(fā)現(xiàn)旅客人數(shù)存在著季節(jié)性或周期性的變化,某些月份的旅客數(shù)量一致偏低/某些月份則一直偏高。

圖片

根據(jù)數(shù)據(jù)畫(huà)像我們可得知某個(gè)產(chǎn)品的成熟期用戶占絕對(duì)多數(shù)的現(xiàn)狀,

了解了這個(gè)「模式」就可以更好的制定符合絕大多數(shù)用戶心智的設(shè)計(jì)策略

 

2.何為「異?!梗?/strong>

異常即問(wèn)題數(shù)據(jù)。異常數(shù)據(jù)并非是錯(cuò)誤數(shù)據(jù),也有可能是設(shè)備記錄或人工錄入數(shù)據(jù)時(shí),出現(xiàn)的問(wèn)題。我們通過(guò)異常異常分析,一方面可以分析異常原因;一方面可以發(fā)現(xiàn)現(xiàn)有系統(tǒng)的漏洞。

圖片

蘋(píng)果公司通過(guò)監(jiān)控異常值、發(fā)現(xiàn)了位于深圳的AppleCare灰色產(chǎn)業(yè),

進(jìn)而改善了AppleCare的產(chǎn)品策略,避免了巨大的損失

最后在觀察分析數(shù)據(jù)的過(guò)程中,有三個(gè)需要特別關(guān)注的數(shù)據(jù)的特性不要忘記:

  • (1) 數(shù)據(jù)具有可變性(VARIABILITY)

數(shù)據(jù)的可變性這一重要的特性讓我們可以從數(shù)據(jù)中獲取規(guī)律和關(guān)系。如果您構(gòu)建的指標(biāo)本身并不具備可變性了,那您很可能需要嘗試其他指標(biāo)進(jìn)行跟蹤和分析。

  • (2)數(shù)據(jù)具有不確定性(UNCERTAINTY )

很多數(shù)據(jù)都是只能提供一個(gè)估計(jì)而不是絕對(duì)準(zhǔn)確的數(shù)量。例如:分析人員通常會(huì)通過(guò)樣本的數(shù)據(jù),進(jìn)而對(duì)整體的數(shù)據(jù)分布進(jìn)行進(jìn)行猜測(cè)。

  • (3)數(shù)據(jù)需要聯(lián)系上下文( CONTEXT )

數(shù)據(jù)分析離不開(kāi)情境。我們知道,數(shù)據(jù)的產(chǎn)生必然是有其情境的,不過(guò)統(tǒng)計(jì)數(shù)據(jù)時(shí),我們通常都要?jiǎng)冸x情境;而當(dāng)我們進(jìn)一步分析數(shù)據(jù)時(shí),又必須回到具體的情境中去。

例如:某個(gè)羽絨服經(jīng)銷(xiāo)商發(fā)現(xiàn)某一年冬季的銷(xiāo)售額產(chǎn)生了明顯的下降,這本應(yīng)該是一個(gè)異常的信號(hào),但我們不能簡(jiǎn)單粗暴的定義這是一個(gè)糟糕的數(shù)據(jù)。因?yàn)閷?shí)際上,銷(xiāo)售額下滑的哪一年是一個(gè)暖冬,且和同類的競(jìng)品相比自己的產(chǎn)品銷(xiāo)售額下滑趨勢(shì)的更低。結(jié)合情景分析數(shù)據(jù),往往能得到意想不到的結(jié)論。

 

本文參考文獻(xiàn):

文章:Dashboard Design: Key Performance Indicators and Metrics —— Thomas Gonzalez文章:【統(tǒng)計(jì)學(xué)】區(qū)分定類、定序、定距、定比變量——YYIverson書(shū)籍:Tableau:數(shù)據(jù)可視化之極速BI —— 沈浩書(shū)籍:Which chart or graph is right for you?——Tableau圖表白皮書(shū)

書(shū)籍:Data Points:Visualization That Means Something  —— Nathan Yau

書(shū)籍:Storytelling With Data —— Cole Nussbaumer Knaflic

 

原文鏈接:酷家樂(lè)用戶體驗(yàn)設(shè)計(jì)(公眾號(hào))

作者:曉虎

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》量化設(shè)計(jì)價(jià)值(三) 如何創(chuàng)建體系化的監(jiān)控系統(tǒng)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png



分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)

詳解|組件庫(kù)可以替代 B 端設(shè)計(jì)師么?

seo達(dá)人


有很多同學(xué)跟我說(shuō),自從 Ant Design 的組件變得越來(lái)越完善,自己也越來(lái)越不知道 B 端設(shè)計(jì)師的工作意義和價(jià)值是什么了。其實(shí)除了 Ant Design,還有很多常見(jiàn)的、優(yōu)秀的組件庫(kù),都為 B 端設(shè)計(jì)和開(kāi)發(fā)的工作提供了便利。那么使用組件庫(kù)真的可以替代 B 端設(shè)計(jì)師么?當(dāng)然不能。B 端設(shè)計(jì)師有其存在的獨(dú)特價(jià)值,本文就跟你聊聊組件和設(shè)計(jì)師之間的關(guān)系

 

圖片

 

1 . 組件是「效率」工具

組件是工具,用來(lái)為設(shè)計(jì)師和開(kāi)發(fā)提升工作效率。上文中所提到的 Ant Design 的初衷也并不是要做一款替代設(shè)計(jì)師的組件庫(kù),其根本目的之一也是提高整個(gè)團(tuán)隊(duì)的工作效率。使用組件可以從兩個(gè)方面提效:

(1)工作內(nèi)容上:可以將不必要的、重復(fù)性勞動(dòng)的時(shí)間節(jié)省出來(lái)

(2)工作流程上:便于設(shè)計(jì)師與前端開(kāi)發(fā)做交接和協(xié)作,節(jié)省溝通成本

 

2 . 組件是「質(zhì)量」保障

使用組件,可以在一定程度上保證設(shè)計(jì)工作的質(zhì)量。組件規(guī)范了前端和設(shè)計(jì)師的工作方法,建立相對(duì)底層的系統(tǒng),設(shè)定了設(shè)計(jì)和開(kāi)發(fā)的質(zhì)量底線。

圖片

基于組件規(guī)范,設(shè)計(jì)和開(kāi)發(fā)的產(chǎn)品更容易具備:

(1)一致性:具備相對(duì)一致的表現(xiàn)樣式,設(shè)計(jì)風(fēng)格和交互體驗(yàn)上均可保持統(tǒng)一

(2)可用性:對(duì)于用戶操作,可以保證最基本的可理解性和可操作性

(3)審美性:符合基本審美標(biāo)準(zhǔn),雖不會(huì)很亮眼,但也不會(huì)很難看

 

3 . 設(shè)計(jì)師要「沉淀」業(yè)務(wù)組件

B 端設(shè)計(jì)師可以嘗試沉淀有針對(duì)性的業(yè)務(wù)組件。很多業(yè)務(wù)領(lǐng)域有其獨(dú)特性,比如金融類組件和政務(wù)類的產(chǎn)品頁(yè)面列表內(nèi)容就有很大區(qū)別。單一的元素組件在應(yīng)用的過(guò)程中是可以被再次組合和沉淀的。

舉個(gè)例子,我在做業(yè)務(wù)需求設(shè)計(jì)時(shí),相比于 Ant Design,其實(shí)更常用的是 TechUI —— 它是建立在 Ant Design 基礎(chǔ)上的、由我們螞蟻的設(shè)計(jì)師通過(guò)對(duì)業(yè)務(wù)需求的提煉、組合和封裝,做成的一套于螞蟻?zhàn)约旱摹緲I(yè)務(wù)組件】

二者的區(qū)別是:

  • Ant Design:是所有人的,是通用的,是單一的原子級(jí)別的(比如一個(gè)輸入框)組件。
  • TechUI:是螞蟻?zhàn)约旱?,是私有的,是組合的區(qū)塊級(jí)別的(比如一整個(gè)表單)組件,更具備螞蟻集團(tuán)自己的業(yè)務(wù)屬性。

圖片

針對(duì)你公司不同業(yè)務(wù)類型,沉淀出不同種類的區(qū)塊級(jí)別的組件,這類組件使用起來(lái)也會(huì)更加得心應(yīng)手、加倍提效。這也是 B 端設(shè)計(jì)師可以去學(xué)習(xí)和精進(jìn)的一點(diǎn)。

 

4 . 設(shè)計(jì)師要「洞察」業(yè)務(wù)訴求

使用組件,可以讓設(shè)計(jì)師把節(jié)約出來(lái)的時(shí)間和精力放到更多有價(jià)值的工作上去。作為 Ant Design 的設(shè)計(jì)師之一,坦白的說(shuō),即使你的設(shè)計(jì)稿全部使用了 Ant Design 的組件搭建,最終的頁(yè)面效果也仍不完善,在用戶體驗(yàn)上始終可以更進(jìn)一步。

B 端設(shè)計(jì)師應(yīng)該更多去關(guān)注對(duì)用戶需求和業(yè)務(wù)邏輯的深入挖掘,不僅僅是在界面細(xì)節(jié)的表現(xiàn)手法上下功夫,還要學(xué)會(huì)站在全局,用系統(tǒng)性思維看待每一個(gè)項(xiàng)目,為整個(gè)產(chǎn)品的系統(tǒng)流程做優(yōu)化,做更全面的產(chǎn)品體驗(yàn)升級(jí)。

 

5 . 設(shè)計(jì)師要「放眼」B 端未來(lái)

隨著技術(shù)的發(fā)展和迭代,B 端產(chǎn)品的發(fā)展也呈現(xiàn)出多元化趨勢(shì)。我列舉以下幾個(gè)方面,用于思考和拓展設(shè)計(jì)師的邊界:

(1)承載媒介:多端化設(shè)計(jì)需求增多

B 端產(chǎn)品的應(yīng)用領(lǐng)域日漸廣泛,各類終端設(shè)備普及,設(shè)計(jì)師需要更多的探索設(shè)備的應(yīng)用場(chǎng)景。如點(diǎn)餐系統(tǒng)、收銀系統(tǒng)、AR、VR 應(yīng)用等等,最近鴻蒙系統(tǒng)中演示的多端聯(lián)動(dòng),也可能是未來(lái)的趨勢(shì)之一。

圖片

 

(2)工作流程:中臺(tái)策略 / 組件化設(shè)計(jì)

它是一種提效的工作方法。中臺(tái)策略適用于公司層面,我們上文提到的組件化設(shè)計(jì)更適用于團(tuán)隊(duì)。

圖片

 

(3)用戶體驗(yàn):重視用戶個(gè)性化和體驗(yàn)

B 端設(shè)計(jì)越來(lái)越重視用戶體驗(yàn),提供個(gè)性化的配置方式,并考慮無(wú)障礙設(shè)計(jì)領(lǐng)域。很多 B 端的應(yīng)用和業(yè)務(wù)也在逐步開(kāi)放給 C 端。 例如企業(yè)微信在 2019 年打通了個(gè)人微信和企業(yè)微信的壁壘,釘釘從 2020 年也開(kāi)始在 C 端發(fā)力。

圖片

 

(4)視覺(jué)表現(xiàn):數(shù)據(jù)可視化設(shè)計(jì)

需求多來(lái)源于政府、企業(yè)的定制化需求,更偏向于對(duì)數(shù)據(jù)呈現(xiàn)效果的打磨和優(yōu)化,能夠展示和分析數(shù)據(jù)中的關(guān)鍵內(nèi)容,形式與內(nèi)容需要高度一致,才會(huì)達(dá)到良好的展示效果。

圖片

 

原文鏈接:長(zhǎng)弓小子(公眾號(hào))

作者:元堯

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》組件庫(kù)可以替代 B 端設(shè)計(jì)師么?

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png



分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)



庫(kù)存領(lǐng)域的業(yè)務(wù)——庫(kù)存模塊

資深UI設(shè)計(jì)者

導(dǎo)語(yǔ):近期公司需要把一個(gè)事業(yè)部的發(fā)貨及庫(kù)存相關(guān)業(yè)務(wù)實(shí)現(xiàn)線上化,在我們部門(mén)內(nèi)部進(jìn)行業(yè)務(wù)調(diào)研及充分討論后,庫(kù)存中心的產(chǎn)品規(guī)劃方案基本確定,本文把我們實(shí)戰(zhàn)過(guò)程中的方案分享給大家,期望能夠?yàn)樽x者在設(shè)計(jì)庫(kù)存模塊時(shí)提供些許思路。


01 場(chǎng)景說(shuō)明

XX事業(yè)部主要業(yè)務(wù)以化工貿(mào)易為主,在市場(chǎng)上對(duì)部分產(chǎn)品處于核心地位。XX事業(yè)部自己不進(jìn)行產(chǎn)品生產(chǎn),主要提供營(yíng)銷(xiāo)服務(wù),倉(cāng)庫(kù)、物流均以整合社會(huì)資源為客戶提供服務(wù)為主。整體的業(yè)務(wù)流程如下:

  1. 客戶自己在平臺(tái)下單,或業(yè)務(wù)員代客戶下單,提交訂單時(shí)需要判斷發(fā)貨倉(cāng)是否有足夠的貨物發(fā)出。
  2. 內(nèi)勤確認(rèn)訂單無(wú)誤后,進(jìn)行發(fā)貨操作,業(yè)務(wù)要求后期需要進(jìn)行自動(dòng)發(fā)若客戶有特殊需求則需要指定具體批次貨物進(jìn)行發(fā)貨。
  3. 根據(jù)發(fā)貨單,由倉(cāng)庫(kù)人員處理出庫(kù),并進(jìn)行實(shí)際的庫(kù)存扣減。
  4. 物流人員根據(jù)發(fā)貨單中的收發(fā)貨信息安排承運(yùn)商進(jìn)行配送,并回收配送相關(guān)狀態(tài)。
  5. 在客戶需求變更或配送的貨物發(fā)生異常情況時(shí)能夠進(jìn)行售后申請(qǐng),把貨物進(jìn)行相應(yīng)處理。
  6. 對(duì)于庫(kù)存管理人員要求能夠定時(shí)進(jìn)行庫(kù)存盤(pán)點(diǎn),能夠及時(shí)發(fā)現(xiàn)庫(kù)存貨物由于一些管理上的異常情況而導(dǎo)致貨物數(shù)量異常的情況。
  7. 貨物需要定期進(jìn)行存貨核算以及倉(cāng)儲(chǔ)費(fèi)用結(jié)算。

在整體的業(yè)務(wù)模式中主要可分為以下三種貨物供應(yīng)模式:

  1. 計(jì)劃性的向供應(yīng)商采購(gòu)貨物后進(jìn)行備貨,再銷(xiāo)售給客戶。
  2. 在客戶下單時(shí)若除常規(guī)備貨的商品外還有其它貨物需求,可由銷(xiāo)售反饋給采購(gòu)后進(jìn)行零采。
  3. 向兄弟公司調(diào)貨銷(xiāo)售給客戶(具體可分為對(duì)方公司直接發(fā)貨給客戶和由銷(xiāo)售公司發(fā)貨給客戶兩種方式)。

在庫(kù)存管理的業(yè)務(wù)中,事業(yè)部相關(guān)人員要求需要及時(shí)知道有多少貨能夠進(jìn)行銷(xiāo)售,其中有多少是已經(jīng)在倉(cāng)庫(kù)可以隨時(shí)發(fā)貨,有多少可能是已經(jīng)采購(gòu)但貨還在配送過(guò)程中,還有一些可能是產(chǎn)品管理人員能夠預(yù)測(cè)未來(lái)會(huì)到貨的貨物數(shù)量。

02 業(yè)務(wù)分析

通過(guò)對(duì)上述場(chǎng)景進(jìn)行分析后,我們能夠把和庫(kù)存配送相關(guān)的業(yè)務(wù)進(jìn)行如下分類:發(fā)貨業(yè)務(wù)、出庫(kù)業(yè)務(wù)、到貨計(jì)劃、入庫(kù)業(yè)務(wù)、庫(kù)存管理業(yè)務(wù)、調(diào)撥業(yè)務(wù)、售后處理、其它出入庫(kù)業(yè)務(wù)。

整體的業(yè)務(wù)架構(gòu)圖如下:

產(chǎn)品設(shè)計(jì):庫(kù)存模塊

在整體的業(yè)務(wù)架構(gòu)中,各個(gè)部分具體的使用角色以及所需要負(fù)責(zé)的業(yè)務(wù)具體如下:

發(fā)貨:一般由銷(xiāo)售助理/內(nèi)勤人員完成,其主要任務(wù)是執(zhí)行銷(xiāo)售訂單,在客戶沒(méi)有特定要求下,可以設(shè)置為系統(tǒng)自動(dòng)生成,按先進(jìn)先出的規(guī)則進(jìn)行批次匹配,在客戶對(duì)批次有特殊要求下需要人工干預(yù),選擇對(duì)應(yīng)批次的貨物發(fā)給客戶。

注:在化工行業(yè)不同批次貨物其性質(zhì)會(huì)有所差異,故客戶會(huì)有一些特殊要求。而發(fā)貨單也是事業(yè)部對(duì)接倉(cāng)庫(kù)、承運(yùn)商的單據(jù),倉(cāng)庫(kù)根據(jù)發(fā)貨單進(jìn)行貨物分揀并以發(fā)貨單與提貨司機(jī)進(jìn)行匹配,防止貨物錯(cuò)發(fā),同時(shí)物流調(diào)度人員也會(huì)把發(fā)貨單分配給具體的承運(yùn)商,承運(yùn)商下的司機(jī)根據(jù)發(fā)貨單到對(duì)應(yīng)的倉(cāng)庫(kù)進(jìn)行提貨,并配送到對(duì)應(yīng)的收貨地址。

出庫(kù):公司以出庫(kù)單為依據(jù)影響庫(kù)存,同時(shí)也根據(jù)出庫(kù)單生成實(shí)際發(fā)生的應(yīng)收。主要分為銷(xiāo)售出庫(kù)、退貨出庫(kù)、調(diào)撥出庫(kù)、其它出庫(kù)。銷(xiāo)售出庫(kù)主要為根據(jù)發(fā)貨的實(shí)際情況進(jìn)行庫(kù)存扣減,是記錄貨物從真實(shí)的從對(duì)應(yīng)的倉(cāng)庫(kù)中已經(jīng)發(fā)出的憑證;退貨出庫(kù)主要為記錄售后需要進(jìn)行退貨處理的記錄憑證,把退貨業(yè)務(wù)放在出庫(kù)單中進(jìn)行記錄有一個(gè)好處就是能夠直接通過(guò)負(fù)數(shù)的單據(jù)關(guān)聯(lián)原有單據(jù)進(jìn)行沖銷(xiāo),而根據(jù)出庫(kù)單生成應(yīng)收后也能直接進(jìn)行應(yīng)收沖銷(xiāo),由此不會(huì)改變財(cái)務(wù)核算的邏輯;調(diào)撥出主要記錄跨組織調(diào)撥、轉(zhuǎn)庫(kù)調(diào)撥等情況,能夠記錄清楚該出庫(kù)時(shí)由哪家公司發(fā)起調(diào)撥而產(chǎn)生的,最終能夠反映在內(nèi)部結(jié)算上;其它出則包含了盤(pán)虧出、報(bào)損出等不同的情況。

退貨質(zhì)檢:主要記錄在客戶把貨物發(fā)回到指定地點(diǎn)后到貨物再次入庫(kù)之間的業(yè)務(wù)信息。能夠在該單據(jù)上記錄貨物異常的情況以及責(zé)任所屬。

到貨計(jì)劃:主要用于記錄計(jì)劃性采購(gòu)訂單貨物接收計(jì)劃,能對(duì)在途可售庫(kù)存進(jìn)行管理。到貨計(jì)劃需要記錄貨物是否可售,到貨具體的時(shí)間、數(shù)量、位置等信息。

入庫(kù):入庫(kù)單能夠直接影響庫(kù)存,同時(shí)能夠根據(jù)入庫(kù)單生成實(shí)際發(fā)生的應(yīng)付;主要分為采購(gòu)入庫(kù)、退貨入庫(kù)、調(diào)撥入庫(kù)和其它入庫(kù),具體邏輯和出庫(kù)類似。

庫(kù)存邏輯:主要分為庫(kù)存設(shè)置、明細(xì)、庫(kù)存量和庫(kù)存報(bào)表。庫(kù)存量的定義和具體邏輯是該部分最為復(fù)雜的業(yè)務(wù),在討論庫(kù)存量前我們需要明確幾個(gè)定義:

  • 現(xiàn)存量:指?jìng)}庫(kù)(可以是虛擬倉(cāng))中實(shí)際存放的貨物數(shù)量,理論上能夠進(jìn)行實(shí)際出庫(kù)的貨物數(shù)量,有些文檔中也稱之為物理庫(kù)存、賬面庫(kù)存。
  • 在途可售:指貨物未在倉(cāng)庫(kù),當(dāng)時(shí)也能夠銷(xiāo)售的庫(kù)存,支持外部采購(gòu)在途、內(nèi)部調(diào)撥在途。
  • 待發(fā)貨量:指已經(jīng)下單需要進(jìn)行發(fā)貨的貨物數(shù)量,支持銷(xiāo)售待發(fā)、調(diào)撥待發(fā)。

以上三個(gè)庫(kù)存量均有實(shí)際單據(jù)進(jìn)行對(duì)應(yīng),由于我們需要管控到批次基本,所以我們需要同時(shí)在SKU和批次兩個(gè)維度進(jìn)行庫(kù)存量的記錄,在途可售不需要在批次維度進(jìn)行記錄。

基于此我們通過(guò)計(jì)算得出我們能夠用于銷(xiāo)售的可售量,再通過(guò)一些庫(kù)存分配策略我們就能實(shí)現(xiàn)很好的庫(kù)存管理,例如:可設(shè)置預(yù)留量20%,各個(gè)渠道設(shè)置不同的數(shù)量,各個(gè)渠道可售數(shù)量之和可以大于總庫(kù)存,但每個(gè)渠道的庫(kù)存則不能大于最大可售量。我們也能夠設(shè)置相應(yīng)的庫(kù)存預(yù)警機(jī)制,在庫(kù)存低于一定比例是能夠進(jìn)行預(yù)警或者是限售。

03 功能設(shè)計(jì)

通過(guò)對(duì)具體的業(yè)務(wù)進(jìn)行分析后,我們即可對(duì)產(chǎn)品功能進(jìn)行詳細(xì)設(shè)計(jì),根據(jù)業(yè)務(wù)的實(shí)際情況,整體的功能結(jié)構(gòu)如下圖:

產(chǎn)品設(shè)計(jì):庫(kù)存模塊

從業(yè)務(wù)分析中我們可發(fā)現(xiàn)主要涉及兩個(gè)領(lǐng)域的業(yè)務(wù):物流配送領(lǐng)域和庫(kù)存領(lǐng)域,物流配送領(lǐng)域我們暫且不做具體的功能設(shè)計(jì)說(shuō)明,對(duì)庫(kù)存中心整體分為四個(gè)大的模塊:出庫(kù)管理、入庫(kù)管理、庫(kù)存管理、其它管理。

出庫(kù)管理主要滿足庫(kù)存扣減相關(guān)的業(yè)務(wù)場(chǎng)景,例如:銷(xiāo)售出庫(kù)、調(diào)撥出庫(kù)或其他出庫(kù),但有一種特殊情況就是售后退貨也是放在出庫(kù)模塊,主要是出于財(cái)務(wù)核算邏輯考慮,如果公司財(cái)務(wù)核算是應(yīng)收和收款核銷(xiāo),應(yīng)付和付款核銷(xiāo),沒(méi)有應(yīng)收和應(yīng)付核銷(xiāo)的模式,那么售后退貨就應(yīng)該用出庫(kù)模塊解決,如果公司由應(yīng)收和應(yīng)付核銷(xiāo)的模式則也可以把售后退貨放在入庫(kù)模塊;但第二種模式會(huì)增加財(cái)務(wù)核算的難度,同時(shí)在進(jìn)行庫(kù)存統(tǒng)計(jì)是也會(huì)造成入庫(kù)數(shù)據(jù)虛高,實(shí)際出庫(kù)不足,主要還是看具體業(yè)務(wù)的模式。

由于我們服務(wù)的事業(yè)部暫沒(méi)有做應(yīng)收和應(yīng)付核銷(xiāo)的模式所以我們就采用了第一種方式,而對(duì)于出庫(kù)單之前是否一定需要有發(fā)貨單也是要根據(jù)具體業(yè)務(wù)進(jìn)行規(guī)劃,如果倉(cāng)庫(kù)管理、物流配送都是自己公司內(nèi)部完成,也可以使用出庫(kù)單+配送單的模式進(jìn)行處理。

由于我們的業(yè)務(wù)是物流配送和倉(cāng)庫(kù)管理都是外包給第三方所以對(duì)外是以發(fā)貨單為標(biāo)準(zhǔn)單據(jù)進(jìn)行管理,所以出庫(kù)單只是發(fā)貨單的具體執(zhí)行情況的記錄。

入庫(kù)管理主要滿足庫(kù)存增加的相關(guān)業(yè)務(wù)場(chǎng)景,例如:采購(gòu)入庫(kù)、調(diào)撥入庫(kù)和其它入庫(kù),同出庫(kù)一樣在采購(gòu)發(fā)生退貨時(shí)也是以入庫(kù)單的形式進(jìn)行處理,如此設(shè)計(jì)的理由和銷(xiāo)售側(cè)是一樣的。

對(duì)于庫(kù)存管理,則屬于庫(kù)存中心最為核心的業(yè)務(wù)模塊,根據(jù)業(yè)務(wù)分析中的相關(guān)概念,我們把單據(jù)對(duì)庫(kù)存的影響整理一張圖:

產(chǎn)品設(shè)計(jì):庫(kù)存模塊

上圖中有一個(gè)核心公式:可用量=現(xiàn)存量+在途可售-待發(fā)貨量,由于化工行業(yè)的產(chǎn)品有分批次的特性故需要考慮SKU級(jí)的庫(kù)存結(jié)構(gòu)設(shè)計(jì)和SKU+批次級(jí)的庫(kù)存結(jié)構(gòu),批次級(jí)的現(xiàn)存量合計(jì)一定要等于SKU級(jí)的現(xiàn)存量,而待發(fā)貨量則不一定相等;在提交訂單時(shí)(提交或支付)以SKU級(jí)的庫(kù)存(不考慮庫(kù)存分配規(guī)則)進(jìn)行校驗(yàn)即可,在進(jìn)行發(fā)貨時(shí)則需要同時(shí)滿足訂單上的可發(fā)貨量和SKU+批次及的可用量以防止超發(fā)或者超賣(mài)。

在SKU級(jí)的可用量的基礎(chǔ)上我們可以根據(jù)具體的業(yè)務(wù)設(shè)計(jì)庫(kù)存分配策略,庫(kù)存策略以可分為預(yù)留和可售,預(yù)留則表示不對(duì)外進(jìn)行銷(xiāo)售,可售又可按渠道、活動(dòng)級(jí)其它邏輯進(jìn)行分配,各個(gè)方式之間的總和可超總可售量,但每種方式不可超總可售量,通過(guò)如此設(shè)計(jì)我們可以最大限度利用庫(kù)存,而避免出現(xiàn)超賣(mài)現(xiàn)象。

庫(kù)存的核心計(jì)算邏輯主要在圖示藍(lán)色部分,基本上把各種單據(jù)對(duì)庫(kù)存的影響都羅列進(jìn)去了,但以上的整體邏輯還是基于有貨(或在途)的情況下開(kāi)展的,但還有一種特殊情況是該邏輯不能覆蓋的即預(yù)售/期貨模式,預(yù)售/期貨模式是以銷(xiāo)定采的模式,是在確定了銷(xiāo)量的情況下再去進(jìn)行集中采購(gòu);所以對(duì)于預(yù)售/期貨模式 我們需要單獨(dú)設(shè)計(jì)一個(gè)虛擬庫(kù)存的模塊,而該模塊根據(jù)實(shí)際經(jīng)營(yíng)可以輕量級(jí)的方式在商品中心進(jìn)行實(shí)現(xiàn),最終在進(jìn)行貨物交付的時(shí)候在通過(guò)出庫(kù)單進(jìn)行管理即可。

在庫(kù)存中心還有庫(kù)存預(yù)警、盤(pán)點(diǎn)、期初處理等功能,在此不一一展開(kāi)說(shuō)明,大家可根據(jù)自己的實(shí)際情況進(jìn)行產(chǎn)品功能設(shè)計(jì)。

04 總結(jié)

庫(kù)存領(lǐng)域的業(yè)務(wù)是一個(gè)相對(duì)比較專業(yè)和復(fù)雜的領(lǐng)域,市場(chǎng)上也有十分之多的傳統(tǒng)軟件或SaaS,在很多企業(yè)認(rèn)為通過(guò)采購(gòu)的方式去部署一套軟件性價(jià)比會(huì)比自建庫(kù)存中心要高。

但筆者認(rèn)為在數(shù)字化轉(zhuǎn)型的浪潮之下,通過(guò)數(shù)字化的工具提升供應(yīng)鏈的效率、降低供應(yīng)鏈管理的成本一定是一個(gè)十分之重要的目的之一,營(yíng)銷(xiāo)測(cè)的數(shù)字化轉(zhuǎn)型大多數(shù)企業(yè)已經(jīng)通過(guò)消費(fèi)互聯(lián)網(wǎng)認(rèn)識(shí)到了其價(jià)值,我想供應(yīng)鏈測(cè)的數(shù)字化轉(zhuǎn)型在接下來(lái)的這幾年也一定會(huì)逐漸顯現(xiàn)其寶貴的價(jià)值。

傳統(tǒng)的庫(kù)存管理軟件不管其架構(gòu)還是對(duì)業(yè)務(wù)的實(shí)現(xiàn)都有其弊端,很難實(shí)現(xiàn)和營(yíng)銷(xiāo)側(cè)的互聯(lián)網(wǎng)架構(gòu)的系統(tǒng)進(jìn)行完美對(duì)接;所以自建基于互聯(lián)網(wǎng)架構(gòu)的庫(kù)存中心,并培養(yǎng)懂庫(kù)存業(yè)務(wù)知識(shí)的互聯(lián)網(wǎng)人員是大多數(shù)要做數(shù)字化轉(zhuǎn)型或產(chǎn)業(yè)互聯(lián)網(wǎng)的企業(yè)必須要完成的任務(wù)之一。


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png


文章來(lái)源:人人都是產(chǎn)品經(jīng)理   作者:不可分類者

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)






CentOS7 升級(jí)PHP到7.2

前端達(dá)人

寫(xiě)在前面

CentOS7下安裝PHP默認(rèn)是5.4的,但是有些框架要求PHP的版本得在5.4以上,這就需要我們把PHP升級(jí)一下了。

yum provides php 
  • 1

開(kāi)始升級(jí)PHP:

rpm -Uvh https://mirror.webtatic.com/yum/el7/epel-release.rpm #更新源
rpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpm
yum remove php-common -y  #移除系統(tǒng)自帶的php-common
yum install -y php72w php72w-opcache php72w-xml php72w-mcrypt php72w-gd php72w-devel php72w-mysql php72w-intl php72w-mbstring  #安裝依賴包 
  • 1
  • 2
  • 3
  • 4

查看版本

php -v 
  • 1

PHP 7.2.8 (cli) (built: Jul 20 2018 15:20:01) ( NTS )
Copyright (c) 1997-2018 The PHP Group
Zend Engine v3.2.0, Copyright (c) 1998-2018 Zend Technologies
    with Zend OPcache v7.2.8, Copyright (c) 1999-2018, by Zend Technologies

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png


轉(zhuǎn)自:csdn 作者:Peithon

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)

centos7重啟php環(huán)境

前端達(dá)人

apache
啟動(dòng)
systemctl start httpd
停止
systemctl stop httpd
重啟
systemctl restart httpd
或者

service httpd stop

service httpd start

service httpd restart


mysql
啟動(dòng)
systemctl start mysqld
停止
systemctl stop mysqld
重啟
systemctl restart mysqld

或者

service mysqld stop

service mysqld start

service mysqld restart



php-fpm
啟動(dòng)
systemctl start php-fpm
停止
systemctl stop php-fpm
重啟
systemctl restart php-fpm


nginx
啟動(dòng)
systemctl start nginx
停止
systemctl stop nginx
重啟
systemctl restart nginx

或者

service nginx stop
service nginx start
service nginx restart

開(kāi)機(jī)自啟

chkconfig httpd on

chkconfig mysqld on
 

 

一、MySQL啟動(dòng)方式

1

2

3

4

5

1、使用 service 啟動(dòng):service mysqld start

 

2、使用 mysqld 腳本啟動(dòng):/etc/init.d/mysqld start

 

3、使用 safe_mysqld 啟動(dòng):safe_mysqld&

二、MySQL停止

1

2

3

4

5

1、使用 service 啟動(dòng):   service mysqld stop

 

2、使用 mysqld 腳本啟動(dòng):/etc/init.d/mysqld stop

 

3、mysqladmin shutdown

三、MySQL重啟

1

2

3

1、使用 service 啟動(dòng):service mysqld restart

 

2、使用 mysqld 腳本啟動(dòng):/etc/init.d/mysqld restart

四、強(qiáng)制關(guān)閉

以上方法都無(wú)效的時(shí)候,可以通過(guò)強(qiáng)行命令:“killall mysql”來(lái)關(guān)閉MySQL,但是不建議用這樣的方式,因?yàn)檫@種野蠻的方法會(huì)強(qiáng)行終止MySQL數(shù)據(jù)庫(kù)服務(wù),有可能導(dǎo)致表?yè)p壞……所以自己掂量著用。

Windows下重啟MySQL服務(wù),對(duì)于沒(méi)裝mysql圖形管理端的用戶來(lái)說(shuō)啟動(dòng)和停止mysql服務(wù):
…\…\bin>net stop mysql
…\…\bin>net start mysql

 

 

卸載PHP

yum remove php
yum remove php*
yum remove php-*
yum remove php7
yum remove php70
yum remove php7.0
yum remove php-common
這才是苦大仇深卸載個(gè)干干凈凈= w

 

 

Centos下Yum安裝PHP5.5,5.6,7.0

默認(rèn)的版本太低了,手動(dòng)安裝有一些麻煩,想采用Yum安裝的可以使用下面的方案:

1.檢查當(dāng)前安裝的PHP包

yum list installed | grep php

如果有安裝的PHP包,先刪除他們

 yum remove php.x86_64 php-cli.x86_64 php-common.x86_64 php-gd.x86_64 php-ldap.x86_64 php-mbstring.x86_64 php-mcrypt.x86_64 php-mysql.x86_64 php-pdo.x86_64

2.Centos 5.X

  rpm -Uvh http://mirror.webtatic.com/yum/el5/latest.rpm
  CentOs 6.x
  rpm -Uvh http://mirror.webtatic.com/yum/el6/latest.rpm
  CentOs 7.X
rpm -Uvh https://mirror.webtatic.com/yum/el7/epel-release.rpm
rpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpm

如果想刪除上面安裝的包,重新安裝
rpm -qa | grep webstatic
rpm -e  上面搜索到的包即可

3.運(yùn)行yum install

  yum install php55w.x86_64 php55w-cli.x86_64 php55w-common.x86_64 php55w-gd.x86_64 php55w-ldap.x86_64 php55w-mbstring.x86_64 php55w-mcrypt.x86_64 php55w-mysql.x86_64 php55w-pdo.x86_64
 

yum install php56w.x86_64 php56w-cli.x86_64 php56w-common.x86_64 php56w-gd.x86_64 php56w-ldap.x86_64 php56w-mbstring.x86_64 php56w-mcrypt.x86_64 php56w-mysql.x86_64 php56w-pdo.x86_64


注:如果想升級(jí)到5.6把上面的55w換成56w就可以了。

yum install php70w.x86_64 php70w-cli.x86_64 php70w-common.x86_64 php70w-gd.x86_64 php70w-ldap.x86_64 php70w-mbstring.x86_64 php70w-mcrypt.x86_64 php70w-mysql.x86_64 php70w-pdo.x86_64
4.安裝PHP FPM

yum install php55w-fpm 
yum install php56w-fpm 
yum install php70w-fpm
注:如果想升級(jí)到5.6把上面的55w換成56w就可以了。

nginx重啟不了



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png


轉(zhuǎn)自:csdn 作者:鍋巴胸

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)


HarmonyOS Sans - 華為把鴻蒙系統(tǒng)自帶的字體開(kāi)放給全社會(huì)免費(fèi)商用了

資深UI設(shè)計(jì)者

最近華為發(fā)布了鴻蒙系統(tǒng)并且開(kāi)源了代碼,成為了科技圈的熱聞。不過(guò)我注意到了,系統(tǒng)內(nèi)置的字體也是開(kāi)放免費(fèi)商用的。



關(guān)于 HarmonyOS Sans

華為鴻蒙字體 (HarmonyOS Sans) 是華為和漢儀字庫(kù)合作定制,專門(mén)為鴻蒙操作系統(tǒng)設(shè)計(jì)打造,設(shè)計(jì)上聚焦于功能性、普適性,字形和之前介紹過(guò)的谷歌思源黑體、阿里巴巴普惠體以及 OPPO 手機(jī)公司的 OPPO SANS 等免費(fèi)商用字體有點(diǎn)類似,是一款適合閱讀的多字重中性字體。

HarmonyOS 字體特性

  • 5種字重粗細(xì)調(diào)節(jié)。HarmonyOS Sans 支持可變特性,讓用戶選擇他們喜歡的字體粗細(xì)來(lái)進(jìn)行文本的顯示。

  • 支持等寬與變寬兩種樣式。變寬數(shù)字在閱讀文本段落中能讓閱讀體驗(yàn)更加連貫。而等寬數(shù)字在強(qiáng)調(diào)數(shù)值以及數(shù)據(jù)需要經(jīng)常變化的表格、時(shí)鐘數(shù)字的 UI 界面使用時(shí),效果會(huì)更好。

  • 支持多國(guó)語(yǔ)言。HarmonyOS Sans 支持簡(jiǎn)體中文、繁體中文、拉丁、西里爾、希臘、阿拉伯等5大書(shū)寫(xiě)系統(tǒng),105種語(yǔ)言全球化覆蓋。

  • 通用性極佳,中英文混排效果優(yōu)秀。鴻蒙系統(tǒng)是一款面向全場(chǎng)景的分布式操作系統(tǒng),無(wú)論在手持設(shè)備、電視大屏幕還是手表的小屏上, HarmonyOS Sans 鴻蒙字體都具備極強(qiáng)的通用性和協(xié)調(diào)性。無(wú)論是粗體還是細(xì)體均需擁有出色的一致性。

undefined
harmonyos-sans 5種字重

字形特點(diǎn)

在保障字體體驗(yàn)的功能性前提下,HarmonyOS Sans 在人文和現(xiàn)代中找到新的平衡。在短筆畫(huà)時(shí)保持橫平豎直,簡(jiǎn)約無(wú)裝飾,撇捺彎鉤長(zhǎng)筆畫(huà)中融入書(shū)法的筆勢(shì)美學(xué),帶來(lái)全新的視覺(jué)感受。

undefined
harmony-sans 字形特點(diǎn)
undefined
harmonyos-sans 筆畫(huà)特點(diǎn)

在排版設(shè)計(jì)中常見(jiàn)的“字體不協(xié)調(diào)”問(wèn)題之一就是中英文混合的排版,鴻蒙字體對(duì)此做出了針對(duì)性的優(yōu)化,把西文字體設(shè)計(jì)得更顯大更顯寬,與中文對(duì)齊的匹配度更高,細(xì)看起來(lái)更加和諧。

undefined
harmony-sans 英文字形

一張圖對(duì)比其他同類字體字形:

undefined
和其他類似字體比較

字體應(yīng)用效果

undefined
harmonyos-sans 應(yīng)用例子
undefined
harmonyos-sans 應(yīng)用例子

使用場(chǎng)景和用途

HarmonyOS Sans 易讀性強(qiáng),字型簡(jiǎn)約富有科技感,在各種不同尺寸的屏幕上都能獲得清晰的顯示效果,既適合用于設(shè)計(jì)制作、平面印刷,也可用于閱讀,顯示大量文字也依然干凈清爽。擁有5種字重,用在正文閱讀通透流暢,粗細(xì)結(jié)合的標(biāo)題也更醒目。

而對(duì)于移動(dòng) UI 界面設(shè)計(jì)來(lái)說(shuō),HarmonyOS Sans 本身優(yōu)化了顯示效果和協(xié)調(diào)性,特別是對(duì)數(shù)字的優(yōu)化(比如時(shí)鐘顯示的冒號(hào),往往需要手動(dòng)調(diào)整),使得對(duì) UI 作品整體氣質(zhì)有所提升,因此也可以用在效果圖或作品集中。

當(dāng)然了,你也可以設(shè)置為日常的辦公文檔字體,也可以下載用來(lái)替換自己手機(jī)設(shè)備的默認(rèn)字體,即使沒(méi)有華為設(shè)備,也能體驗(yàn)一下鴻蒙系統(tǒng)的文字顯示效果。鴻蒙字體的格式為 .ttf,可以在 Android、Windows、macOSLinux 等系統(tǒng)上使用。

免費(fèi)商用說(shuō)明

華為鴻蒙字體 (HarmonyOS Sans) 是隨鴻蒙系統(tǒng)發(fā)布的中西文字體,有華為聯(lián)合漢儀字庫(kù)專為鴻蒙系統(tǒng)設(shè)計(jì),現(xiàn)在華為將其公開(kāi)發(fā)布,任何個(gè)人和公司都可以免費(fèi)下載使用,包括商用。

需要注意的是,windows 系統(tǒng)內(nèi)置的微軟雅黑字體以及 macOS 內(nèi)置的平方字體都是不能商用的,用在設(shè)計(jì)或者印刷上會(huì)面臨侵權(quán)風(fēng)險(xiǎn)。喜歡這一類中性字體的,除了思源黑體、阿里巴巴普惠體,現(xiàn)在又多了一款鴻蒙系統(tǒng)字體可以選擇了。




藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png


文章來(lái)源:站酷   作者:weyman_me

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)





太強(qiáng)了!這些Dribbble頂尖插畫(huà)大神的作品,是我學(xué)習(xí)的源泉

seo達(dá)人

今天彩云跟大家分享的是Dribbble上,我非常喜歡的插畫(huà)設(shè)計(jì)大佬們。優(yōu)秀的太多,這里僅放10位我覺(jué)得最值得看的,可謂是精選中的精選,所以我建議你一定要收藏學(xué)習(xí)。(彩云花了3個(gè)多小時(shí)艱難選擇出的10位,太難取舍了,最后入選的標(biāo)準(zhǔn)是一些更具風(fēng)格特點(diǎn)插畫(huà)大佬們)

 

1、Mikael Gustafsson

https://dribbble.com/MikaelGustafsson

首先推薦的這位大佬是我超喜歡的插畫(huà)師,他在dribbble上發(fā)的作品不算多,但不發(fā)則已,一發(fā)驚人。每一張作品中,不論是畫(huà)面構(gòu)圖、場(chǎng)景、配色都非常優(yōu)秀而且還把插畫(huà)做成了動(dòng)態(tài)(其實(shí)是在Unreal引擎中落地的游戲場(chǎng)景動(dòng)畫(huà)),細(xì)節(jié)做到了極致。尤其喜歡他作品中的配色,我經(jīng)常參考他的作品找配色的感覺(jué),推薦你一定要去看看。

圖片

圖片

 

2、Beresnev

https://dribbble.com/Beresnev

這位大佬也是我在Dribbble上關(guān)注比較早的插畫(huà)師,他的作品大多數(shù)都是動(dòng)態(tài)的,其實(shí)發(fā)現(xiàn)他的動(dòng)態(tài)也是做到了極致。插畫(huà)的風(fēng)格偏簡(jiǎn)潔矢量,很有自己的個(gè)人風(fēng)格??梢詮乃淖髌分袑W(xué)到很多動(dòng)畫(huà)動(dòng)態(tài)細(xì)節(jié),畫(huà)面的動(dòng)態(tài)速度、動(dòng)作曲線、轉(zhuǎn)場(chǎng),極簡(jiǎn)的配色等等。他發(fā)布的作品量也不算大,但每一個(gè)都值得學(xué)習(xí)。

圖片

圖片

圖片

 

3、Jenny Yu

https://dribbble.com/jennyyu

這位小姐姐很擅長(zhǎng)在畫(huà)面中運(yùn)用光影關(guān)系打造意境,效果超喜歡,而且每一張圖都能讓看的人感受到一個(gè)故事,富有情感。畫(huà)風(fēng)比較輕盈,喜歡在畫(huà)面中添加一些彩色的噪點(diǎn),像是水彩撒上去的感覺(jué),值得學(xué)習(xí)。

圖片

圖片
圖片
圖片

圖片

 

4、Andrey Prokopenko

https://dribbble.com/Pro_Art

這位插畫(huà)大佬擅長(zhǎng)在結(jié)合圖形本身構(gòu)成的不規(guī)則暗色框里作畫(huà),從幾年前就開(kāi)始流行這種風(fēng)格的畫(huà)法。大概在5年前,彩云也畫(huà)了不少類似這種風(fēng)格的插畫(huà),當(dāng)時(shí)跟這位大佬還經(jīng)?;?dòng),每次他發(fā)作品我會(huì)點(diǎn)贊,我發(fā)作品他也會(huì)給我點(diǎn)贊。只是他現(xiàn)在還在堅(jiān)持更新這種風(fēng)格圖,我已經(jīng)好久沒(méi)畫(huà)了,慚愧??傊?,學(xué)習(xí)他的構(gòu)圖,細(xì)節(jié),配色都是非常不錯(cuò)的,值得關(guān)注。

圖片

圖片
圖片

圖片

 

5、MBE

https://dribbble.com/Madebyelvis

Mbe插畫(huà)風(fēng)格應(yīng)該很多人都已經(jīng)熟知了,而他就是引流這股趨勢(shì)的創(chuàng)始人。這種風(fēng)格技法上較為簡(jiǎn)單,應(yīng)用范圍較廣,曾經(jīng)有段時(shí)間,各大廠的應(yīng)用在空狀態(tài)頁(yè),啟動(dòng)頁(yè)面等等都進(jìn)行了跟進(jìn)。從這位大佬的作品中可以學(xué)習(xí)他的構(gòu)圖,配色細(xì)節(jié),尤其是可以學(xué)習(xí)他對(duì)于可愛(ài)風(fēng)格的表達(dá)。

圖片

圖片
圖片

圖片

 

6、Burnt Toast ®

https://dribbble.com/BurntToast

這位大佬在Google,Facebook,Samsung,Microsoft都工作過(guò),跳遍國(guó)外大廠啊。他的插畫(huà)具有很明顯的個(gè)人風(fēng)格:明亮的色彩,簡(jiǎn)單平滑的曲線描邊,清新有趣可愛(ài)。我很早就關(guān)注了他,非常喜歡他的風(fēng)格,給了我很多的靈感。他發(fā)布的作品量挺多的,很多都比較適合用到UI領(lǐng)域,推薦關(guān)注學(xué)習(xí)。

圖片

圖片
圖片

圖片

 

7、Brian Edward Miller

https://dribbble.com/bemocs

他是美國(guó)科羅拉多州的一位獨(dú)立插畫(huà)師,作品風(fēng)格偏古典,擅長(zhǎng)使用噪點(diǎn)筆觸給畫(huà)面增加細(xì)節(jié)。畫(huà)面細(xì)節(jié)較為厚重,在一些風(fēng)景,場(chǎng)景的表達(dá)上,比較適合參考。相比較于前面的一些插畫(huà)風(fēng)格,這位大佬的作品算是比較特別的,推薦給大家。

圖片

圖片
圖片

圖片

 

8、Canopy

https://dribbble.com/canopy

這是一家在紐約的插畫(huà)工作室,他們的作品以矢量插畫(huà)為主。我很喜歡他們畫(huà)的這種圖形規(guī)則的矢量風(fēng)格,對(duì)于不擅長(zhǎng)畫(huà)插畫(huà)的同學(xué)比較友好,很適合來(lái)臨摹學(xué)習(xí),也能用到一些UI項(xiàng)目中。他們對(duì)于顏色的不同明暗過(guò)渡運(yùn)用的非常好,值得學(xué)習(xí)。

圖片

圖片

圖片

 

9、Matt Carlson

https://dribbble.com/matt-carlson

這位大佬的插畫(huà)作品,風(fēng)格較為多變,擅長(zhǎng)畫(huà)一些風(fēng)景畫(huà),尤其是對(duì)于樹(shù)的表達(dá)有自己的特點(diǎn)。也是我關(guān)注的比較早的一位插畫(huà)師,功底很好,值得關(guān)注。

圖片

圖片
圖片

圖片

 

10、Ana Miminoshvili

https://dribbble.com/Anano

最后推薦的是一位自由插畫(huà)師,她的作品喜歡加一些噪點(diǎn),并結(jié)合一些特別的圖形外框,用出界的構(gòu)圖方式營(yíng)造立體感,增強(qiáng)了視覺(jué)表現(xiàn)力。她的小插畫(huà),也很適合用到UI和運(yùn)營(yíng)里。在她的作品中從圖形上,構(gòu)圖上,能看出是一位功底深厚的插畫(huà)師,值得學(xué)習(xí)。

圖片

圖片
圖片
圖片
圖片

總結(jié)

文章中列出來(lái)的這些是我從關(guān)注列表中再三篩選出來(lái)的比較有代表性的頂尖插畫(huà)大神,在我的工作學(xué)習(xí)過(guò)程中,他們給了我很多的靈感。當(dāng)然,這份推薦名單只是我自己的個(gè)人喜好,無(wú)關(guān)粉絲數(shù)量,排名也不分先后。

這篇分享,一定是值得收藏的,不論是找靈感,還是臨摹學(xué)習(xí),不用到處找,這10位大佬的作品就足夠你研究了。當(dāng)然,插畫(huà)能力的提升離不開(kāi)大量的練習(xí),可以把這篇文章中分享的作品收藏起來(lái)(彩云挑選出的比較有代表性的作品),慢慢臨摹學(xué)習(xí)都是極好的。

 

原文地址:彩云譯設(shè)計(jì)(公眾號(hào))

作者:彩云Sky


轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng) ? 太強(qiáng)了!這些Dribbble頂尖插畫(huà)大神的作品,是我學(xué)習(xí)的源泉


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png



分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)



如何建立完善的設(shè)計(jì)驗(yàn)收機(jī)制

seo達(dá)人



在日常工作中,設(shè)計(jì)師經(jīng)常會(huì)有這樣的煩惱:上線的產(chǎn)品和原先設(shè)計(jì)的不一樣,不是這個(gè)交互提示沒(méi)有顯示,就是那個(gè)圖標(biāo)大小顯示錯(cuò)了。更有甚者,產(chǎn)品功能的交互邏輯就有問(wèn)題。用戶在使用過(guò)程中體驗(yàn)大打折扣。導(dǎo)致這個(gè)問(wèn)題的原因很可能是在產(chǎn)品開(kāi)發(fā)鏈路中,設(shè)計(jì)師完成對(duì)設(shè)計(jì)稿的交付后就認(rèn)為這個(gè)任務(wù)告一段落,開(kāi)始著手下一個(gè)任務(wù)。而后續(xù)環(huán)節(jié)中的隊(duì)友對(duì)設(shè)計(jì)意圖、設(shè)計(jì)細(xì)節(jié)理解不足或產(chǎn)生誤解,將關(guān)注度僅集中在主要功能的提供上。解決這個(gè)問(wèn)題,設(shè)計(jì)師們需要設(shè)立設(shè)計(jì)驗(yàn)收環(huán)節(jié),進(jìn)行設(shè)計(jì)輸出和產(chǎn)品實(shí)現(xiàn)的比對(duì)和檢測(cè)。

而在傳統(tǒng)的瀑布式開(kāi)發(fā)流程中,由于產(chǎn)品實(shí)現(xiàn)周期較久,產(chǎn)品上線前設(shè)計(jì)師可以安排充足的時(shí)間進(jìn)行驗(yàn)收;但是在敏捷開(kāi)發(fā)過(guò)程中,每個(gè)迭代的任務(wù)多、時(shí)間緊,設(shè)計(jì)驗(yàn)收往往草草收?qǐng)觯灾劣趩?wèn)題不斷累積,影響產(chǎn)品整體用戶體驗(yàn)。本文將會(huì)結(jié)合酷家樂(lè)工具型產(chǎn)品-酷大師在敏捷開(kāi)發(fā)過(guò)程中的實(shí)踐經(jīng)驗(yàn)說(shuō)明如何搭建設(shè)計(jì)驗(yàn)收體系,在設(shè)計(jì)師與隊(duì)友們的高效溝通的前提下,保障產(chǎn)品高品質(zhì)在線。

 

搭建設(shè)計(jì)驗(yàn)收框架

很多設(shè)計(jì)師反饋:產(chǎn)品上線前驗(yàn)收過(guò),有些小問(wèn)題沒(méi)法立即解決;上線后會(huì)發(fā)現(xiàn)一些新問(wèn)題;隨著產(chǎn)品功能的增加,問(wèn)題越來(lái)越多,通常呈現(xiàn)分散式、零星式的特點(diǎn),有些防不勝防的感覺(jué)。

實(shí)際上,這是因?yàn)榇蠖鄶?shù)設(shè)計(jì)師認(rèn)為設(shè)計(jì)驗(yàn)收就是上線前的事情,結(jié)束了就完成了,沒(méi)有建立系統(tǒng)驗(yàn)收框架,缺少全生命周期去跟進(jìn)設(shè)計(jì)實(shí)現(xiàn)的概念。

由于酷大師項(xiàng)目是我從0到1一直跟進(jìn)的項(xiàng)目,在啟動(dòng)初期就做好了搭建設(shè)計(jì)驗(yàn)收框架的準(zhǔn)備,按照單一功能驗(yàn)收、部分模塊功能驗(yàn)收、全局功能驗(yàn)收、階段性整體復(fù)查這樣的順序,網(wǎng)格狀、系統(tǒng)性、地毯式進(jìn)行驗(yàn)收。驗(yàn)收階段貫穿上線前、上線后,形成點(diǎn)、線、面、體相結(jié)合的布局。

圖片

單一功能驗(yàn)收階段——模塊驗(yàn)收階段——全局驗(yàn)收階段——周期性復(fù)查階段

 

一.單一功能驗(yàn)收階段

大多數(shù)項(xiàng)目進(jìn)行敏捷開(kāi)發(fā)時(shí),一個(gè)sprint結(jié)束后會(huì)上線該sprint研發(fā)的功能,此時(shí)可以進(jìn)行該sprint中開(kāi)發(fā)的功能的驗(yàn)收。在酷大師敏捷開(kāi)發(fā)過(guò)程中,一個(gè)sprint往往會(huì)完成1個(gè)復(fù)雜功能或多個(gè)獨(dú)立的簡(jiǎn)單功能,我通常會(huì)給每個(gè)功能建立設(shè)計(jì)驗(yàn)收文檔,逐個(gè)進(jìn)行驗(yàn)收。這個(gè)階段的驗(yàn)收往往比較細(xì)致,會(huì)關(guān)注每個(gè)功能的設(shè)計(jì)輸出中涉及的所有細(xì)節(jié)點(diǎn)。

這樣一輪精細(xì)化驗(yàn)收結(jié)束后,往往能夠發(fā)現(xiàn)產(chǎn)品實(shí)現(xiàn)中90%以上的問(wèn)題。我稱這個(gè)階段為點(diǎn)狀驗(yàn)收

 

二.模塊驗(yàn)收階段

有些功能比較復(fù)雜,會(huì)拆解為多個(gè)子功能,花費(fèi)多個(gè)sprint進(jìn)行研發(fā)。比如說(shuō)酷大師中的渲染功能,先實(shí)現(xiàn)構(gòu)圖外景等能力,再實(shí)現(xiàn)陽(yáng)光調(diào)節(jié)能力。

所以會(huì)先進(jìn)行構(gòu)圖場(chǎng)景和陽(yáng)光調(diào)節(jié)的單一功能驗(yàn)收,當(dāng)這些能力研發(fā)完成,渲染功能比較完整時(shí),再進(jìn)行整個(gè)模塊功能驗(yàn)收。此時(shí)的驗(yàn)收既是對(duì)單一功能的復(fù)查,也是對(duì)模塊功能的檢測(cè)。我稱這個(gè)階段為線狀驗(yàn)收。

 

三.全局驗(yàn)收階段

通常我會(huì)在一個(gè)相對(duì)具體的時(shí)間節(jié)點(diǎn),比如半年、一年或者大版本更新迭代時(shí),去查看整個(gè)產(chǎn)品功能迭代情況。這樣的時(shí)間節(jié)點(diǎn)就很適合進(jìn)行一場(chǎng)全局性的功能驗(yàn)收。

平日的驗(yàn)收結(jié)束后陸續(xù)會(huì)進(jìn)行優(yōu)化,但是由于優(yōu)化時(shí)間點(diǎn)不一定是即時(shí)的,也有很多情況下是問(wèn)題優(yōu)先級(jí)較低,很久才修復(fù)。全局功能驗(yàn)收就能從全局角度了解半年或一年進(jìn)展情況,查漏補(bǔ)缺。

由于酷家樂(lè)體系下,半年會(huì)對(duì)產(chǎn)品做一次回顧,所以我會(huì)在1個(gè)季度結(jié)束后進(jìn)行一輪全局驗(yàn)收,檢查出的問(wèn)題可以下一個(gè)季度進(jìn)行優(yōu)化,保證每半年回顧時(shí)整體狀態(tài)可控。我稱這個(gè)階段為面狀驗(yàn)收

 

四.周期性復(fù)查階段

前面三個(gè)環(huán)節(jié)結(jié)束后其實(shí)會(huì)沉淀下數(shù)量客觀的驗(yàn)收問(wèn)題,一部分在上線前會(huì)解決掉,一部分上線前不容易解決的會(huì)在上線后短期內(nèi)解決,還有一部分問(wèn)題可能涉及資源、產(chǎn)品方向等短期難以解決的問(wèn)題,會(huì)留檔,等待合適的時(shí)機(jī)進(jìn)行解決。

為了防止短期內(nèi)沒(méi)有解決的問(wèn)題被時(shí)間所遺忘,我會(huì)安排周期性復(fù)查,比如在半年的節(jié)點(diǎn)上,復(fù)查這半年的驗(yàn)收文檔,對(duì)問(wèn)題進(jìn)行跟蹤整理,適合近期進(jìn)行優(yōu)化的推進(jìn)優(yōu)化解決,短期內(nèi)還是沒(méi)法解決的再進(jìn)行備注說(shuō)明。

這樣體系化的全生命周期的驗(yàn)收,就可以保證產(chǎn)品穩(wěn)定的質(zhì)量呈現(xiàn)。

 

明確基礎(chǔ)驗(yàn)收流程

圖片

建立驗(yàn)收文檔——驗(yàn)收問(wèn)題錄入——同步&溝通驗(yàn)收問(wèn)題【確定問(wèn)題優(yōu)先級(jí)&跟進(jìn)機(jī)制】——過(guò)程中跟進(jìn)調(diào)整情況———上線前復(fù)查

 

一.建立驗(yàn)收文檔

有些團(tuán)隊(duì)內(nèi)部協(xié)作習(xí)慣于直接口頭溝通,面對(duì)簡(jiǎn)單且量少的問(wèn)題時(shí)比較快速,但是也存在信息遺漏、溝通誤差等問(wèn)題。所以建議每次設(shè)計(jì)驗(yàn)收時(shí)先建立驗(yàn)收文檔。

如果團(tuán)隊(duì)共同使用線上協(xié)同工具,那么驗(yàn)收記錄留檔和信息同步都能及時(shí)有效進(jìn)行;如果沒(méi)有團(tuán)隊(duì)協(xié)作工具,可以自己使用在線或本地文檔工具,比如石墨、語(yǔ)雀、Pages等。建立文檔時(shí)也需要按照一定規(guī)則,方便后續(xù)查找,比如命名按照功能、模塊、時(shí)間順序等。

隨著文檔的增加,為了方便進(jìn)行管理,可以建立一張驗(yàn)收文檔管理表,記錄單個(gè)文檔的基礎(chǔ)情況。有些團(tuán)隊(duì)分工較細(xì),交互設(shè)計(jì)師和視覺(jué)設(shè)計(jì)師會(huì)分別建立驗(yàn)收文檔,在我們的團(tuán)隊(duì)協(xié)作中發(fā)現(xiàn)共同維護(hù)一份文檔比較高效,只需要在問(wèn)題類型中進(jìn)行交互、視覺(jué)的分類即可。

 

二.驗(yàn)收問(wèn)題錄入

設(shè)計(jì)師在對(duì)最初的設(shè)計(jì)輸出和設(shè)計(jì)實(shí)現(xiàn)進(jìn)行比對(duì)時(shí),往往會(huì)發(fā)現(xiàn)與最初設(shè)計(jì)意圖有出入的地方,建議將差異點(diǎn)都作為驗(yàn)收問(wèn)題進(jìn)行錄入,在后續(xù)溝通跟進(jìn)弄清緣由的情況下,再去判斷是否列入驗(yàn)收問(wèn)題。

驗(yàn)收問(wèn)題錄入的過(guò)程,實(shí)際也是對(duì)功能的二次思考,在這過(guò)程中真切驗(yàn)證原先規(guī)劃的操作路徑是否真的易用。有時(shí)也會(huì)在錄入過(guò)程中,發(fā)現(xiàn)需要增加延展的能力,那么也是可以錄入并備注,為未來(lái)的體驗(yàn)優(yōu)化積累突破點(diǎn)。

驗(yàn)收文檔的撰寫(xiě)標(biāo)準(zhǔn)將在后文具體說(shuō)明。

 

三.同步&溝通驗(yàn)收問(wèn)題

驗(yàn)收問(wèn)題常常會(huì)涉及多個(gè)崗位團(tuán)隊(duì)成員,比如前端、后端、運(yùn)營(yíng)等,如果是團(tuán)隊(duì)使用在線協(xié)作工具,在問(wèn)題錄入的同時(shí)設(shè)計(jì)師可以先做好原因預(yù)判,立即@相關(guān)隊(duì)友,在正式進(jìn)行溝通之前,能夠給相關(guān)隊(duì)友預(yù)留一些排查原因的時(shí)間。

在一次設(shè)計(jì)驗(yàn)收完成后,可以依據(jù)整個(gè)驗(yàn)收文檔,與相關(guān)隊(duì)友共同溝通驗(yàn)收問(wèn)題??梢哉偌嚓P(guān)幾位隊(duì)友直接溝通,或者召開(kāi)會(huì)議。在溝通的過(guò)程中,通常需要復(fù)現(xiàn)問(wèn)題,判斷原因,以及確定跟進(jìn)優(yōu)化的負(fù)責(zé)人。

同時(shí)會(huì)根據(jù)問(wèn)題的影響程度、調(diào)整難易程度、資源配比程度,綜合判斷各個(gè)問(wèn)題的優(yōu)先級(jí),再根據(jù)優(yōu)先級(jí)進(jìn)行排期調(diào)整。設(shè)計(jì)師在排定優(yōu)先級(jí)時(shí)需要遵循體驗(yàn)原則,盡量保證新功能上線時(shí)以較好的效果呈現(xiàn)。這樣用戶初次接觸功能時(shí),在首因效應(yīng)影響下,會(huì)對(duì)該功能體驗(yàn)抱有好感,對(duì)產(chǎn)品整體體驗(yàn)也會(huì)給到好評(píng)。

 

四.調(diào)整跟進(jìn)

驗(yàn)收問(wèn)題調(diào)整的過(guò)程中,對(duì)于復(fù)雜問(wèn)題往往需要進(jìn)行頻繁的溝通,工程師需要在過(guò)程中與設(shè)計(jì)師確認(rèn)方向正確性,防止偏差導(dǎo)致的再次誤差。

此時(shí)設(shè)計(jì)師應(yīng)給予充足的支持,比如詳細(xì)解釋設(shè)計(jì)意圖,比如幫助工程師尋找類似場(chǎng)景的實(shí)現(xiàn)效果,比如相關(guān)組件資源等。既是團(tuán)隊(duì)協(xié)作共同解決難題,同時(shí)也在解決問(wèn)題的過(guò)程中了解底層原因,為預(yù)防后續(xù)遇到類似問(wèn)題積累經(jīng)驗(yàn)。

 

五.上線前復(fù)查

體驗(yàn)問(wèn)題調(diào)整結(jié)束,依據(jù)體驗(yàn)文檔,再次驗(yàn)證修復(fù)情況。在這個(gè)時(shí)期,如果還遇到其他問(wèn)題,也是可以進(jìn)行問(wèn)題錄入和優(yōu)化。

 

制訂驗(yàn)收文檔標(biāo)準(zhǔn)

圖片

標(biāo)明序號(hào)——定位問(wèn)題范圍——定位問(wèn)題分類——問(wèn)題清晰說(shuō)明——差異截圖對(duì)比——原因與解決方案——定位負(fù)責(zé)人——記錄優(yōu)先級(jí)———跟進(jìn)記錄

 

一.標(biāo)明序號(hào)

驗(yàn)收文檔支持以多種形式呈現(xiàn),比如word、excel、ppt等,嘗試過(guò)多種形式后,選擇使用excel表格。對(duì)問(wèn)題屬性、范圍、負(fù)責(zé)人等進(jìn)行說(shuō)明時(shí)可以單獨(dú)呈現(xiàn),很容易最終進(jìn)行分類整理。

比如復(fù)查時(shí),可以拉取一段時(shí)間的驗(yàn)收文檔,整理后可以知道視覺(jué)問(wèn)題占比10%,那么視覺(jué)還原程度還是不錯(cuò)的。比如渲染模塊問(wèn)題占比20%,那么說(shuō)明這個(gè)模塊下還需要集中進(jìn)行優(yōu)化調(diào)整。

確定呈現(xiàn)形式后,可以在文檔中標(biāo)明序號(hào),方便后期整理。

 

二.定位問(wèn)題范圍

驗(yàn)收問(wèn)題影響范圍往往并不相同,比如影響當(dāng)前功能、多個(gè)功能、當(dāng)前模塊,也有些問(wèn)題涉及產(chǎn)品全局,甚至還有些問(wèn)題會(huì)涉及公司其他產(chǎn)品線,此時(shí)需要說(shuō)明清楚。

工程師在修改問(wèn)題時(shí)就可以針對(duì)該范圍進(jìn)行問(wèn)題解決,防止解決問(wèn)題覆蓋面太小,產(chǎn)生遺漏。而涉及到公司跨業(yè)務(wù)線的問(wèn)題時(shí),可以@對(duì)應(yīng)負(fù)責(zé)人,進(jìn)行溝通解決。

 

三.定位問(wèn)題分類

在酷大師驗(yàn)收過(guò)程中,通常遇到的問(wèn)題分類為:交互類問(wèn)題、視覺(jué)類問(wèn)題、運(yùn)營(yíng)類問(wèn)題、技術(shù)類問(wèn)題、產(chǎn)品方向類問(wèn)題等。相關(guān)人員通常會(huì)直接關(guān)注對(duì)應(yīng)問(wèn)題,幫助高效處理。

 

四.問(wèn)題清晰說(shuō)明

清晰描述問(wèn)題,盡量具體,避免類似于“不符合”、“不好看”、“與設(shè)計(jì)稿不一致”等主觀籠統(tǒng)的概括;提出問(wèn)題的同時(shí)盡量說(shuō)明解決方案,當(dāng)然有些方案設(shè)計(jì)師能夠直接給予,而有些涉及其他崗位時(shí)就可以@隊(duì)友進(jìn)行解決方案的描述。

 

五.差異截圖對(duì)比

將設(shè)計(jì)稿與開(kāi)發(fā)界面進(jìn)行截圖對(duì)比,標(biāo)注出差異問(wèn)題點(diǎn),幫助相關(guān)隊(duì)友快速直觀理解問(wèn)題。有些情況下截圖不能說(shuō)明清楚操作過(guò)程中的問(wèn)題,也可以采取錄制gif的方式,演示操作行為。

 

六.原因與解決方案

通常問(wèn)題涉及的相關(guān)人員會(huì)在這個(gè)區(qū)域進(jìn)行跟進(jìn)說(shuō)明,比如造成當(dāng)前問(wèn)題的原因、解決方案、排期等。

 

七.定位負(fù)責(zé)人

記錄當(dāng)前跟進(jìn)的跟進(jìn)入。

 

八.記錄優(yōu)先級(jí)

優(yōu)先級(jí)的評(píng)定可以有多種維度。通常可以直接做判斷的維度有兩個(gè),易于調(diào)整的問(wèn)題優(yōu)先級(jí)較高,對(duì)完成功能影響大的問(wèn)題優(yōu)先級(jí)高。其他維度可以根據(jù)具體產(chǎn)品,與團(tuán)隊(duì)共同進(jìn)行分析,總結(jié)其中的規(guī)律。

 

九.跟進(jìn)狀態(tài)記錄

主要集中于對(duì)問(wèn)題解決情況的跟進(jìn),通常分為已解決、跟進(jìn)中。

 

其他思考

為了實(shí)現(xiàn)產(chǎn)品高品質(zhì)在線,除了在研發(fā)實(shí)現(xiàn)后落地系統(tǒng)的驗(yàn)收機(jī)制以外,設(shè)計(jì)師可以在很多環(huán)節(jié)發(fā)揮作用:

1.設(shè)計(jì)稿本身的高標(biāo)準(zhǔn)輸出,考慮清楚開(kāi)發(fā)成本和可實(shí)現(xiàn)性;

2.交互評(píng)審環(huán)節(jié)盡量解釋詳盡,與相關(guān)工程師達(dá)到理解上的一致;

3.開(kāi)發(fā)過(guò)程中參與溝通,幫助工程師先做一波問(wèn)題的排除;

4.出現(xiàn)問(wèn)題幫助促成解決,包括跨團(tuán)隊(duì)資源的收集、組件支持之類;

5.明確產(chǎn)品設(shè)計(jì)還原度對(duì)于用戶體驗(yàn)的重要性;

6.以多種方式邀請(qǐng)合作伙伴參與到驗(yàn)收環(huán)節(jié)中,比如bugbush、專家走查、可用性測(cè)試。

 

原文鏈接:酷家樂(lè)用戶體驗(yàn)設(shè)計(jì)(公眾號(hào))

作者:懷瑾

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》如何建立完善的設(shè)計(jì)驗(yàn)收機(jī)制


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png



分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)

 


復(fù)雜系統(tǒng)如何設(shè)計(jì) | 論B端產(chǎn)品的體系化構(gòu)建(上)

ui設(shè)計(jì)分享達(dá)人

導(dǎo)讀


為什么B端產(chǎn)品總是容易“失控”?B端產(chǎn)品設(shè)計(jì)與C端有何差異?如何在不斷復(fù)雜的系統(tǒng)中,權(quán)衡效率、成本、體驗(yàn)之間的關(guān)系? 


本文將帶你從B端產(chǎn)品的本質(zhì)出發(fā),了解產(chǎn)品發(fā)展過(guò)程中容易出現(xiàn)的問(wèn)題,并從復(fù)雜系統(tǒng)的角度去探討設(shè)計(jì)體系的構(gòu)建方式。



目錄


一、「 困局 」容易“失控”的B端產(chǎn)品

A .「 關(guān)注重點(diǎn)的差異性 」

B .「 微小差異的不斷疊加 」

C .「 產(chǎn)品發(fā)展進(jìn)入惡性循環(huán) 」

D .「 進(jìn)入效率拐點(diǎn),產(chǎn)品失控 」


二、「 啟發(fā) 」從復(fù)雜科學(xué)的角度思考設(shè)計(jì)

A.「 自然算法 」

B.「 物質(zhì)的構(gòu)成原理 」


三、「 探究 」什么是產(chǎn)品設(shè)計(jì)體系?

A.「 定義 」

B .「 組成部分 」

C .「團(tuán)隊(duì)能力要求 」

D .「 構(gòu)建方向 」


四、「 剖析 」B端產(chǎn)品的生命周期

「 產(chǎn)品生命周期概述 」

A .「 初創(chuàng)期 」解決核心問(wèn)題,產(chǎn)生價(jià)值

B .「 成長(zhǎng)期 」能力完善,產(chǎn)品擴(kuò)張

C .「 成熟期 」效率提升,快速增長(zhǎng)

D .「 暮年期 」商業(yè)價(jià)值降低,發(fā)展逐漸停滯


NEXT、「 下期預(yù)告 」設(shè)計(jì)體系的構(gòu)建法則




前言


隨著產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代的到來(lái),市場(chǎng)對(duì)B端產(chǎn)品的重視程度逐漸提升。然而,談及B端產(chǎn)品,特別是SaaS產(chǎn)品,大多數(shù)設(shè)計(jì)師對(duì)此并不是特別感興趣。一來(lái),SaaS更注重功能層面,似乎本身對(duì)設(shè)計(jì)的要求并不高;二來(lái),SaaS產(chǎn)品的最終實(shí)現(xiàn)效果總是不盡人意,就算設(shè)計(jì)得再好看,實(shí)現(xiàn)出來(lái)也難以出彩。


確實(shí),若設(shè)計(jì)師僅僅只是關(guān)注視覺(jué)層面本身,那么B端產(chǎn)品確實(shí)不像C端那么吸引人。但是,若你能以整個(gè)產(chǎn)品構(gòu)建的角度去思考B端產(chǎn)品設(shè)計(jì),那么設(shè)計(jì)師能夠在其中發(fā)揮的空間是巨大的。


假如把C端產(chǎn)品比作精致的小房子,那B端產(chǎn)品就是一幢巨大的高層建筑。建造小房子,你可以盡情地發(fā)揮創(chuàng)意,追逐潮流,大不了推倒重來(lái)。而建造大房子,則需要設(shè)計(jì)師考慮更多的維度,因?yàn)檫@是一個(gè)長(zhǎng)期而復(fù)雜的工程。


建筑的外觀不僅需要好看,更需要足夠耐看、穩(wěn)定;為了適應(yīng)更多人的需求,你不僅要考慮房子的軟裝,還要考慮戶型的合理性、通用性;而為了降低成本,你還需要考慮家具、硬裝的標(biāo)準(zhǔn)化、房間的兼容性等等…


“你是否有信心建造一個(gè)宏偉的高樓大廈?” 


這是我在B端設(shè)計(jì)中,反復(fù)強(qiáng)調(diào)體系化思維的原因之一。想要建造一個(gè)大型建筑,沒(méi)有體系化思維、沒(méi)有更完善的多職能協(xié)作流程,那么這座高樓一定會(huì)在建設(shè)過(guò)程中埋下隱患。而當(dāng)問(wèn)題一旦出現(xiàn),涉及到的沉沒(méi)成本也將會(huì)非常巨大。


當(dāng)然,對(duì)于C端產(chǎn)品來(lái)說(shuō),體系化也愈發(fā)重要了。隨著互聯(lián)網(wǎng)時(shí)代的持續(xù)發(fā)展,一些C端產(chǎn)品的復(fù)雜性也堪比B端。我在之前的文章中提到過(guò)一個(gè)觀點(diǎn):“C端B化,B端C化”。在未來(lái)的數(shù)字產(chǎn)品設(shè)計(jì)中,B端產(chǎn)品將會(huì)逐漸開(kāi)始重視產(chǎn)品的外觀與體驗(yàn),因?yàn)橛|達(dá)的人群更年輕化、對(duì)體驗(yàn)要求更高了。而C端產(chǎn)品也會(huì)更注重體系化建設(shè),因?yàn)楫a(chǎn)品體量越來(lái)越大,需要尋求效率與成本之間的平衡點(diǎn)。


產(chǎn)品設(shè)計(jì)體系,本質(zhì)上是一套更科學(xué)的復(fù)雜性數(shù)字產(chǎn)品的設(shè)計(jì)方法與工作流程。因此,不管是B端產(chǎn)品還是C端產(chǎn)品,設(shè)計(jì)體系能夠在提升設(shè)計(jì)品質(zhì)的同時(shí),讓產(chǎn)品更“可控”,提升效能,降低成本。


這套設(shè)計(jì)方法論,是我在工作中不斷實(shí)踐與完善的一些經(jīng)驗(yàn)與方法。希望能借此分享一些自己淺薄的經(jīng)驗(yàn),也探討一下數(shù)字產(chǎn)品設(shè)計(jì)未來(lái)的形態(tài)。




?

一、「 困局 」容易“失控”的B端產(chǎn)品

-


作為較為復(fù)雜的數(shù)字產(chǎn)品,B端產(chǎn)品在快速發(fā)展的過(guò)程中,總是容易出現(xiàn)一些問(wèn)題。特別是當(dāng)產(chǎn)品體量到達(dá)一定階段后,問(wèn)題就會(huì)逐漸暴露出來(lái),比如:


1. 產(chǎn)品丑、設(shè)計(jì)質(zhì)量低;

2. 組件樣式繁多,操作習(xí)慣不一致;

3. 新老系統(tǒng)差異大,不同模塊體驗(yàn)差異大;

4. 頁(yè)面結(jié)構(gòu)混亂。


等等…


很多問(wèn)題大家都能明顯地意識(shí)到,但往往因?yàn)椤安挥绊懯圪u(mài)”、“價(jià)值不高”、“新功能優(yōu)先”等理由被擱置。


隨著問(wèn)題逐漸積累,產(chǎn)品的優(yōu)化成本也變得越來(lái)越高,最終使整個(gè)產(chǎn)品已經(jīng)積重難返。若只是多部分頁(yè)面/組件進(jìn)行優(yōu)化,小修小補(bǔ),雖然成本低,但成效甚微;若是進(jìn)行大修大補(bǔ),那么優(yōu)化成本將遠(yuǎn)大于研發(fā)新功能的成本。


這種普遍的B端產(chǎn)品現(xiàn)象,被稱為“產(chǎn)品失控”,即——團(tuán)隊(duì)已經(jīng)對(duì)整個(gè)產(chǎn)品的形態(tài)失去控制力。


那么,為什么B端產(chǎn)品特別容易出現(xiàn)這種問(wèn)題呢?



A .「 關(guān)注重點(diǎn)的差異性 


首先,產(chǎn)品的本質(zhì)決定了其關(guān)注重點(diǎn)的差異性。


與C端產(chǎn)品不同的是,B端產(chǎn)品往往更看重“能力”(為企業(yè)用戶解決問(wèn)題),而產(chǎn)品的銷(xiāo)售方式與付費(fèi)模式,也決定了產(chǎn)品體驗(yàn)并非首要關(guān)注的對(duì)象。由于B端產(chǎn)品通常針對(duì)企業(yè)用戶,需要更長(zhǎng)的研發(fā)過(guò)程,產(chǎn)品的體量和復(fù)雜性也相對(duì)較高。因此,除了產(chǎn)品解決問(wèn)題的“能力”之外,產(chǎn)品還需要關(guān)注研發(fā)的效率及成本。


因此,在產(chǎn)品的發(fā)展初期,企業(yè)通常對(duì)效率最為關(guān)注,其次是成本,最后才是體驗(yàn)(能用就行)。絕大多數(shù)B端企業(yè),只有在產(chǎn)品跑通商業(yè)邏輯,并具備一定用戶與盈利預(yù)期之后,才會(huì)對(duì)產(chǎn)品的體驗(yàn)逐漸重視起來(lái)。



B .「 微小差異的不斷疊加 


任何微小的差異,在無(wú)數(shù)次的疊加之后,都會(huì)被快速放大。特別是當(dāng)團(tuán)隊(duì)的人員逐漸增多后,放大速度將會(huì)呈指數(shù)級(jí)上升。


為了配合產(chǎn)品的快速發(fā)展,產(chǎn)品往往會(huì)采用“堆量”的研發(fā)模式。增加研發(fā)效率,最簡(jiǎn)單直接的方法便是投入更多的資源。隨著產(chǎn)品不斷增加模塊、功能、頁(yè)面,團(tuán)隊(duì)人員也在不斷地?cái)U(kuò)充。


但是,人類不是機(jī)器,并非簡(jiǎn)單的1+1=2。團(tuán)隊(duì)數(shù)量的上升雖然會(huì)帶來(lái)效率的短期提升,但同樣也會(huì)增加團(tuán)隊(duì)的管理成本。不同的產(chǎn)品經(jīng)理、設(shè)計(jì)師、研發(fā)人員,對(duì)于產(chǎn)品的認(rèn)知是不同的。隨著團(tuán)隊(duì)人員的不斷增加,“個(gè)體差異性”將會(huì)被不斷地疊加與放大。


就像“傳話筒”的游戲一樣,同一個(gè)事物,不同的人理解總是不同的,經(jīng)過(guò)多次的“傳話”以后,往往與原本的意思已經(jīng)大相徑庭了。


這種情況表現(xiàn)在產(chǎn)品設(shè)計(jì)中,則會(huì)出現(xiàn):當(dāng)相同的組件由不同的人做時(shí),總是會(huì)在基本樣式、實(shí)現(xiàn)原理、交互細(xì)節(jié)等不同的維度出現(xiàn)差異。比如上圖中的導(dǎo)航菜單組件,不同的模塊在開(kāi)發(fā)時(shí)總是會(huì)存在差異,最后差異越來(lái)越大,形成了五花八門(mén)的導(dǎo)航菜單形式。



C .「 產(chǎn)品發(fā)展進(jìn)入惡性循環(huán) 


令人遺憾的是,雖然問(wèn)題很明顯。但是在不斷的“成本考量”中,產(chǎn)品團(tuán)隊(duì)往往優(yōu)先關(guān)注新功能的開(kāi)發(fā),而忽略底層問(wèn)題的優(yōu)化。


隨著產(chǎn)品的快速發(fā)展,產(chǎn)品的優(yōu)化/迭代成本將會(huì)逐漸大于研發(fā)新功能的成本。要么背負(fù)巨大的成本進(jìn)行整體重構(gòu);要么降低標(biāo)準(zhǔn),繼續(xù)以這種模式不斷疊加新功能。


在這種情況下,大部分B端產(chǎn)品往往會(huì)選擇后者。于是,產(chǎn)品的發(fā)展將會(huì)進(jìn)入一個(gè)“惡性循環(huán)”


  • 產(chǎn)品快速發(fā)展,功能不斷疊加;

  • 各模塊由不同的產(chǎn)品、不同的開(kāi)發(fā)研發(fā),導(dǎo)致各模塊之間差異增加;

  • 產(chǎn)品丑、體驗(yàn)不統(tǒng)一,但老系統(tǒng)優(yōu)化成本過(guò)高。綜合衡量,優(yōu)先進(jìn)行新功能研發(fā);

  • 所有模塊標(biāo)準(zhǔn)不統(tǒng)一,產(chǎn)品迭代效率持續(xù)降低,維護(hù)成本持續(xù)增加。



D .「 進(jìn)入效率拐點(diǎn),產(chǎn)品失控 


產(chǎn)品的發(fā)展猶如一輛快速奔馳的巨型列車(chē),一旦加速便難以停止。


隨著問(wèn)題的反復(fù)出現(xiàn),以及在一次次的“利益權(quán)衡”中選擇性的忽略,產(chǎn)品的惡性循環(huán)不斷重復(fù),而問(wèn)題也逐漸疊加、沉積下來(lái)。


當(dāng)這個(gè)問(wèn)題已經(jīng)大到我們無(wú)法回避時(shí),我們才發(fā)現(xiàn):產(chǎn)品的單位迭代/優(yōu)化成本,已經(jīng)遠(yuǎn)遠(yuǎn)大于新功能的研發(fā)成本。而新功能帶來(lái)的增量,已經(jīng)無(wú)法抵消現(xiàn)有模塊的迭代成本——產(chǎn)品迎來(lái)了效率拐點(diǎn)。


就像一個(gè)龐大而復(fù)雜的機(jī)器,雖然依舊可以運(yùn)行,但整體效率已經(jīng)很低了,而與之對(duì)應(yīng)的維修成本則非常巨大。小修小補(bǔ)根本無(wú)法解決問(wèn)題,而大修大補(bǔ)則很有可能會(huì)帶來(lái)更大的虧損。


最終,產(chǎn)品逐漸在“失控”中難以自拔,競(jìng)爭(zhēng)力逐漸降低,但整個(gè)團(tuán)隊(duì)對(duì)此卻無(wú)能為力,嚴(yán)重影響了企業(yè)的發(fā)展。


那么,在產(chǎn)品發(fā)展中,我們應(yīng)該如何避免這種情況呢?換而言之,一個(gè)高度復(fù)雜的數(shù)字產(chǎn)品,我們應(yīng)該如何設(shè)計(jì),才能避免其逐步走向混亂? 




?

二、「 啟發(fā) 」從復(fù)雜科學(xué)的角度思考設(shè)計(jì)

-


如果我們將B端產(chǎn)品看作是一個(gè)復(fù)雜系統(tǒng),那么產(chǎn)品“失控”的本質(zhì)即——在不斷復(fù)雜化的形態(tài)中,缺乏有效的控制機(jī)制,最終導(dǎo)致整個(gè)系統(tǒng)失去控制。 


但是,在大自然面前,B端產(chǎn)品這種復(fù)雜程度顯然不值得一提。


像大自然這樣的復(fù)雜系統(tǒng),是如何構(gòu)成的?所有的物體都由原子所構(gòu)成,為什么簡(jiǎn)單的一百多種原子,能夠構(gòu)成如此復(fù)雜的世界?生命又是如何在無(wú)機(jī)物的世界中誕生,并逐步進(jìn)化成如此復(fù)雜的個(gè)體的?



A.「 自然算法 


道生一、一生二、二生三、三生萬(wàn)物...無(wú)論是老子的《道德經(jīng)》,還是《深?yuàn)W的簡(jiǎn)潔》、《萬(wàn)物皆數(shù)》、《復(fù)雜》這些現(xiàn)代的書(shū)籍中都闡述了這樣一個(gè)觀點(diǎn):


任何看似復(fù)雜而又可控的系統(tǒng),一定存在著精簡(jiǎn)的“算法”,通過(guò)不斷的疊加從而形成復(fù)雜系統(tǒng)。


就像愛(ài)因斯坦說(shuō)的:“宇宙最不可理解之處,就是它居然是可以被理解?!?


在大自然中,有很多的花紋與圖案的形狀都存在相同的規(guī)律。比如上圖中的羊齒草分形圖案,這種圖案在森林當(dāng)中到處可見(jiàn),我們看到很多樹(shù)的形狀跟葉子的形狀是一致的,這就是一種分形圖案。而這種分形的圖案本質(zhì)上是一個(gè)公式,通過(guò)不斷地自我引用進(jìn)行迭代,這便是分形。


科赫曲線(Koch curve)就是一種分形。其形態(tài)似雪花,又稱科赫雪花(Koch snowflake)、科赫星(Koch star)、科赫島(Koch island)或雪花曲線(Snowflake curve)。


它最早出現(xiàn)在瑞典數(shù)學(xué)家海里格·馮·科赫的論文中。我們將一根直線分成四段,然后向中間擠壓形成等邊的倒V形狀;接著再將每個(gè)倒V的邊進(jìn)行相同的操作,不斷地重復(fù)之后,我們發(fā)現(xiàn):第一步是倒V型、第二步變成了大衛(wèi)星,第三部變成了楓葉,第四步… 經(jīng)過(guò)無(wú)數(shù)步以后,最終成了越來(lái)越復(fù)雜的“雪花”形態(tài)。


科赫曲線便是“自然算法”的一種。海岸線雖然很復(fù)雜,但是卻有一個(gè)重要的特性——自相似性。從不同比例尺的地形圖上,我們可以看出海岸線的形狀大體相同,其曲折、復(fù)雜程度也很相似,換句話說(shuō),任意一段海岸線就像是整個(gè)海岸線按比例縮小的結(jié)果。而海岸線的構(gòu)成原理就是這種科赫曲線,它是通過(guò)天然的演化,不斷折疊最終形成了這種形狀。


可以發(fā)現(xiàn),他們都是由 基礎(chǔ)物質(zhì) x 簡(jiǎn)單算法 x 隨機(jī)變量,經(jīng)過(guò)無(wú)數(shù)次疊加后,最終形成了一個(gè)復(fù)雜而多變的整體。



B.「 物質(zhì)的構(gòu)成原理 


宇宙中還有其他各種驚人的“巧合”。愛(ài)因斯坦的相對(duì)論揭示了宏觀世界的規(guī)律性,普朗克和海森堡的量子力學(xué)揭示了微觀物質(zhì)世界的規(guī)律。當(dāng)我們從微觀世界到天文學(xué)會(huì)發(fā)現(xiàn)——原子核的構(gòu)成方式居然與天體的構(gòu)成非常相似。粒子圍繞原子核的運(yùn)動(dòng)方式,就好像行星圍繞太陽(yáng)運(yùn)動(dòng)一樣。


不管是整個(gè)宇宙,還是生命體,將其置于復(fù)雜科學(xué)的研究框架中,那些基本定律最終也會(huì)變得極其簡(jiǎn)單。


在宇宙中所知最為復(fù)雜的形態(tài),便是如同我們自身的生物。這些復(fù)雜體由已知存在于銀河系中最普通的物質(zhì)所構(gòu)成。但是,通過(guò)氨基酸的形態(tài),這些基本原料竟能自然地將自己組合成一個(gè)自組織系統(tǒng)。


混沌中隱藏的算法,使宇宙成為極有秩序的地方。而在秩序中隱藏的隨機(jī)數(shù),又使得宇宙成為極為豐富的世界。


也正是因?yàn)樗惴ǖ木?jiǎn),一切物質(zhì)的創(chuàng)造才能具備復(fù)制性、延續(xù)性、進(jìn)化性。


那么,我們反過(guò)來(lái)思考——想要使復(fù)雜的系統(tǒng)簡(jiǎn)單可控,是否就需要一套簡(jiǎn)潔、有效的“算法”?通過(guò)“算法”,將基礎(chǔ)的“物質(zhì)”不斷地“有序疊加”,形成一個(gè)可控的復(fù)雜體系。


因此,對(duì)于復(fù)雜的SaaS系統(tǒng)設(shè)計(jì),我開(kāi)始引入“設(shè)計(jì)體系”這一概念,希望能夠找到未來(lái)SaaS產(chǎn)品設(shè)計(jì)的發(fā)展方向。只有設(shè)計(jì)體系的建立,才能保證產(chǎn)品可控性,才能在不斷復(fù)雜系統(tǒng)中,保證效率、成本、體驗(yàn)之間的平衡。




?

三、「 探究 」什么是產(chǎn)品設(shè)計(jì)體系?

-


產(chǎn)品設(shè)計(jì)體系,在國(guó)內(nèi)仍舊是較為陌生的詞匯。什么是設(shè)計(jì)體系?


A.「 定義 


一個(gè)成熟的數(shù)字產(chǎn)品,需要有一個(gè)穩(wěn)定、且持續(xù)迭代的形態(tài)。創(chuàng)造這個(gè)形態(tài)的過(guò)程,我們稱之為廣義上的產(chǎn)品設(shè)計(jì)(這里指產(chǎn)品的整個(gè)策劃和設(shè)計(jì)過(guò)程,包含策劃、交互、視覺(jué)及部分前端開(kāi)發(fā))。而負(fù)責(zé)控制和維護(hù)這個(gè)形態(tài)的這套系統(tǒng),便是產(chǎn)品設(shè)計(jì)體系。


我們接觸到的更多是設(shè)計(jì)系統(tǒng)(Design System),比如平臺(tái)級(jí)的設(shè)計(jì)體系,Apple、Google、Microsoft等系統(tǒng)級(jí)的設(shè)計(jì)系統(tǒng),及其設(shè)計(jì)開(kāi)發(fā)套件、應(yīng)用生態(tài)。公司級(jí)的設(shè)計(jì)系統(tǒng),如Airbnb設(shè)計(jì)系統(tǒng)、IBM的Carbon設(shè)計(jì)系統(tǒng)、螞蟻金服的Alipay Design等。


但是,在一個(gè)企業(yè)內(nèi)部,想要Design System能夠系統(tǒng)性地運(yùn)轉(zhuǎn),還需要基于這套標(biāo)準(zhǔn)建立的團(tuán)隊(duì)協(xié)作機(jī)制。只有設(shè)計(jì)標(biāo)準(zhǔn)與團(tuán)隊(duì)協(xié)作標(biāo)準(zhǔn)完美融合,才能建立真正的設(shè)計(jì)體系。



B .「 組成部分 


如果將數(shù)字產(chǎn)品比作復(fù)雜的“生命體”,產(chǎn)品的發(fā)展比作競(jìng)爭(zhēng)中“自我進(jìn)化”,那么設(shè)計(jì)體系便是產(chǎn)品的DNA。它既是產(chǎn)品形態(tài)的控制源,又是不斷自我迭代的進(jìn)化源,它的作用是:


  • 控制產(chǎn)品外觀——感知性模型(視覺(jué)風(fēng)格/規(guī)范)

  • 制造基礎(chǔ)構(gòu)件——功能性模型(基礎(chǔ)/復(fù)合組件)

  • 模塊的構(gòu)建規(guī)則——模式語(yǔ)言(產(chǎn)品框架規(guī)范)

  • 產(chǎn)品標(biāo)準(zhǔn)定義、生產(chǎn)方式制定——協(xié)作模型(高度協(xié)同的工作流程)


它不僅能控制產(chǎn)品的“生產(chǎn)結(jié)果”,提升產(chǎn)品質(zhì)量;還能規(guī)范產(chǎn)品的“生產(chǎn)過(guò)程”,形成一套完整的多職能協(xié)作流程,提升產(chǎn)品的生產(chǎn)、迭代和維護(hù)效率。 


從宏觀來(lái)看,設(shè)計(jì)體系像是一個(gè)“規(guī)范的復(fù)合體”,它是各職能之間規(guī)范的有效整合,產(chǎn)品框架、交互規(guī)范、視覺(jué)規(guī)范、前端規(guī)則,同時(shí)也是基于整合規(guī)范所創(chuàng)造的一套創(chuàng)新的工作模式。



C .「團(tuán)隊(duì)能力要求 


設(shè)計(jì)體系的建立,需要整個(gè)產(chǎn)品團(tuán)隊(duì)擁有一致的目標(biāo),并為之通力協(xié)作才能完成。這就需要整個(gè)團(tuán)隊(duì)擁有較高的平均素質(zhì)與契合度


同時(shí),體系化的建立和推動(dòng),也需要團(tuán)隊(duì)中有人牽頭去推動(dòng)。設(shè)計(jì)師作為“產(chǎn)品-開(kāi)發(fā)”的中間環(huán)節(jié),是非常有條件成為推動(dòng)者的角色的。


當(dāng)然,這就要求設(shè)計(jì)師擁有更豐富的橫向能力。


一方面,設(shè)計(jì)師需要將自身的能力邊界進(jìn)行拓展,與上下游的職能保持密切的溝通,并解他們的訴求。只有當(dāng)設(shè)計(jì)體系滿足各方利益時(shí),體系化才有推動(dòng)的空間。


另一方面,對(duì)于產(chǎn)品側(cè)與開(kāi)發(fā)側(cè)人員,設(shè)計(jì)團(tuán)隊(duì)也可以通過(guò)培訓(xùn)來(lái)提升他們的能力邊界。比如針對(duì)產(chǎn)品的交互培訓(xùn)、針對(duì)開(kāi)發(fā)人員的基礎(chǔ)審美培訓(xùn)等。這樣才能提升產(chǎn)品的下限與上限,增強(qiáng)產(chǎn)品的綜合競(jìng)爭(zhēng)力。



D .「 構(gòu)建方向 


設(shè)計(jì)體系并非超脫于產(chǎn)品之上,而是根植于產(chǎn)品的成長(zhǎng)過(guò)程中。


想要推動(dòng)體系化的建立,必須充分了解產(chǎn)品發(fā)展的基本規(guī)律。產(chǎn)品處于不同的生命周期,所要解決的問(wèn)題是不同的。在正確的時(shí)間做正確的事情,并對(duì)未來(lái)的形態(tài)進(jìn)行規(guī)劃,才能逐步讓設(shè)計(jì)體系根植于產(chǎn)品、融合于產(chǎn)品。


因此,在下一章,我們首先來(lái)了解一下B端產(chǎn)品的生命周期。




?

四、「 剖析 」B端產(chǎn)品的生命周期

-


對(duì)于設(shè)計(jì)師來(lái)說(shuō),首先要更宏觀地了解產(chǎn)品所處的生命階段,才能知道設(shè)計(jì)需要解決的問(wèn)題是什么,并以此有針對(duì)性制定不同的設(shè)計(jì)策略,最終幫助產(chǎn)品構(gòu)建完善設(shè)計(jì)體系。


本章更多的是對(duì)B端產(chǎn)品的發(fā)展階段做一個(gè)剖析,而不同階段具體的實(shí)施策略,會(huì)在后面講解。



「 產(chǎn)品生命周期概述  


類似于人的成長(zhǎng)歷程,一個(gè)新的B端產(chǎn)品從誕生到逐步擴(kuò)大,通常都會(huì)經(jīng)歷幾個(gè)不同的生命階段。


B端產(chǎn)品研發(fā)是一個(gè)漫長(zhǎng)而系統(tǒng)化的過(guò)程。這個(gè)過(guò)程通常伴隨著商業(yè)業(yè)務(wù)發(fā)展與商業(yè)戰(zhàn)略模式的不斷調(diào)整。


B端產(chǎn)品從立項(xiàng)到下線,產(chǎn)品會(huì)處于幾個(gè)典型的不同狀態(tài)中,這就是產(chǎn)品的生命周期。通常來(lái)看,大多數(shù)產(chǎn)品都會(huì)經(jīng)歷以下幾個(gè)生命周期。初創(chuàng)期-成長(zhǎng)期-成熟期,直至最終進(jìn)入暮年期。


而產(chǎn)品的商業(yè)價(jià)值,也會(huì)伴隨著產(chǎn)品的發(fā)展而變化。在通常情況下,伴隨著產(chǎn)品的逐漸成長(zhǎng),其商業(yè)價(jià)值也會(huì)隨之增長(zhǎng),并在成熟期進(jìn)入黃金的商業(yè)價(jià)值期。而當(dāng)商業(yè)價(jià)值出現(xiàn)大幅、持續(xù)性的降低時(shí),則基本算是進(jìn)入了暮年期。


那么,不同的生命周期中,產(chǎn)品將會(huì)遇到哪些問(wèn)題?而為了保證產(chǎn)品的持續(xù)發(fā)展,產(chǎn)品團(tuán)隊(duì)又需要做哪些事情呢?



A .「 初創(chuàng)期 」解決核心問(wèn)題,產(chǎn)生價(jià)值


初創(chuàng)期,即產(chǎn)品已經(jīng)從構(gòu)思到研發(fā),并成為了初步的產(chǎn)品。這個(gè)時(shí)期,產(chǎn)品雖然還不能覆蓋完整業(yè)務(wù),但已經(jīng)能夠順利運(yùn)行


從構(gòu)思到創(chuàng)意,再到實(shí)踐落地。B端產(chǎn)品的誕生,通常源于在行業(yè)內(nèi)深耕多年的資深玩家。在不斷地實(shí)踐中,通過(guò)創(chuàng)意與實(shí)踐,找到了一條能夠幫助行業(yè)解決問(wèn)題、提升效率的路徑。


在這個(gè)時(shí)期,產(chǎn)品需要解決以下幾個(gè)問(wèn)題: 


1)用戶是誰(shuí)?


B端業(yè)務(wù)的本質(zhì),就是“向組織銷(xiāo)售服務(wù)來(lái)獲得盈利”。哪些企業(yè)最需要你的產(chǎn)品?哪一類用戶的問(wèn)題最需要通過(guò)這種方式得到解決的?這些都是需要在早期非常明確的。


站在普羅大眾的角度去規(guī)劃產(chǎn)品固然是好的,但成功的產(chǎn)品都始于一小部分早期用戶;B端產(chǎn)品的用戶通常來(lái)自某一垂直領(lǐng)域,首先讓他們喜歡上你的產(chǎn)品,然后慢慢向外拓展至更大的人群當(dāng)中。


想想看,最初一千名喜歡你產(chǎn)品的種子用戶可能是哪些人?


2)產(chǎn)品能夠解決什么問(wèn)題?


我們要為用戶解決什么問(wèn)題?“用戶的問(wèn)題”可能是一個(gè)需求、一個(gè)困擾或是一個(gè)機(jī)遇。他們的需求是否真的是痛點(diǎn)?


這個(gè)時(shí)期,團(tuán)隊(duì)需要拜訪大量的目標(biāo)用戶,通過(guò)交流獲取痛點(diǎn)。我們必須驗(yàn)證這個(gè)需求的真實(shí)性,以及我們的解決方案是否具備一定的可實(shí)施性


我們可以通過(guò)更具象的UI或流程,初步展示想法,不斷優(yōu)化。最終形成一個(gè)可驗(yàn)證的初步產(chǎn)品Demo,并通過(guò)Demo進(jìn)一步與潛在用戶進(jìn)行溝通。


3)這個(gè)問(wèn)題是否普遍?是否具備標(biāo)準(zhǔn)化的可能?


不同企業(yè)的需求是有差異的,如何將個(gè)性化的需求抽象成共性的解決方案?如何權(quán)衡范圍與成本之間的關(guān)系?我們要將不同企業(yè)的需求進(jìn)行抽象,形成標(biāo)準(zhǔn)化的解決路徑。


這個(gè)階段,我們需要為種子用戶創(chuàng)建方向聚焦的MVP。MVP必須是名副其實(shí)的最小化可行產(chǎn)品,要為種子用戶帶來(lái)端到端的精準(zhǔn)體驗(yàn)。如果他們不理解產(chǎn)品功能,不知道如何或?yàn)槭裁词褂?,或是發(fā)現(xiàn)其性能低劣、bug 太多,無(wú)法達(dá)到“可行”的程度,那么你的假設(shè)就難以得到有效驗(yàn)證。


4)是否能夠形成完整的商業(yè)閉環(huán)?


用戶是否真的會(huì)為這個(gè)產(chǎn)品買(mǎi)單?換句話說(shuō),產(chǎn)品是否能賺錢(qián)并且養(yǎng)活整個(gè)團(tuán)隊(duì)?


B端產(chǎn)品在初創(chuàng)期,最重要的是快速驗(yàn)證產(chǎn)品與業(yè)務(wù)的親密性,能否完成既定的商業(yè)戰(zhàn)略。產(chǎn)品團(tuán)隊(duì)需要通過(guò)磨合業(yè)務(wù),快速調(diào)整業(yè)務(wù)解決方案和產(chǎn)品架構(gòu)。


不僅是產(chǎn)品的打磨,整個(gè)團(tuán)隊(duì)也要形成完整的閉環(huán)。工作流程、產(chǎn)品的商業(yè)運(yùn)轉(zhuǎn)機(jī)制也要初步跑起來(lái)。產(chǎn)品的售前、解決方案、產(chǎn)品研發(fā)、實(shí)施、客戶成功,我們需要真實(shí)地完成這一套閉環(huán)的操作,并基于此做團(tuán)隊(duì)毛利模型的測(cè)算。 


解決問(wèn)題,帶來(lái)價(jià)值,并且能夠?qū)r(jià)值轉(zhuǎn)化為收益,這才是產(chǎn)品可持續(xù)發(fā)展的關(guān)鍵。只有跑通完整的商業(yè)模式,擁有長(zhǎng)期的盈利預(yù)期,產(chǎn)品才能順利進(jìn)入下一個(gè)階段。



B .「 成長(zhǎng)期 」能力完善,產(chǎn)品擴(kuò)張


成長(zhǎng)期,即產(chǎn)品形態(tài)初具完善,并具備完整商業(yè)閉環(huán)之后,處于快速成長(zhǎng)的時(shí)期。這個(gè)時(shí)期,產(chǎn)品將進(jìn)行快速的迭代,覆蓋的業(yè)務(wù)一天比一天完整,能滿足的業(yè)務(wù)需求越來(lái)越多,而產(chǎn)品為業(yè)務(wù)帶來(lái)的價(jià)值越來(lái)越大。


與新生期的區(qū)別在于,新生期時(shí)的迭代方向還未完全明確,迭代更多的是嘗試,磨合業(yè)務(wù)與產(chǎn)品。而在成長(zhǎng)期時(shí),產(chǎn)品的迭代方向已經(jīng)是非常清晰了的。


1)更多用戶,更多真實(shí)需求


產(chǎn)品在真正投入運(yùn)營(yíng)之后,所遇到的情況一定與MVP時(shí)期有所區(qū)別。隨著產(chǎn)品的不斷售賣(mài),我們將會(huì)接觸到越來(lái)越多的真實(shí)用戶,以及更多的真實(shí)需求。而這些用戶與他們的訴求,將會(huì)成為產(chǎn)品發(fā)展的指引。


2)解決更多問(wèn)題,業(yè)務(wù)范圍擴(kuò)張


經(jīng)過(guò)長(zhǎng)期的打磨,產(chǎn)品的形態(tài)和可用性已經(jīng)初步成熟了,商業(yè)模式也已經(jīng)初步跑通。隨著更多的真實(shí)需求,產(chǎn)品將會(huì)選擇有價(jià)值的方向擴(kuò)張業(yè)務(wù)范圍,從“解決一個(gè)問(wèn)題”逐漸走向“解決一系列問(wèn)題”。


3)功能完善,產(chǎn)品體量快速增加


伴隨產(chǎn)品的快速迭代,產(chǎn)品的基礎(chǔ)功能會(huì)逐漸完善,同時(shí)也會(huì)基于核心功能去搭建更為豐富的功能矩陣。更多的能力、產(chǎn)品模塊、頁(yè)面,最終逐漸疊加為一個(gè)完整的大型產(chǎn)品。


4)組織逐漸完善,人員專業(yè)化


隨著業(yè)務(wù)擴(kuò)張,組織架構(gòu)逐漸完善。為了提高專業(yè)性與效率,團(tuán)隊(duì)人員從“多面手”逐漸轉(zhuǎn)化為專業(yè)化方向。與之對(duì)應(yīng)的是,團(tuán)隊(duì)成員的數(shù)量也會(huì)在這個(gè)時(shí)期快速增加。售前、解決方案、產(chǎn)品研發(fā)、實(shí)施、客戶成功,這一套完整的團(tuán)隊(duì)模型在各模塊中不斷地復(fù)制。



C .「 成熟期 」效率提升,快速增長(zhǎng)


成熟期,即產(chǎn)品的形態(tài)已經(jīng)穩(wěn)定,并能夠創(chuàng)造持續(xù)的商業(yè)價(jià)值。處于成熟期的產(chǎn)品,肯定是已經(jīng)進(jìn)行商業(yè)化運(yùn)行的。反之,沒(méi)有達(dá)到預(yù)期的商業(yè)價(jià)值的產(chǎn)品,不能算成熟期。


進(jìn)入這個(gè)階段時(shí),產(chǎn)品已經(jīng)實(shí)現(xiàn)了產(chǎn)品-市場(chǎng)匹配。但是,我們需要對(duì)整個(gè)產(chǎn)品、以及團(tuán)隊(duì)進(jìn)行一系列的調(diào)和與優(yōu)化,才能讓整個(gè)產(chǎn)品的形態(tài)與運(yùn)作方式更加合理,以便將產(chǎn)品推向更廣闊的市場(chǎng)。


1)產(chǎn)品效率、組織效能提升


經(jīng)過(guò)一系列的快速發(fā)展,產(chǎn)品體量通常都會(huì)比較大,而團(tuán)隊(duì)成員也快速擴(kuò)張。隨著一致性成本、溝通成本增加,勢(shì)必會(huì)造成研發(fā)效率、組織效能會(huì)下降。因此,如何降低產(chǎn)品的單位研發(fā)成本?如何讓整個(gè)團(tuán)隊(duì)的組織效能達(dá)到最佳狀態(tài)?是需要解決的問(wèn)題。特別是當(dāng)產(chǎn)品具備一定的客戶數(shù)量以后,單位研發(fā)成本的降低將會(huì)極大提升產(chǎn)品整體的利潤(rùn)率。


2)產(chǎn)品設(shè)計(jì)-研發(fā)標(biāo)準(zhǔn)化,構(gòu)建完整鏈路


通過(guò)產(chǎn)品設(shè)計(jì)-研發(fā)標(biāo)準(zhǔn)化、數(shù)據(jù)架構(gòu)標(biāo)準(zhǔn)化,打通不同模塊的壁壘,提升模塊化與靈活性。將單點(diǎn)之間的競(jìng)爭(zhēng)力相互配合,形成“場(chǎng)域”競(jìng)爭(zhēng)力。


產(chǎn)品的單點(diǎn)也許不能保證都有最佳的競(jìng)爭(zhēng)力,但如果我們能夠提供一系列的、高質(zhì)量、無(wú)縫銜接的配套服務(wù)形成閉環(huán),將會(huì)形成強(qiáng)大的整體競(jìng)爭(zhēng)優(yōu)勢(shì)。同時(shí),產(chǎn)品設(shè)計(jì)-研發(fā)標(biāo)準(zhǔn)化,能夠增加產(chǎn)品售賣(mài)的靈活性,通過(guò)靈活的組合方式吸引不同的用戶,提升銷(xiāo)售靈活性與成單率。


3)提供高質(zhì)量的用戶體驗(yàn)


產(chǎn)品最終是給人用的,用戶體驗(yàn)也會(huì)在將來(lái)逐漸成為B端產(chǎn)品的核心競(jìng)爭(zhēng)力。隨著競(jìng)爭(zhēng)的加劇,以及用戶群體的逐漸年輕化,用戶體驗(yàn)將成為企業(yè)在選擇產(chǎn)品時(shí)的重要考量因素,也是口碑傳播的重要途徑。


由于在“產(chǎn)品-市場(chǎng)匹配”階段需要盡快地推出產(chǎn)品,所以在設(shè)計(jì)開(kāi)發(fā)過(guò)程中可能遺留諸多問(wèn)題,需要進(jìn)一步打磨優(yōu)化。產(chǎn)品設(shè)計(jì)需要與開(kāi)發(fā)具備高度的一致性,視覺(jué)交互是否合理,前端代碼是否準(zhǔn)確合理,操作反饋是否高效等問(wèn)題,都需要這個(gè)階段來(lái)進(jìn)行調(diào)和。


4)教育市場(chǎng),賣(mài)給更多的人


當(dāng)產(chǎn)品逐漸成熟并具備一定體量之后,單靠銷(xiāo)售跑單是遠(yuǎn)遠(yuǎn)達(dá)不到發(fā)展要求。這個(gè)階段,需要市場(chǎng)部人員對(duì)市場(chǎng)進(jìn)行教育,聚焦不同的行業(yè)領(lǐng)域,從“點(diǎn)式營(yíng)銷(xiāo)”轉(zhuǎn)變?yōu)椤懊媸綘I(yíng)銷(xiāo)”,并配合銷(xiāo)售人員進(jìn)行產(chǎn)品的售賣(mài)。因此,在這個(gè)階段,產(chǎn)品的品牌力、核心能力的傳播將至關(guān)重要。



D .「 暮年期 」商業(yè)價(jià)值降低,發(fā)展逐漸停滯


暮年期,即產(chǎn)品發(fā)展停滯甚至倒退,逐漸失去商業(yè)價(jià)值的產(chǎn)品。


B端產(chǎn)品進(jìn)入暮年期的原因,主要有兩個(gè)。一是,伴隨著業(yè)務(wù)的發(fā)展,產(chǎn)品已經(jīng)很難滿足業(yè)務(wù)需求。且翻新產(chǎn)品的投入產(chǎn)出比較低。二是,伴隨產(chǎn)品的使用時(shí)長(zhǎng),產(chǎn)品將變得臃腫和遲鈍,逐漸難以敏捷地滿足業(yè)務(wù)需求。


很多時(shí)候,商業(yè)環(huán)境的快速發(fā)展、技術(shù)的更新迭代都有可能成為產(chǎn)品進(jìn)入暮年期的原因。對(duì)于暮年期的產(chǎn)品,根據(jù)商業(yè)戰(zhàn)略,產(chǎn)品經(jīng)理既有可能要延長(zhǎng)產(chǎn)品的壽命,也有可能持續(xù)保障產(chǎn)品完成順利換代。當(dāng)然,更多暮年期的B端產(chǎn)品,由于業(yè)務(wù)的調(diào)整,最終迎來(lái)生命的終結(jié)。


需要注意的是,很多產(chǎn)品因?yàn)?strong style="outline:0px;margin:0px;padding:0px;">在成長(zhǎng)期、發(fā)展期無(wú)法建立有效的產(chǎn)品控制機(jī)制,導(dǎo)致產(chǎn)品過(guò)早的進(jìn)入臃腫階段。也就是前文中所講的“產(chǎn)品失控”,非常有可能加速產(chǎn)品暮年期的到來(lái)。


因此,是否能在前三個(gè)階段建立健康、完善的設(shè)計(jì)體系,是產(chǎn)品能夠獲得更長(zhǎng)生命力、更多價(jià)值的關(guān)鍵。




?

NEXT

「 下期預(yù)告 」設(shè)計(jì)體系的構(gòu)建法則  

-


你的B端產(chǎn)品處于什么生命周期?在這個(gè)階段產(chǎn)品要解決的問(wèn)題是什么?而在這些過(guò)程中設(shè)計(jì)體系又應(yīng)該如何構(gòu)建?


設(shè)計(jì)體系的建設(shè)并非一蹴而就,通常是伴隨著產(chǎn)品的而發(fā)展逐步建立的。在下一篇文章中,我們將基于B端產(chǎn)品的發(fā)展階段,帶你詳細(xì)了解設(shè)計(jì)體系的正確構(gòu)建方式。


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png


文章來(lái)源:站酷   作者:Jady13_劍杰

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)


如何設(shè)計(jì)友好易用的表單

ui設(shè)計(jì)分享達(dá)人

表單對(duì)于用戶和產(chǎn)品同樣重要。當(dāng)我們需要收集數(shù)據(jù)時(shí),表單是我們最常采取的方式(也許是由于在互聯(lián)網(wǎng)普及之前,表單就已經(jīng)長(zhǎng)期應(yīng)用于我們?nèi)粘I钪?)。因此,將表單設(shè)計(jì)得友好易用是提高用戶信息填寫(xiě)完成率的關(guān)鍵。


表單拆解

表單的樣式會(huì)根據(jù)業(yè)務(wù)目標(biāo)、內(nèi)容的不同而發(fā)生變化,但是有一些基礎(chǔ)的組成部分能幫助用戶快速順利地完成表單的填寫(xiě)。


1.類別標(biāo)題:類別標(biāo)題能夠幫助用戶瀏覽表單并同時(shí)解釋整個(gè)表單的大致內(nèi)容是什么。當(dāng)你需要把被收集的信息分類為多個(gè)部分時(shí),比如個(gè)人信息、職業(yè)信息和財(cái)務(wù)狀況,這時(shí)類別標(biāo)題就可以派上用場(chǎng)。


2.文本標(biāo)簽: 文本標(biāo)簽?zāi)軌蛱崾居脩粼诿總€(gè)輸入框中應(yīng)該填寫(xiě)什么樣的信息。


3.提示文字:文本標(biāo)簽的附加說(shuō)明。


4.錯(cuò)誤信息提示:向用戶反饋為什么輸入框中輸入的信息有誤。


5.重要行為召喚按鈕:表單末尾的按鈕,用來(lái)提交表單上輸入的內(nèi)容。



表單狀態(tài)


在用戶使用表單時(shí),有三種最基本的狀態(tài)能夠幫助用戶完成操作。


1.默認(rèn)狀態(tài):默認(rèn)狀態(tài)是用戶未進(jìn)行任何操作時(shí)的狀態(tài)。


2.激活狀態(tài):當(dāng)用戶點(diǎn)擊輸入框后,輸入框就變成激活狀態(tài)并通過(guò)樣式的變化強(qiáng)調(diào)顯示。如果用戶視線離開(kāi)了屏幕一小會(huì)兒,這個(gè)狀態(tài)可以幫助用戶快速瀏覽定位。


3.反饋狀態(tài):此狀態(tài)一般在完成一個(gè)信息的填寫(xiě),并進(jìn)行下一個(gè)字段輸入的時(shí)候出現(xiàn),讓用戶了解輸入的信息是否正確。對(duì)于一些無(wú)法立即驗(yàn)證的信息可以在用戶提交表單的時(shí)候進(jìn)行反饋。



設(shè)計(jì)原則


1.保持簡(jiǎn)單:將表單設(shè)計(jì)得短且簡(jiǎn)單。只收集必要的信息,避免讓用戶分開(kāi)填寫(xiě)姓氏和名字(分開(kāi)填寫(xiě)姓氏和名字一般只存在于外國(guó)網(wǎng)站)。允許用戶查看已輸入的密碼,而不要讓用戶填寫(xiě)兩次密碼去確認(rèn)。


2.使用內(nèi)嵌提示:當(dāng)用戶輸入信息有誤時(shí)要給出錯(cuò)誤提示,同時(shí)要將錯(cuò)誤原因注明在相應(yīng)的輸入框旁。


3.組合相關(guān)項(xiàng):將有相關(guān)性的填寫(xiě)項(xiàng)組合在一起,然后將它們以合理的順序整理,這可以幫助用戶不必花費(fèi)太多認(rèn)知成本去填寫(xiě)必要的內(nèi)容, 這個(gè)過(guò)程不僅輕松而且只需要用戶很短的專注時(shí)間。


4.使用左對(duì)齊的文本標(biāo)簽:始終在輸入字段上方放置文本標(biāo)簽。不要用文本標(biāo)簽替換提示文字,不然用戶在提交表單之前很難檢查他們輸入的信息,會(huì)浪費(fèi)較多的時(shí)間。請(qǐng)把標(biāo)簽放在輸入字段上方并且左對(duì)齊。


5.根據(jù)輸入信息的格式設(shè)計(jì)輸入框:簡(jiǎn)單來(lái)說(shuō),確保輸入框的格式與輸入信息的格式協(xié)調(diào)。比如說(shuō),地址的輸入框應(yīng)該比手機(jī)號(hào)碼的輸入框更長(zhǎng)。


6.CTA按鈕(行為召喚按鈕)

一般表單的后面會(huì)有一個(gè)或多個(gè)按鈕,比如“提交”、“下一步”之類的。在按鈕有多個(gè)的情況下,最重要、或者是最想要用戶點(diǎn)擊的按鈕應(yīng)該要突出,而其他按鈕弱化處理。

當(dāng)使用模態(tài)視圖狀態(tài)下的表單時(shí),有時(shí)會(huì)有一個(gè)關(guān)閉按鈕用于關(guān)閉模態(tài)視圖。另一種設(shè)計(jì)方式是使用叉號(hào)圖標(biāo)并將其放置在頂部的右側(cè)邊緣,它可以代替關(guān)閉按鈕,如圖所示。


7.搜索字段:當(dāng)網(wǎng)站內(nèi)容比較多的時(shí)候,把搜索字段做的明顯些,方便用戶對(duì)網(wǎng)站內(nèi)容進(jìn)行篩選。同樣的,在用戶使用了搜索功能獲取到結(jié)果后,不要清除搜索框內(nèi)的搜索關(guān)鍵字,因?yàn)橛脩艨赡軙?huì)查看最初他們搜索了什么。


8.清晰:向用戶清晰地表達(dá)信息,不要出現(xiàn)含糊不清的詞。用戶可能不愿意填寫(xiě)表單,所以盡可能清晰簡(jiǎn)單。如下圖的綠色按鈕文字使用“提現(xiàn)”而不要使用“確定”。


原文:https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2

作者:Momoh Silm

譯者:Ballen貝林、春風(fēng)似蛋撻

本文翻譯已獲得作者的正式授權(quán)

授權(quán)截圖

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png


文章來(lái)源:站酷   作者:Ballen成明

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(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ù)

日歷

鏈接

個(gè)人資料

存檔