想做一份看起来比较专业的交互稿非常容易,但想做一份优秀体验的交互稿就不简单了。想进阶成资深交互设计师,这个环节必不可少。今天这篇好文总结了10个方法,让你的交互稿体验更棒,赶紧来学!
在自己的时间和精力较多的情况下,可以尝试优化一下自己的交互稿体验,并逐渐可以养成思维和习惯;而当自己时间和精力有限的情况,保证设计方案的质量才是关键。
上周偶然的机会,看到老大在帮别的团队筛选简历,看到了一个同学的简单交互稿,只有界面信息的排版和页面跳转流程,缺少了很多交互稿应有的内容。后来,想起之前和同事聊起交互稿到底该如何表现的问题,就想着可以稍微总结关于交互稿的一些问题。
其实,想做一份「看起来」比较专业的交互稿是非常容易的。只需要拿到一份比较专业的的交互稿,进行学习和模仿就好了。这也是我刚刚开始工作时采用的方法。我曾经认识一个非常想学交互设计的学生,因为并没有太多面对面的接触,我也选择了这种方式,给了她一份自己的交互稿,让她学习。
然而,「看起来」比较专业的交互稿只是表象,其实交互稿是交互设计的基础,而体验才是我们关注的核心,很多时候我们都不愿意称自己为画线框图的人,我们讲思维、讲方法。但是,能够带来优秀体验的交互稿不单单在传递思维、方法,还会大大的节省我们的沟通时间并且提升我们的工作效率。也能够在不知不觉中提升我们的影响力。
也许,不同的团队有着自己的交互稿设计规范来提升体验,而我们团队在设计师们的不断变革和优化中,逐渐积累了一些提升阅读者体验的要点,希望能够彼此学习。
1.不同复杂度的需求应有不同的设计
我们会在工作中遇到不同复杂度的需求,因此,我们也应该有着不同的交互稿展现,比如一个非常简单的优化,不会涉及太多修改和分析,就完全不需要过多冗余的内容;而一个复杂庞大的需求,就需要复杂的分析和展现。因此,在我们进行交互稿的设计之前,就需要对需求的复杂度有清晰的认知,进而能够明确该采用什么方式来展现设计内容。
举例说明:图11至13中的三个需求的交互稿分别对应着:简单、适中和复杂的需求。
简单的需求可预见的无需太多的更新迭代,有着比较明确的优化迭代,可能无需太多角色,则无需太多的复杂信息,用最简单的信息传递想要优化和修改的体验问题即可;针对稍微复杂的优化,则需要一些必要的信息,比如可能需要有需求背景、流程图、更新记录等;而非常复杂或者全新的产品,可能会涉及到更多的内容,如图13所示,将会在以下的注意点中提及。因此,优秀体验的交互稿也是根据不同场景和情况、不同需求相应的变化的,而不是一成不变的。
2.需求简介和涉及的各角色展示
需求肯定需要一个名称来标明是什么需求,最好能够清晰明了,并且标注相应的版本,以方便未来需要用到时候能够清晰的查看到。
针对稍微复杂点的需求,可能会牵扯到各种角色,一般的移动端产品大致包含:产品经理、交互设计师、视觉设计师、iOS开发、AOS开发、Web开发、服务器开发、iOS测试、AOS测试、Web测试、服务器测试等。
而下图中的需求简介能够无形中提升体验:当某个角色因为某些问题,需要找到相应的人时,无需再去需求列表中寻求,在交互稿中也能一一查看。另外,需求来源的标明也能够让各个角色清楚的知道需求的重要程度和优先级,比如图中的需求来源于「老板」。
△交互稿中的各角色的说明
3.清晰的更新记录,可直达更新内容,并有清晰指示
设计其实是个过程,没有完美的设计,只有更优的设计。在不断的设计过程中,不可避免的会涉及增添、删除、修改。
因此,清晰的更新记录不仅能够帮助各个开发、测试等角色清楚的明确修改的内容并及时跟进查看;也可以让自己更明确的总结和回顾在需求中自己的那些经历,进而避免下次做设计的过程中遗漏和修改。下图中即为笔者自己的交互稿中的更新记录案例。
△交互稿中的更新记录