The following blog is
a closer look at mobile app onboarding by Malcolm Jack, originally posted on
his Medium and Blogspot pages. You can follow him on Twitter at @InquisitorJax. More information about Syncfusion Xamarin controls is available here.
In my previous post, I talked about how awesome Xamarin is for
creating cross-platform mobile apps. I’ve been thinking a lot about customer
onboarding recently, so I thought I’d do another proof of concept app to
illustrate it using Xamarin.
As before, I prefer using real companies to illustrate the
point. I’m a big fan of Highrise,
and how they build product, so I thought they’d make a good candidate this time
around, especially since they’re pretty transparent about their processes
and value proposition, so it was pretty easy to generate content.
Here’s a quick walkthrough of the result:
So I’m not going to go into too much technical detail here—if
you want to check out the source code, check out the GitHub repo. Instead I’m going to break down the app page
The Splash Page
There’s nothing great about the Android splash screen,
except to note that it’s a 9-patch image, which scales and stretches no matter
what orientation or screen size the device is.
The Welcome Page
This page is really the main point of doing the proof of
concept. It’s the first thing potentially new customers will see, so it really
needs to sell your value proposition. Highrise recently went through a
jobs-to-be-done exercise with their customers, and came out with three main
points, which you’ll now find on their homepage. So it makes sense to have this on the landing
page, along with sign up/sign in options. (Here’s another example of this pattern from Charlin Agramonte). As in
Charlin’s example, and this one, it’s a good idea to have some sort of movable
media to draw the user’s attention. In this case I’m using the wonderfully
cross-platform Lottie Animation Xamarin Bindings from Martijn van Dijk.