xFuture

Redesign

簡述

未來事件交易所是一個以網頁基礎的線上平台,目的是為了集合眾人的智慧預測未來發生各事件的可能性。台灣的新聞媒體常引用未來事件交易所的數據。是一個虛擬貨幣的期貨交易平台。

期間
Feb 2011

My Role
重新檢視使用的流暢度,梳理資訊架構、流程與介面,並提出改善方案。

Define Problems

定義問題

梳理現有介面的流程、功能及優缺點;重新思考版面元素的重要性,最後著手版面改善、動態引導。

確保流程流暢

原流程預測的三個步驟在介面中缺少「回上一步」的功能,讓使用者無法猶豫或犯錯。而在最終決定交易時,缺少了最終確認的步驟-沒有避免錯誤的機制。因此將上述作為流程的優化內容。

TingYeh | UI Designer

凸顯主要功能,弱化附加資訊

主要功能是預測,但預測需要擁有點數,因此購買點數與預測皆歸為主要功能;使用者在預測前需掌握足夠資訊,因此次要功能是圖表資訊(走勢圖及買進賣出的最新價目)。

TingYeh | UI Designer

保留原設計的「更新反饋」

在最新價目表即時更新時,區塊底色有短暫改變成其他顏色,讓使用者得到反饋,感受到資訊的更新。

改善原設計的資訊視覺層次

事件資訊的內容層次較不清楚,略顯雜亂,無法在第一時間快速掃描過大小資訊,並以最不受干擾的方式進入預測流程。(內容重要的層次以上述Function Map為依據)

Re-Design

重新設計

目標

將目前版面諸多的細節透過調整過後的版面配置及視覺,讓功能層級能有所區分:主要功能、次要功能、附加功能(見功能層級圖),讓附加功能的細節能不被過分注意,進而重整畫面的秩序。

TingYeh | UI Designer

流程架構


TingYeh | UI Designer

主要畫面

TingYeh | UI Designer

Design guideline

TingYeh | UI Designer

UI COMPONENTS

TingYeh | UI Designer

Next Pjoject

AnswerMe官方網站