Issuu on Google+

Login

Save ID/PW

remember me?

是否增設帳號密碼紀錄功能

1 UI Analysis


Homepage

Where You Left off

首頁 自動紀錄上一次登出前的操作頁面 (可從 設定關閉此功能)

2 UI Analysis


Layout

Foldable Menu

平時可以收起來以增加主畫面的空間

3 UI Analysis


Layout

Taking off Topbar

logo可直接置頂左上角/右上角並拿掉Topbar

4 UI Analysis


Layout

Taking off Footer

拿掉無意義的footer

5 UI Analysis


File List

Taking off Path Route

拿掉路徑(無法直接按點前往其他層級)

6 UI Analysis


File List Edit Tools

工具列直接出現在選取的檔案旁邊

自動紀錄最常 用的兩樣工具 其餘工具 合併收起

7 UI Analysis


File List

Tags Confusion

造成疑惑:可點按?排序?分類?

8 UI Analysis


File List

Overlength File Info

9 UI Analysis

相關資訊過於冗長,視窗縮小時易造成閱讀不便。

NAME

SIZE

DATE

改版後

NAME

SIZE

DATE


File List

10 UI Analysis

Dropdown Menus for Sorting & Filtering

Sort

NAME

SIZE

DATE

Sort

Filter

Filter

ALL AUDIO

VIDEO PHOTO

選擇排序依據 (標題/大小/日期)

DOCUMENT

選擇檔案類型 (僅限於當前資料夾)


File List

Integrate Setting & Logout into User Account

Sort

11 UI Analysis

Filter


File List

Switch between Display Modes

12 UI Analysis

可切換成預覽模式: (1) 表單 (2) 圖示 NAME

SIZE

DATE


Left Menu

View Mode/Sorting/Filter/Account

預覽模式: (1)清單 (2)圖示

13 UI Analysis

Sort

分類排序:

Filter

帳號:

(1)名稱/大小/修改日期 (1) 設定 (2)全部/音樂/影片/文件 (2) 登出


File List

Missing Level Folders

沒有路徑=沒有顯示當前所在地及上層資料夾

資料夾目錄列表:標示出目前所在資料夾,並有助 於進行檔案操作(複製貼上)時快速前往其他資料 夾。

Sort

14 UI Analysis

Filter


Layout

Revised with Logo & Clickable Level Folders

LOGO

根目錄資料夾列 表,可直接點按 欲前往的資料 夾。

全選

NAME

15 UI Analysis

AUDIO


File Operation

Method I: Drag & Drop to Move Item(s)

LOGO

move 1 selected item

選取檔案並按住拖曳至 左方目錄的目標資料夾

NAME

16 UI Analysis

AUDIO


File Operation

17 UI Analysis

Method II: Copy/Cut/Paste

LOGO

NAME

AUDIO

1

選取檔案,選取  欲執行的動作選項

Copy Cut share link

2

剪下/複製


File Operation

Select Destination to Locate the Files

LOGO

3

4

出現視窗代表已成功 剪下/複製檔案

勾選目標資料夾後按“move to here” 視窗消失即表示移動成功

NAME

18 UI Analysis

AUDIO


File Operation

Toolbar for Multi-selection

19 UI Analysis

選擇兩個以上的檔案時,編輯工具列會出現在最上方

LOGO

Copy

Cut

Download

Delete

其他工具選項

NAME

AUDIO


Upload

Previous Version: One File at a Time

舊版上傳方式 只能選擇單一檔案個別上傳 上傳十個檔案 = 重複一樣的步驟十次 → 浪費時間

20 UI Analysis


Upload

Method I - Drag & Drop

LOGO

1

UPLOAD

NAME

2

直接從PC將檔案拖曳 至上傳視窗內即可, 可複選。

3

21 UI Analysis

AUDIO


Upload

Method II - Browse & Select

LOGO

UPLOAD

彈出視窗,瀏覽PC選 取欲上傳的檔案﹝可 複選﹞其餘步驟同前 頁方式。

NAME

22 UI Analysis

AUDIO


Upload

Method III (advanced) - Select Destination Folder

LOGO

UPLOAD

Upload files to your Wi-Disk

先選擇欲放置的目標資料夾,再選取遇上傳 的檔案,其餘步驟同前兩種。

NAME

23 UI Analysis

AUDIO


Upload

Quick Share with Uploaded Files

LOGO

UPLOAD

NAME

24 UI Analysis

AUDIO

檔案上傳完畢 即可分享


Share

Share via Link & QR code

LOGO

UPLOAD

25 UI Analysis

NAME

1

2 提供 下載網址及二維條碼 (可一次下載單一 或多個檔案)

AUDIO


Other Functions

Search by Keyword

LOGO

於目前資料夾 搜尋關鍵字 UPLOAD

search this folder

NAME

26 UI Analysis

AUDIO


Other Functions

Create New Folder

27 UI Analysis

於目前資料夾 新增資料夾

LOGO search this folder

UPLOAD

NEW FOLDER

NAME

AUDIO


Other Functions

Shared by Others

LOGO

UPLOAD

NEW FOLDER

search this folder

顯示別人分享給你的檔案

NAME

28 UI Analysis

AUDIO


Other Functions

Recent-operated Files

LOGO

UPLOAD

NEW FOLDER

search this folder

顯示最近操作過的檔案 按時間倒敘法排序

41% space used

NAME

29 UI Analysis

AUDIO


Other Functions

Display Space Usage in Percentage

LOGO

UPLOAD

NEW FOLDER

search this folder

41% space used

顯示目前空間使用率%

NAME

30 UI Analysis

AUDIO


File View

Click to Fold Menu

LOGO

UPLOAD

search this folder UPLOAD

NEW FOLDER

主選單及根目錄共用框架 點按即收起,再按展開。 41% space used

NEW FOLDER

NAME NAME AUDIO AUDIO

NAME

31 UI Analysis

AUDIO


File View

Distinguished Icon Styles

LOGO

UPLOAD

search this folder

較為一目了然 的檔案類型 41% space used

NEW FOLDER

NAME

32 UI Analysis

ALL


File View

Thumbnails & Icons Preview

LOGO search this folder

41% space used

UPLOAD

NEW FOLDER

NAME

33 UI Analysis

ALL


File View

Clean Version

LOGO search this folder

41% space used

UPLOAD

NEW FOLDER

NAME

34 UI Analysis

ALL


Overview

Evaluation & Improvement Plan

35 UI Analysis

原版面缺點 過多非必要的框架及區塊 檔案列表只有清單模式(List View),無縮圖預覽功能 無階層資料夾列表,只能顯示所在路徑而無法直接點選前往其他資料夾 標籤排序的功能不明確(Name/Size/Date)某些情境下無法點按依其排序檔案 檔案上傳不得複選,只能以新增檔案的方式個別上傳 執行檔案操作時,成功與否沒有明確提示(剪下/複製/貼上) 不支援拖曳功能


Overview

Evaluation & Improvement Plan

改善方案 增加主畫面使用空間:

精簡欄位及框架(選單/項目欄位/上下條列)

執行工具直接出現在選取的檔案旁

主選單可自由展開收起以節省空間

強化檔案管理:

檔案列表依時間遞減排序(最新修改過的檔出現在最上層)

圖片皆可預覽縮圖

圖示均有文字題註,以助於辨識【上傳/複製/下載等】

個別化不同檔案類型的圖示風格→使其一目瞭然

   檔案集資料夾皆可拖曳→方便移動及複製檔案    複製或剪下檔案時,會直接跳出視窗先選擇放置檔案的目的地再進行    檔案移動。

36 UI Analysis


Overview

Evaluation & Improvement Plan

37 UI Analysis

簡化上傳步驟: (1) 點按頁面上方的上傳 (2) 將檔案(可複選) 1.自PC直接拖曳至pop-up上傳視窗內 或 2.瀏覽PC硬碟以選取檔案 (3) 按“upload”鍵開始上傳 進階版:在步驟(1)之後,選擇目的資料夾再接續(2)(3)步驟    檔案一旦上傳完成即可分享,無須重新選取檔案(可於上傳完成的視窗   內直接分享)

自動記憶操作紀錄:            

Recent – 顯示最近五~十件新增或下載的檔案,依時間遞前排序 Sharing – 所有分享紀錄,依時間倒敘排序 編輯工具 - 自動記錄常用的工具選項 登入後首頁畫面 - 自動紀錄上一次的使用畫面,以便於接續操作


Overview

Evaluation & Improvement Plan

版面調整:            

常用工具集中於左上角(考量視覺動向及視窗縮小的使用情況) 依循Google+, FB, Twitter, 多數的forum & Storage Service的模式,帳號 相關設定及登出功能一同置於畫面右上角 顯示目前空間使用狀態

UPLOAD

NEW FOLDER

38 UI Analysis


Overview

39 UI Analysis

Comparison

Previous Look

Revised Look UPLOAD

NEW FOLDER

UPLOAD

NEW FOLDER

NAME

ALL


Overview

40 UI Analysis

Cut Down Frames 3

1 4 5

Previous Look

6

2

7

Revised Look UPLOAD

2

NEW FOLDER

1

UPLOAD

3

NEW FOLDER

NAME

ALL


介面優化提案User Interface Optimization Proposal