SlideShare ist ein Scribd-Unternehmen logo
1 von 29
Downloaden Sie, um offline zu lesen
Ben Dedrick and Michael Iseri
Student Project. General Assembly UXDi. Winter 2013.
Prepared for: SaveUp
January 22, 2014
about the site
SaveUp is a website and mobile application for users who want a fun, easy, and
rewarding way to meet their financial goals. It interfaces with nearly all major banks,
credit unions, retirement funds, and other financial services to monitor users’ spending
and saving habits, and rewards them for making smart financial decisions. Unlike Mint
or other finance tracking services, SaveUp encourages users to overcome their debt
or save for the future by offering high-value prize drawings to users who make
consistent steps toward their goals.
!

about the project

SaveUp is a startup based in San Francisco, CA. This project was assigned as part of
General Assembly’s UX Design Immersive class; the assigned objective was to
increase SaveUp’s user acquisition and retention by examining and redesigning the
onboarding process.
!
This project focuses on the Web implementation of SaveUp.
design principles
Change company perception
Help users see SaveUp as caring, helpful, trustworthy, and fun.
!

Emphasize what’s different
Make sure users can immediately see why SaveUp is worth checking out.
!

Offer clear value proposition
This strategy for encouraging savings has been used before, and it worked. People really
do win prizes from the site; ensure users know this.
!

Show how it works
Use clear visual language and simple copy text to help users understand the process.
!

Encourage trust from users
Endorsements from major publications, partnerships with banks and credit unions,
believable testimonials from real users, and exciting visual design all give users a
stronger sense that SaveUp is a site they can trust.
original site flow
browse prizes

invite
Tour Page
user arrives at
Home Page

Explores Home
Page to learn
more about
SaveUp

join

sign up page

Browse, invite, or
register

join

invite

Dashboard

Tour page 2

invite
connect

join

User receives email

continue

account
registration page

connect

Register
Account Page
original site flow
new site flow

User arrives at
Home page

Explores
Homepage to
learn more about
SaveUp

Joins site

Sign up page

Join
Joins site

User receives
email

Confirm

Dashboard
new site flow
personas

Alexa Bortoncan
Photographer’s Assistant	

24 years – Santa Fe, New Mexico	


Julie Holt-Ramirez
School Nurse	

32 years – Texas	


Back Story
• Lots of student loan debt; no savings; some credit card debt	

• Not much leftover from paycheck to put towards savings	

• No long-term or retirement savings	


!

Back Story
• Got married after graduating from Texas A&M, has 2 kids	

• Loves her job and helping people	

• Worried about paying kids’ college tuition, and retirement	

• Loves couponing, shoe shopping, and “getting a deal!”	


!

Motivations
• Read about SaveUp in parents magazine	

• Wants to save and be more organized	

• Loves the prizes and chances to win on SaveUp	


!
Technical Comfort: Below Average for Gen-Y	

!

Motivations
• Concerned about ending up broke, open to trying something
new	

• Heard about SaveUp from a friend	

Frustrations
• Fears falling for scam. Getting suspicious since she hasn’t won
anything	

• Not getting much advice that is relevant to her situation	


!

Ideal Experience
• Feels like she’s making progress towards paying off credit
card debt	

• Opens a savings account with SaveUp’s help	

• Gets to play more often / earns more credits for her hard
work

!
Technical Comfort: Average for Gen-X	

!
!
!

Frustrations
• Has trouble connecting accounts (forgot passwords or
husband has them)	

• Finds the games boring / repetitive	

• Wants to be more organized, but she can’t get her husband
to look at SaveUp “because it’s a game”	


!

Ideal Experience
• More coupons and discounts	

• More games / less repetition	

• More financial visualizations that she can show her husband	

• Still really loves SaveUp
original site review
This image looks nice, but misses a
valuable opportunity to communicate
branding or functionality to the user in
an exciting way.

Great endorsements to have. However,
skeptical users may not glean much
from the icons alone. A quote from one
of these publications would go a long
way.
original site review

This information is useful, but users
tended to be confused about the
function of the graphics. Adding some
interactivity and polish to this part of the
page will encourage users to pay
attention to it, and improve their
perception of the site.
original site review
The fact that SaveUp genuinely wants their
users to learn about savings and finance says
a lot about the company. Improving the
messaging of SaveUp’s core values will help
users feel more confident about signing up.

There are a lot of really positive reviews and
testimonials about the product, but we’re only
given two of them up front.

!

Also, the role of research and the application
of PLS in other countries are great ways to
help people understand SaveUp’s foundation,
but they’re only lightly touched on at the
bottom of the front page.
original site review
The “How it works” page is full of great information, but
it’s difficult to find. Feedback from users indicated that
they wondered why more of this info wasn’t on the front
page, and most of them had to be directed to the link to
see it.

Including a steady flow of recent winners is a
great idea, and we want it to be visible. Giving
this the appearance of a live feed may help
alert potential new users that there are real
people out there who are actually winning
prizes through SaveUp.
original site review

These icons look nice, but the fact that
they’re non-functional makes this page
confusing to users, since it doesn’t
ultimately serve a purpose.

The most important button on this page is
tucked away in the corner. We want this to
be a major call to action!
original site review
This process is an extremely important part of getting started with SaveUp, but
each step of it removes the user from the onboarding flow and throws them
into the “wilderness” of the main site. We want this process to introduce users
to the functions of the site in a way that reinforces the value proposition from
the front page, while also encouraging them to complete their registration by
adding and authenticating their financial accounts.
Improve visual fidelity to promote
user confidence.

Example: Uber
Huge, eye-catching splash image
with carousel to keep the site
feeling “alive.”
!
Establishes brand while also
communicating functionality/
value proposition.
!
Content below the fold is also
interactive and makes the site exciting
to read.
Improve visual fidelity to promote
user confidence.

Example: Fitbit
Again, big splash establishes branding while also telling the user
about what they’re seeing. More information appears automatically
(carousel) without requiring the user to navigate away to other pages
or read large blocks of text.
proposed solution 1

Increase visibility of value proposition.
Method
!
Make sure that a clear presentation of the site’s features
greets users as soon as they arrive.
!
Maintain a clear call to action on the main page.
!
Reinforce the features throughout the onboarding process.
!
Increase visibility of value proposition.

Example: Simple
Value proposition is clearly stated from the front page, and
call to action is the first thing the user sees.
proposed solution 2

Refine language and content to
improve user trust.
Method
!
Display more specific endorsements from trusted publications
as they become available.
!
Mention partnerships with banks, credit unions, and other
institutions.
!
Explain SaveUp’s basis in PLS research to prove that the
concept works.

Example: Mint
proposed solution 3

Improve visual fidelity to promote
user confidence.
Method
!
Add interactivity and more dynamic content panels to the front page.
!
Refine visual styling.
research and ideation
Method
!

Interview workers from SaveUp to find out
how they wanted the company to be
perceived.

!

Findings
!

The company should be helpful and fun, but
also seen as secure and safe. Users should
get the feeling that they are here to help
them for their own good.

!

Opportunities
!

Redesigning of the front page could take
care of the company perception at a first
glance. Imagery, wording, information
hierarchy and architecture could do a lot for
this.
early concepts
early concepts

Method	


Findings	


Sketch different iterations of the homepage to find optimal ways to
present important information.	


Some information didn’t seem to sit well with other bits of information
(i.e. dashboard preview with testimonials or bank eligibility).	

Some information could also be presented very well in splash images.	


!
!

!

Hover capabilities can be very engaging.
early concepts
1

1. Decided to make the prizes at the top of the screen a filter for which games-types you can play. Now acts as more of
a filter.
annotated concepts

2

1
1

3
1. Paralax scrolling makes the site more engaging.

!

2. Eligibility check is easily accessible on the front page, so new users won’t
have to search too much or be forced to sign up before they can see if their
bank works with SaveUp. “Check eligibility” button changes to a signup button
if the bank is eligible.

!
3.
!

Testimonials and big name endorsements encourage trust.

4. Sign up button located at the bottom of the page so people wont have to
scroll all the way back up the page to reach a sign up button.

4
annotated concepts
1

1. Included progress bars at the tops of pages to make new users aware of where
they are in certain processes. This includes the username creation process, the
overall account completion, and the link bank account process.

!

2. Added “carrots” and indications that people would earn extra credits for linking bank
accounts as another incentive to complete the linking process.

2
annotated concepts
1

2

3

1. Placed challenges in the top right because it can provide
incentives to save.

!

2. Shortened the social/recent winners window because it didn’t
need so much space to serve its purpose of informing users
that there are real winners. Moved the rewards to a less
visible place (bottom right) because they didn't seem to be a
major part of the site.

!
3.
!

4

Added the account detail snapshot.

4. Blacked out or blocked certain functionalities to encourage
new users to link accounts.

4
prototype
Thank you!

bdedrick@gmail.com
mr.iseri@gmail.com

Weitere ähnliche Inhalte

Was ist angesagt?

Whitepaper website optimization in 6 steps
Whitepaper website optimization in 6 stepsWhitepaper website optimization in 6 steps
Whitepaper website optimization in 6 stepsPiet van den Boer
 
Chavez justin websiteassess
Chavez justin websiteassessChavez justin websiteassess
Chavez justin websiteassessJustinChavez12
 
Importance of Website for your Business
Importance of Website for your BusinessImportance of Website for your Business
Importance of Website for your Businessazuyo.com
 
14 tools to check abandonment issues
14 tools to check abandonment issues14 tools to check abandonment issues
14 tools to check abandonment issuesPros Global Inc
 
How to Optimize Landing Pages to Generate More Leads
How to Optimize Landing Pages to Generate More LeadsHow to Optimize Landing Pages to Generate More Leads
How to Optimize Landing Pages to Generate More LeadsEvgeny Tsarkov
 
Interview with Bill Sebald
Interview with Bill SebaldInterview with Bill Sebald
Interview with Bill SebaldSETalks.com
 
5 Steps to Maximize Conversions and Deliver an Experience Your Customers W…
5 Steps to Maximize Conversions and Deliver an Experience Your Customers W…5 Steps to Maximize Conversions and Deliver an Experience Your Customers W…
5 Steps to Maximize Conversions and Deliver an Experience Your Customers W…Act-On Software
 
E Marketing Your Wine Business (WOSA)
E Marketing Your Wine Business (WOSA)E Marketing Your Wine Business (WOSA)
E Marketing Your Wine Business (WOSA)quirkemarketing
 
Web Presence Optimization Playbook
Web Presence Optimization PlaybookWeb Presence Optimization Playbook
Web Presence Optimization PlaybookRevenue Love, LLC.
 
eMarketing: What's it all about?
eMarketing: What's it all about? eMarketing: What's it all about?
eMarketing: What's it all about? quirkemarketing
 
Conversion optimization : Top 40 tips to improve website conversions
Conversion optimization : Top 40 tips to improve website conversionsConversion optimization : Top 40 tips to improve website conversions
Conversion optimization : Top 40 tips to improve website conversionsPro Auto Manager
 
Marketing above the fold (3)
Marketing above the fold (3)Marketing above the fold (3)
Marketing above the fold (3)Jen Brugliera
 
Media final evaluation
Media final evaluationMedia final evaluation
Media final evaluationlaurensj12
 
20 Conversion Rate Optimization Experts Share Their Top Tip for eCommerce
20 Conversion Rate Optimization Experts Share Their Top Tip for eCommerce 20 Conversion Rate Optimization Experts Share Their Top Tip for eCommerce
20 Conversion Rate Optimization Experts Share Their Top Tip for eCommerce Rejoiner
 
How To Commence Digital Marketing For Small & Medium Businesses
How To Commence Digital Marketing For Small & Medium BusinessesHow To Commence Digital Marketing For Small & Medium Businesses
How To Commence Digital Marketing For Small & Medium BusinessesMichael Gorman
 

Was ist angesagt? (20)

Whitepaper website optimization in 6 steps
Whitepaper website optimization in 6 stepsWhitepaper website optimization in 6 steps
Whitepaper website optimization in 6 steps
 
EBWAY Creative Tour 2015
EBWAY Creative Tour 2015EBWAY Creative Tour 2015
EBWAY Creative Tour 2015
 
The ultimate guide to creating the perfect website
The ultimate guide to creating the perfect websiteThe ultimate guide to creating the perfect website
The ultimate guide to creating the perfect website
 
Chavez justin websiteassess
Chavez justin websiteassessChavez justin websiteassess
Chavez justin websiteassess
 
Importance of Website for your Business
Importance of Website for your BusinessImportance of Website for your Business
Importance of Website for your Business
 
14 tools to check abandonment issues
14 tools to check abandonment issues14 tools to check abandonment issues
14 tools to check abandonment issues
 
Unit 35
Unit 35Unit 35
Unit 35
 
How to Optimize Landing Pages to Generate More Leads
How to Optimize Landing Pages to Generate More LeadsHow to Optimize Landing Pages to Generate More Leads
How to Optimize Landing Pages to Generate More Leads
 
Interview with Bill Sebald
Interview with Bill SebaldInterview with Bill Sebald
Interview with Bill Sebald
 
Portfolio/Test
Portfolio/TestPortfolio/Test
Portfolio/Test
 
5 Steps to Maximize Conversions and Deliver an Experience Your Customers W…
5 Steps to Maximize Conversions and Deliver an Experience Your Customers W…5 Steps to Maximize Conversions and Deliver an Experience Your Customers W…
5 Steps to Maximize Conversions and Deliver an Experience Your Customers W…
 
E Marketing Your Wine Business (WOSA)
E Marketing Your Wine Business (WOSA)E Marketing Your Wine Business (WOSA)
E Marketing Your Wine Business (WOSA)
 
Web Presence Optimization Playbook
Web Presence Optimization PlaybookWeb Presence Optimization Playbook
Web Presence Optimization Playbook
 
eMarketing: What's it all about?
eMarketing: What's it all about? eMarketing: What's it all about?
eMarketing: What's it all about?
 
Conversion optimization : Top 40 tips to improve website conversions
Conversion optimization : Top 40 tips to improve website conversionsConversion optimization : Top 40 tips to improve website conversions
Conversion optimization : Top 40 tips to improve website conversions
 
Marketing above the fold (3)
Marketing above the fold (3)Marketing above the fold (3)
Marketing above the fold (3)
 
Survey results
Survey resultsSurvey results
Survey results
 
Media final evaluation
Media final evaluationMedia final evaluation
Media final evaluation
 
20 Conversion Rate Optimization Experts Share Their Top Tip for eCommerce
20 Conversion Rate Optimization Experts Share Their Top Tip for eCommerce 20 Conversion Rate Optimization Experts Share Their Top Tip for eCommerce
20 Conversion Rate Optimization Experts Share Their Top Tip for eCommerce
 
How To Commence Digital Marketing For Small & Medium Businesses
How To Commence Digital Marketing For Small & Medium BusinessesHow To Commence Digital Marketing For Small & Medium Businesses
How To Commence Digital Marketing For Small & Medium Businesses
 

Andere mochten auch

How to change the Facebook Group privacy settings
How to change the Facebook Group privacy settingsHow to change the Facebook Group privacy settings
How to change the Facebook Group privacy settingsStéphane Baudin
 
Module 3 lessons 1 & 2 merged
Module  3 lessons 1 & 2 mergedModule  3 lessons 1 & 2 merged
Module 3 lessons 1 & 2 mergedmlabuski
 
Apple life cycle
Apple life cycleApple life cycle
Apple life cyclealexa_goff
 
Aniversario del fallecimiento del periodista Marcelo “Turco” Abram
Aniversario del fallecimiento del periodista Marcelo “Turco” AbramAniversario del fallecimiento del periodista Marcelo “Turco” Abram
Aniversario del fallecimiento del periodista Marcelo “Turco” AbramEquipo Ariel Bermúdez
 
أساليب رجال المبيعات التي تؤدي الى النجاح
أساليب رجال المبيعات التي تؤدي الى النجاحأساليب رجال المبيعات التي تؤدي الى النجاح
أساليب رجال المبيعات التي تؤدي الى النجاحِِAhmad Wael
 
Email Marketing for Fitness Professionals
Email Marketing for Fitness ProfessionalsEmail Marketing for Fitness Professionals
Email Marketing for Fitness ProfessionalsMad Mimi
 
Rise to Top with Search Engine Optimization - for MaineToday Digital
Rise to Top with Search Engine Optimization - for MaineToday Digital Rise to Top with Search Engine Optimization - for MaineToday Digital
Rise to Top with Search Engine Optimization - for MaineToday Digital Search Influence
 
Grafico diario del dax perfomance index para el 10 09-2012
Grafico diario del dax perfomance index para el 10 09-2012Grafico diario del dax perfomance index para el 10 09-2012
Grafico diario del dax perfomance index para el 10 09-2012Experiencia Trading
 
العدل والبناء
العدل والبناءالعدل والبناء
العدل والبناءYasser Negm
 
User Experience Design for Mobile Apps
User Experience Design for Mobile AppsUser Experience Design for Mobile Apps
User Experience Design for Mobile AppsChih-Yu Lin
 
Les entitats d'acció social d'Església a Catalunya
Les entitats d'acció social d'Església a CatalunyaLes entitats d'acció social d'Església a Catalunya
Les entitats d'acció social d'Església a CatalunyaFundació Pere Tarrés
 
La storia che scrive la geografia. La geopolitica come politica dell' espansi...
La storia che scrive la geografia. La geopolitica come politica dell' espansi...La storia che scrive la geografia. La geopolitica come politica dell' espansi...
La storia che scrive la geografia. La geopolitica come politica dell' espansi...Cristina Rossi
 
Презентация проекта отзывов пациентов "Про Докторов"
Презентация проекта отзывов пациентов "Про Докторов"Презентация проекта отзывов пациентов "Про Докторов"
Презентация проекта отзывов пациентов "Про Докторов"kulibin
 

Andere mochten auch (20)

How to change the Facebook Group privacy settings
How to change the Facebook Group privacy settingsHow to change the Facebook Group privacy settings
How to change the Facebook Group privacy settings
 
Module 3 lessons 1 & 2 merged
Module  3 lessons 1 & 2 mergedModule  3 lessons 1 & 2 merged
Module 3 lessons 1 & 2 merged
 
ESNext - Javascript future
ESNext - Javascript futureESNext - Javascript future
ESNext - Javascript future
 
Gasteizko txakurtegian
Gasteizko txakurtegianGasteizko txakurtegian
Gasteizko txakurtegian
 
Apple life cycle
Apple life cycleApple life cycle
Apple life cycle
 
9384 16965-1-sm
9384 16965-1-sm9384 16965-1-sm
9384 16965-1-sm
 
Iot Asia Summit 2015
Iot Asia Summit 2015Iot Asia Summit 2015
Iot Asia Summit 2015
 
Aniversario del fallecimiento del periodista Marcelo “Turco” Abram
Aniversario del fallecimiento del periodista Marcelo “Turco” AbramAniversario del fallecimiento del periodista Marcelo “Turco” Abram
Aniversario del fallecimiento del periodista Marcelo “Turco” Abram
 
أساليب رجال المبيعات التي تؤدي الى النجاح
أساليب رجال المبيعات التي تؤدي الى النجاحأساليب رجال المبيعات التي تؤدي الى النجاح
أساليب رجال المبيعات التي تؤدي الى النجاح
 
10 Shocking Facts About Regulation
10 Shocking Facts About Regulation10 Shocking Facts About Regulation
10 Shocking Facts About Regulation
 
SMILE MAG - FINAL EDIT 7.3.2016
SMILE MAG - FINAL EDIT 7.3.2016SMILE MAG - FINAL EDIT 7.3.2016
SMILE MAG - FINAL EDIT 7.3.2016
 
Ekarioka
EkariokaEkarioka
Ekarioka
 
Email Marketing for Fitness Professionals
Email Marketing for Fitness ProfessionalsEmail Marketing for Fitness Professionals
Email Marketing for Fitness Professionals
 
Rise to Top with Search Engine Optimization - for MaineToday Digital
Rise to Top with Search Engine Optimization - for MaineToday Digital Rise to Top with Search Engine Optimization - for MaineToday Digital
Rise to Top with Search Engine Optimization - for MaineToday Digital
 
Grafico diario del dax perfomance index para el 10 09-2012
Grafico diario del dax perfomance index para el 10 09-2012Grafico diario del dax perfomance index para el 10 09-2012
Grafico diario del dax perfomance index para el 10 09-2012
 
العدل والبناء
العدل والبناءالعدل والبناء
العدل والبناء
 
User Experience Design for Mobile Apps
User Experience Design for Mobile AppsUser Experience Design for Mobile Apps
User Experience Design for Mobile Apps
 
Les entitats d'acció social d'Església a Catalunya
Les entitats d'acció social d'Església a CatalunyaLes entitats d'acció social d'Església a Catalunya
Les entitats d'acció social d'Església a Catalunya
 
La storia che scrive la geografia. La geopolitica come politica dell' espansi...
La storia che scrive la geografia. La geopolitica come politica dell' espansi...La storia che scrive la geografia. La geopolitica come politica dell' espansi...
La storia che scrive la geografia. La geopolitica come politica dell' espansi...
 
Презентация проекта отзывов пациентов "Про Докторов"
Презентация проекта отзывов пациентов "Про Докторов"Презентация проекта отзывов пациентов "Про Докторов"
Презентация проекта отзывов пациентов "Про Докторов"
 

Ähnlich wie Student Project Presentation for SaveUp

Harvest User Onboarding Analysis
Harvest User Onboarding AnalysisHarvest User Onboarding Analysis
Harvest User Onboarding AnalysisNathan Allotey
 
Web Marketing Week4
Web Marketing Week4Web Marketing Week4
Web Marketing Week4cghb1210
 
Usability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWDUsability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWDNexer Digital
 
Latest Trends Customer Experience Online
Latest Trends Customer Experience OnlineLatest Trends Customer Experience Online
Latest Trends Customer Experience OnlineEyeblaster Spain
 
Web design presentation
Web design presentationWeb design presentation
Web design presentationapanjwani
 
Applied Techniques for Conversion Rate Optimisation - Paul Rouke from PRWD
Applied Techniques for Conversion Rate Optimisation - Paul Rouke from PRWDApplied Techniques for Conversion Rate Optimisation - Paul Rouke from PRWD
Applied Techniques for Conversion Rate Optimisation - Paul Rouke from PRWDBecome Customer-Centric
 
The Six Steps to Building an Online Sales Machine
The Six Steps to Building an Online Sales Machine The Six Steps to Building an Online Sales Machine
The Six Steps to Building an Online Sales Machine Clint Macklin
 
Benefits Of Designing An Ecommerce Website
Benefits Of Designing An Ecommerce WebsiteBenefits Of Designing An Ecommerce Website
Benefits Of Designing An Ecommerce WebsiteFelicia Barker
 
User Experience Reccomendations By Hyena Labs
User Experience Reccomendations By Hyena LabsUser Experience Reccomendations By Hyena Labs
User Experience Reccomendations By Hyena LabsHyena Design Studio
 
The Birth A Of Modern Website - Mixed Digital's Web Re-Design Case Study
The Birth A Of Modern Website - Mixed Digital's Web Re-Design Case StudyThe Birth A Of Modern Website - Mixed Digital's Web Re-Design Case Study
The Birth A Of Modern Website - Mixed Digital's Web Re-Design Case StudyMark F Simmons
 
Website optimization for SaaS conversions - muHive
Website optimization for SaaS conversions - muHiveWebsite optimization for SaaS conversions - muHive
Website optimization for SaaS conversions - muHivemuHive Technologies
 
Web Optimization Playbook
Web Optimization PlaybookWeb Optimization Playbook
Web Optimization Playbookmtwocomms
 
Usability: Whats The Use by PRWD & Sigma
Usability: Whats The Use by PRWD & SigmaUsability: Whats The Use by PRWD & Sigma
Usability: Whats The Use by PRWD & SigmaBecome Customer-Centric
 
Meg Pasha Presentation.pptx
Meg Pasha Presentation.pptxMeg Pasha Presentation.pptx
Meg Pasha Presentation.pptxmegirpasha
 

Ähnlich wie Student Project Presentation for SaveUp (20)

SaveUp
SaveUpSaveUp
SaveUp
 
Harvest User Onboarding Analysis
Harvest User Onboarding AnalysisHarvest User Onboarding Analysis
Harvest User Onboarding Analysis
 
Web Marketing Week4
Web Marketing Week4Web Marketing Week4
Web Marketing Week4
 
Essay On How To Improve Your Website
Essay On How To Improve Your WebsiteEssay On How To Improve Your Website
Essay On How To Improve Your Website
 
Usability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWDUsability: whats the use? Presented by We are Sigma and PRWD
Usability: whats the use? Presented by We are Sigma and PRWD
 
Website Design Essay
Website Design EssayWebsite Design Essay
Website Design Essay
 
Lauralynn signup audit
Lauralynn signup auditLauralynn signup audit
Lauralynn signup audit
 
Latest Trends Customer Experience Online
Latest Trends Customer Experience OnlineLatest Trends Customer Experience Online
Latest Trends Customer Experience Online
 
Web design presentation
Web design presentationWeb design presentation
Web design presentation
 
Applied Techniques for Conversion Rate Optimisation - Paul Rouke from PRWD
Applied Techniques for Conversion Rate Optimisation - Paul Rouke from PRWDApplied Techniques for Conversion Rate Optimisation - Paul Rouke from PRWD
Applied Techniques for Conversion Rate Optimisation - Paul Rouke from PRWD
 
The Six Steps to Building an Online Sales Machine
The Six Steps to Building an Online Sales Machine The Six Steps to Building an Online Sales Machine
The Six Steps to Building an Online Sales Machine
 
Creating A Website For An Effective Website
Creating A Website For An Effective WebsiteCreating A Website For An Effective Website
Creating A Website For An Effective Website
 
Benefits Of Designing An Ecommerce Website
Benefits Of Designing An Ecommerce WebsiteBenefits Of Designing An Ecommerce Website
Benefits Of Designing An Ecommerce Website
 
User Experience Reccomendations By Hyena Labs
User Experience Reccomendations By Hyena LabsUser Experience Reccomendations By Hyena Labs
User Experience Reccomendations By Hyena Labs
 
The Birth A Of Modern Website - Mixed Digital's Web Re-Design Case Study
The Birth A Of Modern Website - Mixed Digital's Web Re-Design Case StudyThe Birth A Of Modern Website - Mixed Digital's Web Re-Design Case Study
The Birth A Of Modern Website - Mixed Digital's Web Re-Design Case Study
 
Website optimization for SaaS conversions - muHive
Website optimization for SaaS conversions - muHiveWebsite optimization for SaaS conversions - muHive
Website optimization for SaaS conversions - muHive
 
Web Optimization Playbook
Web Optimization PlaybookWeb Optimization Playbook
Web Optimization Playbook
 
Usability: Whats The Use by PRWD & Sigma
Usability: Whats The Use by PRWD & SigmaUsability: Whats The Use by PRWD & Sigma
Usability: Whats The Use by PRWD & Sigma
 
Meg Pasha Presentation.pptx
Meg Pasha Presentation.pptxMeg Pasha Presentation.pptx
Meg Pasha Presentation.pptx
 
Web Analysis Essay
Web Analysis EssayWeb Analysis Essay
Web Analysis Essay
 

Kürzlich hochgeladen

Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 

Kürzlich hochgeladen (19)

Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 

Student Project Presentation for SaveUp

  • 1. Ben Dedrick and Michael Iseri Student Project. General Assembly UXDi. Winter 2013. Prepared for: SaveUp January 22, 2014
  • 2. about the site SaveUp is a website and mobile application for users who want a fun, easy, and rewarding way to meet their financial goals. It interfaces with nearly all major banks, credit unions, retirement funds, and other financial services to monitor users’ spending and saving habits, and rewards them for making smart financial decisions. Unlike Mint or other finance tracking services, SaveUp encourages users to overcome their debt or save for the future by offering high-value prize drawings to users who make consistent steps toward their goals. ! about the project SaveUp is a startup based in San Francisco, CA. This project was assigned as part of General Assembly’s UX Design Immersive class; the assigned objective was to increase SaveUp’s user acquisition and retention by examining and redesigning the onboarding process. ! This project focuses on the Web implementation of SaveUp.
  • 3. design principles Change company perception Help users see SaveUp as caring, helpful, trustworthy, and fun. ! Emphasize what’s different Make sure users can immediately see why SaveUp is worth checking out. ! Offer clear value proposition This strategy for encouraging savings has been used before, and it worked. People really do win prizes from the site; ensure users know this. ! Show how it works Use clear visual language and simple copy text to help users understand the process. ! Encourage trust from users Endorsements from major publications, partnerships with banks and credit unions, believable testimonials from real users, and exciting visual design all give users a stronger sense that SaveUp is a site they can trust.
  • 4. original site flow browse prizes invite Tour Page user arrives at Home Page Explores Home Page to learn more about SaveUp join sign up page Browse, invite, or register join invite Dashboard Tour page 2 invite connect join User receives email continue account registration page connect Register Account Page
  • 6. new site flow User arrives at Home page Explores Homepage to learn more about SaveUp Joins site Sign up page Join Joins site User receives email Confirm Dashboard
  • 8. personas Alexa Bortoncan Photographer’s Assistant 24 years – Santa Fe, New Mexico Julie Holt-Ramirez School Nurse 32 years – Texas Back Story • Lots of student loan debt; no savings; some credit card debt • Not much leftover from paycheck to put towards savings • No long-term or retirement savings ! Back Story • Got married after graduating from Texas A&M, has 2 kids • Loves her job and helping people • Worried about paying kids’ college tuition, and retirement • Loves couponing, shoe shopping, and “getting a deal!” ! Motivations • Read about SaveUp in parents magazine • Wants to save and be more organized • Loves the prizes and chances to win on SaveUp ! Technical Comfort: Below Average for Gen-Y ! Motivations • Concerned about ending up broke, open to trying something new • Heard about SaveUp from a friend Frustrations • Fears falling for scam. Getting suspicious since she hasn’t won anything • Not getting much advice that is relevant to her situation ! Ideal Experience • Feels like she’s making progress towards paying off credit card debt • Opens a savings account with SaveUp’s help • Gets to play more often / earns more credits for her hard work ! Technical Comfort: Average for Gen-X ! ! ! Frustrations • Has trouble connecting accounts (forgot passwords or husband has them) • Finds the games boring / repetitive • Wants to be more organized, but she can’t get her husband to look at SaveUp “because it’s a game” ! Ideal Experience • More coupons and discounts • More games / less repetition • More financial visualizations that she can show her husband • Still really loves SaveUp
  • 9. original site review This image looks nice, but misses a valuable opportunity to communicate branding or functionality to the user in an exciting way. Great endorsements to have. However, skeptical users may not glean much from the icons alone. A quote from one of these publications would go a long way.
  • 10. original site review This information is useful, but users tended to be confused about the function of the graphics. Adding some interactivity and polish to this part of the page will encourage users to pay attention to it, and improve their perception of the site.
  • 11. original site review The fact that SaveUp genuinely wants their users to learn about savings and finance says a lot about the company. Improving the messaging of SaveUp’s core values will help users feel more confident about signing up. There are a lot of really positive reviews and testimonials about the product, but we’re only given two of them up front. ! Also, the role of research and the application of PLS in other countries are great ways to help people understand SaveUp’s foundation, but they’re only lightly touched on at the bottom of the front page.
  • 12. original site review The “How it works” page is full of great information, but it’s difficult to find. Feedback from users indicated that they wondered why more of this info wasn’t on the front page, and most of them had to be directed to the link to see it. Including a steady flow of recent winners is a great idea, and we want it to be visible. Giving this the appearance of a live feed may help alert potential new users that there are real people out there who are actually winning prizes through SaveUp.
  • 13. original site review These icons look nice, but the fact that they’re non-functional makes this page confusing to users, since it doesn’t ultimately serve a purpose. The most important button on this page is tucked away in the corner. We want this to be a major call to action!
  • 14. original site review This process is an extremely important part of getting started with SaveUp, but each step of it removes the user from the onboarding flow and throws them into the “wilderness” of the main site. We want this process to introduce users to the functions of the site in a way that reinforces the value proposition from the front page, while also encouraging them to complete their registration by adding and authenticating their financial accounts.
  • 15. Improve visual fidelity to promote user confidence. Example: Uber Huge, eye-catching splash image with carousel to keep the site feeling “alive.” ! Establishes brand while also communicating functionality/ value proposition. ! Content below the fold is also interactive and makes the site exciting to read.
  • 16. Improve visual fidelity to promote user confidence. Example: Fitbit Again, big splash establishes branding while also telling the user about what they’re seeing. More information appears automatically (carousel) without requiring the user to navigate away to other pages or read large blocks of text.
  • 17. proposed solution 1 Increase visibility of value proposition. Method ! Make sure that a clear presentation of the site’s features greets users as soon as they arrive. ! Maintain a clear call to action on the main page. ! Reinforce the features throughout the onboarding process. !
  • 18. Increase visibility of value proposition. Example: Simple Value proposition is clearly stated from the front page, and call to action is the first thing the user sees.
  • 19. proposed solution 2 Refine language and content to improve user trust. Method ! Display more specific endorsements from trusted publications as they become available. ! Mention partnerships with banks, credit unions, and other institutions. ! Explain SaveUp’s basis in PLS research to prove that the concept works. Example: Mint
  • 20. proposed solution 3 Improve visual fidelity to promote user confidence. Method ! Add interactivity and more dynamic content panels to the front page. ! Refine visual styling.
  • 21. research and ideation Method ! Interview workers from SaveUp to find out how they wanted the company to be perceived. ! Findings ! The company should be helpful and fun, but also seen as secure and safe. Users should get the feeling that they are here to help them for their own good. ! Opportunities ! Redesigning of the front page could take care of the company perception at a first glance. Imagery, wording, information hierarchy and architecture could do a lot for this.
  • 23. early concepts Method Findings Sketch different iterations of the homepage to find optimal ways to present important information. Some information didn’t seem to sit well with other bits of information (i.e. dashboard preview with testimonials or bank eligibility). Some information could also be presented very well in splash images. ! ! ! Hover capabilities can be very engaging.
  • 24. early concepts 1 1. Decided to make the prizes at the top of the screen a filter for which games-types you can play. Now acts as more of a filter.
  • 25. annotated concepts 2 1 1 3 1. Paralax scrolling makes the site more engaging. ! 2. Eligibility check is easily accessible on the front page, so new users won’t have to search too much or be forced to sign up before they can see if their bank works with SaveUp. “Check eligibility” button changes to a signup button if the bank is eligible. ! 3. ! Testimonials and big name endorsements encourage trust. 4. Sign up button located at the bottom of the page so people wont have to scroll all the way back up the page to reach a sign up button. 4
  • 26. annotated concepts 1 1. Included progress bars at the tops of pages to make new users aware of where they are in certain processes. This includes the username creation process, the overall account completion, and the link bank account process. ! 2. Added “carrots” and indications that people would earn extra credits for linking bank accounts as another incentive to complete the linking process. 2
  • 27. annotated concepts 1 2 3 1. Placed challenges in the top right because it can provide incentives to save. ! 2. Shortened the social/recent winners window because it didn’t need so much space to serve its purpose of informing users that there are real winners. Moved the rewards to a less visible place (bottom right) because they didn't seem to be a major part of the site. ! 3. ! 4 Added the account detail snapshot. 4. Blacked out or blocked certain functionalities to encourage new users to link accounts. 4