Vested interest: Introducing AppFollow.io as a possible tool for optimizing App Store ranking. No further affiliation. You might wonder why we are talking about App Store Optimization (ASO) on a web design blog? There is a good reason for that. Nowadays, . This means that websites have to adapt themselves to be mobile-friendly if not done so. users tend to use their phones more and more often to browse the internet Many websites choose to build a progressive web app (PWA) as this works well for mobile, iPad, and web. Also, this gives them the benefit of . It is a great advantage as you can tap from a or service. uploading the PWA to major app stores new potential source to get visitors to your website A PWA should fit all the different sizes of devices. Besides that, the major benefit of shipping your website as a is that it as well. All the assets of the app live locally on the user’s phone, this allows him to use the web app offline. It allows the user to use the app when he’s offline and push out the changes once the phone has an active internet connection. PWA works offline This article will focus on creating greater visibility for your app through App Store Optimization. We will dive deeper into leveraging great design to draw in more visitors to your website and reach greater visibility. What is App Store Optimization and Why Does It Matter? With over 2 million mobile apps in the major app stores, app store optimization helps you to get your app discovered. The higher your app ranks for certain keywords, the your app will receive. With more visibility, more users will likely install your application. more visibility According to a survey by Forrester, . Therefore, App Store Optimization definitely makes sense to make your app stand out in the App Store search results. 63% of the apps are still discovered through general browsing in an app store However, why does design matter to make your app stand out? It is important to create a nice first impression when the user looks at your app page in the App Store. The screenshots you provide need to stand out and catch the user’s attention. Let's talk about leveraging design to increase the install rate for our app. Design Tips to Optimize App Store Visibility When it comes to optimizing the overall look and feel of your App Store page, many elements come in to play. Let’s discuss a few of those elements like screenshots, overall design consistency, and the importance of a catchy app icon. Tip #1 App Screenshots reported that . Therefore, your first two app screenshots should tell the user what to expect from the app but also catch his interest. StoreMaven 60% of the users that visit your app page won’t swipe past the first two app screenshots Preferably, these screenshots should be simple and clean. Each screenshot should communicate a clear message. In fact, those screenshots don’t have to be actual screenshots of your app. You are free to modify the screenshot to make things stand out or add a small catchy text to the image reinforcing the message. Let’s take a look at how Uber has modified its app screenshots to communicate the right message. Case Study: Uber case What can we learn from the below two and how it tries to market their company slogan: ‘Know the cost before riding.’? app screenshots by Uber As you can see, Uber clearly modified its app screenshots. Basically, they created a screenshot/mock-up of their app and placed it on a nice black background that fits their company colours. The next thing we see is that they have highlighted and enlarged the input field that asks you where you want to go to. It clearly tells you that this app will provide you with a ride to wherever you want. On top of that, they added this text “Get an affordable ride” that enforces the message by convincing you that you can get anywhere for a low price. The second screenshot displays a map with a route and the option to choose for an economy ride. Again, Uber tries to reinforce the message that it offers affordable rides. At last, I want to show you what they did with their overview of app screenshots. Notice the when you scroll from left to right. It tells you the story of a young woman who had some drinks with friends and wants to get home without too much hassle. Therefore, she opens the Uber app to request an Uber ride. Within minutes, the Uber arrives right at the bar she’s sitting at. It displays the convenience of using Uber as a way of transportation. story that’s hidden inside the different app screenshots Now, let’s move on to the next tip concerning design consistency! Tip #2 Design Consistency Many designers will know the power of consistency in design. It is also a powerful element for . A consistent design allows a user to easily learn the interface and brings compared with a chaotic design that uses different button shapes or colours. learnability peace of mind If you want to learn more about familiarity by consistency, read my previous blog about learnability in UX design . To jump back to the Uber case study. We see that their brand colours (black and white) pop up all across their app screenshots and the app itself. It helps to create one whole experience. Lastly, design consistency helps to keep your brand fresh and interesting. This is exactly what we want in order to captivate the user’s interest. Tip #3 Design a Catchy App Icon The rule of thumb when it comes to app icon design is that you should keep things . How to design a catchy app icon? minimalistic Let’s take a look at app icon design. The app markets itself as a reminder and to-do list app. Therefore, the app icon displays multiple checkmarks that indicate the completion of multiple tasks. It also signals that you can get things done more easily using Todoist. It’s a great example of simple but effective icon design. Todoist’s As a conclusion of this section, If you are still not sure how to design your app icon, this guide towards designing app icons should help you get started. resist the urge to decorate your icon design. Keep things simple. How To Speed Up App Store Optimization? Of course, there is no clear path towards speeding up App Store Optimization. However, many elements besides design can influence your ranking in the App Store. The most important elements include: : Include a keyword in your title to be more visible in the search ranking. Title : Every App Store provides the ability to submit keywords for your app. A lot of research goes into this as you want to find relevant keywords with low competition, just as does. Keywords SEO : Negative ratings are never good. Make sure to thoroughly test your app on different platforms before uploading to the App Store. In case you still receive negative reviews, try to address them and push out app updates. Rating and reviews Does this all feel a bit overwhelming to you? Or do you want better insights into your ASO process? Let me briefly introduce . AppFollow is a great tool that helps you with App Store Optimization. The tool provides functionality to . Besides that, it offers many different . This allows you to make changes to your App Store page and see how this influences your ASO performance. AppFollow.io discover keyword popularity per country and language analytics for tracking your ASO performance Currently, AppFollow.io has introduced a new hot feature that allows app creators to . It tracks, for example, how the app rating changes by fixing users’ problems. Besides that, app creators can respond directly to reviews from their favourite tool like Slack, Zendesk, or even Discord. As a bonus, the review gets automatically translated. monitor app reviews In short, the tool assists you with analyzing app reviews to expose core problems with the app and fix them in order to increase your App Store rating. Final Resources Here are some final resources to guide you towards App Store Optimization and preparing your PWA for the App Store. . How to get a progressive web app into the Google Play Store . Long guide towards publishing an app in the Google Play Store . Detailed piece about App Store Optimization by Neil Patel I hope you enjoyed reading this piece and understand the need for increasing visibility through the App Store.

Google

Progressive

Slack

Uber

13 Tips For Choosing the Right Hosting Provider

[Mythbusting] How to Choose the Right VPN Service?

Let's chat!

My (docs) website

Nominated for 2022 - HackerNoon Contributor of the Year - Nft

Too Long; Didn't Read

App Store Optimization – Why Design Matters To Grow Your App

App Store Optimization – Why Design Matters To Grow Your App

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

5 Essential Tips To Get Started With Growth Hacking

3 Serious Flaws to Microsoft’s ‘Ink to Code’ Approach

5 Best Mobile App Design Tools in 2022

6 Questions Startups Should Ask About Design and Development When Building an App

An Introduction to Design Systems

Best Online Platform Material Design Guidelines for 2021

5 Essential Tips To Get Started With Growth Hacking

3 Serious Flaws to Microsoft’s ‘Ink to Code’ Approach

5 Best Mobile App Design Tools in 2022

6 Questions Startups Should Ask About Design and Development When Building an App

An Introduction to Design Systems

Best Online Platform Material Design Guidelines for 2021

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps