Information Architecture Redesign
Selfapy is the first digital self-help solution on prescription against depression and anxiety.
Web
Mobile
2020
Challenge
Redesign how Selfapy Information Architecture in order to help users consume their course content best.
Role
Gathering requirements, Ideation, Wireframing, UI design
team
2 Product Designers, 1 Product Owner, several engineers
Platforms
iOS, Android, and Web
Process
I started with analysing the status quo of the navigation of the app and collecting user feedbacks
"As a user, I want to…"
See course overview
See tasks done
Unlock new content
Track Quality of Life
Read content
Rate call
See next tasks
Write with therapist
Book a call with therapist
Save/bookmark content
See messages
Rate course
See analytics
Rate call
See next appointments
See progress
Write notes
Set privacy settings
See couse/package details
Start course
Search content
Fill in questionnaire
Download content
Through user journey mapping and card sorting exercises, the user tasks were defined and clustered.
From then I explored different possible navigation concepts by doing user interviews on lo-fi wireframes and iterating on them.
We reached our final concept with 4 main pages in the app
Course View
Function
Inform users about overall path
Indicate where they are/ what still comes
Activities
See overall course progress
See chapters
See unlocked modules
See tasks that are done
See next upcoming task
Navigate to content/task view
Content View
Function
Enable users to consume content (content elements)
Enable users to reflect on content (interactive elements)
Activities
See content (video, audio, text)
Do tasks (question. etc.)
Go to next task/ previous task
See task progress
Export/ download content
Search content
Messaging View
Function
Asynchronous messaging with therapist
Assist user during course
Activities
See/ write message
See therapist profile
Book/cancel call
Search messages