Navigation


更接近符旨的圖示

導覽列最右項為使用者帳戶的設定與控制,原使用的圖示被規約為『More』,較難令使用者連結到相對應的印象。
-
將改為被規約成『Account』的圖示較容易辨別。

字彙一致性

網站

工程師們開發時因沒有完整的 Spec ,所以在網站使用字彙的命名皆隨各自喜好,導致具同意義的詞卻有不同字串的字彙產生。除了網站統一性低外,也容易混淆使用者,無法在第一時間連結想法。
如:指廣告名稱則有 Name, Ad Account Name, Ad Account … 等多種寫法,同樣亦有 ID, Ad Account ID 等。
-
將整個網站會使用到的詞彙整理為一份 Spreadsheet 後,與 PM 進行討論,將詞彙進行修改、合併、刪除等規範。

導覽列上的文字

修改前的“Create Campaign”意指按下去即可新增一個 Campaign,為動詞。但導覽列上的其他項目,如:Dashboard, Report, Audience Manager, Optimization, Admin 皆為名詞。
-
將 “Create Campaign” 修改為 “Create”,使用者可從子項目選擇要新增的 Campaign 類型。(與新增 Campaign 步驟連動)

Dashboard

Broad Overview

簡易曲線圖,使用者可以快速知曉資料的變化

越來越多的Channel

Channel 需求量越來越大(可能超過5個),以往的設計會出現過多繁複的點狀,修正為如需知道當下數值,則滑動到線上即可顯示。

Specific tasks 的收斂

為適應手機版的需求,如繼續使用表格則左右難以滑動閱讀 (桌面版已進入滑動世界裡)。改為單筆開合式,依照使用者當下需求不同,再另外進入詳細資料的顯示。

Report

Chart Prototype

透過原型的設計,可與工程師討論時更加明確,節省時間。同時交付給工程師施工的文件以 HTML+gif,請參考以下:


Chart1 - Vertial Bar Chart
Chart2 - Line Chart

Create

Create Campaign

步驟簡化

同一目標將步驟從三簡化至二。
改版前需要點擊進入 Create campaign 後才能選擇想新增的 campaign 類型。修正後只需要在導覽列上的 Create 選擇子選項,方能開始一個新的 campaign。

Steppers 的表示

以往新增 campaign 時,沒有明確的步驟標示,容易造成使用者無法預估下一步狀態。