关闭

交互设计文档的基本内容有哪些?如何才能更规范?(五)

交互设计文档的基本内容有哪些?如何才能更规范?前面给大家介绍了交互文档中的一些模块,下面就来重点说说“页面交互流程图”这一模块,来简单看看吧!
交互设计文档的基本内容有哪些?如何才能更规范?前面给大家介绍了交互文档中的一些模块,下面就来重点说说“页面交互流程图”这一模块,来简单看看吧!
产品经理九、页面交互流程图

1.交互稿结构怎么组织

交互稿的结构依赖于产品架构图,把各个页面的功能层级表现出来很容易地找到就行,可以从【平台-功能-页面-子页面-子页面分支】这个维度去搭建树形结构,结构搭好完后剩下的就是对文档的命名了。

2.每页交互稿的内容

一般而言,交互页面顾名思义就是页面内容、交互说明,那么具体要包含哪些内容才能把交互页面说清楚呢?

页面标题:告诉别人这个页面是什么?导航栏标题,让页面标题常驻;

界面标题:方便交互稿中的互相索引,比如“回到界面B状态”;

界面内容:建议尺寸为375*812px,内容黑白灰稿为主,要便于阅读;

设计说明:逻辑关系、元素状态、小微流程,都可放在设计说明中;

流程线:说明界面间逻辑关系,可使用软件自带流程线;

链接:指向其他页面,比如支线流程,开发同学阅读起来会很方便。

3.交互说明写什么?

接下来就要开始我们交互文档最为关键的部分了,如何书写交互说明呢?

我做了一些整理供参考,大家可以简单看看。

另外我们交互说明应该尽量写得详细些,这样最终的验收效果也会比较好。

那么,交互说明中不应该写什么呢?这也是大家需要知道的,这样才能避雷。下篇文章会详细的给大家整理一些注意事项,告诉大家交互说明中应该避开的坑,赶紧去看看吧!

以上就是“交互设计文档的基本内容有哪些?如何才能更规范?(五)”的内容了,如果你还想了解其他相关内容,可以来产品壹佰官方网站。

0条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表