情境故事虽然语言很形象生动,但要变成手机上可执行的界面内容,跨度还是很大,所以需要把它们简化一下。文字流程就是不错的表达方式,也很简练。(属于“课程:交互设计方法”)
将情境故事中的交互行为简化为文字流程,能清楚表达涉及的界面对象、用户的行为、界面反馈和互动过程,为后续可视化的界面原型设计打下基础。
1、故事简化。把原情境故事简化,去除环境和情绪类描述,保留行为和反馈这些互动内容。
2、统一格式。统一按照“对象行为>对象反馈,内容;对象行动>对象反馈,内容;”的文字格式,记录用户操作界面、界面反馈的互动过程。比如“用户选择厨艺>界面进入厨艺板块,板块上有厨艺成就、菜品列表等内容;用户点击某菜品>界面进入该菜品页,上有口味、做法、价格、厨友反馈等信息内容”。
在流程中,尽量标注出涉及到的对象和信息内容,以便后续设计有依据。
对象:是参与交互的各种主客体,比如在活动情境中与用户互动的一个人,可以转化为通讯录中的一个朋友。对象在界面中可以是一个复杂的小框体、或简单的一个按钮。
内容:是参与交互的界面内容,内容可以是一句话、一张图、一个按钮或动画等,也可以是包含对象、信息和可执行对象的复合体。
行为:是用户的操控行为,以及手机界面的反馈行为。
举例:手机串门情境
情境1,闲逛
我闲来无事,想看看朋友们都在干啥,于是打开手机微信,切换到我的“朋友们”界面,我开始一个个浏览,界面是按更新顺序排序的。首先看到的就是“彭酉”,他有条新消息,我也很久没跟他联系了,点进去看看,看他最近又有啥好东西发布了。进入后,发现是“新鲜事”更新了几条,原来他去安徽玩了很多天,去了不少地方,发了很多条新鲜事。
文字流程:我打开App,选择“朋友们”板块>进入“朋友们”板块,板块有朋友的列表(朋友面板有头像、姓名和最近一条交往信息);我点击某人“彭酉”>进入“彭酉”的主页,页面有“秀成就、新鲜事、秘密宝藏”等板块、我和他交往历史记录;我选择“新鲜事”>切换到“新鲜事”板块,这里有各消息列表;我慢慢浏览。
情景2,处理信件:
我终于有点时间了,之前有几个朋友跟我留了言,要处理下。打开手机,在我的“朋友们”面板的”交往”版面,我开始一个个处理,朋友是按最近联络排列。
文字流程:我打开App,选择“朋友们”板块>进入“朋友们”板块;我切换到“交往”面板>进入“交往面板”,面板有所有交往记录(按时间顺序,每条为一个朋友显示最近3条互动消息);我一一查看,并根据需要回复。

网友评论