当前位置:首页 > 杭州商城建设开发

动画设计的规范与必要性

2020-02-13

对我来说,关键的事情之一是始终在原型中准备好所有交互。在与队友进行的小型会议或展示一些特殊流程的过程中,我通常会在最终决赛的途中拥有3–5个原型。我倾向于在一个画板上准备Sketch中的所有状态,然后复制这些画板以在导出时准备好每个状态。

最好在设计的各个部分中添加注释,以进一步扩展规范,以便每个文案和对话框都能按要求工作,即使是文案撰稿人也可以轻松地检查真实像素和流。

1. QUICKTIME视频>注释
当我不在环聊上向团队或客户展示内容时,我会发送一个截屏视频,介绍我如何浏览原型并解释我所设计的一切。对于任何演讲之前的我来说,这都是对我的一个很好的确认,我知道我决定设计的任何问题的答案以及可能的奇特互动。在远程团队中工作时,也可以很好地使用它。每个人都可以随时重播整个交互思维。

2.动画
可以使用After Effects或Principle作为最后的修饰。很好地解释您希望如何移动。

3.风格指南
工程师的另一个关键点是要了解事物在不同情况下的反应。考虑输入的错误状态或显示错误消息的位置。同样,提交按钮的禁用状态将如何显示,放置微调框的位置等。

工程师们可以通过Lego块中的Sketch文件,一一遍历您的Symbols画板和样式元素,甚至可以开始对所有屏幕进行编码,这非常容易。

由于我们已经完成了将设计移交给工程师的工作,因此我们可以专注于过程的最后一部分-测试我们的决定!

4. INSPECTLET / HOTJAR
将设计转变为可运行的代码后,请不要忘记包含您的Inspectlet或HotJar JS代码片段。看到用户如何浏览我们的仪表板或他们在我的投资组合页面上正在做什么,我总是很兴奋(或沮丧)。Inspectlet在捕获您的所有用户会话方面都非常出色。同样适用于较大的项目。

它带有简单的“ /页面”过滤功能,可帮助您观看特定功能或流程的会话。

5. MIXPANEL
Mixpanel对于验证我们的目标(在过程开始时设置的目标)非常有用。Mixpanel帮助查看有多少用户完成了特定的流程。在设置帐户之前,有多少用户掉线了。从主要目标网页到商店以及我们最有价值的产品有多少人。

6. GOOGLE ANALYTICS(分析)
我无法编写大型代码,但至少可以使用CSS文件和简单的代码。最近,我很想了解用户单击的位置以及查看Hotjar热图的过程,因此,我决定也要在Google Analytics(分析)中设置基本的点击跟踪器。您也可以轻松跟踪用户在您网站上的每一次点击。

这有助于我轻松地勾勒出用户的行为。例如,我发现人们在介绍文本中高亮显示的链接上使用网站导航的次数是原来的5倍。遗憾的是,它不计算来自AdBlock用户的点击次数。

7.对讲机
当我们就最初的流程达成一致时,我们所谈论的是其中一部分流程从用户收到来自对讲机的电子邮件。我们的责任是确保所有副本和消息本身有意义,并且实际上对访问者有所帮助。确保您的电子邮件将用户引导到您的敏锐结果,并始终尝试提供特定的支持文章以及如何继续进行此流程的信息。

8.丢下DRIBBBLE
从我所学到的知识以及过去4年中我的设计如何变化,我已经了解到Dribbble不一定是您要为其创建设计的地方。我一直致力于在性感的个人资料图片上使用漂亮的像素,但这并不是真正的用户需要并且不会使用的像素。

这是一个示例,在左侧,您会看到我为Dribbble设计的内容。在右侧,当我花一些时间看着人们编辑个人资料并意识到我的愿景无法满足他们的需求时,您将看到我设计的东西。

您可能会收到500份关于杭州网站建设或滑动比萨饼的疯狂动画的点赞,但真正重要的是您的用户将找到如何管理公司电子邮件的发送频率或如何过滤其绩效分析。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号