为了了解您的应用程序的价值并享受其功能,现代Web程序需要具有入职流程。这不仅仅是心血来潮。这是至关重要的元素,可为良好的用户体验奠定坚实的基础,并确保整个企业的成功。
您可以拥有有史以来最好的产品。但是,如果您的听众不了解如何使用它,那么您所有的努力都是徒劳的。因此,应认真考虑入职培训,谨慎制作,并达到其名声。
入门的任务是教用户如何操作界面并充分利用产品。因此,您可以使用各种古老的技巧来有效地传递消息。您可以进行引导动画,短途旅行,交互式界面,甚至是内容繁多的方法。
无论您要使用哪种方法,请不要忘记启发人群的最有效工具之一:随附的视觉材料。它总是节省时间。
让我们探索一些代表性的例子,其中艺术可以帮助用户融合。
集群卡车
正是我们在谈论ClusterTruck的启动过程。在这里,每个屏幕都有两个部分:内容,描述功能的部分和带有适当视觉提示的支持该声明的插图。
这里有趣的是,这两者是相辅相成的。没有这些图片,即使精心突出显示的标题传达了正确的信息,屏幕也会感到无聊和平淡。没有这些内容,作者想告诉我们的内容将不会立刻显现出来。因此,这两种方法完美地融合在一起,使入职过程符合观众的需求。
修饰入职
探索艺术入门实例的第二站是修饰入门。
尽管铭牌能说明一切,但亲自看到它不是很好吗?此外,并不是每个人都知道所有现代方法来照顾宠物。因此,这种入职培训可能非常有启发性。
MartaWięckowska创建了一些出色的插图,这些插图揭示了主要的美容服务。您甚至不必在这里阅读内容,因为视觉材料可以说明所有内容。
请注意信息框如何平滑地融合到完整显示的屏幕中。它们是图片的组成部分,而不仅仅是独立的单元。入门看起来像是真正的杰作。
读心术
就像前面的示例一样,此处的插图和内容是齐头并进的。文字和导航是如此巧妙地融入了如诗如画的背景,仿佛您正在与一件艺术品互动。
手绘图相当简单,从某种意义上讲甚至是粗糙的。但是,这确实是无可挑剔的。尽管该应用程序是为解决心理健康问题而创建的,但这种令人愉悦和舒缓的欢迎信息减轻了气氛,并确实将观众带到了您身边。
Ardias Elga Kurnia的POS入职屏幕
POS机载屏幕背后的团队使用插图–不仅用于增强信息–而且用于建立适当的氛围。在此,矢量绘图完全符合公司的理念,散发出严肃而正式的氛围。
从图形开始到导航结束的每个细节都坚持这一主题,从家中建立信任。
空气质量应用程序入职屏幕
这里首先引起注意的是插图的详细程度很高。我什至会这么说。尽管大多数类似的解决方案都希望坚持采用更多的示意图方法,但这些矢量图是准确而详尽的。他们无疑会抢走您的一些宝贵时间,因为您不能仅仅将视线移开它们。
就像在ClusterTruck的情况下一样,插图和内容都是构成整个图片的屏幕的两个不可或缺的元素。更重要的是,每个人都按照将屏幕划分为可消化的功能部分的传统模式来占据自己的位置。
入门屏幕
这些屏幕立即与其他屏幕区分开来的是,此处的插图相互关联。我的意思是字面上的相互联系–因为一个屏幕通过晾衣绳通向另一个屏幕。
感觉就像你在讲故事。只有三页,插图非常原始和示意图–特别是与前面的示例相比。但是,足够吸引我们的注意力,增强信息并增加印象数。简单而辉煌。
迪士尼应用程序之一的入职
为了向您展示这种方法确实具有现实基础,我们还包括了迪士尼应用程序之一的入门指南。尽管没有晾衣绳,但创意团队巧妙地利用背景为我们连接了各个点。并且由于具有光滑的形状,这种连接感觉流畅而轻松。
入职流程
在没有艺术手段的情况下,入学是一个无法生存的领域,这是为儿童创建的应用程序。您希望您的年轻人阅读所有信息框吗?即使他们可以,他们当然也不会这样做。而且,没有人能做到。因此,必须经过深思熟虑才能引起人们的兴趣。
孩子的注意力范围很短,即使是最微小的事物也很容易分散他们的注意力。因此,请准备好使这些插图引人入胜。考虑一下Mingg的Onboarding Flow,看看这些天是如何完成的。
团队采用可爱的卡通风格,制作了一个有趣的吉祥物,跟随孩子们走上小路,完成了入职过程。它是完整的动画和交互式。
当孩子选择选项时,他或她可以看到它的含义。当然,他们仍然必须阅读问题。尽管如此,它们还是有望带来一些动作的戏剧的一部分。谁能抗拒?
手机页面设计总结
入职时采用艺术手法的伟大之处在于,设计师将信息视为一件艺术品。我们收藏中的每个例子都是杰作,对我们来说是一场真正的盛宴。
在某些情况下,它们是纯正的装饰,而在另一些情况下,它们的整体美感和整体氛围则依附于它们。有时,它们只是支持标题的简单示意图。或者它们可以是高度详细的图片,这些图片本身就值一千个字。
此外,您可以使用静态图片或进行完全动画化和交互式的操作。天空才是极限。