如何从场景中导出UI？

Question

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

Answer 1

我觉得这属于用户体验，但这里有一个答案：

想出这样的事情的最好方法总是更多的问题！

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

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

最常见的是;

• 分页（与网页一样，按定义支持顺序操作）

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

  以及最近

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

正如上面的评论中所提到的，像Balsamiq或Expression Blend Sketchflow这样的原型制作工具（如果你使用Visual Studio 2012则免费）是理想的选择。作为奖励，他们会让你的老板昏倒。