交互设计:流程设计应该怎么做?步骤是什么样的?(三)
上篇文章
给大家详细介绍了流程设计的步骤以及具体的方法,接下来我们就看看如何根据流程设计交互原型。
3. 如何根据流程设计交互原型
通过触发点的虚拟表示和箭头,将页面水平串联起来,显示用户在完成任务时会发生什么样的页面跳转和操作行为。如图所示,用户的操作步骤通过红色点击区和箭头显示。
注意:
1.如果流程分支,不要在页面上制作,这将降低交互稿的可读性。更好的方法是反映在站点对图上,并通过网站地图拆分子流程。确保每个页面都是一个流程到底,当遇到较长的流程分支时,可以建立跳转,链接到子页面。
2.注意前后页面的相关性和一致性,如当前页面的button和下一页的title。
3.完成交互稿后,根据接触点流程检查交互,确认每个接触点过度是自然的。提供完成接触点所需的所有信息。
交互原型完成后,接下来的工作就是处理异常流程了,这一块又该怎么做呢?处理异常的流程是什么样的呢?下篇文章继续给大家详细介绍。
以上就是“交互设计:流程设计应该怎么做?步骤是什么样的?(三)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
3. 如何根据流程设计交互原型
通过触发点的虚拟表示和箭头,将页面水平串联起来,显示用户在完成任务时会发生什么样的页面跳转和操作行为。如图所示,用户的操作步骤通过红色点击区和箭头显示。
注意:
1.如果流程分支,不要在页面上制作,这将降低交互稿的可读性。更好的方法是反映在站点对图上,并通过网站地图拆分子流程。确保每个页面都是一个流程到底,当遇到较长的流程分支时,可以建立跳转,链接到子页面。
2.注意前后页面的相关性和一致性,如当前页面的button和下一页的title。
3.完成交互稿后,根据接触点流程检查交互,确认每个接触点过度是自然的。提供完成接触点所需的所有信息。
交互原型完成后,接下来的工作就是处理异常流程了,这一块又该怎么做呢?处理异常的流程是什么样的呢?下篇文章继续给大家详细介绍。
以上就是“交互设计:流程设计应该怎么做?步骤是什么样的?(三)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。