Transcripts
1. Intro: Hi there, My name is Robyn, and in this class I will
show you everything you need to know about
App onboarding. So what does it
called onboarding? What elements do we use? If you are in some way a professional handling or
doing stuff with onboarding, either you are a developer, you are an entrepreneur, you are a designer,
or something else. A few weeks in this
class is great for you. We will cover 50 mobile apps
with 1 thousand real screen. So those screens got a
screen captured by me. So those screens are
out in the wild. They're getting used
to increase revenue, to increase user stats. So that's very valuable,
in my opinion. More than 1 thousand screens
grouped into 110 industries because each industry has
their own best-practices. In everything this class
is focused on onboarding, so we don't cover
everything else, just the very first
few steps on app, but we do that very, very well. So just to give you a small
glimpse how it looks, in the next few videos, you will see the
general overview. Then we start into
or jumping into the actual industries such as health and
disease can see here we have several apps, right? Sleep, cycle, pillow
and fabulous. And they will cover
each and every one. You can see. One app has around five till 20 screens will cover everything each step, each permission, each
week, each growth hack. I think that's very, very well and
that's very visual. So I think you will learn
quite a lot in this class. Happy to be here. Enjoy it. And if you
have any questions, just go down to the comments
and leave a comment. Thanks so much for
watching my class. See you there.
2. Goals & Types of Onboarding: Okay, so let's start with
the goals of this class. So what should you
take home after you have viewed this class? At the end, you should really know what's a good onboarding. Identify the most common
UI and UX elements or user interface and user
experience elements. Identify basic principles, laws, and biases used in onboarding. And if you haven't seen my
class about principles, laws, and biases, I highly
recommend doing that. Because then you have so much more background
information. And why developers,
entrepreneurs are designers, are using and designing certain things makes
much more sense. Then I highly recommend viewing
my class or principles, laws, and biases in
UI and UX design, it's my swatch class actually. Then no different
concepts and patterns, aka best practices of UI
and UX growth hacking. So at the end, you
should be a pro at good onboarding for
mobile apps actually. So how does it work? So we do, This may be
some introduction. We do a walk-through videos
of about 50 amps with 1 thousand the real
screen captured at flows are grouped
into industries. Those screens aren't in a database or they
aren't generic. Ideation ones take adduced and they are used in daily EPS. So if you see here, I mean, apps like rice flip
side will pillow fabless, If you download them,
maybe right now, they could be looking some how different
because of small tweaks. But when I did the
screen capture, they looked exactly like this. So everything you
see in this class is screen captured
and was available in, placed on App Store. Yeah, grouped into
industries because they have several
different best practices. Health has different
best-practices. Them mobility, privacy,
lifestyle, one-to-one. You will see that really well. I mean, we don't
maybe 30 minutes about each industry more
or less, more, more. You will see patterns. And that's very interesting. So that's why I grouped
them into industries. Don't want to be either know, the very transparent
one or restating, doing a very, very cool app. But it's very against
your industry. Mean you can do that.
But the chances that the risks are much higher than you break some laws and you go against the tide
and something isn't working. So actually the beginning, I would go with the tide, understand the type, then
you can play with it. And that's the whole class
here about, you know, what's the tight What's the best practices
for each industry? Yeah, I will explain what a seed and comment why
the app developer, entrepreneur, designer,
data in this way. So maybe in general
about the onboarding. What's the functionality
of onboarding? So actually, you have to introduce the user
to a mobile app. You have to explain, you have to showcase some stuff. In my opinion, it's one of the biggest or most
important steps in creating our user experience
because it's critical, critical first
impression of the app. The app isn't good, It's broken, It's laggy. The UX is very bad. The user anticipates, Okay, this app is broken from
here till the end. And it doesn't make any phone. So the data chances
are very high. The user deletes your app. So the first impression
is so important. I mean, you can think of 99% of all apps gets deleted within the first 20 or 30
seconds or even less. So, you see how
important onboarding is. It creates a positive
user experience and this contributes
to a user retention, at least for very early one. User retention, aka one day
user retention for instance. And then there are more
user retention numbers like the 30 days is retentions
just says, okay, my my user has downloaded the app one day before and
they are still using the add pride and you
30-day use retention means the user is still using the app for three days
after installing. Different approaches. There are different types of
onboarding are progressive, functional, benefit
oriented ones. Let's jump straight into
this one so that you have somehow or feeling
broader overview. So most benefit
oriented onboarding. You just show actually what's the benefit of
using this app, right? And I would really limit yourself of key
benefits, maybe three, because you can just
remember tree, I mean, you can tell he was ten benefits and he
will remember nothing. So focus on three key benefits. Each slide should contain
more than one benefit. You can also do one pagers when you have all
three benefits. But that would be really yeah, I wouldn't overdo that. Prior to prioritize to only
showcase the main benefits. Main benefits. Us consistent vocabulary,
same as talk, slow, easy and repetitive. I mean, we don't do
rocket science here. It's just transporting
the benefit from the app to the user mode. Simplistic way, possible. Onboarding must be presented before any registration process. That's huge, that's
so important. You have to gain trust
before you do that. Everything you need or take from the user registration
permissions whatsoever, do that at the very end, after you gained the trust and keep the onboarding
process brief as possible. But that's that's quite generic. And for each of those types. So benefit oriented onboarding
showcase the benefits. And in my opinion, it's
the best one because the user tries to
solve a problem. That's his main reason. I use or don't download the app to have
the functionality, downloads the app store their
functionality helps him. So in my opinion, benefit oriented
onboarding is the best one when you also can leverage
it with functions. That's the second one. Do not explain obvious
functionality. So we are here. I mean, everybody
knows generic stuff. Really focused on, on the
things nobody else have. What's, what's the unique
selling proposition or USP of Europe? No obvious functionality things. Limit yourself to
three slides as well with want functionality
per slide as well. It's just more easy
to remember stuff. Focus on helping the
user get started. Then progressive onboarding. That's very cool. Sometimes difficult with
mobile apps to be honest, but can be good. For, for health apps. For instance, with
fitness apps vary, you will have progressive
questionnaires, for instance, used to
show complex workflows. Hidden functionality,
you don't want to overload the user actually. So it mean, it means
that you start with one functionality
and add up one more, one more, one more. So the user starts really, really simple and at the
end of the onboarding, he knows much more. So that's the whole thing here. General tips for on-boarding. Design, crucial
features in the app. I mean, that's so important. Don't throw anything in the app. Focus on the really
crucial things. I see so many apps, they're just throwing
everything that's not good. At the end. There are so many apps. I mean, there are countless. Why should a user
download or use your app? It's a hard time for developer, entrepreneurs or
designers of an app. And attention span is
five for ten seconds. And your app is so easily D
installed or uninstalled. So focus on those
critical features so the user knows exactly, Okay, this app is for this, does it with debt, and I don't have
it in another way. Another app that's perfect. I will pay it. So that's the best-case. So crucial features, that's the same with
keeping onboarding steps. Minimal. Attention span is low,
competition is high. You have to really outstanding or out-compete competition. And the user needs to know, okay, well, what's
the app known for? Use good branding, sticky
branding, so on, so on. And earn users trust f, as I have just told
you a bit before. Everything you get
from the user, as it is, data,
registration, whatever. Do that at the very end, and you have to earn
the users trusted. So important link to your privacy policy gave him
more control over his data. Do opt outs. That's
so important. Ask at the end of something. Showcase stuff delivered first. You get it early
with the straws. And that's a huge point. You will see it later
in some lessons here. And use clear and
concise language. As I said, speaks low, speak easy, and
speak repetitive. I mean, I have cited here,
use consistent vocabulary. That's so important. I mean, you have to see you are fully in that you
know everything, but the user downloads the
app from thousands of apps, doesn't really know what
the app is about and has five or ten seconds
between lunch just to see it. And when you draw every
language, every word, different words at him, he gets confused and just
uninstalled the app. So therefore, use clear
and concise language. You can also keep
the kiss principle, keep it stupid, simple. Allow users to Cost Master view that
somehow a good point. Hi, For instance, Jim
apps or fitness apps, you can customize their
experience or the woman or man. How tall are they? What's their posture? Or the epic or skinny? Such shrink like this. And maybe true, so social
sign-in carefully, but that's linked to
earn users trust. Because if you have sensitive
data, for instance, in health apps, well-being apps, and you will link them
with your Google account. Some people have bad
feelings about that. So choose some things like
this very, very carefully. And as you can see, I mean, it's more or less
about two things. Trust and simplicity. Do those things good? And onboarding is very easy. So let's apply our UI and UX knowledge in the
coming lessons. I'm happy you are here. And if you have any
comments or questions, just go to the
comment section down below and ask me
anything. Thanks so much.
3. Health: Overview: Okay, perfect, So
let's start with all apps that are
health-related. As you can see, epsilon rise, sleep cycle, pillow or fabless. Now, health is quite
a broad term here. They can be literally
everything. I mean, the broad of
applications is quite broad. There is just fitness
trackers to count your steps. Also to count some categories, like My Fitness Pal. Then there are a
fitness app itself to track and monitor your
progress within the chimp. Then there are wellness and well-being apps like
for sleep or pre-stress, control or regulation,
for instance, sleep cycle that we see here. Then there are
some apps that are quite critical for their users. Apps for taking medicine. Doctor or the hospital can
monitor toward them as well. Or auteur. Medicines like glucose
monitors, monitoring systems. So it's quite broad term here. So can range, range from really easy sleep cycle
apps, for instance, till really advanced apps like glucose monitoring apps
like from freestyle liver. Yeah, I mean, the health
industry is growing one. It's saying that there
is a gross revenue. Growth for about 30% per year. Market cap is about 20 billion. So quite broad. And what's special
about those apps, we see it later on is that it's very easy to monitor like a to-do list app, for instance, when it's
all with objective things. Because health apps are
tackling or the goal is much, much difficult to achieve. For instance, gaining or
losing weight or whatever. Things with body. Just take some
time, for instance, to reduce your blood sugar
isn't just something you do once and it's good at
something you do consistently. Weeks and weeks and
weeks, even years. So that's why health apps have a little bit of a unique
different approach here. So most of the apps are
doing it by goal driven. So you can see that
really clearly, that it has a lot of content about education
of our motivation. Yes, I mean, that
something really, really outstanding
with this app. It isn't just about
functionalities, are selling you the stuff
that the app can do. It's much more, much broader
idea here to motivate you. To be your best version. You can be to be met or to meet your
future self in one year. Something like this. It isn't just like you
can do this and that. It's much more, more broad here. Yeah, Given all the
DSA effects source, it's interesting to explore the onboarding conventions and trade-offs as it relates
to medical health apps. Yeah, Perfect. Let's jump into the first one. As you can see here, it's rise.
4. Health: Rise: Okay, so let's start with a rise that's quite a
beautiful app here. What we can see is that we
can see the splash screen. That's the first
so-called screen the user sees when
you open step, right? I mean, the branding
is quite cool, neat. What also is good is, I mean, it's, there's a clear hierarchy. You can follow the path. Very, very good. Here. The same with the lines. So it's in a line or
branding is quite good here. Doesn't use too much elements. Actually really just two colors
to different font sizes. Same font type. The color is different. Elements are lines violet. So it's quite minimalistic. You can follow it, it doesn't
really overwhelm you. That's very good. What I also
really like is imagined. I told you there was a
drug that gave you, It's, it's quite a good hook because
you didn't have to scroll up all those benefits. And it isn't like
the app tells you, Hey, our app rise, can do this. It's more like they
have a narrative. And this question
answers all the benefit or delivers all the
benefits the app can do. So that's quite good mate, or that it's a brilliant
way of doing it. The drug is sleep perfect, but based on signs. So that's, I really like
this approach here. Also. It does and notch the users with those lines
so you can actually see, okay, it's something
that it goes further. So that's brilliantly solved. With the two colors. We have an attentional buyers, user faults filter what
they pay attention to. The mean you can. Dark background is perfect
with this wireless. You will focus on the staff
are also here in-between. Human element here
and in-between. It's a very, very good, um, and also, I mean, it's for sleep, right? The whole branding is
this this midnight. So you so you know, it's something about
sleep midnight. That's very good. Soft here. Yeah, complexity well
handled. Tesla's law. Perfect. I mean, it doesn't
simplify too much. It doesn't offload
things to the user. That's very good here. So let's jump to the next slide. Slip that it's perfect
and as you can see, I will jump forward. They will introduce a much broader or more
deep concept here. The storytelling they are
doing is quite brilliant here. And also here. Don't really like is, I mean, why do you have to
hand in an e-mail? You can cache it so
safe within the app. And then at the end, if you want to backup
data, for instance, you can type in the mail, but that's in general
my interests. I'm quite privacy focused here. But yeah, I mean, it's also smart with
to save your progress because there is a so-called
loss of recession. So nobody wants
to lose anything. Actually. You have all maybe I'll have already have made
some progress here. I think it would be a little bit better if they would have
done it in between here. Because you don't
have any progress. You actually made that a
little bit artificial. But that's okay. This one could have
been placed before, otherwise you will
meet everything here. But it's crawlable. So that isn't a huge pain. Assuring about privacy is good. I mean, there is
also this issue, issue that a few focus on
too much privacy stuff, data, gdpr that users
are getting onshore, okay, is this
really a bad thing? But for this, we have Patrick samples that's
quiet, well-managed here. Yeah, that's very good for now. What's special with
such health apps is that they are
quite subjective. So there aren't one
size fits all solution. I mean, everybody. I mean, there's
different patterns here. I mean, some person wants to understand
their sleep patterns. Others have really
just a sleep disorder or others have anxiety. Anxiety. It's quite subjective. This, this form here is for
saving the progress for sure. But with health apps, it's quite tricky when
you ask for something. Because you don't
want to say it. Mean in the end, the
user should know. Okay, why does he give
you the email, right? I mean, for a social media app
like LinkedIn or Facebook, Instagram, you know,
that that's needed. I mean, you know what you get with those medical health apps. It's not really that
clear in the beginning. So it's always tricky. When should you
ask for an e-mail? I would have done it later on. Because you don't have
much to say if here. Okay, What, we also can see
what's really interesting, and we get this much more
within this class is the loss or the illusion
of labor or work. So rise estimates your sleep
patterns from your data. So it's like our
cadet does its magic. Um, it's, it's work. So why do they do this
amine at the end that it's software running on a PC
and pieces enough fast. He can handle it. So there's this illusion of work and it takes
five seconds or so. Let's really just an illusion. And it doesn't
take five seconds, but the user didn't appreciate
the data even more. Even if you would
know it's fake. I mean, the data
can be generated within few milliseconds
and not five seconds, but they use it and
just pays more. I appreciate, appreciate
the data more. So that's quite a common
psychology principle. We have here. So we have here
multiple permissions or collaborations within tools. So as you can see,
that's quite perfect. Made. The app asks for full motion data and you shouldn't do any, you
shouldn't do that. Just asking the user if the user open
step the first time. That's a totally no-go. So you should always
contextualize prompt, telling or F, a small title that user knows
what it's about. Then with a small description, why we do need the data. And if he needs
more information, he can get those information. So that's perfect. Here as well. I mean, you and allow
all That's perfect. Very easy to do. Very,
very good user experience. Now here as well, I often see that apps are in the same situations or in the same
situation like here. They want to have some already want to connect a hardware
stuff like Fitbit. Smartwatch. Users don't think it's necessary and then they escape it
or cancel the app at all. And here it's quite good escape, so you can skip it. And this is, this one is completely optional rice
and works great without it. That's perfect for all the
people who are not sure. I mean not everybody
knows Fitbit, right? So that's very cool. Soft here. And just in general, I mean, a lot of health apps have
exactly this thing here that you connect to a harder
stuff for tractor. I mean, if you have
a glucose monitor, glucose meter from
freestyle liberate, you also need to
connect, connected. The same way if for
instance my fitness Paul, that for tracking your calories, you also need to
scan the barcode. So this connectivity stuff is quite common with health apps. The same if those
screens here as well. Very good. Contextualized small
title description. Your explanation is missing. But yeah, it's
explained a lot here. That should be it should
be okay. You're perfect. Amine. It could trigger it by itself. Okay? Think would be easier. That's perfect. Because you have because
you've granted Apple. Apple lay the right, then I would have move this
green next to it or after it. I mean, you allow those two points here or
turn all categories on. Click allow. And then it's best at
something like this. Small illusion of labor appears, again, a progress bar
or something like that. And then those data, this data will be shown. I mean, you can also do
that is curve is dynamic. Something like sines or cosines. Curve is moving. So we know that
something is loading. But even though it's
perfect, you know, you have done something before and now you
get the result. This, I didn't get it
in the first place, but it makes much more sense. Go further. It's start this whole,
whole storyline here. But what we can see and what I have mentioned in
the beginning of this class or lesson here
is that it's quite a long, long onboarding and
it's, it's educational. I mean, if the benefits here are some tips or knowledge
things done there, this questionnaire, notifications here as well as mall education about your
sleep data we got here. But it's much, much
more education stuff. As you can see later on, for instance, for ordering food. Read or not read. A clear distinction between
those industries here. And to be honest, I'm a
biohacker by myself and I really liked this screen,
the overview here. I mean, it's pretty simple. It's really digestible. You can check it how
they calculate it, so you don't have to
blindly trust them. That's very, very good. Actually. I quite like
it. That's perfect. Also with the
different colors here. Yeah, perfect.
That's really good.
5. Health: Sleep Cicle: So sleep cycle, I
think this one was the first app I actually
paid for back in those days. So I quite love it. I mean, it's also very popular app from the old
days. It's quite old. Yeah, perfect. So it's a sleep cycle app. You can place it next to
your bed or on the mattress. Then it will measure your
movement and then wakes you. Add the best suitable time for your rhythmic or how to say
it in English. I don't know. But it wakes you up at best time according you sleep phases. I mean, you have
several slip faces. And that's perfect
for this measure. And what you can see, it's very similar in colors. It's dark, but,
but it isn't dead. It isn't that minimalistic. It has images, but
it's quite lean. D cluttered. It comes, so it's quite good. Also the call to actions, CTAs are very clear with the colors that are very the
opposite, the background. There is also a theory
or principle about it. From a Rosen half. You can see we will mention it a few times within
this class here, but every time
something stands out, we see it much better and we can remember
it much better as well. So yeah, call to
actions and very, very clear and very good,
easy user experience. But I have to admit
that and really laugh. If it's just sliding down. I mean, you can just scroll
and then this story unfolds. I really like just
scrolling down, I mean, till that, till then and then
it's a horizontal journey. But it's a little
bit more old school. But perfect here also, contextualized
notification prompts. It's perfect. It's all smart. That puts the US pattern here. Users will just
anticipate it more. Because they think, Oh, wow, it's patented or it's also
patent pending, works as well. But users then think
it's more sophisticated. There is much more
work behind the app. I do not know for
what this patent is. It could be that the logo or amino K and logos
cannot be patented, then it would be a trademark. But we do not know
what exactly this is. But clearly, it's something
really good to sell an app. So the user experience, it's
a little bit elevated with such things here. K. So I don't really like that. We already need to hand
out our logins here, especially if you either have
to retype the whole stuff. I mean, it would be much
better for onboarding. It's always the same
as short as possible. That's very, very important. As short as possible to get
to this woman the moment, moment when you would
be willing to pay for the app and you see
the usage benefits. That's the most crucial thing. With things like this. You just stretch this time
and you don't want to stretch the time for a user to get
adult know this app too. Wow, I love this app. That's very, very important. And it might turn,
in my opinion, it's just unnecessary here. I mean, you can
save three screens. You don't need this because
you don't have email. For sure if we just
continue with Apple, you don't have this one, but you have two screens
plus the screen. We're continuing with Apple. I wouldn't recommend
doing it like this. I would rather do if the
user is on this screen, then I will do something like this that the
user knows, okay, I should back-up my data because
all the linked data from my my safe sleep patterns or cycles or whatever
otherwise gone, lost. That'll be bedroom, my opinion. But otherwise, paywall is
a very good solved here. It's also aligned
with the branding. I mean, as you can see, it's the same type of images
throughout the whole lab. That's very good, Very good. One more thing would be that Google mail or Gmail
should be also included. I mean, I don't I know it's screen captured
from an iPhone. But what if you have all day the link from a Gmail account because you have had
it on, on Android. Now, this app doesn't it
doesn't exist on an Android. That's, that's good. That's far better
just with Apple. But note that in our case, it's better to limit
the locking options. If you have an app that is available on multiple
platforms like Android or iOS, I would place a button
or small text here. See other options, for
instance, see other options. And then there's
more bottom sheet, very select adrienne
login options. But yeah, as I said, this app is just
available for iOS. So it's okay that they have chosen this one
login screen here.
6. Health: Pillow: Okay, now we have pillow
and as you can see, it's very similar to
the EPS we had before. Mean something more dark. Violet here, bluish
violet again. So we see it. Something could be
something with sleep. But to be honest, I mean, I don't know this or I didn't
pay it or use it before. But pillow suggests that it's something similar
than a sleep cycle. We have compared to sleep cycle. We have just one screen
that's telling us smart sleep assistant
to help you discover life changing benefits
of good sleep. I really like this one sentence. It's almost bedroom opinion. Like this here, but, but
that's very good here. It's more function paste, mean, analyse your sleep and
wake in the lightest face. Those are the hard facts. Those are functionalities. In theory, it's much
more about the benefits. Helped me discover life changing
benefits of good sleep. So two approaches. I kinda like both. But what I don't like is that
they just asked for yeah. Privacy data. Log in when you can
skip this, that's good. But I would rather have
some overview link between giving them my content
or accepting anything. I would love to see what the app does actually,
what's the functionality? So what, what's the, the precise benefits
your users have? Yeah, Also here, I would love
that they could skip it. Not get personalized,
anything one-to-one. But yeah, otherwise,
the hierarchy is very, very structured, similar
to this one here. Above. You have the image below description tags
and then the bottom. So very, very good here as well. Quite good, quite
good here as well. If UX default buttons or write much more appealing button on the left side,
That's perfect. K here we have permissions. Again. Here. I would love to have a
little bit more information. I know if you click here, you get the information. But there are quite a
lot of information here. But yeah, I mean, it's
neatly solved here. It's quite good. I think. Yeah, that's quite a
good solution here. But again, I mean, you don't know what
this actually does, excluding this really broad
general sentence here. But they'd like to have
some more information. I mean, I don't trust
this app enough. Grant them all permissions
plus paying for it. Go this, that you can skip it. That's perfect. That's must-have. Because if you think are, then I force the user to peg it. I mean, yeah, maybe that works. But a lot of the users
will just think now, not with me and close
the app or delete step. So the ternary will then
be much, much higher. I mean, this this thing here, this paywall within
the onboarding has just one goal or one. We just use it for one
very specific reason. We want to anchor the price
so that the user knows. First, this is a paid-up
and it's not three seconds. We want you to tell the
user it's 40 bucks a year. So it isn't four bucks a year, nor is it 200. So that the user knows it's
about 304050 bucks a year. So it's just about anchoring. I think I'm very small minority actually will pay for
it. On this stage. If you want to force them, you misuse the whole concept of putting a
paywall, onboarding. That, that isn't the goal here. So good solved here is perfect. I'm also a small horizontal
carousel is perfect. Don't really like is
this empty screen here. I mean, what should I do here? There are multiple buttons here. I can see this here. This kinda looks like a button. This for sure. Then we have at the
bottom some stuff. So I'm a little bit last year. And I mean, what, what is the goal of
an onboarding to get the user familiarized
with the app. Either you can do benefits, you can do function, or
progressive disclosure. So the user would then
land on this screen here. And then we show Much more
and more content of the app. So you first give the user, the user one element, and then if he can do it, you give him a second
and the third element. So one-to-one, so he learns
throughout the time. But here it's much
more like our k, except our terms of services. Login, personalize our mission. So it's just the onboarding for the staff and the paywall. Okay. I think those things
are really necessary. I mean, those aren't
necessary for sure. I know it for myself. I have another app on own app, and it's very crucial that
you have the permissions. Otherwise it doesn't work
and people will leave. One-star reviews are important. But I'm not sure about
this whole thing here. I would rather have shown the user what he can
do with the wheel, how it does look, etc.
7. Health: Fabulous: Okay, so fabless, one of the oldest and most popular
apps from the old days. That's for sure. A lot of people know this app within this health ecosystem. But I have to admit the
onboarding is a really, really long I mean, I can show you how many screens
consists of 51015202429. I mean, about 35. It's very long, but I'm
not saying it isn't good. I mean, it's brilliant, but it's very long. And you, not every
app can do this. I will explain little
bit more later on. But such a long onboarding
works just if you are very popular and user
knows or user know. Okay. This app will. That's very fit. I don't want to waste ten
minutes or 20 minutes of my precious life with this
app, user knows, Okay, this app has, I don't know, 500 or 500 thousand downloads or 10 thousand
reviews. So it should be good. I'm willing to take this step. Just a small disclaimer here. Yeah. I mean, I kinda like the splash screen first I
can then the text appears. Even though there are
a lot of benefits. I mean, it's very similar
to the thing we have. Here. It's just
more minimalistic. But here, very good. You can differentiate
for the colors, but it's much more colorful. But what I don't like is it, this isn't really aligned. I mean, here we
have bold letters, very colorful, more
in a comic way. Not really like this here. I mean, the onboarding
has so many styles. Beginning at fault. That's, that's completely
different app here. You can see that that's true. Style one, style to style
three, style for Cell. Styles six. Now back to this tile here. Now again, style seven
or six, I don't know. Again, the app inside
little bit different here. Again, a little bit different. So it's quite messy,
in my opinion. That could be quite streamlined. Or maybe they have
some genius ideas. But from a term
of new UI and UX, I don't see the point. And also it's quite, I mean, going from large font type sizes to something like
this isn't really good. Yeah, I mean, at the end,
storytelling is everything. And you can see that
they have a good, Very, very good motivational
thing about here it starts. So stay tuned. So yeah, I mean
storytelling is awesome. Also put animation
here, are good image. That's quite cool. Made here. Yeah, To be honest, I mean, I didn't know fabless
from the old days, but the dictum know what it did. I mean, what is the F4? And the first yeah, let's count it here. 123 or do the first two or three screens,
you don't have any clue. I mean, here it's
saying Welcome to the fabless world where you will learn to use behavioral science
to transform your life. So, okay, that's
quite broad, I guess. Here, the same sentence, it's just another
image or animation. So yeah, it's quite
walk. Storytelling. Your couriers, you're
doing more and more. Want to know what
it's all about? Yeah. As I told you in the beginning, there is a so-called
phone arrest or effects. Things that stand out
are more likely to be remembered or
just to be safe. The attentional bias m, it's just more
easy to follow up. I don't know if that's really
necessary for this one. I mean, you really
need this app. Ask you three
questions somewhere. No, not really. He reached, it's much,
much better applied. We will see why. But for something like this, No, not really good. But they didn't put is
really easy. It's perfect. I would try to minimize
such duplicates here. I mean, one time or
one time naming. The name is enough. I would just reduce duplicates. Generally. That's also could mean most of the people will wake
up at these hours. Even though it's
quite late in Europe, people wake up little
bit earlier, 06:00 AM. But maybe they, I mean, that's a good good thing, for instance, to adapt it. And globally it for instance, that you apply or C, in which countries
people wake up earlier than it will definitely
adopted because a dry some, a few other people have
to go here other time. And that's just another extra
step. That's not needed. E-mail, Why do I need
to give you an email? But it's always with me. I mean, why? I don't know for what is it
Is it forbade for backup? To get something? For what do they need? My mail. I mean, it's clearly for backup, but would be good if
they if they type it, it's for backup, data,
privacy, security whatsoever. Yeah. I mean, such a question. I didn't know I would
I wouldn't really do it because it's for sure. 99% of the people will click. Yes. What are you doing
when you click? No. I don't know. I would I wouldn't do that here. Okay. So yeah, I mean, after you have clicked yes, you will get this information
or this bottom sheet. This here. You can see the heart
here behind it. And I mean, that's very strange. I get it that it's yellow, blue. You have a big contrast, but a red thumbs up. I don't know. Normally, a
good thing, a good thing, or green or yellow
or a thumbs up. And nobody wants to
click on the red button. Normally it's for archive,
delete, undo stuff. So that's very, very bad. Ui UX, That's not good
at all. Very bad. Then the second thing
here is, I mean, that's very strange
that the overlord, the overload is quite big here, so it's very confusing. I mean, read this
sentence here. I feel it. I feel fit and healthy. We need It's like a capture. Do you have to be proved
that you are human? That isn't really good. And I would really recommend to increase the
size of the text font here. And just make it minimalistic. I mean, what's easier
to answer this one? And it's just about not it's
just about the background. That's just the
difference in background. And it makes makes
a huge difference. Do we have we have somewhere? Oh, yeah, something like this. It's much more easier to answer. So that isn't very good
or something like this. Why, why this? That's very bad here. I don't get it. And you don't have
any progress bar. I mean, if you're doing an
onboarding and you will have a longer on-boarding, please include a progress bar. Otherwise, people I mean, 51011. That's the 12th screen and we do not know when
various then do we need to make another 20 questions or do I need to answer
20 more questions? So that's that's very users turn off and cancel that or close
the app until it deleted. So that's very important that
you have a small indicator when this onboarding is
finalizing or when it's done, that's very, very important. The cognitive load or is quite big with
those questions here. And now, even more, I mean, for seven questions
and you are like, Wow. When I'm done, That's
like an assessment. And then this very odd, I mean, it's like a story. You just answered the questions. Now. It's something like this. Okay, You have your
own journey too. That's very confusing. Very, very confused. Yeah. I mean, it's, it's really
like an Instagram story. I mean, remembers me something like this posted
from an influencer. But in the end, I mean, you have to mention
you download this app or a person somewhere
on the world, download this app
and wants to use it. Now they have to make,
make 20 screens. Then they get a screen to share. I mean, those people
to use the app, they don't want to share an app they don't
have used before. And the GoTap question
mark to the trusted. You don't want to share
stuff with your friends, that you are not sure about it. And actually it's it's
for Instagram, I guess. I don't have tests that it looks like it's
an Instagram story. But that's that's a prompt. That isn't really good. I mean, you can do it
after the aha moment. For instance, if you are
inside the app and then you have your first successful
whatever with this app, you completed something and then you can share this success. But not before any or
any doing any mercury. So that's not good. I wouldn't do that. This one is quite good. Soft, perfect. You see what you have selected. But I would mark it a little bit or I wouldn't
highlight it as much. I would do it passive, and then it's active as soon
as you select a button here. That's much better because then you have much
quicker feedback, you know, k. So we have the illusion of work. So it's very same as we
had with the app for Rare. Was it was it I think I
exactly this one here. No, here. So the illusion of work,
so that's perfect. And we also could have
implemented it here. And I mean, it's good. I mean, the user then
things are okay. Wow, That's a very solid app. They need to have some time
to calculate anything. But as we know, it's
just an illusion. Again, good animation
here. Very cool. Cool setup, very minimalistic. I can alike the
minimalistic progress bar. And they personalize
it, That's perfect. So from from this stuff here, then there are also
contextualizing vacation prompts. That's perfect. And this, I wouldn't do that. That's really that's
that's not good. Um, yes, I wanted to succeed. I mean, those are green
marketing strategies. Meaning you don't want to
make the user feel bad. Debts. That's really
I would I wouldn't do such notching
notching stuff here. Yeah. I mean, everything should
be very, very positive. Then they would rather
do, no, not for now. Something like this,
but not that the user has a bad heart
feeling clicking here, because he just wants to
see how the app feels. How does it react? Yeah, I wouldn't do
such stuff like this. But what I really
liked and didn't saw in any app you before
is the concept of this, of the contract and
the future self. So that's very, very powerful. Makes this whole on-boarding net positive because the other
stuff isn't really good. Or from a UX perspective
isn't really good. But those two things that are
chimps, they are awesome. I mean, if you
read it, it's just all about motivation that you that you take
your time and check. Okay. That's a
contract with myself. I mean, that's your name, the name you put here. It's personalized and with all the stuff you
mentioned here. They made this this contract. And even though it's fairly and they will just
replace the staff, here are the answers
you gave, gave there. It's powerful. And also you
push or you hold and circle, the sound gets bigger and bigger till the whole
screen is filled. So that's really powerful, that, that's, that's very good, That's very good
user experience. And also that they describe it that you
want, you have to do. So very, very, very good. And also with the colors. Also, I'd like this color much more or less color
composition, yellow and bluish. Instead of this one or this one? Yeah. I think they
have made it look like it's from a from
a personal influencer. Not just from not
from the company. Yeah. It looks a little
bit more authentic. The indented from the company. Yeah. It's perfect. That's a contract. Then you have your future self. That's, that's perfect Really. I mean, that's so
powerful and that's exactly the thing I have
mentioned in the very, very beginning of
this health app. Or less than you want to to, to, to touch to the user or motivating for much
longer period of time. And not just about
today was a good day. Tomorrow. You want to have
a see the future, how bright it can be. Because those things are
much more, they are lacking. They are, they need it. It takes much more time. I mean, as you can see here, what does the question ask me? It's about fitness. You want to improve
your fitness level. And improving your
fitness level isn't just something you
improve within two days. It's about months and
months, nearly weeks. But more realistic, It's one of the support system as well. Finding new friends. So that this part here is very, very good, very good. And also here that you have the possibility that the app explains everything to
you, that it's perfect. And that's explaining
executive opposite that we had here, that you just landed within the app and it's done
the onboarding stone. That's crucial here. That's very good solved
because you have always, have always to think, okay, now a user
doesn't know the app, doesn't know me, whatever. And he just gets
rendered within the app. How easy is it for
him to get going? Yeah, it's quite easy. It's everything is pre-filled, you know, are 0 per cent, I can level them up. You also have some prompts. Journey, so storytelling
is really good. Then there is progressive
disclosure here as well. Here as well. So here, Yeah, exactly. You can exactly see, okay. This app is so popular. The onboarding is on point, even though the UX could be
improved, in my opinion. But I mean, this are
those seven questions, or just ask for this thing here. Permission is
necessary, as we know, illusion of labor could be
replaced, but that's okay. This isn't really necessary. Yeah. I didn't know about those ones. I mean, why those questions? I would mix them, combine them, maybe shrink
it a little bit then. Yeah, the lining, the style. I would realize that
that's very important. But otherwise, really,
really cool up here. Just as a small recap, this app has around
3035 screens. And this does just work for
a very, very popular app. Don't make this mistake on think I Doesburg
also from my format, every small app or four hour
app that isn't so popular. In terms of UX. That's a
very special use case here. If you're doing it like this, you should be sure
that people wants to invest in your app before
even knowing anything. And if a popular app, they know something about that before investing it,
That's very important. Long onboarding works are working just for
very popular apps.
8. Health: I Am Sober: Then let's check this
MPO that I am sober. So if you have if you want to get sober
from those things here, and what you can see it. Surely a smaller app. I mean, if the whole UX UI, it isn't as modern as something
like this, for instance. That's a little bit older. It's not very modern. There are very
standard iOS elements, so it's only for iOS. For Android. Doesn't
really look fresh. I mean, it's quite basic. Also with principles
like the Hicks law. I mean, it would be
better if you have made tags so you can select
alcohol, for instance. And then those things here. But you wouldn't mention each and everyone
again and again again. I would just make it a
tag one or 210 tech tree. Then you can add them up. Then it will be much, much easier because
right now you have to scroll endlessly, but isn't the best thing here. What some, some the same for
this year, for instance, to be much better if they
put the wheel down below, then that's quite a
strange button here. Yeah, doesn't really
look good to be better if they have made it
something like this here. Or like this here, as you can see, there
is a bottom sheet, but there is a clear button or here because that's
not really a button. I mean, that's a field and that isn't really
the normal thing. You want to fill a
user really welcomed familiar that they know exactly
how it's feeling, right? So they don't get
stressed or confused. It's not a big deal here, but it could be much better. It's like opening
an e-mail here. I mean, it isn't really cool experience,
let's say like this. I mean, that's a whole
different story here. Let's check the first
greens splash screen. A quote. Good intro here. That's awesome. But we can see that's quite
basic, or do we have here? So I would have done it
a little bit better. As far as I know. Community is quite important
in terms of getting sober. And you are here alone. So I don't really like
the picture here. So I get it that
you are on a path. You are fully responsible
for yourself. Okay, got this. But as you can see here, they have a community
section and it's in the middle of the
whole navigation bar. So it's a kind of a
big deal for them. The community is
clearly something they have fought off and they
have implemented it. But it isn't on the
whole on-boarding, as you can see later on as well. So I would change the
image to something like, do we have maybe we have something here
now, but maybe later on, but I will change it to a
person with other people, you know, okay, you aren't
alone on this journey. May be several paths, for instance, that's
guiding to one goal. And then you see other people starting from the same path, so you get, you get it. Okay. I'm not the only one with this. Let's call it problem. Other people are here as well
and we can help each other. So that's very important. I mean, as we saw, health apps are all about motivation for long term and especially
something like this. That's more critical
or more severe, more more difficult to change in my opinion,
my personal opinion. Then, for instance,
the sleep pattern, I mean, getting sober can
get from heavy addictions. So that's why it's even more important to have some good motivations
in place, community. And this wasn't really
good source here. You see it isn't just about
elements and type fonts. It's sometimes it's all
about motivation stuff. Yeah. Otherwise, it looks good here. That's perfect. Yeah. And I mean, this date time we'll cut down
below the tongue. So on would be much
better to navigate it. As well as the times or the
question you're down below. I would have done it with. Bottom sheet
actually looks quite modern than the
normal button here. So next screen here, it looks also good. Strange thing is about content. You give them. Yes, We are good. Kinda seems like something bad. I mean, it's really a
big deal in this app. So I will just change
the name there. Otherwise, everything
looks good. Three-inch button here as well. Yeah. I mean, at least they got
them consistent with it. But it's not the best, best thing in terms of u. I
would definitely change that. Otherwise, it's cool. I mean, the plus, I don't really get it. What the benefits are. I will tackle this on a
separate class about paywalls. But just a sneak peek here. I mean, there is data backup. Cool skins doesn't really make any difference within
an app. Lock access. I mean, that's something
really important. And I mean, if they care
about privacy or security, the law should be included in the private and
the standard app. For my in my opinion. That's pretty cool. That's perfect for plus plan. This one should be
in the standard. Yeah, you can do this in
the premium. Premium, good. Yeah. Maybe that's also nice. But I will definitely
this one I would put in the standard edition. But otherwise, it
looks quite cool. And as you can see here, the support, support
group, that's perfect. I mean, something like
this and beginning. And as you can see, it's the
same style as I can see. More or less it's
the same style. Okay, cool. That's also very important
that you don't mix different art styles because you don't find anything proper. So keep your keep your style and branding
is very important. Yeah, I mean, that's,
that's awesome. That's very good here. Reuse are always good. Okay? Yes. In theory, it's
article that you have already pre-made stuff
you can vote on. It's very important
to get them on board. So cool app, I would say, could have a UI overall. Some updates, especially they should implement
their community. But otherwise looks good. And all, I would really
changed the pattern here. It looks just strange. I mean, it's the same. This element is really
much the same as here, but you can tap urine here. It's just information that's
that's just range here.
9. Health: Zero: Okay, So CRO long
charity fasting app. It's an app for
intermediate fasting. So you eat less often. That's intermediate fasting
if you don't know that 0 is longer or that's
quite long in the game. I think several rebranding. So we can see that
it's really beautiful. It looks very, very nice. Awesome. So split-screen in the
beginning, That's cool. Branding, fasting made simple if a slogan, perfect login screen. Here as well. Then you
have a questionnaire. Questionnaire, questionnaire. Okay, prompt run the vacations, and then the dimension and
tenure alerting the app. What I really like is that they have other sign-in options, because this app is on
Android and on iOS, I think they have both. Looks also professional. Tos terms of users, in terms of services or terms of usage, privacy policy, perfect. This one is should
or screen captured with an Apple iPhone or iOS. So it makes sense to
use the primary login. I mean, Ninety-nine percent of all iOS users will just
sign-in with Apple. So that's perfect. That's really good. Also with Fick's law, I mean, there are
other sign-in options. You don't show all of them
right now in the screen, you want to reduce it. As I said, ninety-nine
percent of all iOS users will just be able to click here so they don't have to scan the whole screen. They have just make one
decision, Apple or non-Apple. And that's quite easy here. Login screen perfect. Also that they have made
the button passive. As soon as you type in
something that's a valid email, it will get active. Very good that the user
has direct response. Also that they take immediately the
accounting information. So yeah, the guy is
called Alexander who was who was locked in then as more questionnaire if
you are new and as well, I mean, we can see the
difference from such buttons here to those buttons here. I mean, that isn't just the
same ease of doing it on. It's much, much easier. You have icons. You can clearly distinguish between the button background. That's perfect. Perfect. And this little guy
here, It's also good. Okay, I almost forgot. There isn't contextualized
prompts for there is here. Awesome, really good in formal. I think that isn't even straight at
something like this here. Perfect. I mean, who can say
no to this guy? But what's strange is, is that the brand color is
orange. Little bit reddish. But yeah, I mean, that's the brand color, but we can see, yeah, This isn't really good with
continuous, with the orange. It's almost red. It's like, Do you
want to continue to delete your account,
something like this? Maybe it will be better if the distinguished between
UI elements and branding. But yeah, otherwise,
brilliantly made. Also that they say Why. I mean, I don't know if
you can see it here, but 0 users are
26% more likely to build a healthy fasting habit when they enable notifications. I mean, that's perfect. That's exactly such a
gem we are looking for. That's really good. I mean, it isn't just our grant
does notifications. Now it's really hey, look, if you do enable
the MFA Kagan's, it's good for you. I mean, you are
downloading the app and you will be paying
for that hopefully. And then you will take, have much better benefit
if you're doing it. So that's perfect,
Really, really good here. Then advocation prompt appears. So each time you have
to contextualize it. So that means you asked for it. You're telling why you need the permission and not just
opening the splash screen. And then there is this question. That's another really good. Then it's science-based. That's always good. Some kind of social proof. Here's all the experts. And we will see it later
in a different class that 0 is really the
champion in social proof. If when you are fasting, you see how many people are fencing right now,
we feel together. So you have this community
fought behind it. So for instance, you
fast for 18 hours, you see other people's
or fasting as well. So maybe other people
are hungry as well. So that's a little bit more, easier or easier
for you to fast. That's quite cool. Icons, easy to distinguish. Then there is the animation that shows a little
bit about the app. That's it. So really cool. Quick onboarding. What about the app is small
questionnaire that they can, that they can fit up to
you through your needs. But what I'm missing here is when the showcase
that little bit, I mean, it's easy and all that. But maybe one screen
would be enough. Because as you know, there are several
onboarding tactics or strategies,
progressive disclosure. So you are within the app. There are hints like this here. Or the app or the onboarding
is more of a motivational, or the app is more transactional
or benefit oriented. So those three, but I
wouldn't do it that you completely miss
one of those three. I mean, if you're doing it, motivation based on
something like this here, I would always make another
third one or second one. As you can see here.
Fabulous was really, really motivating. But they also had this progressive disclosure
within the epsilon. So you can have, are really motivating
onboarding or an onboarding that has
a focus on motivation. But a small percentage
should also be about, okay, how do we use this app? I mean, if, even if
it's only one screen, but it's very important
that you don't miss this.
10. Health: 7Mind: Okay, so the next app
is called Seven mind. And as you can see,
it's a meditation app, self-improvement app. But we can clearly see it's bootstrapped or at
least a small company. There are a few UI elements. And so it's very pure here. And we can see that those
elements here. So let's hear. The whole stuff here
is as in the app. So actually they
have just changed the content within the app and disabled the navigation
bar at the bottom. So my tip is, I wouldn't do that at all. I mean, you can do
it if the onboarding isn't that important
thing within the app. But it doesn't really look good. I mean, we can see it. It's like a male or
something like this. I mean, it's completely
different story than for instance, something like this here. I mean, that's, that's
beautiful, right? Something like
this here as well. In terms of few eye level
or user experience level. Those are nine of nine or ten. And here it's about 234. And so it isn't
really that awesome. So it's a good
example to see how things can be a little bit
on the lower spectrum here, but can be as
effective for sure. So what's the what's the
reason for this onboarding? As you can see, we have login. Login if you go with email, Facebook, that's quite
outdated, in my opinion. I would rather do with Gmail, um, because I think this
app is a React native app. So it can be quite
easy distributed to the Play Store,
Android Play Store, because I will definitely
add Google mail if it's available for Android. Otherwise, it's okay. But yeah, I mean for screens or
one screen for login, if you do it with Apple
than password, okay. Then you can activate it. And I didn't get it in beginning afforded purchase the app, but it's a subscription. So it's good that they ask
about the tenant vacation, but just be upfront and tell
them it's an education. Actuates, reminders,
reminders, seven minders. That's confusing. I would be upfront with it. Good Is that you or data people included
know now because we don't want that the user
blocks not vacations. Because unblocking
the need to go within the operating system
settings and then unlock it. It's not that easy once they
block your notifications. So it's very important that
you always put a naught. Now an opt out or close element to this question,
very, very important. The same applies to the paywall. Then. Good. Here. Get the paywall is pretty
standard. But that's okay. And hear about these
question mark. That's the same all onboarding. I wouldn't really do it, but we can see it's
within the app. But I mean, they
should have been. That's not the truth. Being the onboarding, onboarding should be really precise,
easy to understand. And if it's too difficult, then the developers
or the company behind it should work on it, that it isn't that kind
of a big deal here. So the user, it should be
really easy for the user. I mean, that's an onboarding. He doesn't know the app. He doesn't need an instruction on how to do the onboarding. Onboarding is how to do the app. So you don't need to, you
know, hopefully you get it. So that that's, that's, that's really not good here. Otherwise, it's okay. But I mean, the
onboarding for right now is login notification. I mean, as you can see here,
login, then notifications. Paywall. Nothing about functionality
or motivation. That's not really good here. That's really not good. I would rather I mean, the notifications aren't crucial a minute isn't a to-do list. For instance, on Evernote
to the to-do list that you can live without
the reminders, then I would rather do
something like this. Here are pop-up, which pop-ups within the app each
seven days, for instance. Something like this. So you can reduce
the onboarding with two sheets because
it isn't crucial. For log n. Again, Ninety-nine percent will
sign in with Apple. So that's no big deal here. Authorize it. It's quite good, but I would add some functionality to it. So at least one screen. Tell how that works, etc. So for instance, the
meditations, where are they? I think they are. They're at least then
progressive disclosure. So you gave a small hint. So the user is
within the screen, then you make a small
hint here. Type here. For collections, all mutations. That's quite easy. That's settings,
account whatsoever.
11. Health: Yazio: Okay, so our next app is
called yo-yo or Yaso. And it's an integration
effort can lose weight, built muscles, or
maintain weight. And as you can see, it's
all about food here. And I really liked
this first green. It indicates this quite well. I can, it's an
apple. So very good. And you can see it just
from the questions here. Hicks law perfectly applied. You can login if you
have an account. So you can skip the
whole steps here. But if you don't
have an account yet, you could just
jump into the app. That's quite cool. So you don't need to click No, we're something like this. You can just start with
answering those questions. Really cool. Also, I like that they have some kind of a
progress bar at the top. Question one of six till six. Actually do answer
all those questions to get a plan at the end. And this plan will then
be built into the app. So this whole
on-boarding is to get a plan to set you up to, to anchor your u then
the subscription. So you know, there's
subscription. So those are the goals
of this onboarding. So about the questionnaire
here, very good mate, you can switch between
kilograms and pounds, as well as centimeters
and feet and inches. Very, very good. I'm even better and
I think they have tight is that by default, you check the time stones
the users are in it. For instance, for
the United States, you would then choose pounds. And actually for everything, arrest the world, which
does take kilograms. You get the point here. So you apply it accordingly
to the time zone. Yeah, perfect. Very good. Normal buttons. Buttons are also
distinguishable. As we have in previous examples. Then about the gender, I know it kinda
tricky topic here. But maybe I fought
the beginning. Hey, why they haven't any
non-binary gender option. I mean, it's a topic right
now and that's for sure. But for such an app, it's kind of difficult. As I said, all those questions
are for this plan here, and you need to calculate the
maximum consume calories. So it's just about
calculating daily calories. And we are built like this, so we have different
parties or how to say we burn at the different burn rate.
Let's say like this. So they need a binary thing. Maybe they could have
implemented Something like I'm more feeling like or
tower towards for instance. And that could be an option. So a third thing, as I said, I'm more like maybe
maybe that could be cool. Yes. Good, good here. Late illusion of labor. I mean, it doesn't
take that long for the app that's just
artificially stretched. But the user and appreciates
the results even more that it gets
in the next screen. So perfect. It automatically. So
the user need to do anything really,
really good here. It also fix those
points automatically. Some really cool music
user experience. What's don't like is this, this thing here at the bottom. And actually, what
should I do here? Am I supposed to plug
in? Is it for backup? Is it for a subscription? And as soon as I see
something like this, I'm already like our kids
subscription and perfect. It's for a subscription. It's really also the aversion, Aversion loss or the
investment loop. You don't want to lose
anything here because you already have entered
all those things here. And can you remember
you had this before? Or if this here, enter your
email to save your progress. And actually, it's
exactly same thing as you can see here. Just if the difference that you don't have to enter your e-mail, you have just to log in to save your progress for the questionnaire
you have just done. I've not really a fan of it, but I mean, you can skip it. As you can see here. Now, really important. I'm also not a fan of
such how to say it. Skinny EPS mean you
can do almost nothing. Calorie counter. Wow. My Fitness Pal has it for free and
much, much more stuff. So I'm not really a fan when you can and you can do
nothing actually. I mean, I have an app
for myself, my own app. And we're really transparent with the fact that it's
a subscription app. But you have a demo version
and then the user knows it. This demo version
is, isn't a full, it doesn't suppose for, for fully functioning, it shouldn't be that
you can use it. Normally. It's a
demonstration and sometimes it's sold or those apps are sold
like okay, you can use, you can work with it if
the standard version, but surely you're
downloading the app, I think for intermediate
fasting or whatever. So that's the point where a
lot of people then are like, if I had knew this, I didn't download the app. So that isn't the best
thing in my opinion. To have such a ratio. I also would have
been the background. It's better if, if it's a little bit more dark that you can distinguish between this in front and this in
the background. That's really, really good. I mean, that's the prompt
for identification, but that you also see when will be the date where
you will reach your goal? That's pretty cool. I have to admit it's
pretty, pretty cool. And it's something similar. We also saw within fabless. You see a future, I'm calling from 2022. The cost today is an
important day for us to firstly appraisal 292021. Screen captured was
one year before April. I'm 22. That's really powerful to get a visit
from your future self. Really cool hours that
it's showcased here. Don't like is that I mean, you just get into the app and
you don't really know what, you know what it's about, but you don't know
how to use it? No. Not all functionalities or at least no functionality
got introduced. Questionnaire, questionnaire. It's about nutrition,
losing, gaining weight. Then the plan notifications. And here is a preview. But actually you don't know
how to, how to use that. So I would at least include one screen or do
progressive disclosure. But I wouldn't do nothing. That's very important. But otherwise, cool onboarding. Really cool, small, neat
and quite fast here.
12. Health: Wakeout: So this app is the next step. It's to stay fit at home or trust to move
yourself a little bit. And as you can see, it's really
for not staying too much. For instance, move a little bit. And you don't need a blockchain more fitness, for instance. You can do it easily. Do it at home, even on your bed. But what I'm missing here is some slogan that captures the whole value
the app provides. That isn't so good. Otherwise it's cool. Very minimalistic. Clear structure here, Image, Image, Text, button,
that's perfect. I kinda like this
italicized font here. It's suggesting to go forward. Quite progressive. But yeah, I mean,
it isn't the norm. Not the standard. Looks good. I guess. So that's that isn't too bad. I would add a progress bar. I mean, they didn't know
how many steps are left. Normally a good thing. I'm here, It's also good here. We could have add
more logging options, but it's an app
that's just for iOS. So actually that's quite good. I mean, if you have an iPhone or you are on the iOS platform, you need to have that blogging. That's practical and really, really good for iOS people here. Now, the thing I don't
really like is the paywall, also with the same style
we had previously. It's not really a button. I wouldn't do that. Plus, you cannot skip the paywall and that's
really, really bad. As I mentioned,
as I've mentioned previously, this, this paywall. The only reason you
have it here is just to anchor the price for a user
that the user knows, Okay? This app isn't for free. So it does cost money. And they know the range. So for instance, it's
40 bucks a month and it isn't bucks a month
or 33 bucks a year. So you know how expensive
it will get more or less. That's the only thing. It's just about signaling. It isn't the reason that
9% will actually buy it. That's a lot smaller
minority here. You can think of the 1020. Maybe, maybe 40 per cent
will buy something upfront. But actually they don't
know the app yet. So the, the chance to have new subscriptions if the
onboarding is very, very small. So keep that in mind and include the escape button or something that they
can skip or cancel it. That's quite nice
here. Reassuring. And very, very good are exactly. And here it's very important that when you trigger a sale, when you initiate a sale point, that the user had
its aha moment, that he had some kind of a good experience
using your app. That's the best thing. Uses step exactly for the
reason he downloads it. So the whole value
proposition gets used. The user has a good
user experience. And then you can
trigger something. It's the same. For reviews in Play
Store, an app store. Just do it after
some aha moment, for instance, very,
very important. And also here, That's awesome. I mean, that's kinda
fun social proof. If apple does this, that, that's quite good
for an app that's perfect. Yeah, Also the question,
that's always good, I would recommend that you have life support
or a live chat. Otherwise, when you are doing a male and you can
skip the row here, I mean, you have to
subscribe or not subscribe. The chances are
high that they will delete the app because
they have a need. I mean, somehow they wanted to the app to do
something for them. They will maybe then just
look for another app. I mean, that's that business. It's really crowded. So if you're doing something
like this, That's perfect. But then I would go
for a live chat. I mean, there are many
employees you can hire or companies who then can fulfill this
24-seven needs actually. Yeah, that's that's pretty good. All those icons. But what I don't like is that sometimes there is
a treaty animation of it like this and here, and also on the first screen. Then there is a flat
style like here. And the like, the
style much more. But you should streamline
the branding stuff. Not that there are
multiple assets. Otherwise, contextualized
notifications. That's good, but even better
would be what we saw before. Where was it? I think it was here exactly 0 users or twenty-six percent more likely to build a
healthy fasting habits. So that's perfect. If you can do it with
numbers, that's even better. I mean, it's just has a better
impression on the user. But yeah,
contextualized, perfect. Here, I will just name it later. Now for instance, don't
allow also for the user. Not really good. Then he
just knows, okay, it's done. I don't need to do it. Otherwise. Really, really good. Also here are like that. You already have a
feed. You can watch it. I mean, that's just
one minute I guess. One minute active break. Oh, no. Okay. It's it's it's an
exercise that takes one minute. But as you can see, I mean, it's, it's very easy. You could just watch it. You have your first impression. And they would then recommend after the user has
seen such a videoclip, that then the paywall appears in form with a bottom
sheet, for instance. And if you don't know
what the bottom sheet is, bottom sheets are those
here? This stuff? And then you prompt the user. Plus you can ask for a review. That also great thing here that's asked for growth hacking. To share it with your friends
on Twitter, on Instagram. Really, really good. That's a good, good
landing page here.
13. Health: Biloba: K. So biloba, the next step, it's quite short here. And if you don't know
what the pediatrics is, I didn't know it as well. I'm unknown non-native
English speaker. And so surely hearing, I mean, that's the doctor for kids
or for younger adults, but mostly for kids. If this app is for normal
customers, like you and me, and as I saw it is
I mean, somewhere. I think I have made
some research. But yeah, I mean, it's it's for normal
people like you and me. I wouldn't use any
technical terms like this. Or at least I would then know that that
isn't really good. I really would change
this technical term to a more popular ones so that people know
exactly what it is. And plus this login, I mean, that's really powerful. For the first impressions, I would always recommend
putting an icon, putting an icon
like this or here, then a slogan that the
user really knows. This app does this. It's also really
powerful for branding. The users link your
app with this, need, the slope and solved for
instance, otherwise. Good login stuff here
with phone number Apple, I guess it's only for iOS. That's why we don't have
any Gmail account here. It's pretty standard here. That's also good. Didn't get
the code, send it again. But I would recommend to allow to change
the phone number. I mean, maybe you didn't
type it incorrectly. Plus I would type the phone number and you send the code to please
enter the SMS code, you just send you two and then
repeat this phone number. Because you have to imagine if a user types the wrong number, then he's waiting
for the second. And then it's like, Hey,
where is my number? Is my code. Then he cannot go back
as you can see it here. Then I have to delete the
whole app, reinstall it. That's not so good to have it. To have an undo button
or go back button. Plus show the phone, you send the code. That's a report.
That answer. Good. Perfect. Yes, that's also good. Very good. I mean, it doesn't
indication prompt. It's always the same, right? That's really, really good. I mean, they personalize it. They are telling you when the guys are
available, the team. Maybe you type it. You add something like shown
in your local time zone. Maybe some body
from the west coast or east coast doesn't know
which time zone it is. Just to be really sure. That's also good waiting time. Yeah. I mean, that's, that's
pretty cool. Actually. You can see the call to
action button is dominant. That's, that's quite
a good thing here. Yeah, I mean, they're
just a small thing here. Technical term. Then this small hex here,
otherwise, very good.
14. Health: Kwit: Okay, the next app is
really interesting. It's quit. It's a smoke, or it's
an app to quit smoking. I really liked the
approach here. The first thing, you
have to split screen and then positive
reinforcement screen here. I mean, you didn't do anything
right now, but I mean, it's something really good because you're feeling already, so, oh, wow, cool. That's great app. I mean, he wants to quit
smoking. That's heavy enough. You are going to download, you're going to
search for an app, found it in ten. Even if it's just a
five-minute for the search, you are already feeling quite
positive about the app. So that's a very good anchor
for the user experience. So you have to imagine
the user experience is really high and really low. That's a great screen for this. And this can be applied
to each of those things. Let's do stuff like this here. Could all ready be
very, very good. I mean, after you have
agreed to the contract, you remember, we have accepted our contract
with ourselves. We could be really
happy about this. But there are multiple
other sessions. We up exactly like here. Yeah, I mean, you such positive reinforcement
are very, very powerful. And I mean the app
didn't do much. That's very cool. So the user is already
quite hyped right now. Then. I miss such as screen in the
medical space quite a lot. I mean, the functionalities aren't really shown
most of the apps. And even if it's just one screen That's perfect like we have
right now here. And it isn't a paywall screen. That's the difference. Payroll screen. That's
another feeling for user. I mean, we're just showing the staff to lure him
into paying stuff. That should be the case. I mean, we just want to
have him a good feeling. Show what the app does it
then after onboarding. I mean, if the app is
extraordinarily expensive, then you should mention it. But yeah, it's, it's
normal prices is here, but 60 bucks a year. So that's okay. Yeah, I mean, I also liked the stuff they're writing here, positive reinforcement or
guilt free approach values and reinforces your motivation. And that can be seen only
with the onboarding. That's already very,
very good gamification. You can see that those have
knowledge about the stuff. That's also quite cool. What should we call
you with this? Just like we saw here, new firstname, your family name. It's also a little
bit cool, playful. The same if the icon here, you also have a progress bar, you can go back. So pretty cool up. And as you can see here, we have the wheel down
below as it should be. The same lift this right? And as you can see, where is it? That's pretty good. With just the navigation
bar on top of it. Then you can click
now or continuum. Our navigation bar is here
on navigation button. It's pretty pretty
cool in my opinion. Yeah, I mean, that's that's
an old story, right? I mean, to calculate
how much money they use saves on cigarettes. It's also a great starting point for the price of the app. I mean, if you can
save adenoma 200 year, what is $60 in
comparison to those 200? That's a great and I
wouldn't say trick. But the comparison for
sure here as well, the greater fixed law,
reduce the complexity. The user has to decide
two options here. Here as well. Your journey has just begun, so it's a really cool
onboarding and have to meet really good
with this login. Az login. That's very good. Answer, good. Maybe you can just click
on activate and fix them. They will be in the bedroom. That's also good. But you can close it. And surely it's very important that you can't
lose it or skip it. Yeah, authorize. Really good. I mean, you can go with our
premium. Very, very good. Maybe some progressive
disclosure wouldn't be too bad. But so far, the app is, yeah, that's very
good onboarding.
15. Mobility: Overview with Dott: Okay, so let's check
all mobility apps here. And as you can see, we have multiple options here. That's dots. They'll take the mapper way. Which one is this? Third way bird line here
too. Okay, perfect. And what they can
see is that those onboarding are very, very small. I mean, they have
about five screens and health apps have
much, much, much more. In general. I mean, if it, if
I'm comparing it, such mobility apps have around
five screens and the end, mobile health apps
head around 15 to 20. Why is that like this? I mean, mobility apps just needs to be
really, really fast. I mean, you are
standing in front of a scooter and you just
want to grab one. It should be much,
much faster, faster. You don't need an
education on it. You don't want to
have any motivation. It should be just log N
payment and then you go to this industry is a little
bit easier to cover here. What you can see stepped down. As oftentimes it's
worth the phone. And because you just
don't need to have to switch to another app, for instance, it's
very easy. Sometimes. It's mostly the
reason you can also skip the email address
stuff, then you're good. That's very good. So that's about the speed
of the workflow here. But wasn't, what
isn't really good. That's from dot and dot
is normally a blue brand. And I fought in the
beginning it would be bird. The same with with I mean, we have here the brand colors, but it's a completely
new setup here. Also. But that's not the topic. But you should really look at your branding or lines
with your onboarding. That's so important. So important? Yes. Otherwise really basic
that that's quite good here. Yes. And what we see here, what is really good, as they are saying to which phone number they have
sent verification code. And this one, we
hadn't with this one. So that's very
important that you see, okay, which which phone number? Plus you can change
the phone number. So that's perfect as they
are doing it right now.
16. Mobility: CityMapper: Okay, so the next
step is city mapper. And what we can see directly, and it's really colorful
and has quite cool impact. And its debt popular to fill it like this or
to fill it full width. But I kinda like it. And it means the
Impressionists really good. And it has a completely
different impact on the user. And I like it so far. So normally it's just
white more or less. But I laugh if you really
like here, for instance, if you play with colors and fill the space, I
mean, that's cool. But I personally love such
things like here or here. So really use this space, you have to make it as
immersive as possible. I mean, that's pretty cool
that those phones have this big screen to phone ratio. Used to screen for
your advantage. Yeah, I mean,
that's pretty cool. Also, you'll have
much more surface for your branding
style, branding color. The user recognizes
the brand much faster. That's good, That's perfect. Especially for scooter rental
stuff like bird, lime. Why? It's so important
that you see them, you know them, because
you're much more likely to subscribe
if you know, are key. In Barcelona, Madrid. Whatever. I see them all the time. When I'm going to Spain. I think I should
download this app. That's quite helpful for an app. Yeah, the rise. Cool. I can then the slogan, the name, a small image. So perfect. That's really good. Loadings with, I mean, we can do the same
stuff as we had here. Was it needs to click Next
lactase here, for instance. I mean, it could automatically
load the city here. That's the same. What Shazam is doing. That would be an option here, but it isn't that bad. Welcome to Paris.
That's quite cool. If the bucket. Yeah, good Three, Nice. Yeah. I mean, that's
contextualized, that's good. And there is a skipping button. We saw better options or better user experiences
for content. Make sure like Jason's. Don't really get this small icon here. I wouldn't do that. I think that's the,
the mascot here. But I'm not really liking. Otherwise, really, really
easy, really fast. I mean, you don't even
have to sign in login. That's perfect. Yeah. That's it. Takeaway for this. Use your surface to
your brand color. Make it as easy as possible, as fast as possible. And maybe add some
progressive disclosure here so that you add
some hints like here. For instance,
because, I mean not authorized user could get
lost for the first time.
17. Mobility: Dott: Okay, Next one is
blah, blah, right? With weight. And actually, I'm quite confused because
I know both of them. I have used both of them, but I didn't know that
they merged question mark. So that's that's confusing. I mean, if you were I mean, the branding shortly from voice. But on the other screen, It's a little bit different. So do the branding aligned the stream flow so that it really looks like one
app debts are important. That's more or less
confusing to brands, to icons, and then
two different styles. The good thing here then for why you if the
numbers, okay, that's cool. I mean, I would have
different place holders. I mean, that is in
the real number. That is not possible. If you click here, it should be. For instance, a search
field for, for, for, for myself, for
instance, Switzerland. You type in. Then there's
a small selection. If it just needs to know, for instance, for
Switzerland plus 41. And maybe some, someone
doesn't know that stuff. If you want to
have local things, if you have a low
international app, then make a search
field here available. As soon as someone clicks here. A search field here pops up. You can search for
country codes. Then our insurance
is the phone number. That's good. But what isn't circled is that we cannot redo or
change the phone number. I mean, we see it that it's
got sense to this number. That's perfect. But what changed it? Because yeah, I have
previously mentioned it again. That may be I mean, if you see it right
now, I misspell it. It should be 8786. You don't have any
possibility to do that? Yeah. I mean, compared to
the other onboarding, This one is quite long. Activate this device. I don't know if that's
really necessary, to be honest, that's
quite unnecessary. Just just make it
in within the app. That's much better. I mean, if, if we compare
bird versus weight, I mean, just three
screens, That's it. Pretty easy. So really not that that's
quite unnecessary. Yeah, that's not necessary. That's perfect. Help us help the I mean, at the end for you, I mean, you cannot book and stuff if you don't have any
location enabled, I guess. Notifications not
really necessary, but that's quite the bad prompt. I mean, you have
always to think, okay, what's in for the user? The app is serving. For a user, not for your
business or whatever. This is. Not really good. Perfect. Maybe later continue. Yes, that's good. Then a quick carousel. For a function of
k, That's good. I kinda like this,
that's pretty easy. You can also skip it. That's perfect. How to
start, how to write. Good, Park is rules. And that's perfect. That's really good. I wouldn't be able to be yeah. That should be here
as well, I guess. For each mobile Kip. Who rents. Good. Yeah, perfect. It's quite straightforward.
18. Mobility: Bird: Okay, So Burt and to be honest, that's almost the best
onboarding for mobility app. Besides that, they could have included
something like this. So I'm very, very quick onboarding about the
functionalities, but that's perfect. I mean, either you have
Apple if you are on iOS or you have Google
if you're on Android. So perfect. If you don't have
it. Email takes law. I mean, the focus is
clearly on those things. Bird, maybe a small Logan. But I guess we know all. While you have
downloaded the app, the first place, it's quite
quiet, very, very easy. Minimalistic. Log in and scan this
spotlight is quite obvious. Maybe they could have
some small hint, hey, tap here to set up a ride. I mean, it's also a prompt. Would be better if it's, if it's for this here. It's quite easy. Let's
do directly line here. Very, very similar. But they are just
excluding Google. I like this option
better because, I mean, if it's on
iOS and it is an iOS, you can think of the
ninety-nine percent of all Apple users will
just sign it with Apple, and the rest will just
use Google or e-mail. So that's a little
bit better here. I also like some animations,
videos behind it. Else what else? Otherwise quiet similar. Experience, more
or less the same. Yeah, exactly. Something
like this here. Start a group right? Or start to right. So that, that's perfect and
also scan to write. So I like the experience
from Lima little bit better.
19. Privacy: Dashlane: Okay, So dashed line, that's a password manager, like less paths or one password. And as you can see, privacy is really,
really important or security in general. And the first thing we
see is the splash screen. I would recommend doing a
slogan or adding a slogan. Just being present. You use this brain that they can memorize or connect dash line with the slogan,
that's much better. Cool that they filled the hole area to use it for the brand
color as you can see, this bluish here,
darker, green bluish. Also, if in the e-mail,
that's quite good. But here it should be the same. Yeah. Okay, cool, cool. First screen and now the
first crack first question. So it's functionality based
thing or no benefit. Benefit. That's pretty cool. They are using Apple. Apple is known for
privacy stuff recently, but nevertheless, Apple
has a good reputation. That's cool. Then they are showing
what they actually do. So maybe they sentence
could be here in white. And then some other
stuff additionally. But the most important thing is, I guess it's for password. It's your store for password. If everything else
is really needed. Either no. Yeah. Okay. That's good. Yes. I'm thinking if we could
make the login better, more neat, maybe
just directly here. I mean, that there
is a question of oh, actually, I would
I would keep it. That that's that's good. I mean, at the end
it's one screen and only this thing is different. But I would shrink
it a little bit. I will delete this
one and this one and incorporated in one of
those three curves cells. We have the onboarding
including creating an account. Here are a few
people do not really know that if you lose this master password,
everything is gone. And they're all crypto wallets
or are playing a goods, or have normally
a very good app. For instance, large
and MetaMask, phantom. Those wallets are very good and they handle
it quite well. So for instance, here, put a note and tell
the user, Hey, look, if you lose this master
password, everything is gone. So please do not lose it. I mean, here it's
just for security. For your security, what
what does it mean? Right? So one important note, plus, I would advise the people
that they should write it down in a secure place and be alone so
nobody can check it, watch it, copy or
film it for instance. So it's very important. But otherwise it's cool. It a little bit with humor. I mean, those screens
are the same. This line and this line. So that's good. But I would definitely
make your notice. I mean, you have to
go you have to think of the worst-case
scenario all the time. And that's quite bad. If you get support emails, you could have solved it
with just a better UX. Be precise, be transparent, and tell the users the
master password is. Otherwise really cool. Also here, McDade, dashed
line, fast and easy. That's a great
contextual prompt. It's very good.
Also how it works. Very good. I didn't know
if the three needed. I mean, you could incorporated somewhere here except or agree
to the terms of services. I would definitely
skipped I am definitely skip this year that
the breach stuff that could be totally
additional within the app. So for instance, if you
have here, I'll read one. Like if you have
update within iOS. But I wouldn't do it
in the on-boarding. Isn't really crucial. Yes, that's good. I mean, you can then
save so many screens, 12345678, I mean, AIDS-free and just
for dark webs breach scan. So I wouldn't do that at all. It should be optional.
Otherwise, really good. I mean, not vacations. We get we didn't get it. That should be definitely
contextualized. Yeah, That isn't that good. No. Important to contextualize and modifications that you to know. Why do I need to
grant permissions and be able to get notifications
from this Larry app. Otherwise, I mean, I would be completely
lost on this app. Would be cool if they would advise you about
what it is here, Walt, I guess, storage
role passwords. But maybe you have an education section
or an About section. You can learn more. I think
that's quite important. And I'm quite
surprised they don't have much more
educational stuff here. I mean, it's pretty
much just for setup and telling the
user what the app can. But I think so many
people don't really know how important
data security is. And you have a cool tool
as it looks like here. But I guess so many people won't really use
the tool properly. So dashed line should upgrade,
upgrade, occasional port. They should better
remove all those data breach stuff here
and replace it if educational stuff, if needed. But I would I would replace
the data breach stuff, put it into the settings, plus would make a hint for the settings for
this data breach. For, for educational stuff too. You can have this aha
moment as fast as possible. And as you can see, there isn't any paywall. That's quite good here.
20. Lifestyle: PictureThis: Picture this, That's a
botanical app you can capture. You were planned to have on your balcony or in your garden, and it auto diagnosis
problems with it. Later on you have a so-called my garden
with your plants in it. So you have full
control of them. So that's the app. Or
they're really like, is that the branding is aligned. We can see it. The local
policy within the slogan. Multiple plants throughout.
The onboarding. Onboarding is mainly
for the benefits. The app pass the paywall. So about sales. Quick demonstration
of that plus paywall. Again, it isn't really
about motivation. Function based here. In terms of user interface. I like it quite a lot. It's very minimalistic,
but it's, it's encourages you to download that or try out
and play with it a minute. It's really playful if you
want to experience that. Especially if those
pictures, I mean, that's completely
something different than we have here, for instance. I mean, it's just not sure. It's also cool if you half-life, which was like here
or you made it stuff. That's very, very engaging. Or where is it? I think it was very,
very beginning. Something like this.
I mean, that's, that's not the same and
it's for meditation, so they could have done it. Likewise. For instance, with people
from Bali or both, or from any other place That's
quite nice to meditate. So you can do it. I think it's important
that if it's suitable, you really go for it. Yeah, that's our important. Branding is cool. It encourages you to
download the app, or at least, I mean, if you have downloaded it already and you are
doing the onboarding, and then you go further,
continue, click Continue. Yeah, I mean, that's definitely something
we can see here. Great user experience. It's an overwhelming
and also quiet. I found quite interesting
was this thing here. You're free. Seven-day premium
hasn't been claimed yet. Tapped to claim. Yeah. I mean, that's that's a cool
sentence to phrase it. I haven't seen it
so far like this, but I like it. Otherwise, the squeeze
is really messy. So many informations, but
it isn't onboarding stuff. So many informations on it. But in terms of onboarding, I would count those tense greens and the rest is pretty much
within the main board. But yeah, you have
to really look for great visuals that
it's so important. And so many people don't get it. Great visuals, great
marketing material, compare or matched with a solid, well-functioning app
is so important.
21. Outro: Hi there. Thanks so much, making it
to the end of this class. I hope I could bring
some value in some way. And you learn a ton about
onboarding process, what screens about elements
and best practices. So the goal of this
class was, no. What's a good onboarding? Identify the most common
New Analytics elements. Identify the basic
principles, laws, and biases. No different concepts
and patterns, best practices of UI
and UX growth hacking. So I think, you know right
now What's a good onboarding and actually with best practices
from several industries. So that was my whole goal to see really the difference between industries that you
can play with it, that you see the patterns, because normally you don't
really see the patterns. You see an app in App Store
and it just doing well. And you have to break it into its separate or
distinctive elements. And I hope that you have gained this special view
when you are viewing an app in the App Store
right now or in the future, then you can see those elements, the things that this app
is to indifferently. And yeah, thanks so much and
see you in the next class. Bye.