制作一个看似专业的互动草案很容易,但制作一个好的互动草案并不容易。您希望进入高级交互设计师是至关重要的。今天的好文章总结了10种方法,使您的交互式手稿体验更加出色,并且快点学习!
在更多时间和精力的情况下,您可以尝试优化您的互动式选秀体验,逐步培养思维和习惯;当你的时间和精力有限时,设计的质量是关键。
最后一次机会,我看到老板正在帮助其他团队筛选简历。我看到了一个简单的同学互动稿。只有界面信息的布局和页面跳转过程缺少许多交互式草稿的内容。后来,我记得我不得不和同事谈谈交互式手稿应该如何表现。我想我可以总结一些关于交互式手稿的问题。
事实上,制作一个“看起来”更专业的互动草案非常容易。只需要获得更专业的互动草案,只需要学习和模仿。这也是我刚开始工作时使用的方法。我曾经遇到过一个想学习互动设计的学生,因为我没有太多的面对面接触。我也选择了这种方法并给了她一份她自己的互动副本,让她学习。
然而,“寻找”更专业的互动手稿只是外观。事实上,互动式草案是交互式设计的基础,而经验是我们关注的核心。很多时候,我们不愿意称自己为绘制线框的人。我们在想。并谈谈方法。但是,能够带来良好体验的互动手稿不仅是一种思考方式,而且大大节省了沟通时间,提高了工作效率。它也可以在不知情的情况下增强我们的影响力
也许不同的团队有自己的交互式草案设计规范来增强体验,而我们的团队也逐渐积累了一些点,以提升读者在不断改造和优化设计师的体验,希望相互学习。
1.不同的复杂性要求应该有不同的设计
我们将在工作中遇到不同的复杂性要求,因此我们还应该有不同的交互式草稿,例如非常简单的优化,没有太多的修改和分析,没有太多的冗余。内容;复杂而巨大的需求需要复杂的分析和展示。因此,在我们设计交互式手稿之前,我们需要清楚地了解需求的复杂性,然后我们可以清楚地定义显示设计内容的方式。
例如:图1-1至1-3中三个要求的交互式版本对应于:简单,中等和复杂的要求。
简单的需求是可以预见的,没有太多的更新迭代,定义明确的优化迭代,不需要太多的角色(可能不涉及视觉和产品),没有太多复杂的信息,最简单的信息来提供优化和修改经验问题;对于稍微复杂的优化,您需要一些必要的信息,例如背景,流程图,更新记录等的需要;而且非常复杂或全新的产品,可能涉及更多内容,如图1-3所示,将在以下几点提及。因此,优秀体验的互动式草案也会根据不同的场景和情况,不同的需求而不是静态而改变。
2.要求介绍和所涉角色的介绍
需求肯定需要一个名称来表明需求是什么,最好是清晰明确,并标记相应的版本,以便将来需要时可以清楚地看到它。
对于稍微复杂的需求点,可能存在各种角色。一般移动产品包括:产品经理,交互设计师,视觉设计师,iOS开发,AOS开发,Web开发,服务器开发,iOS测试,AOS。测试,Web测试,服务器测试等。
下图中对要求的介绍可以无形地增强体验:当某个角色因某些问题需要找到合适的人时,不再需要在需求列表中查找它,并且可以逐个查看在交互式手稿中。此外,识别需求来源还可以让每个角色清楚地知道需求的重要性和优先级,例如图片中的需求来自“老板”。
△交互式手稿中每个字符的描述
3.通过直接更新和明确说明清除更新记录
设计实际上是一个过程,没有完美的设计,只有更好的设计。在常量设计过程中,它将不可避免地涉及添加,删除和修改。
因此,明确的更新记录不仅可以帮助清除和清除每个开发,测试和其他角色的内容,并及时跟进;它还允许您更清楚地总结和审查您自己的需求体验,然后避免下次执行。在设计过程中丢失和修改。在下图中,作者自己的交互式草稿中的更新记录案例。
△更新交互式草案中的记录
另外,在上图中,更新记录的记录需要点击链接直接添加和修改地点;当然,删除的不需要直接链接。在修改或添加的内容页面中,最好清楚地标记可以直接读取的字符,如下图所示,清楚地指示红色的时间和状态(补充)。
△修改的时间和内容在交互式手稿页面中明确标识
4.需要介绍,背景和分析,以帮助每个角色了解需求
单个名称并未完全解释许多要求。在设计和研究时,交互设计师经常分析和阐明需求。如果可能的话,这样的过程可以在交互式手稿中适当地显示,这可以使团队角色更清楚地理解需求,并且也可以是不可见的。让开发人员和测试人员加入需求分析,而不仅仅是实现需求。
交互式手稿中的这些演示也必须是有目的的。没有必要将所有分析内容放入其中,并且必须进行筛选。显示整个内容。一方面,读者不能看它,另一方面,它们也很难。作者建议一般内容是:需求背景,需求描述和分析,产品目标,用户目标和风险点。
5.交互设计方法的内容,无形地说服每个角色理解设计
交互设计师不仅仅是线框的呈现和一些细节。我们的方法包括人物角色,场景,流程,信息架构,数据等,这是整个设计过程。选择性地将这些内容放入交互式手稿中,实际上,在培养其他角色用户的思想的同时,它可以无形地说服开发工程师帮助理解和实现我们的设计。
另一方面,流程图,信息架构图,业务逻辑图等图表有助于开发和测试清晰的开发和测试逻辑,从而提高工作效率。
6.使用不同的方法,视觉表达,达到经验原则
交互设计师有许多经验原则,例如一致性,易于理解等。我们可以使用很多不同的方法在交互式草案中实现这样的原则。在这些原则中,最重要的原则是易于理解。可视化,分类和归纳等也相对容易使用。如图所示,状态的分类和分类方法使得开发和测试快速清除了不同状态的提示条的规则。
△发送到卡上的优惠券提示的交互说明
在工作中,作者将使用其他一些可能的方法来实现经验原则,如下图中的表状态分类,流程图和线框组合方法。在绘制交互式手稿时,我们每个人都会考虑读者的经验,我们可能会尽力满足他们。
△按表格分类显示
△线框和流程图显示的组合
7.一页只讨论一件事和过程
一般来说,我们团队的设计人员并没有将需求的所有设计放在一个页面中,但每个页面只讨论一个过程和一个事物,这个事物或过程必须是开始和结束,而不是中途。它被打破;如果必须在中途打破,最好能够引导到其他页面(通过文字或直接显示页面,或直接跳转)。
一页谈论一件事不仅仅是我们设计的方式之一。这也是我们在设计交互式手稿时让其他角色更专注于一个过程的方式;否则,它会混淆读者的思维和设计师的思维,也会影响我们自己的设计。
8.追求互动阅读体验
我们经常要编写一些交互式指令,范围从几个到十几个甚至几十个。当开发人员和测试人员看到这些密集的单词时,他们自然不想阅读。如果我们无法进行间距,字体粗细,字体大小,字体颜色,段落分类,则会使他们不太愿意阅读我们的交互式草稿。因此,您需要在编写交互式指令时考虑他们的感受,并在下图中以不同的方式编写,例如隔行间距,字体粗细,颜色变化等。
△交互式描述的字体大小,颜色,间距,厚度等
在注释中,我们可以使用很多注释表单,例如标题的标题是1;第二级可以是点,abc等;然后换到第三级。而不是写99到99.
中文排版指南:《好学易用有格调!写给大家看的中文排版指南》
9.考虑不同角色的不同需求
有很多人想要阅读交互式手稿。开发应遵循交互式手稿的逻辑。测试应该根据交互式手稿的规则编写测试用例(如果不完整,我们必须编写),以及交互式手稿中界面的视觉视图,用于视觉创造。等待。
因此,我们应该在设计中尽可能考虑不同角色的需求,在互动式草案的各个方面都应该注意。例如,在第8点地图的第4条中,出于视觉目的,需要编写两个视觉图标;在某些情况下,我还指出视觉效果可以用于适当的地方创造;在开发和测试层面,他们需要严谨。逻辑和易于理解的方式。
10.通过遍历场景和界面来关注极端事件
交互式设计自检表是一件好事,它可以让我们轻松地专注于极端情况,但我觉得它实现起来并不容易。现在我使用遍历方法来遍历我的界面和程序,即通过设计思维的交互来关注极端情况。
一个界面,从场景和过程,有这些问题:它是如何出现的,如果没有发生该怎么办;界面中的每个元素如何出现,如果没有发生,该怎么办;接口中每个元素的状态如何,是否存在多个状态;接口中每个元素的操作如何;界面中每个元素的状态如何在操作之后,等等。每个元素和每个页面都像这样重复,这将通过遍历写入交互描述来减少许多极端情况的丢失,如下图所示。
△通过遍历
交互PC端组空间的动态细节遍历不仅可以用在交互式描述中,还可以用在设计本身中,例如为什么需要这个元素或信息;哪些元素和信息可以带给用户;用户可以理解;还有其他方法;它可以更简洁等等。但通常这种程度的遍历会占用大量的时间和脑力,因此包括我在内的很多人都应该被忽略,我希望我可以尝试这种方式来审查未来的设计方案。
交互式设计自检方法:《看了都说好!如何建立交互设计自查表?》
总结
事实上,有很多方法可以改善交互式手稿体验。例如,遍历第10个点的“A7-动态细节页面”将使每个页面更清晰,但它会增加并消耗我们设计交互式手稿的时间。 。有一次,视觉团队反馈,您可以将所有界面放在一个页面中,这使视觉设计师更容易查看等等。
事实上,许多方法和规范已经死亡,人们还活着。在什么样的场景中,满足什么样的需求是王道。我们的互动草案的主要目标是提供,最终目标是更好地体验。
在更多时间和精力的情况下,您可以尝试优化您的互动式选秀体验,逐步培养思维和习惯;当你的时间和精力有限时,设计的质量是关键。