精美的手机设计入门画面

Author: limo

为了理解应用程序的价值并享受它的特性,现代web程序需要有一个onboarding process。这不是一时兴起。它是一个至关重要的元素,为良好的用户体验提供了坚实的基础,并确保整个企业的成功。


你可以得到最好的产品,然而,如果你的听众不知道如何使用它,你所有的努力都将是徒劳的。因此,入职必须经过深思熟虑,精心制作,才能名副其实。


入职培训的任务是教用户如何操作界面,并最大限度地利用产品。因此,您可以使用各种老式的技巧来有效地传递消息。您可以选择有指导的动画、短途旅行、交互界面,甚至是内容丰富的方法。


无论你采用什么方法,都不要忘记一个最有效的工具:伴随的视觉材料。它总是能拯救世界。


让我们来研究一些art帮助用户进行集成的典型例子。


ClusterTruck


ClusterTruck的入职过程正是我们所说的,在这里,每个屏幕有两部分:内容、功能描述和用适当的视觉提示支持该语句的插图。


有趣的是,这两者是相辅相成的。如果没有这些图片,屏幕会让人感到无聊和乏味,尽管精心突出的标题传达了正确的信息。没有内容,作者想要告诉我们的东西就不会立刻显现出来。因此,这两者创造了一种完美的共生关系,使入职过程符合受众的需求。



修饰入职


我们探索艺术性的入门示例的第二站是修饰入门。


虽然名牌不言自明,但亲眼看到它不是很好吗?此外,并不是每个人都知道照顾宠物的所有现代方式。因此,这种入职培训非常有启发性。


玛尔塔Więckowska创造了一些优秀的插图显示主要的美容服务。你甚至不需要阅读这里的内容,因为视觉材料已经说明了一切。


注意信息框是如何平滑地融入到全插图屏幕中的,它们是画面的整体元素,而不仅仅是独立的单元。它看起来就像一个真正的杰作。



Readmind


与前面的示例非常相似,在这里,插图和内容是相辅相成的。文本,以及导航,是如此巧妙地融入了如画的背景,感觉就像你在与一件艺术品互动。


从某种意义上说,这幅手绘画相当简单,甚至有点粗糙。然而,它确实是无可挑剔的。虽然这个应用程序是为了处理心理健康问题而创建的,但是这样一种令人愉快和安慰的欢迎信息会点亮气氛,当然会把观众带到你的身边。



POS登机显示器由Ardias Elga Kurnia设计


POS板屏背后的团队使用了插图——不仅是为了增强信息——也是为了建立适当的氛围。在这里,矢量图完美地符合公司的哲学,散发出严肃和正式的氛围。


每一个细节,从图形到导航,都坚持这个主题,从门阶开始建立信任。



Erfan Rohmat Arif开发的空气质量应用程序屏幕


首先让人印象深刻的是,这些插图非常详细。我甚至会过分地这样说。虽然大多数类似的解决方案更倾向于使用更示意性的方法,但是这些矢量图是准确和详细的。他们无疑会偷走你一些宝贵的时间,因为你不能把你的眼睛从他们身上移开。


与ClusterTruck的情况非常相似,在这里,插图和内容都是构成整个画面的屏幕中不可或缺的两个元素。更重要的是,每个部分都按照传统的模式将屏幕划分为可消化的功能部分。



希尔帕·什里·MV的视频


这些屏幕与其他屏幕的不同之处在于,这里的插图是相互关联的。我的意思是字面上的互联——因为一个屏幕通过晾衣绳连接到另一个屏幕。


感觉就像在讲一个故事,这本书只有三页,而且插图相当原始和简捷——特别是与前面的例子相比。然而,这已经足够引起我们的注意,增强信息,给人留下深刻的印象。简单而聪明的。



迪士尼的一个应用程序


为了向您展示这种方法确实有一些现实的基础,我们还包括迪斯尼的一个应用程序的登录。虽然没有晾衣绳之类的东西,但创意团队巧妙地利用背景为我们把这些点连接起来。由于平滑的形状,这种连接感觉流畅和轻松。



Mingg的入职流程


有一个领域没有艺术的方法是无法生存的,那就是为儿童创建的应用程序。你希望你的年轻人阅读所有的信息栏吗?即使可以,他们也肯定不会这么做。而且,没有人能做到。因此,一个深思熟虑的插图吸引兴趣是必须的。


孩子的注意力持续时间很短,即使是最微小的事情也很容易分散他们的注意力。所以,准备好让这些插图引人入胜吧。考虑Mingg的入职流程,看看现在是怎么做的。


利用可爱的卡通风格,该团队创造了一个有趣的吉祥物,它会跟随孩子们完成他们的登机过程。它是完全动画和互动。


当一个孩子选择了这个选项,他或她可以看到这意味着什么。当然,他们仍然要阅读问题。然而,这是一出有望带来一些行动的戏的一部分。谁能抗拒呢?



登机


关于一个艺术的东西在登机是设计师对待信息像一件艺术品,我们收藏的每一件样品都是杰作,真是赏心悦目。


在某些情况下,它们是纯粹的装饰品,而在另一些情况下,整个美学和整体氛围都围绕着它们。有时他们只是简单的示意图,以支持标题。或者它们可以是非常详细的图片,本身就价值千言万语。


更重要的是,你可以使用静态图片,或选择完全动画和互动的东西,前途无量。


相关阅读