• <dd id="xqu0e"><legend id="xqu0e"></legend></dd>

    <div id="xqu0e"><ol id="xqu0e"><kbd id="xqu0e"></kbd></ol></div>
    <dd id="xqu0e"></dd>
  • <div id="xqu0e"><tr id="xqu0e"></tr></div>

  • <em id="xqu0e"><ol id="xqu0e"></ol></em><div id="xqu0e"></div>
  • <em id="xqu0e"></em>
  • <dd id="xqu0e"></dd>
    <div id="xqu0e"><tr id="xqu0e"></tr></div>

    當前位置:100EC>行業研究>淺析:B2B端的Dashboard設計方法
    淺析:B2B端的Dashboard設計方法
    發布時間:2018年09月21日 10:27:27

    (網經社訊)如何用最準確的媒介來清晰、直接地傳達數據和其所表示的信息?Dashboard可以幫到你。

    一、Dashboard的含義

    早期dashboard是指汽車等產品上的信息面板,中文譯名即儀表盤。

    在Mac的OS系統內,dashboard是指包含各類小widget的面板。

    目前我們說的dashboard承襲了儀表板的核心概念——通過圖表、列表等形式,直接、高效、準確地向用戶傳遞重要信息。

    在dribble等網站上可以搜到很多作品(如下圖)。不過除非是用于對外展示,否則dashboard的形式不必特別華麗。

    因為對于To B用戶而言,它的核心始終是傳遞信息。界面上的內容都應有存在的理由,一些額外的裝飾可能會造成干擾。

    我們要做的事情是:少做沒意義的事情,多把有用的信息呈現并突顯出來。

    二、設計步驟

    設計dashboard時,可以按照以下四項逐步推進:

    2.1 用戶場景

    進行用戶場景分析時,需要明確“用戶”和“任務”“數據內容”這三個要素。

    用戶需要通過(監測、分析、評估)內容去完成(一些特定的)目的。

    對于用戶:需要了解其身份、在公司內的職位、工作內容等。

    對于目的:需要弄清是什么觸發了用戶使用dashboard的行為?用戶訪問dashboard的原因是什么?為了達到目的需要以什么頻率訪問dashboard?

    對于內容:需要明白用戶使用dashboard后需要做出哪些決定?哪些關鍵信息輔助自己做出決定?有哪些情況需要提醒用戶等。

    2.2 展示形式

    根據數據內容選擇不同形式或形式組合,例如dashboard內常用的圖表、表格或列表等。其中,圖表的特點是可以方便看出趨勢但是難以索引 ,表格與列表反之。

    同時,并不是所有內容都要以可視化的形式展現,只可視化必要而且能迅速看出端倪的東西。

    關于圖表形式,印象中初中的數學課就已經介紹過,在此就不贅述了。需要特別說明幾點細節問題,信息設計大牛Stephen Few在他的《information Dashboard Design》一書中有提到:

    人對于面積和角度的敏感度不如對長度的感覺。餅圖通常不是一個好的選擇,除非很強調個體在整體中的比例,此時也可以用堆積條形圖;

    人對于橫向長度的敏感度又高于縱向;

    3D的數據圖表又增加了縱深的維度會影響閱讀和記憶;

    要做到圖表上每個像素都是有用不多余的,一般折線或柱狀圖已經足夠用了。

    2.3 數據排布

    要通過對業務的了解、對用戶的訪談等對界面內各項內容的重要性進行區分。用戶必須看到或者必須去做的事情要放在醒目的位置,或者要給與強烈的視覺暗示,避免用戶因為數據的不起眼而錯過重要信息。

    ToB產品內涉及的數據信息通常也很多,要對各部分內容進行有邏輯地分組。在排版上給與用戶分組的暗示,讓用戶能更快速定位到需要的信息。(關于數據排布的部分,還會再寫一篇格式塔心理學的應用~之后奉上)

    2.4 交互方式

    在完成以上幾步后,需要根據內容細化交互方式。

    例如信息關系是否有層級?如果有,那么是用什么形式去展現這個層級,下拉列表還是彈窗?還是會在圖表內有進一步的交互動作(如下圖)?

    有哪些內容需要進行說明或者提醒?采用hover還是toast?

    相似控件的交互方式是否保持一致?

    ……

    三、小結

    總而言之,dashboard是與用戶進行信息展示與溝通的媒介,要用最準確的媒介來清晰、直接地傳達數據和其所表示的信息。

    Steven Few在書中提出,評價dashboard的好壞要看其組織是否合理、內容是否簡潔、對相應用戶群體或領域是否有針對性的定制化內容。我們在設計時也可以參考下這些標準。

    Reference:

    1. Information Dashboard Design. Stephen Few.

    2. Dashboard Design 10. Mike Hughes.(來源:人人都是產品經理 文/魚丸子 編選:電子商務研究中心)

    據電子商務研究中心(微信ID:i100ec)不完全統計,今年雙十一除了天貓、京東、蘇寧易購等“頭部平臺”外,還吸引了100多家各類電商平臺參與,主要包括:二線平臺的國美、亞馬遜中國;社交電商平臺拼多多、云集、微店、小紅書、蘑菇街、有贊,跨境電商平臺速賣通、網易考拉、洋碼頭、寺庫,垂直平臺貝貝網、寶寶樹、蜜芽,精品電商平臺網易嚴選、小米有品,生鮮新零售盒馬鮮生、每日優鮮,生活服務平臺飛豬、美團、攜程等。為此,網經社與電子商務研究中心啟動“直擊雙十一”十周年特別策劃(專題http://www.iifv.tw/zt/18s11),通過密集播報、專題直擊、現場探訪、投訴維權、社群直播和網購預警、電商快評、評測榜單、主題報告、媒體評論,各大電商平臺進行持續跟蹤直播、監測、評論、監督,為您帶來獨一無二的雙11狂歡盛宴。

    股票名稱/代碼
    $/總資產
    $/營收
    $/凈利潤
    • 阿里巴巴BABA.US
    • 1092億
    • 385億
    • 94.5億
    • 京東JD.US
    • 282.6億
    • 557.4億
    • 7.7億
    • 唯品會VIPS.US
    • 583.2億
    • 112.2億
    • 0.4億
    • 寶尊電商BZUN.US
    • 4.60億
    • 6.40億
    • 0.3億
    • 聚美優品JMEI.US
    • 7.60億
    • 8.90億
    • -0.06億
    • 寺庫SECO.US
    • 3.60億
    • 5.80億
    • 0.03億
    广东11选五走势图