Design+Code logo

Quick links

Suggested search

User Persona

A user persona is the creation of an imaginary character based on what we think is a typical end-user of our app. The description of the persona must include personal details, goals, and concerns of the character. Very similar to the work that screenwriters do when they are creating characters for their screenplays.

Screen Shot 2020-11-13 at 8.22.56 PM

Creating Personas

There are some details we need to consider the moment we start creating personas. Pieces of information like; name, age, life experiences in certain areas, how the end-user will interact with the product, and even a photo, which will help us give life to that character. There is no specific list of the details we can add to a persona, but make sure that the persona you are creating is as realistic as possible. The Nielsen Norman Group has a list of what you need to consider when you are making a persona.

Screen Shot 2020-11-13 at 8.48.48 PM

Everyday things

Something essential you need to consider when working with personas and writing the context is the everyday things. Those are the things that exist in our environment, the things we sometimes fail to notice. If you are creating apps for environments that you are not familiar with, make sure that you are considering those small details. As designers, we need to make sure to see those little details and fix them. There is an outstanding TED talk featuring Tony Fadell, one of the greatest designers, where he talks about how Steve Jobs challenged him to see Apple's products through the eyes of a new customer.

Screen Shot 2020-11-13 at 9.09.11 PM

FlowMapp

FlowMapp is a specific app for UX designers. It has different types of user persona templates and you can organize them by projects. FlowMapp itself has different features that are extremely helpful for a UX designer.

Screen Shot 2020-11-13 at 3.37.57 PM

Notion

Notion is an excellent tool for different workflows, and you can also use it to create and organize the user personas for your project. Furthermore, you can work in collaboration with your peers.

Screen Shot 2020-11-25 at 9.49.24 PM

Craft - Docs and Notes Editor

Craft is a note-taking app that organizes different type of written content. Personally, I think it is a great app to organize and create user personas since you can create tiles and organize them in a single page. It is available for iOS, iPadOS and MacOS, and the design is really beautiful.

Screen Shot 2020-11-13 at 3.32.09 PM

Hubspot make my persona

Hubspot has a really great tool called Make my Persona which is a series of questions that will help you create personas.

Screen Shot 2020-11-25 at 9.45.56 PM

Creating a User Persona template

In this exercise, we will create a user persona template in Notion. We will design a template that can fulfil our needs and we choose notion because it is very versatile, and allows you to collaborate with your colleagues in real-time.

Screen Shot 2020-11-25 at 8.52.18 PM

The first step is ensuring that you've a Notion account. The next step is to add a new page. Here, you have a list of options. For this case, choose template.

Screen Shot 2020-11-25 at 8.31.10 PM

On templates let's go to the support section and select team directory.

Screen Shot 2020-11-25 at 8.31.28 PM

This template is excellent for our purpose. Since we already have good samples of profiles and default personal information.

Screen Shot 2020-11-25 at 8.32.38 PM

Now we need to delete, add and edit some of the main information. As the main information, we would like to have these properties: age, occupation, education, marital status, location and qualities.

Screen Shot 2020-11-27 at 3.22.08 PM

I already had some information prepared for my persona, but we can use the fakepersongenerator site to grab some data and use for our personas.

Screen Shot 2020-11-25 at 10.36.09 PM

We can also use the fakepersongenerator to generate some small bio that we can use to add to our persona.

Screen Shot 2020-11-25 at 10.30.29 PM

If we want, we can also change the profile picture directly in Notion for another one from Unsplash library. Let's click on the three dots menu in the top-right corner of the photo.

Screen Shot 2020-11-25 at 10.47.25 PM

Then, click on Replace and **select **Unsplash from the tab bar. In the search field, type person and chose any picture you like.

Screen Shot 2020-11-25 at 11.00.47 PM

Now we have the basic information for our persona, a picture and a bio.

Screen Shot 2020-11-25 at 11.27.34 PM-2

Underneath the picture, we can write some pain points that will help us understand the struggles of our persona.

Screen Shot 2020-11-25 at 11.46.17 PM

Now that we have our main info setup, we can add another template that will help us organize the case scenarios. Click on the plus sign and let's add a new one.

Screen Shot 2020-11-25 at 11.49.00 PM

We will call it scenarios to the section. Then, we'll be using the first tile to add the different frustrations that our persona will have. To the other tile, we can add some goals.

Screen Shot 2020-11-25 at 11.51.30 PM

Make sure to configure the page so the tags show on the page.

Screen Shot 2020-11-25 at 11.53.40 PM

Once we have this first card finished, we just can duplicate it and use it as template for the rest of our personas. If you want, we can add some other details to our template like favorite brands, core needs and more. Notion is a great tool for any organization and personally, I use it for all my creative processes.

Screen Shot 2020-11-25 at 11.59.38 PM

Conclusion

Empathy and logic are two vital elements for a UX designer. As designers, we need to be the first person to understand the ins and outs of the app that we are designing. Creating user personas is a great way to look into the wide range of users that your app can have and understand how they will experience it from different angles.

Learn with videos and source files. Available to Pro subscribers only.

Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.

BACK TO

UX Writing

READ NEXT

User Journey

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.

check

Design template

check

Source code for all sections

check

Video files, ePub and subtitles

Browse all downloads