长沙网站建设:移动用户体验设计 - 创造无缝的发布体验,实现卓越的第一印象

善微科技 2019 02月16日 发布

第一印象很重要!访问网站或应用程序的访问者根据应用程序/网站的初始外观判断他们是否可以信任其背后的公司。


我们的大脑有助于做出快速判断。只需十分之一秒即可形成关于某人的第一印象,而应用和网站也不例外。谷歌的一项研究发现,用户需要大约50毫秒(即0.05秒)来形成对您网站的意见,以确定他们是留下还是离开。


对于原生移动应用程序来说,Web的真实情况也是如此。移动应用程序没有很多机会来保留和吸引用户。事实上,下载应用程序的人中有80%在最初几天后消失并不罕见。


那你如何解决创造快速感知的问题呢?


让我们来看看其他艺术形式如何处理它们如何应对感知挑战。Saul Bass是一位革命性的电影信用设计师,他谈到了起点学分如何对电影和电视节目至关重要。


“我有一段时间感觉观众参与电影应该从第一帧开始。在那之前,标题往往是无聊信用的列表,大多数被忽略,忍受或用作爆米花时间。

似乎有一个真正的机会以一种新的方式使用标题 - 实际上为即将展开的故事创造了一个气氛。“ -? Saul Bass

与Saul一样,用户对应用程序的介入应从第一帧开始(在我们的案例中为应用程序图标),并继续直到真实内容加载,即 启动体验,为我们的故事展开创造完美的环境。


如果您想了解更多有关音乐行业如何使用专辑封面创造初步感知的信息,请查看此视频,了解甲壳虫乐队如何通过使用创新的专辑封面来改变音乐行业,从而彻底改变“发布体验”。



移动应用程序,特别是新创公司,必须考虑他们对用户的第一印象。速度,正确的消息传递和极具吸引力的价值主张,以及出色的入职培训是这种印象的关键考虑因素。


在这篇文章中,我们将只关注由移动应用程序启动体验创建的第一印象创建的视觉感知。正确的发布体验吸引并处理用户潜意识,并帮助创建正确的感知,有望帮助您保留和吸引合适的用户。


有关使用发布体验的分步指南,可为您的移动应用创建良好的第一印象

在深入探讨设计策略之前,让我们先了解一下发布体验和启动画面的基础知识。


什么是发布体验?

启动体验是一组移动设计模式,有助于创建一个紧密的体验,从用户点击应用程序图标到内容加载到屏幕上。


破解时,发布经验通常包含这些组件 -


应用图标


Zenly App图标

2.启动画面


Wonder App的启动画面

3.启动屏幕到应用程序数据转换


优步App发布经验

4.使用骨架屏幕启动屏幕


Slack在发布体验中使用了骷髅屏幕

5.当数据太多时内容加载动画


食用

启动画面与启动画面

在Apple的生态系统中,启动屏幕是一个在您启动应用程序时立即显示的图像。开发人员在他们的XCode项目中定义此图像。Apple建议使用应用主窗口的屏幕截图,以便您的应用启动速度更快。


启动画面的一个示例是手机游戏使用的屏幕,您可以在其中查看品牌和其他信息。


以下是Apple关于使用Splash Screen的说法。


设计一个与应用程序的第一个屏幕几乎相同的启动屏幕。如果您在应用程序完成启动时包含看起来不同的元素,则人们可能会在启动屏幕和应用程序的第一个屏幕之间遇到令人不快的闪光。

不要做广告。发布屏幕不是品牌推广机会。不要设计看起来像启动画面或“关于”窗口的入口体验。不要包含徽标或其他品牌元素,除非它们是应用程序第一个屏幕的静态部分。

相反,Android将这两种类型的屏幕视为启动屏幕, Google实际上与Apple有不同的视角。


您可能会惊讶地听到谷歌推荐使用闪屏,他们称之为“品牌发布”。您可以在材料设计规范中阅读更多相关信息。情况并非总是如此; 谷歌曾经主张反对启动画面,甚至称它为反模式。


那么设计师在面对冲突的指导方针时应该使用什么?

启动画面是应用程序体验的入口。通过模拟更快的加载时间和创建无缝的启动体验,Splash屏幕可以改善用户体验。创意使用时,启动屏幕还有助于设置用户的心情并为即将到来的内容做好准备。因此,请记住这些事项,我们建议使用Splash屏幕。


设计不是它的外观,而是它的工作方式并解决了特定的用户问题。那么,发布经验解决了什么?


他们对潜意识的用户说话并设定对即将到来的期望。

它们通过隐藏加载过程来减少感知的等待时间。

他们向用户介绍应用程序和您的品牌的用途。

它们为用户提供了愉快的体验。

我们在应用程序商店中经历了超过1,000个应用程序,发现有些应用程序通过使用启动画面构建了惊人的启动体验。

这使我们的列表缩小到5种设计出色的发布体验的方法,有效地吸引了我们的注意力:

1.更改应用程序的图标以个性化每个用户的启动体验

从iOS 10开始,开发人员可以为个性化设置预定义的应用程序图标。正如您所看到的,MLB应用程序允许用户选择他们团队的图标,Bear允许用户根据他们的主题颜色更改颜色,而Pedometer ++允许用户以轮椅作为图标。


熊App图标定制

这些应用程序允许用户自定义其应用程序图标

以下是Zenly应用程序如何使用应用程序图标个性化向其应用程序添加游戏化元素。每个级别的新应用程序图标都可以为该用户解锁,然后他可以自定义应用程序体验。


2.通过品牌推广和直接价值主张来传达屏幕,传达信息

您的移动应用程序的启动屏幕可视为您的营销活动的延续。因此,只要用户打开应用程序,它就会强化应用程序的品牌。


如果您的应用程序未知,您还可以在启动画面中使用直接价值主张,因为它在视觉上强调了应用程序的用途。这些类型的闪屏通常具有漂亮的图像,有助于设置用户的期望。


您可以看到Estate.ly,Lily Pulitzer和应用程序如何使用Splash屏幕直接将用户的品牌信息强制执行。图像会立即提供有关应用程序内容的背景信息。


在这里,History,DocuSign和Ted Applications正在使用Splash屏幕强化其价值主张。



Calm拥有最好的闪屏之一,可以延续其价值主张并为用户树立心情。


3.使用交互设计从启动画面到应用数据的无缝体验

飞溅屏幕是好地方持有人。那之后呢?


在显示静态屏幕时启动应用程序会增加其感知的加载时间。如果您可以合并动画,那么您可以帮助设定即将到来的情绪。


了解Ticketmaster,Uber和Twitter如何利用交互设计在启动画面与应用内容之间建立无缝桥梁。



Google,TinyFax和Cinamatic应用程序使用动画将徽标轻微转换为内容。



类似地,Turo,StumbleUpon和Soundhound使用不那么微妙的动画来从启动画面转换到内容。


然而,22Tracks,RoambiAnalytics和Carrot保持简单。这些应用程序将其徽标用作闪存屏幕的主要品牌技术。


Chick-fil-A One通过动画和其用户的仪表板为他们的启动画面增添了几分。


4.启动屏幕与Skeleton屏幕相结合,以避免反馈循环空虚

对于许多应用程序,使用带有骨架屏幕的空启动屏幕更有意义。这些应用程序通常很轻,负载非常快。我们建议将骨架屏幕与这些应用程序混合,以获得无缝体验。


这些应用程序的启动画面具有某种形式的主加载屏幕骨架。呼吸应用程序使用类似于其主要内容屏幕的彩色骨架。Transit应用程序使用地图的骨架作为其启动画面,以便在用户点按应用程序图标时立即创建应用已加载的展示。


Apple自己的Compass应用程序,Foursquare和Epicurious应用程序使用Skeletons和动画来购买时间,同时给人一种“即将来临”的印象。


Snow App,Dribbble和Launch Pro使用最少的骨架。


5.加载动画以便在创造有趣体验的同时为您节省时间

除了游戏,还有其他需要大量加载时间的应用程序。例如,某些应用需要加载大量数据,如视频,音频,甚至刷新整个内容。对于这些类型的应用程序,更长的动画更有意义。随着数据缓存和加载时间变短,此动画可以变得越来越短。


Vogue Runway,Pandora和Zova在这里使用加载动画来加载数据,这样用户就不会感受到等待时间。装载机已经在网络应用程序中使用了很长时间,但对于移动设备而言,它最近才开始流行。


Clashem,Tumbleweed和Chefsfeed使用有趣的动画来继续他们的品牌体验,同时应用程序加载他们的数据。



Vogue,History Vault和Dollarshave俱乐部应用程序再次创造性地使用动画,似乎等待时间更短。不可否认,Dollarshaveclub的应用程序似乎没有那么多数据可以在动画上花费这么多时间。


来自15s,Zocdoc和Vimo的更多示例使用无缝加载动画来创建有趣的体验。


最大的收获:

你应该多长时间显示闪屏?确切地说,应用程序配置自身并加载数据所需的时间。


根据您认为适合不同使用时间和用户的情况自定义启动体验。


您还可以根据用户生命周期的不同阶段使用不同的启动体验(初始屏幕,营销信息,动画)。例如,对于正在入职的用户使用不同的感知和消息,并为高度敬业的人使用不同的发布体验。


不同类型的数据繁重的应用需要不同类型的发布体验。如果应用程序大小较轻且可以更快地启动,则使用带有骨架屏幕的启动屏幕。


相反,您有很多选项可以自定义整个启动体验。喜欢使用:


传达目的的图像。

动画使发射体验成为一个门户。

尽可能使用独特的应用图标来强制执行品牌宣传。

在你离开之前 - 这是给你的奖金!在Mobile Patterns上查看免费精心挑选的iOS和Android应用程序的灵感Splash Screens ?- 一个设计中关键玩家的模式库。


如没特殊注明,文章均为善微网络原创,转载请注明来自https://www.sanways.com/news/469.html