如何使交互稿的体验更好.pdf

Libria

168

4页

0次

2021-02-22

50墨值下载

如何使交互稿的体验更好

想做一份“看起来”比较专业的交互稿是非常容易的。只需要拿到一份比较专业的的交

互稿，进行学习和模仿就好了。然而，“看起来”比较专业的交互稿只是表象，其实交互稿

是交互设计的基础，而体验才是我们关注的核心，很多时候我们都不愿意称自己为画线框图

的人，我们讲思维、将方法；但是，能够带来优秀体验的交互稿不单单在传递思维、方法，

还会大大的节省我们的沟通时间；提升我们的工作效率；也能够在不知不觉中提升我们的影

响力。网易交互设计师张书超大大总结自己和所在团队的工作经验，为大家带来如何提高交

互稿的体验方法总结，干货满满喔~

1.不同复杂度的需求应有不同的设计

我们会在工作中遇到不同复杂度的需求，因此，我们也应该有着不同的交互稿展现，比

如一个非常简单的优化，不会涉及太多修改和分析，就完全不需要过多冗余的内容；而一个

复杂庞大的需求，就需要复杂的分析和展现。因此，在我们进行交互稿的设计之前，就需要

对需求的复杂度有清晰的认知，进而能够明确该采用什么方式来展现设计内容。

举例说明：图 1-1 至 1-3 中的三个需求的交互稿分别对应着，简单，适中和复杂的需

求。简单的需求可预见的无需太多的更新迭代，有着比较明确的优化迭代，可能无需太多角

色（可能不涉及视觉和产品），则无需太多的复杂信息，用最简单的信息传递想要优化和修

改的体验问题即可；针对稍微复杂的优化，则需要一些必要的信息，比如可能需要有需求背

景、流程图、更新记录等；而非常复杂或者全新的产品，可能会涉及到更多的内容，如图 1-

3 所示，将会在以下的注意点中提及。因此，优秀体验的交互稿也是根据不同场景和情况、

不同需求相应的变化的，而不是一成不变的。

2.需求简介和涉及的各角色的展示

需求肯定需要一个名称来标明是什么需求，最好能够清晰明了，并且标注相应的版本，

以方便未来需要用到时候能够清晰的查看到。

针对稍微复杂点的需求，可能会牵扯到各种角色，一般的移动端产品大致包含：产品经

理、交互设计师、视觉设计师、iOS 开发，AOS 开发，web 开发，服务器开发，iOS 测试，AOS

测试，web 测试，服务器测试等。而图 2 中的需求简介能够无形中提升体验：当某个角色因

为某些问题，需要找到相应的人时，无需再去需求列表中寻求，在交互稿中也能一一查看。

另外，需求来源的标明也能够让各个角色清楚的知道需求的重要程度和优先级。

3.清晰的更新记录，可直达更新内容，并有清晰指示

设计其实是个过程，没有完美的设计，只有更优的设计。在不断的设计过程中，不可避

免的会涉及增添、删除、修改，因此，清晰的更新记录不仅能够帮助各个开发、测试等角色

清楚的明确修改的内容并及时跟进查看；也可以让自己更明确的总结和回顾在需求中自己的

那些经历，进而避免下次做设计的过程中遗漏和修改。图 3 中即为笔者自己的交互稿中的更

新记录案例。

另外，图 3 中的更新记录的条目，都需要点击链接直达增加、修改的地方；当然，删除

的则不需要链接直达。而在修改或新增的内容页面内，最好能够明显标出，方便阅读的角色

能够直接看到，如图 4 所示，用红色明确的标识出时间和状态（补充）。