Our UI kit and design system, Polaris, lets you build your app in the same style that Shopify merchants know and trust. A great example of an app that uses both tools to create a familiar user interface for merchants is the Notify Me app. Their app appears to users within the admin, and they’ve used Polaris elements to dictate the style of the app’s UI. Plus, they even help merchants determine which inventory-based plan to use by reminding the merchant how many products they have at the top of the screen. app UI: notify me One of the first screens a merchant interacts with in the Notify Me app. 3. Problem: too many configuration options As an application developer, you appreciate systems that allow you to start building in as few steps as possible. Your app users are no different.
They’ve chosen to install it because your app sounds appealing, but if they find the installation process too much work, they’re likely to lose enthusiasm and uninstall it. The Solution: Simplify Onboarding This solution is literally as easy as 1-2-3! Instead of listing all the configuration steps on a single page, break complex tasks down into Norway WhatsApp Number List simple steps and present each step on a separate page. This will make the setup process more manageable for merchants. An example of an app that does this well is Printify. By being transparent about the number of setup steps from the beginning of the process, merchants know what to expect. They also make the setup more attractive by using cute visuals and even add a personal touch by including the store name in the text around the setup. app UI
The Solution: Simplify Onboarding
Print Initial setup screen within the Printify app. 4. Problem — Information overload Maybe your app is pretty robust and can do all sorts of cool things. While you certainly want to showcase your app’s features and educate merchants on how to use them. As we mentioned earlier regarding setup, too much text can overwhelm merchants and scare them away. The solution: show the basics, link to more information While merchants will likely eventually want to take advantage of the customizations your app offers, when they first start out, knowing the basics of how your app works is enough. Within the app, you can include short, clear instructions to get started, and then include links to pages where they can learn more.
One app that does a great job with this is Shogun. Its page to create data collections is very basic and simple. If merchants want more information on how to use this. The app includes a link on the page that they can click to learn more about that feature. Application user interface: data collections Data collection page within the Shogun app. Problem: no progress signals for actions. This issue is on the opposite spectrum of the loading bar issue and is a growing. Culprit in the realm of poor user experience. Although people get frustrated. When they see a task taking a long time to complete. They get equally frustrated when they don’t have visibility. Into the task at hand. We know that action equals a reaction.
Problem — Information Overload
But now that computer processing has gotten faster, many bar-worthy loading actions now happen in seconds. Wait no more may sound great, but unfortunately user perceptions have not caught up with this trend. When merchants work on the front end, they want a signal that the same amount of work is being done on the back end. For this reason, companies like Facebook have created artificial loading bars for instant backend actions, like running security checks. Users still need a signal that an action is taking place. The Solution: Action Signals Traders want to feel like their actions have an impact, even if there is no front-end visibility into what happened.