怎么能确保交互稿的齐备性,避免信息的丢失呢?本文作者共享了自己的一套办法。
交互稿是交互规划师的首要产出。在实践作业中,交互规划师的首要责任,就是根据产品提出的不同需求,用交互稿的方式给出交互计划。并且,交互计划会在产品、UI、开发、测验同学中流通,因而也成为他们评判一个交互规划师才能的重要依据。因而能够这样说,交互计划质量的凹凸,会成为一个交互规划师才能凹凸的重要体现之一。
要想画出高质量的交互稿,一方面,要运用正确、高效的办法对需求进行规划剖析,然后依据剖析中构成的规划思路来进行规划;另一方面,交互稿中需求具有齐备的结构,以提现交互规划师的专业性。下面,我们来看看怎么能确保交互稿的齐备性,避免信息的丢失。
交互稿的“方针用户”
要讲交互稿,我们先来看看交互规划师的作业流程:
交互规划师从产品司理那里接到需求,跟产品评论之后,首要需求对需求进行规划剖析;在剖析之后,就能够开端画交互稿了。交互稿完结之后,要把它交接给UI的同学进行界面规划,再然后是给开发的同学进行开发、测验的同学进行测验。从这儿能够看出,交互稿文档的首要“方针用户”,是产品、UI、开发和测验。
其实细心想想,交互规划师的责任,就是把一个功用给“说清楚”:产品同学需求知道这个交互稿是否包括了一切的功用点;UI同学需求知道这个功用都包括哪些界面,每个界面的元素都有什么,元素的状况都有什么;开发、测验同学需求知道功用的流程是什么,点击了页面的元素会有怎样的反响。所以,以上这些信息都必须包括在交互稿中。了解交互稿的方针用户关于画出高质量的交互稿非常重要。
交互稿的必备信息
上面我们说到交互规划师产出的交互稿是给谁看的。我们来总结一下,上面说到的交互稿中必须包括的信息有:
界面展现完好的流程
界面以及界面中的元素展现需求的一切功用点
界面中元素的各种状况
元素操作后的作用
关于第1点展现完好的流程,如果这个功用比较复杂,流程比较长或许流程中逻辑比较多,则能够附上流程图,便利产品、开发、测验同学了解;而关于一般相对简单的功用,依据你运用的交互稿的作图工具,分以下两种状况:
如果你运用的是sketch,那么能够把一切的界面都平铺在一张图里,UI、开发的搭档经过图中的首要界面就能够get到流程;
如果你运用的是axure,主张axure里的一个页面只展现一个界面或分支流程(好处是能够充沛展现一个界面或分支流程的各种状况,展现非常清晰),此刻,流程是经过axure左面的树状结构来展现的.
关于第2、3、4点,我们能够经过遍历的办法来走查流程和界面。遍历的办法,就是自始至终看一遍自己的交互稿,注意其间是否包括了需求中一切的功用点;每个界面中的每个元素,如果用户点击了,它会有什么反响(色彩是否改动?是否需求动效?等等)?点击之后去到哪个页面?如果没有网络该展现什么?这儿为我们总结一下:
按钮、图标一般就包括三个状况:默认态、点击态和点击之后的状况;
用户操作后可能发作的异常状况:无呼应,无网络,空数据,大量数据,网络慢,是否有缓存,数据过期,状况的改动(如换城市),初次运用(新手引导)
这儿给我们举一个之前做的事例(如下图)。在这个比如中,左面的树状结构反映了首要的流程。因为该需求流程中规划的逻辑较多,因而在最后附上了【流程图】这个模块,便利开发和测验的同学。在页面中,只展现了“我的宜定盈概况”这个页面的各种状况和操作后的成果。
交互稿的隶属信息——项目概述
在交互稿的第一页,能够加上“项目概述”这个主题,首要展现该需求的基本信息和迭代阐明。添加项目概述这一页,一方面能够记载交互的修正,在发作问题的时分便利追溯;另一方面让交互稿显得更专业,是提高交互稿气场的好办法。
交互稿的隶属信息——规划剖析
有一些需求,如果需求自身比较巨大,涉及到的人员比较复杂,能够在交互稿中加入规划剖析的部分。这能够协助我们更好地了解你的交互稿是怎么被规划出来的。因为是放在规划稿里,而不是一个专门的需求展现规划剖析的PPT,因而规划剖析里只需求放入最核心的信息就好,
微信:boxiangchina
博象是专业佛山网站建设、佛山建站、网站制作、网站设计、网页设计、网络营销、网站运营、百度竞价排、品牌策划
、
企业管理咨询名托管的优质企业
联系方式:
广州热线:020-81122189, 佛山热线:0757-85905233
客服QQ:853233398,客服微信:MZ853233398