如何從場景中派生UI？

Question

我有一套場景和它們的相關用例，我如何基於場景對UI進行原型設計？ 活動圖和序列圖如何鏈接到導航模型？

Answer 1

我覺得這屬於對UX但這裏是爲你找出答案：

推測像這樣的東西出來，最好的辦法總是更多的問題！

• 什麼是您的輸入（文本框，複選框）？
• 你的動詞是什麼（需要點擊的按鈕）？
• 操作是否需要順序輸入（如安裝嚮導）還是這種優惠？
• 誰是您的用戶？他們需要手拿着嗎？

傳統上，我總是從基於輸入數據的每個用例的UI片段（可能是單個按鈕，也許是整個表格）開始，然後根據觀衆和數據評估他們之間的導航方式可視性（如果UI像視覺工作室那樣高度靈活，則需要一起顯示這些內容）。這個導航問題被稱爲應用程序模式，並且有幾個原型可供選擇。

最常見的是;

• 分頁（如網頁，支持定義順序操作）

• 工作區（認爲Photoshop和CAD工具。）

  以及最近

• 時間軸（可以說是一個工作空間的變化）

正如上述評論中提到的，一個原型工具，如Balsamiq或Expression Blend Sketchflow（免費使用Visu al Studio 2012如果你正在使用它）是理想的。作爲獎勵，他們會讓你的老闆昏昏欲睡。