杭州派迪科技为高端客户提供品牌官网咨询策划,品牌官网设计,品牌官网建设开发服务,以国际化视野和标准为基础,为各行业领军品牌提供高端企业网站定制、策划、设计、互动与制作
查看详情动画设计的规范与必要性
对我来说,关键的事情之一是始终在原型中准备好所有交互。在与队友进行的小型会议或展示一些特殊流程的过程中,我通常会在最终决赛的途中拥有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份关于杭州网站建设或滑动比萨饼的疯狂动画的点赞,但真正重要的是您的用户将找到如何管理公司电子邮件的发送频率或如何过滤其绩效分析。
相关专题
热门文章
-
这些网站独特的设计很好地吸引访客的注意力
2025-01-19
-
网页设计以用户为中心,让设计成为沟通的桥梁
2025-01-16
-
软件技术行业网站制作,自动化软件公司网站设计解决方案
2025-01-09
-
网站设计如何突破中规中矩,打造个性化设计
2025-01-08
-
为什么网页设计如此重要?论网页设计的重要性
2024-12-28
-
网站设计从静态到生动:如何让Banner活起来设计示例
2024-12-27
最新案例