如何从场景中派生UI？

Question

我有一组场景和它们的相关用例，我如何基于这些场景对UI进行原型化？活动图和序列图如何链接到导航模型？

Answer 1

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

解决这类问题的最好方法是总是有更多的问题！

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

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

最常见的是；

• 分页(像网页一样，通过定义支持顺序操作)
• 工作空间(想想photoshop和CAD工具。) 最近
• 时间线(可以说是工作空间的变化)

正如上面的注释中提到的，像Balsamiq或这样的原型工具(如果您正在使用Visual 2012 )是理想的。作为一种奖励，他们会让你的老板晕头转向。