用戶界面流程圖(故事板)

用戶界面原型 (User Interface Prototype) 是一個很好的方法來探索你的用戶界面 (User Interface or UI),但不幸的是,你會很容易被用戶界面的細節迷住,而忽略了大局。因此,你往往看不到系統 UI 裡高層次的關係和相互作用。用戶界面流程圖 (User Interface Flow Diagram) – 又稱為故事板 (Storyboard) 、界面流程圖 (Interface Flow Diagram) 、視窗導覽圖 (Window Navigation Diagram) 、和内容導覽圖 (Context Navigation Map) – 讓你能夠模擬主要用戶界面元素之間的高層次關係,因此能夠問到基本的可用性問題。

在圖一裡,你會看到為一個大學系統的用戶界面流程圖的開始部分,在 RUP 裡是稱為導航圖。每個框代表主要用戶界面元素,正如你模擬實例 (Instance) / 對象 (Object) 一樣。箭嘴代表它們之間可能的流動,正如你模擬在活動圖 (Activity Diagram) 裡的轉換一樣。例如,當你在桌面的畫面裡,你可以利用學生圖指示帶你到搜索學生的畫面。當你在那裡,你可以回到桌面的畫面或到學生檔案的畫面。

圖一. UI 流程圖
用戶界面流程圖
繼續閱讀