NATIO: CITIZENSHIP APP REDESIGN

A redesigned citizenship app that helps immigrants study for the US Civics test in order to pass the naturalization test

 

 
 

 

Introduction


 
 

Role: UX, visuals and animations for Flashcard & Learn tab
Teammates: Kate Degman, Julie Kim and Jennifer Vuong
Class: Interface Design I, Winter 2017
Duration: 5 weeks

 

 

 

 

Qualitative Research 


•  Recruited 2 participants who never used the original app before
•  Using the think aloud method, participants browsed the app
"The instructions are unclear and I don't know what the buttons are telling me to do... this is confusing." 
"This app is very ugly."
•  Using the card sorting method, participants categorized the information of the app
•  Researched online for more in-depth information on the citizenship process & test 

 

 

Research Insights


1Inconsistent interaction patterns
•  Users had a difficult time navigating through the app such as exiting modals and accessing flashcard categories
•  Users were confused using features of the app such as studying through flashcards
2. Overwhelming information architecture
•  The card sorting method would help us design a new intuitive information architecture
3. Visual inconsistencies
•  Users found the app visually unappealing

original citizenship app.png


Design Goals


1.  Make the app intuitive and predictable for the user
2. Improve information hierarchy
3. Create a visually pleasing app so the experience feels delightful

 


 

Designing Flashcards & Learn Tab


 


A sitemap of our app redesign with my flashcard flow highlighted. The new sitemap includes onboarding and reduced to 3 main links from 7. 

 

 

 



Flashcards & learn design iterations weeks 1-4

 

 

Final Design


BEFORE

 

AFTER

 

 

FLASHCARDS MICROINTERACTION

 

 

 

 

 

 

 

 

flashcard-final-video.gif
 
 

 

 

 

FEATURES OF FLASHCARDS AND LEARN

citizenship app diagram.png

 

 

FINAL VIDEO

00:00-00:10 Onboarding
00:10-00:15 Home and test progress
00:15-00:29 Learn and flashcards
00:29-00:34 Multiple choice
00:34-00:54 Audio test