发布时间:2022-3-30 分类: 电商动态
关于启动页面,我之前写了一篇文章。本文等同于之前的扩展版本,从启动页面的原因,启动页面的类型以及启动页面的不同设计形式来完全理解应用程序的启动页面。
1.为什么应用程序有启动页面?
打开一个应用程序,没有意外,它是各种启动页面,现在应用程序的起始页面已经变化,甚至产品设计的启动页面作为广告。现在我们要介绍启动页面,让我先解释为什么有一个启动页面?
应用程序启动时,需要初始化应用程序。这个初始化过程与手机的性能,代码质量和应用程序的大小有关;一些应用程序需要在启动时从服务器提取最新数据,这将是网络环境。有关。
2.几种类型的应用程序启动页面
1个快速入门页面;
iOS设计规范不建议开发人员使用品牌或标语作为App启动页面。设计规范说明“尽可能避免显示启动画面或其他启动体验”。
大多数外国APP都遵循设计方案。最大的优点是启动页面和主页非常相似。这太自然了。用户不认为存在启动过程。用户体验非常棒。从交互设计师的角度来看,我比较了Advocate这种方法。
Instagram的
路径
实
如果主页的框架和内容发生变化而没有修复,我该怎么办?
不要惊慌,还有一种方法:使用接近主页颜色的图片作为启动页面。例如,“VSCO”使用纯白色作为应用程序的启动页面。
VSCO
总之,请记住一种方法:“设计类似于第一个屏幕的页面作为启动页面。如果第一个屏幕的内容是动态的,请使用最接近第一个屏幕的颜色作为启动页面“。
但国内的APP决定走出自己的道路,所以下面有各种各样的创业页面。
2品牌类别
虽然Apple明确表示启动页面不是您品牌展示的窗口,但启动页面是“品牌标识+名称+口号”,已成为中国最受欢迎的创业页面设计。
有一个云笔记& UC浏览器
上图中的两个例子是国内APP最主流的方法。这种形式没有设计感。第二个是启动页面和第一个屏幕有明显的分离。使用类似于第一个屏幕的图片真的更好。作为启动页面。
如果您真的想在如此短的时间内强调公司或品牌,您可以拥有更好的解决方案。优步创业页面使用品牌元素进行设计的动态变化,品牌元素从外观到变化,然后一气呵成。此外,向第一屏幕的过渡也是自然的,在确保体验的前提下,它也在加强品牌方面发挥作用。
让我再举几个例子:
XY& Open Eyes
Light Mans Reading&一个
诸如睁眼和轻量级读数等应用也使用启动页面作为强调品牌的工具。通过体现场景感,品牌的音调得到充分体现,并考虑到设计的美感。值得每个人学习。
3情绪共振课
情绪共振课的启动页面实际上非常困难,因此以这种方式制作的产品很少。但一旦成功,它将深深印在用户的脑海中。
微信&莫莫
您无需在启动页面上写下名称,徽标或标语。用户在看到图像时知道产品是什么。微信的这个起始页面可以说非常成功,充分体现了熟人社交软件的风采。
在这种形式的启动页面中有两点需要注意。首先,图片应符合产品的色调,并有一个故事,如微信和莫莫,这些都是一个孤独的背影,暗示人是社会动物,需要与他人沟通;第二是尽量不要替换它。由于微信地图仅在七年前改变了(仅部分替换),莫莫的启动图片一直是背景+风景的风格,因此很容易在用户中形成统一的心神。认识。
4广告显示类
还有一种APP使用启动页面作为获利渠道,将启动页面用于广告页面。通常首先显示品牌页面,然后显示广告页面,如下所示:
翻译!
微博
广告类的启动页面完全违反了启动画面的iOS定位,广告页面的显示时间从3秒到5秒不等,这反过来又延长了用户启动APP的等待时间。
但是,这种形式将为公司带来直接利益,特别是对于一些利润模型不明确的产品。这种形式无疑是一种很好的实现手段。在牺牲用户体验的基础上换取一定的利益,没有对错,只有适合。
如果您收到需求,您应该将品牌页面变成广告页面,至少您可以这些点来改善用户体验。
首先是使品牌页面和广告页面的设计统一,避免分裂的感觉,如上面的微博和道教翻译,都保持底部标识元素不变,只改变页面的一部分,从而保持两个接口。一致性;第二种是在广告页面的右下角放置一个跳过按钮,最好在按钮上显示倒计时,并在跳过的按钮上添加加载效果;第三,您只能考虑当天推出应用程序时的广告,减少广告出现的次数,等等。
加上倒计时和加载效果,以便让用户感受更快的时间来改善体验;提供跳过按钮是为了让用户主动选择跳过广告;将被放置在界面的右下角以方便用户的单手操作;广告页面仅在每天第一次启动APP时显示,以避免可能令用户烦恼的多种情绪的发生,而是适得其反。
5个假期课程
情人节,劳动节,儿童节等已经成为APP发布页面显示的地方。在重要的节日中,发布页面被设计为假日海报,不仅可以表达情感表达,还可以表达有趣的节日。启动页面也可以成为用户之间的谈话,并提高产品的声誉。
饥饿与饥饿UC浏览器
6探索其他可能性
除了上述五个常见的启动页面之外,启动页面实际上还有更多可能性。生日那天,我会送你一个生日祝福;成为H5热门活动的入口页面等等。
支付宝& QQ
UC浏览器和未知应用
3.不同的设计形式
1个与主页相似的背景图片
实
这种设计形式在国外更为常见,并且上面已经描述了优点和缺点。
2纯色+标志+口号
在国内应用中常见的优点是性价比高,强调品牌,缺点是缺乏设计感和场景感,如果没有时间或没有好的设计点,就可以使用这个程序。
Klook App
3个品牌元素(或相关的场景元素)+ logo +口号
上面提到的XY,睁眼,光读,app等采用了这种形式,这种形式实际上是第二种形式的进化版本,它将更具设计感,重点是启动的设计元素页面必须如果品牌或使用场景相关的地图。
这种形式的优点是它具有强烈的设计感,强调品牌,品牌或场景的替代;缺点是难以找到合适的品牌元素,并且会定期和不定期地更换。
XY& Open Eyes
4张纯照片
最熟悉的本质是微信。它在过去7年中没有改变。今年10月的迭代只是细节的变化。美国国家航空航天局拍摄的西半球照片被北斗卫星拍摄的东半球照片所取代。
这种方法的优点是它具有叙事性和故事性。良好的纯照片内容可以触动人们的心灵,形成沟通点和记忆点。缺点是照片要求极高并且通常具有版权限制。
微信&莫莫
5动画(与主页无关)
Uber,Zealer,Skype,哔哩哔哩,日语课程以及市场上其他不太受欢迎的应用采用动画形式。这种动画大多是Logo的变化,App主页更加分离。
这种类型的启动页面具有有趣的优点并减少用户等待时的焦虑。缺点是设计困难,与主页无关的动画和主页界面太强,性能差的设备可能会卡住。等等。
6动画(与主页相关)
Quark Browser和Starbucks等应用程序应用程序也是动画的,但启动页面动画最终会与首页上的元素(按钮或徽标)相关联。
优点是趣味性,减少用户等待时的焦虑,主页的过程强烈,使用户感觉不到等待的开始,没有分裂的感觉;缺点是设计困难,卡可能出现在设备上性能不佳。不要等
7插画家
插图的形式在中国越来越受欢迎。插画家可以表达相应的情感和氛围,并能很好地传达产品的用意。此表格通常用于促进活动推广和节日气氛。
8个小视频
小视频主要用于用户第一次打开应用程序的场景,并且是具有最多信息的设计表单。替代感和叙事感强烈,允许用户提前进入相关场景,这可以很好地感染用户的情绪。
缺点是时间太长,不能频繁(容易累),它用于用户第一次打开应用程序的场景,或用户打开应用程序的场景主要版本更新后的第一次。
4.总结:
从“为什么APP有一个启动页面”,“有几种类型的App启动页面”,“不同的设计形式”,App的启动页面设计的三个方面。
“为什么要有一个启动页面”,这解释了启动页面存在的原因; “几种类型的App启动页面”;从业务级别引入集中式启动页面(产品视角); “不同的设计形式&rdquo启动页面(设计视角)是从设计形式的维度介绍的。
在设计启动页面时,您可以根据业务和产品目标,用户体验,设计成本等确认要使用的启动页面类型。确认启动页面类型后,选择相应的设计表单。
文/邹志南微信公众号:邹志南