首頁

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

seo達(dá)人



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

 

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

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

圖片

 

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

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

 

2.發(fā)現(xiàn)數(shù)據(jù)中的“模式/異?!保?/strong>

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

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

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

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

圖片

 

關(guān)鍵概念

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

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

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

圖片

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

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

圖片

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

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

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

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

  1. 了解數(shù)據(jù)的特性、明確自己需要哪些數(shù)據(jù)
  2. 通過技術(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)前的問題,要觀察的【度量】是哪些,以及這些度量又需要從哪些【維度】進(jìn)行觀察。

 

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

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

圖片

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

 

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

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

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

  • 測量
  • 實驗
  • 調(diào)查
  • 市場報告
  • ……

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

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

  • 文字和文件
  • 音頻和視頻記錄
  • 圖片和符號
  • 訪談筆錄和焦點小組
  • ……

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

 

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

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

使用的問題分析工具—— KPI wheel

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

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

在解答的上述的幾個問題的過程中隨手記錄:

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

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

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

圖片

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

 

第一輪 KPI Wheel ——

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

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

針對這個問題我們聯(lián)想到:

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

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

 

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

針對這個問題我們聯(lián)想到:

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

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

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

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

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

 

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

針對這個問題我們聯(lián)想到:

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

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

 

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

針對這個問題我們聯(lián)想到:

1.通過【訂單生命周期】統(tǒng)計的時間,可以在整體上評估訂單系統(tǒng)的流轉(zhuǎn)效率。但是僅僅依靠一個這樣的指標(biāo),缺少一些更細(xì)致的視角??梢栽黾訉Ψ桨福ㄓ唵蔚妮d體)的停留時長的統(tǒng)計,來計算審核在整個生命周期中所耗時間的占比。

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

 

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

 

最終 

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

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

圖片

 

指標(biāo)Metric

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

 

建設(shè)埋點

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

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

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

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

圖片

 

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

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

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

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

 

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

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

圖片

 

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

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

圖片

 

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

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

圖片

 

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

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

圖片

 

可視化 Visualize

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

 

Why visual ?

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

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

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

圖片

 

選擇合適的圖表類型

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

圖片

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

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

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

圖片

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

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

 

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

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

 

1.何為「模式」:

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

圖片

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

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

 

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

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

圖片

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

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

最后在觀察分析數(shù)據(jù)的過程中,有三個需要特別關(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ù)都是只能提供一個估計而不是絕對準(zhǔn)確的數(shù)量。例如:分析人員通常會通過樣本的數(shù)據(jù),進(jìn)而對整體的數(shù)據(jù)分布進(jìn)行進(jìn)行猜測。

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

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

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

 

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

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

書籍:Data Points:Visualization That Means Something  —— Nathan Yau

書籍:Storytelling With Data —— Cole Nussbaumer Knaflic

 

原文鏈接:酷家樂用戶體驗設(shè)計(公眾號)

作者:曉虎

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

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

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



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

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

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

seo達(dá)人


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

 

圖片

 

1 . 組件是「效率」工具

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

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

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

 

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

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

圖片

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

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

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

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

 

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

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

舉個例子,我在做業(yè)務(wù)需求設(shè)計時,相比于 Ant Design,其實更常用的是 TechUI —— 它是建立在 Ant Design 基礎(chǔ)上的、由我們螞蟻的設(shè)計師通過對業(yè)務(wù)需求的提煉、組合和封裝,做成的一套于螞蟻自己的【業(yè)務(wù)組件】。

二者的區(qū)別是:

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

圖片

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

 

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

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

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

 

5 . 設(shè)計師要「放眼」B 端未來

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

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

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

圖片

 

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

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

圖片

 

(3)用戶體驗:重視用戶個性化和體驗

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

圖片

 

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

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

圖片

 

原文鏈接:長弓小子(公眾號)

作者:元堯

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

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

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



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

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



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

資深UI設(shè)計者

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


01 場景說明

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

03 功能設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

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

04 總結(jié)

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

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

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


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

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


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

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

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






CentOS7 升級PHP到7.2

前端達(dá)人

寫在前面

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

yum provides php 
  • 1

開始升級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è)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

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


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

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

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

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

centos7重啟php環(huán)境

前端達(dá)人

apache
啟動
systemctl start httpd
停止
systemctl stop httpd
重啟
systemctl restart httpd
或者

service httpd stop

service httpd start

service httpd restart


mysql
啟動
systemctl start mysqld
停止
systemctl stop mysqld
重啟
systemctl restart mysqld

或者

service mysqld stop

service mysqld start

service mysqld restart



php-fpm
啟動
systemctl start php-fpm
停止
systemctl stop php-fpm
重啟
systemctl restart php-fpm


nginx
啟動
systemctl start nginx
停止
systemctl stop nginx
重啟
systemctl restart nginx

或者

service nginx stop
service nginx start
service nginx restart

開機(jī)自啟

chkconfig httpd on

chkconfig mysqld on
 

 

一、MySQL啟動方式

1

2

3

4

5

1、使用 service 啟動:service mysqld start

 

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

 

3、使用 safe_mysqld 啟動:safe_mysqld&

二、MySQL停止

1

2

3

4

5

1、使用 service 啟動:   service mysqld stop

 

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

 

3、mysqladmin shutdown

三、MySQL重啟

1

2

3

1、使用 service 啟動:service mysqld restart

 

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

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

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

Windows下重啟MySQL服務(wù),對于沒裝mysql圖形管理端的用戶來說啟動和停止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
這才是苦大仇深卸載個干干凈凈= w

 

 

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

默認(rèn)的版本太低了,手動安裝有一些麻煩,想采用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.運行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


注:如果想升級到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
注:如果想升級到5.6把上面的55w換成56w就可以了。

nginx重啟不了



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

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


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

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

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

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


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

資深UI設(shè)計者

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



關(guān)于 HarmonyOS Sans

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

HarmonyOS 字體特性

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

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

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

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

undefined
harmonyos-sans 5種字重

字形特點

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

undefined
harmony-sans 字形特點
undefined
harmonyos-sans 筆畫特點

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

undefined
harmony-sans 英文字形

一張圖對比其他同類字體字形:

undefined
和其他類似字體比較

字體應(yīng)用效果

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

使用場景和用途

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

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

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

免費商用說明

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

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




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

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


文章來源:站酷   作者:weyman_me

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

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





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

seo達(dá)人

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

 

1、Mikael Gustafsson

https://dribbble.com/MikaelGustafsson

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

圖片

圖片

 

2、Beresnev

https://dribbble.com/Beresnev

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

圖片

圖片

圖片

 

3、Jenny Yu

https://dribbble.com/jennyyu

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

圖片

圖片
圖片
圖片

圖片

 

4、Andrey Prokopenko

https://dribbble.com/Pro_Art

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

圖片

圖片
圖片

圖片

 

5、MBE

https://dribbble.com/Madebyelvis

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

圖片

圖片
圖片

圖片

 

6、Burnt Toast ®

https://dribbble.com/BurntToast

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

圖片

圖片
圖片

圖片

 

7、Brian Edward Miller

https://dribbble.com/bemocs

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

圖片

圖片
圖片

圖片

 

8、Canopy

https://dribbble.com/canopy

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

圖片

圖片

圖片

 

9、Matt Carlson

https://dribbble.com/matt-carlson

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

圖片

圖片
圖片

圖片

 

10、Ana Miminoshvili

https://dribbble.com/Anano

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

圖片

圖片
圖片
圖片
圖片

總結(jié)

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

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

 

原文地址:彩云譯設(shè)計(公眾號)

作者:彩云Sky


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


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

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



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

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



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

seo達(dá)人



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

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

 

搭建設(shè)計驗收框架

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

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

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

圖片

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

 

一.單一功能驗收階段

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

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

 

二.模塊驗收階段

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

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

 

三.全局驗收階段

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

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

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

 

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

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

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

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

 

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

圖片

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

 

一.建立驗收文檔

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

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

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

 

二.驗收問題錄入

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

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

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

 

三.同步&溝通驗收問題

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

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

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

 

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

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

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

 

五.上線前復(fù)查

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

 

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

圖片

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

 

一.標(biāo)明序號

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

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

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

 

二.定位問題范圍

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

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

 

三.定位問題分類

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

 

四.問題清晰說明

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

 

五.差異截圖對比

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

 

六.原因與解決方案

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

 

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

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

 

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

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

 

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

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

 

其他思考

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

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

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

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

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

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

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

 

原文鏈接:酷家樂用戶體驗設(shè)計(公眾號)

作者:懷瑾

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


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

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



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

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

 


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

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

導(dǎo)讀


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


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



目錄


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

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

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

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

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


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

A.「 自然算法 」

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


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

A.「 定義 」

B .「 組成部分 」

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

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


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

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

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

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

C .「 成熟期 」效率提升,快速增長

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


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




前言


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


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


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


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


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


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


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


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


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




?

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

-


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


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

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

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

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


等等…


很多問題大家都能明顯地意識到,但往往因為“不影響售賣”、“價值不高”、“新功能優(yōu)先”等理由被擱置。


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


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


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



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


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


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


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



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


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


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


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


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


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



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


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


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


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


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

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

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

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



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


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


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


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


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


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


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




?

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

-


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


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


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



A.「 自然算法 


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


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


就像愛因斯坦說的:“宇宙最不可理解之處,就是它居然是可以被理解。”


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


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


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


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


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



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


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


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


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


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


也正是因為算法的精簡,一切物質(zhì)的創(chuàng)造才能具備復(fù)制性、延續(xù)性、進(jìn)化性。


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


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




?

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

-


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


A.「 定義 


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


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


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



B .「 組成部分 


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


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

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

  • 模塊的構(gòu)建規(guī)則——模式語言(產(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)過程”,形成一套完整的多職能協(xié)作流程,提升產(chǎn)品的生產(chǎn)、迭代和維護(hù)效率。 


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



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


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


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


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


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


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



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


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


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


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




?

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

-


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


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



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


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


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


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


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


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



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


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


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


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


1)用戶是誰?


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


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


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


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


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


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


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


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


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


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


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


用戶是否真的會為這個產(chǎn)品買單?換句話說,產(chǎn)品是否能賺錢并且養(yǎng)活整個團(tuán)隊?


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


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


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



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


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


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


1)更多用戶,更多真實需求


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


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


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


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


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


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


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



C .「 成熟期 」效率提升,快速增長


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


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


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


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


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


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


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


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


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


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


4)教育市場,賣給更多的人


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



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


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


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


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


需要注意的是,很多產(chǎn)品因為在成長期、發(fā)展期無法建立有效的產(chǎn)品控制機(jī)制,導(dǎo)致產(chǎn)品過早的進(jìn)入臃腫階段。也就是前文中所講的“產(chǎn)品失控”,非常有可能加速產(chǎn)品暮年期的到來。


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




?

NEXT

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

-


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


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


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

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


文章來源:站酷   作者:Jady13_劍杰

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

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


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

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

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


表單拆解

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


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


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


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


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


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



表單狀態(tài)


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


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


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


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



設(shè)計原則


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


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


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


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


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


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

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

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


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


8.清晰:向用戶清晰地表達(dá)信息,不要出現(xià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è)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

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


文章來源:站酷   作者:Ballen成明

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

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

日歷

鏈接

個人資料

存檔