https://s3-us-west-2.amazonaws.com/secure.notion-static.com/693295da-d52b-4a1d-a36d-05c844506985/Screen_Shot_2021-07-14_at_10.03.19_AM.png

<aside> 💡 Project: Five page mobile redesign for FanFiction.net based off of market research and secondary data

</aside>

<aside> 💡 Scope: Navigate the onboarding process with users to find pain points incorporating secondary research on reading apps

</aside>

<aside> 💡 My role: UX Researcher and Designer

</aside>

<aside> 💡 Goal: Surveys started in WK1; Redesign started in WK2

</aside>

<aside> 💡 Challenges: How can we reduce the pain points of user onboarding?

</aside>

<aside> 💡 Basic process: Find users > Questionnaire > Design and Copy > Prototype > Test

</aside>

<aside> 💡 Results: To provide an easier onboarding process for users

</aside>

Figure 1. Before Design

Figure 1. Before Design

The Project & Plan:

The user onboarding experience is the first user experience a person has when they download your product and use it for the first time. In creating the app onboarding procedure, I focused my attention on incorporating FanFiction's branding and identity, a user's language, easy steps, and kept the keep actions simple.

Before

Fanfiction.net was a great example of poor user onboarding. Since visitors on mobile devices are used to quick clicks, scrolls, and swipes, the initial "start" on the first page didn't help indicate much information. It brings all users to the sign-in page whether a user is new or not. From the sign-up page, they incorporate another language besides English that isn't seen anywhere else. Once a user signs up or signs in, the dashboard is void of personalized information.

Figure 2. Process in Figma

Figure 2. Process in Figma

UX Research and Issues:

The significant issues found with the Heuristic Evaluations were:

The problems myself and users encountered in the usability test were: