What to do with the Ios app's boot picture

From the beginning of the app Store , Apple has been promoting the ideathat when the IOS app is on the shelves , its app's launch image (which you see at the first glance of the app) should be just an intermediate screen, That's all. The reference to Apple's HMI guide is as follows:

" a startup file or boot image is a simple picture placeholder that is provided to the IOS system when the app starts . This image placeholder gives the user an impression that your app is fast and responsive, because it immediately shows up and is quickly replaced by the first screen of the app. "

The problem is that quite a few people (including myself) ignore this rule. If you're curious about this, look at the cover page above, or turn off all apps running in the background and start looking. I bet you'll find that there's a lot of failure to follow Apple's guidelines.

To make things worse, most app developers may agree with Apple's advice (after all, who doesn't want to " give users the impression that the app is quick to react " ), but it's too easy in development to please the first-use user, To show a tall start-up picture and interesting initial animation, the result ignores this quasi-test. Even in my consulting work, the launch image is a great export opportunity for branding, and our customers like this.

Some app developers (and myself included) went a step further in the app's debut experience, using animations and videos. Back in the year, I gave my calendar the first version of FreeTime to do this animated sequence, and we were pretty proud of it.

In this video, you will see a beautiful guide animation, a lot of people at first glance is deeply fascinated. But what you don't see is that every time you open the app, it's going to show a cloud of white clouds before it goes to the app's main interface ---- very interesting at first, but soon its appeal disappears.

Brand-implanted start-up pictures and animations will only block the way and waste time.

Apple is right, we should not ignore their guidelines, because these brands are implanted in the start-up picture said the good point is the first eye is very cute and interesting, more than a few eyes are tired, said it is very bad it consumes the use of our software of the people of the large amount of time.

This is not only the application of the year , this still occurs in the years today. For example, The most recent application update for food Network is the same (they have just been featured on Apple a few weeks ago, so it's fair to be picky about them).

This video appears every time you start the app (and it's about 5 seconds long).

It took a while. After that, I even started to think that the application was extremely slow, but in fact I knew it was a well-crafted application (actually by bottle Rocket app Store > The score also reflects this (about the last time I saw 4.5 Star", but it's too much time wasted in the process.

Why don't we do a fun-thinking exercise: Every time you start spending 5.5 seconds, about 3 times a week, and then there are Active Users, the next year people will lose more than 8 billion 2 million seconds.

Food Network 's application will kill a whole year of life in the next six months.

Find a way out of the brand-implanted startup screen

I haven't been paying much attention to Apple's start-up picture rules over the years, but now I've noticed because I've found a simple and interesting way to win. On the one hand, brand promotion or can do, on the other hand, Apple can also maintain a boring boot image (yes they know it is boring):

" if you think that following these guidelines will lead to an ordinary, boring start-up picture, you are right." Keep in mind that starting a picture does not give you the opportunity to do an artistic presentation. It is only used to enhance the perception of the user, sensing that your application starts quickly and can be used immediately. "

This is a startup animation we have developed. Our goal is quite clear:

Get the permissions your app needs (calendar access and notifications)

Exit (some experience is a drag)

To please the first-time users, but still have to let " Apple User experience " Dad, abide by the rules.

After many iterations, we finally made this:

the flat trend of UI design makes it easier to use the start-up interface for initial branding, even if the HMI guidelines are followed.

In previous versions of IOS , a large number of gradients made it difficult to do so, but now the flattened navigation bar can easily be scaled up to twice times the size of the canvas used as the app's debut effect. Using the animation navigation bar and the page bar can easily scale out, occupy the entire screen, and then give way to the actual use of the application.

What's more, it doesn't make you feel awkward or awkward, it's completely natural.

The following diagram shows what the user saw the first time they started FreeTime and what they saw each time they started up.

So the solution came ---- Just do the following four steps:

If your app has a top navigation bar or tab bar(below with the top navigation bar as an example), use a single color while creating a normal boot image that follows Apple's rules .

On the first launch, the animation expands the navigation bar and scales down into the view to become the " effect canvas ."

Insert interesting branding (the key to be interesting), ask permission permission, welcome, and exit immediately.

Animate the canvas back to the navigation bar and fade out your app's main screen.

Your users will be happy to see the animation for the first time, and then they will not see anything about the animation in the next launch, but they may be slightly aware that your app is launching really fast and ready to use.

Win - win situation.

Originally from: Ben Johnson

What to do with the Ios app's boot picture