Published on <a href="https://blog.prototypr.io/ftue-first-time-user-experience-to-rule-the-world-69de5c196393?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Punit Web <img alt="" src="https://cdn-images-1.medium.com/max/1024/1*NApuxclDRGwYfO659l9RVQ.jpeg">FTUE inspired by <a href="https://medium.com/u/60a317bb70e4">Spotify</a>
Lets face it, at some point of time, you’ve found yourself ‘lost’ inside a complicated application which has a crappy FTUE (first time user experience). FTUE is the way the user interacts with the app and the app interacts with the user for the first time. It could be right when you’ve registered to a service or have freshly installed an app. Music apps like <a href="https://medium.com/u/60a317bb70e4">Spotify</a> provide a great FTUE since it asks for your music preferences and shows you content related to your selection. I’ve created a UI for an app inspired by that concept. ( FTUE could mean a lot of different things based on what kind of relationship the app wants to have with the user, I’ll explain later what this means )
<h3>Don’t Overdo The First Impression</h3>
A lot of designers and developers know the importance of a first impression, but how much is too much? There is a thin line between ‘impressing the user’ and ‘teasing him, only to later let him down’. I’ve taken an example of a mistake I made with one of my designs, down below :
<img alt="" src="https://cdn-images-1.medium.com/max/800/1*BMk0JHObiedqjue1IZpcBQ.png">
Now, I’ve used a combination of bright, almost pastel colors for the gradients, to represent each category. However, as I move to the next step in that app, I’ve started using pictures and a constant gradient overlay all throughout. I tried to gain attention from the user on the first page, but lost his attention straight after. Try to go from a decent User Experience to a more interesting one, rather than the other way around. You should opt for an approach where you make a good first impression and slowly keep increasing the level of interest the user has in your application/website. This definitely improves user retention and actually gives you a solid set of loyal users over time.
<h3>It’s Not Only About Fancy Onboarding</h3>
I could ask you to <a href="https://medium.com/@punitweb">follow me</a> on Medium, but would you actually follow me if you find my profile doesn’t appeal to you. A Similar concept has crawled up into the UX design world, where designers concentrate on explaining what their app or service is all about, but attractive onboarding illustrations ( like the one below ) will only familiarize and not help kickstart the user’s understanding of the app’s function.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*lKMWlAn-LROwt7fMzuvrmA.png">
Interesting illustrations, but unless you read the ‘fine print’ , you wont understand what the illustrations are trying to tell you. Its always better to be somewhat discrete with the user, as to what you have to offer to them as a service or app. I personally like <a href="https://medium.com/u/2d2c8f4cb281">Dropbox</a> Carousel’s onboarding screens :
<img alt="" src="https://cdn-images-1.medium.com/max/1000/1*2sBiKUYsdqRv1bI-nyg_6A.jpeg">See how they’re being discrete and direct with what functions the app offers and how to use them
Finding harmony between fancy illustrations/animations and being straightforward with explaining functionality is tricky, but really worth the work.
<h3>Bribing the Users</h3>
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fgiphy.com%2Fembed%2FFFwQEA1isaVji%2Ftwitter%2Fiframe&amp;url=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2FFFwQEA1isaVji%2Fgiphy.gif&#038;image=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2FFFwQEA1isaVji%2Fgiphy.gif&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=giphy" width="435" height="244" frameborder="0"><a href="https://medium.com/media/17ae43eb8500d71a6d96f89d1d39fe69/href">https://medium.com/media/17ae43eb8500d71a6d96f89d1d39fe69/href</a></iframe>
Stop with the all the rants against companies bribing it’s customers to gain their trust. It works! Everybody loves free stuff. If you feel giving out free in app purchases to the users, to make them like your service more, then go ahead and do it. You see a lot of games following this very practice. When the user first signs up for the game, he/she gets free coins or whatever the currency may be. The very first tutorial awards the player with ‘materials’ and/or ‘weapons’ to build the player’s interest. Heck! I remember getting free 100GB of Google Drive space for 2 years when I bought an HTC smartphone a year back. That actually got me using Google Drive more. I am living proof that free stuff means better user retention.
<h3>Decide What Relationship You Want the User to Have With The App</h3>
Every application comes in handy to it’s users at different points of time and for different reasons. For a business, an app like Instagram might be a tool to sell his goods or services online, since that’s the case, a photo sharing app becomes a business tool. Instagram actually gives a neat set of tools for businesses like analytical information and way to promote a post. So clearly putting down the possible relationships a user can form with the app really helps the app to have a wider user base across a wider demographic.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6J3z_SQQQ5w4zR8zJKfUDA.png">
Here’s a cool example. <a href="https://medium.com/u/3da90e297190">Headspace</a> acts as your meditation coach which is helping you learn and be better at guided meditation. ( I know because I use this app myself ) It clears out what relationship it is establishing with you as a user and what it seeks to accomplish, a great approach to user
These were my Mantras for a killer FTUE. If you liked this writeup, then <a href="https://medium.com/@punitweb">FOLLOW ME</a> and maybe even <a href="http://paypal.me/punitweb">DONATE!</a> so that I keep on writing 🙂
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=d04bfffea46d4aeda930ec88cc64b87c&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=69de5c196393" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/ftue-first-time-user-experience-to-rule-the-world-69de5c196393">FTUE (First Time User Experience) to Rule The World</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

FTUE (First Time User Experience) to Rule The World

Top Stories