user-interface - 如何从场景中派生 UI？

Question

我有一组场景及其相关用例，我如何根据场景对 UI 进行原型设计？活动图和序列图如何与导航模型联系起来？

Answer 1

我觉得这属于 UX，但这里有一个答案：

弄清楚这样的事情的最好方法总是更多的问题！

• 你的输入是什么（文本框、复选框）？
• 你的动词是什么（需要点击的按钮）？
• 操作是否需要顺序输入（如安装向导）还是优先？
• 你的用户是谁？他们需要牵手吗？

传统上，我总是从基于输入数据的每个用例的 UI 片段（可能是单个按钮，也可能是整个表单）开始，然后根据受众和数据可见性评估我如何在它们之间导航（做事情需要一起显示，如果 UI 像 Visual Studio 那样高度灵活）。这个导航问题被称为应用模式，有几个原型可供选择。

最常见的是；

• 分页（类似于网页，根据定义支持顺序操作）

• 工作区（想想 Photoshop 和 CAD 工具。）

  以及最近

• 时间线（可以说是工作空间的变体）

正如上面评论中提到的，像 Balsamiq 或 Expression Blend Sketchflow（如果您正在使用 Visual Studio 2012，则免费提供）这样的原型工具是理想的。作为奖励，它们会让你的老板神魂颠倒。