MSF CMMI系列之 Storyboard Scenarios (Screenshots/Screen Flow Diagram)

本文介绍Storyboard的设计流程,包括如何从情景中挑选关键环节进行视觉化,使用工具如Microsoft Visio和PowerPoint创建屏幕截图,以及绘制屏幕流程图。Storyboard有助于提高用户和开发者之间的沟通效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


Storyboard Scenarios ( 3 : RD : 3 : 3.1 ) ( 3 : TS : 1 : 1.2 )

负责人:User Experience Architect

expando_closed.gif Overview

Storyboarding augments scenarios and provides user interface details. It is only used when user interface detail plays an important role in satisfying the users. Storyboarding can also align projects across organizations. The storyboard can include a variety of graphical elements including screenshots, application mockups, and screen flow diagrams. It might also include a short narrative describing the persona’s path through the product. A visual depiction of the scenario greatly improves comprehension among users and developers. If storyboards are created for each individual scenario, it is possible to combine them into a high-level product overview.

Entry Criteria

  • Scenarios
    The scenario description is written and attached to the scenario work item.

When:

  • Scenarios are written.

Sub-Activities

clear.gif

1

Consider Scenarios

  • Identify the sections of the scenario that warrant a storyboard.
  • Consider how these sections relate to other scenarios already written.
  • Group sections into a single storyboard where applicable.
rule1.gif

2

Generate Screenshots

  • Tools that work well for storyboards include Microsoft Visio and Microsoft PowerPoint. Capture the screens that are presented to the persona. Draw out a rough sketch of the user interface called for in the scenario. Collaborate with members of the development team to ensure the user interface is consistent with the user interface metaphor.
  • Organize screenshots into a coherent presentation.
  • Add short text or voice narrative that describes the user interactions.
rule1.gif

3

Create Screen Flow Diagram

  • Use boxes to represent screens, and arrows to indicate linkage.
  • Upload the storyboard to the project portal and link the storyboard to the scenario work item.
rule1.gif

Exit Criteria

check.gif

Storyboards provide sufficient detail to guide and assist product design work.


我认为这是比较重要的工作,可视化的界面,可以极大的方便用户和开发人员的沟通。只要一个草图估计也不会有下面的情况发生:
requirement.JPG
好了,按照上面指导的流程,
第一步是综合考虑Scenarios,有哪些部分的Scenarios参与这个Storyboard,考虑它们和已经写好的Scenarios之间的关系,考虑哪些Scenarios写进一个Storyboard。
第二步:Screenshots,对我来说,可以用VISIO画,也可以做一个原形,或者做一些拷屏


第三步:做Screen Flow Diagram。
Screenshots是死的,需要串起来,通过操作串起来就是Screen Flow Diagram了。

ScreenFlowDiagram.jpg
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值