SlideShare a Scribd company logo
1 of 27
Download to read offline
Buttonson forms and surveys
a look at some research
Caroline Jarrett
Buttons matter to users
2
The basic eye movement on forms:
look for a box, turn left to read the label
Where to put the button?
A B C D E
3
Best place for a button:
aligned with left-hand end of text boxes
Looks here
first for button
2 Then looks here
3 Looks here
last
1
4
Study #1: Luke Wroblewski and Etre (2007)
http://www.lukew.com/resources/articles/PSactions.asp
5
Which one do you prefer? Why?
Is there a better option?
“Only Option E performed
poorly during our testing” 6
Luke W’s examples considered again
1
1
1
1 2
1
Fail
1
2
“Only Option E performed
poorly during our testing” 7
Study #2: Couper et al, 2011.
Couper, M. P., Baker, R. & Mechling, J. (2011).
Placement and design of navigation buttons in Web surveys.
http://surveypractice.wordpress.com/2011/02/14/navigation-buttons/
“…we recommend that survey designers consider the use of a hyperlink
for the Previous or Back function, or place the Previous button below
the Next button, either centered (if the questions are centered on the
page or the majority are presented horizontally) or on the left (if most of
the questions are presented vertically and left-justified)”.
8
Does ‘Next’ go on the left or right of ‘Previous’?
9
Surprise!
10
What about for these two?
11
Probably a lot less of a surprise
12
The survey with the surprising layout ~ 10 mins
Surveyswithanyuseof‘previous’(%)
Time to complete (minutes)
Graph inspired by http://blog.vovici.com/blog/bid/54343/The-Usability-of-Web-Surveys
13
With an expected layout - quicker
Time to complete (minutes)
Surveyswithanyuseof‘previous’(%)
14
Unusual but not barmy layout: in between
Time to complete (minutes)
Surveyswithanyuseof‘previous’(%)
Graph inspired by http://blog.vovici.com/blog/bid/54343/The-Usability-of-Web-Surveys
15
Does that blow away my theory?
The surprise layouts should be fine
1
Theory
fail?
1
Theory
fail?
16
Or does it?
Are forms the same as surveys?
Form study #1
• Single screen
• ‘Submit’ and ‘Cancel’
• Time: not given,
but probably ~ 1 minute
• General public
Survey study #2
• Survey
• ‘Next’ and ‘Previous’
• Time:
~ 9 to ~ 10 minutes
• Survey panel members
– Used to long surveys
– Used to adapting to different
formats for surveys
17
Study #3: Jennifer Romano Bergstrom (2011)
http://www.romanocog.com/blog-NextandPrevious.html
Also reports findings from two U.S. Census Bureau studies
• Romano, J. C. & Chen, J. M. (2011). A usability and eye-tracking
evaluation of four versions of the online National Survey for College
Graduates (NSCG): Iteration 2 (Statistical Research Division Study Series
SSM2011-01). U.S. Census Bureau.
http://www.census.gov/srd/papers/pdf/ssm2011-01.pdf
• Romano, J. C. & Chen, J. M. (2010). A usability evaluation of the online
National Survey for College Graduates (NSCG)(Statistical Research
Division Study Series SSM2010-05). U.S. Census Bureau.
http://www.census.gov/srd/papers/pdf/ssm2010-05.pdf
18
A survey study with some characteristics
of a form study?
Form study #1
• Single screen
• ‘Submit’ and ‘Cancel’
• Time: not given,
but probably ~ 1 minute
• General public
Survey study #3
• Government survey
(more important)
• ‘Next’ and ‘Previous’
• Time:
~ 9 to ~ 10 minutes
• General public
19
Example screenshot - first part of study #3
Second part of study #3 moved
Previous / Save and Exit block to left of Next 20
My theory claims that users can use this layout
– and they could use it
“All participants were able to successfully complete the
NSCG Web-based survey”. (both conditions – study #3)
1
Adapted from http://www.romanocog.com/blog-NextandPrevious.html 21
Participants didn’t like the surprise layout
Mean rating against scale 1 to 9
1 = bad, 9 = good
First part of study #3
22
Participants see the buttons, left or right,
but they don’t like the surprise layout
Adapted from http://www.romanocog.com/blog-NextandPrevious.html
“really irritated”
“opposite of what most people
would design”
“logical”
“pretty standard, like what you would
typically see on Web sites.”
Surprise layout
(previous on right)
Stacked layout
(previous on left)
23
The surprise layout takes longer,
but doesn’t make much difference to break-off
Time to complete (minutes)
Break-off
(%)
24
Conclusion: best place for a primary button is
aligned with left-hand end of text boxes
Looks here
first for button
2 Then looks here
3 Looks here
last
(but avoid doing silly things
with any secondary buttons)
1
25
More resources on
http://www.slideshare.net/cjforms
26
Caroline Jarrett
twitter @cjforms
caroline.jarrett@effortmark.co.uk
http://www.formsthatwork.com
http://www.rosenfeldmedia.com/books/survey-design/
27

More Related Content

Viewers also liked

Security guidelines for web development
Security guidelines for web developmentSecurity guidelines for web development
Security guidelines for web developmentkumar gaurav
 
How to Get Survey Answers That Actually Help Your Business
How to Get Survey Answers That Actually Help Your BusinessHow to Get Survey Answers That Actually Help Your Business
How to Get Survey Answers That Actually Help Your BusinessKissmetrics on SlideShare
 
How to ask about satisfaction on a survey by @cjforms
How to ask about satisfaction on a survey by @cjformsHow to ask about satisfaction on a survey by @cjforms
How to ask about satisfaction on a survey by @cjformsCaroline Jarrett
 
Anatomy of a High Converting landing page
Anatomy of a High Converting landing page Anatomy of a High Converting landing page
Anatomy of a High Converting landing page Bryan Eisenberg
 
Make it Big! The Effect of Font Size and Line Spacing on Online Readability.
Make it Big! The Effect of Font Size and Line Spacing on Online Readability.Make it Big! The Effect of Font Size and Line Spacing on Online Readability.
Make it Big! The Effect of Font Size and Line Spacing on Online Readability.Martin Pielot
 
Like Button Best Practices
Like Button Best PracticesLike Button Best Practices
Like Button Best PracticesFacebook
 
SearchLove Boston 2015 | Brian Massey, 'Mobile Test Results: What Mobile Web ...
SearchLove Boston 2015 | Brian Massey, 'Mobile Test Results: What Mobile Web ...SearchLove Boston 2015 | Brian Massey, 'Mobile Test Results: What Mobile Web ...
SearchLove Boston 2015 | Brian Massey, 'Mobile Test Results: What Mobile Web ...Distilled
 
Decision Insurance: Iterative Prototyping To Reduce Business Risk
Decision Insurance: Iterative Prototyping To Reduce Business RiskDecision Insurance: Iterative Prototyping To Reduce Business Risk
Decision Insurance: Iterative Prototyping To Reduce Business RiskPaul Sherman
 
The Power of StickyNotes [UX Week 2007]
The Power of StickyNotes [UX Week 2007]The Power of StickyNotes [UX Week 2007]
The Power of StickyNotes [UX Week 2007]Kate Rutter
 
UI Design Patterns for Search & Information Discovery
UI Design Patterns for Search & Information DiscoveryUI Design Patterns for Search & Information Discovery
UI Design Patterns for Search & Information DiscoveryTony Russell-Rose
 
Workshop: Embedding UX Into Your Processes
Workshop: Embedding UX Into Your ProcessesWorkshop: Embedding UX Into Your Processes
Workshop: Embedding UX Into Your ProcessesPaul Sherman
 
Mobile for the Cultural Sector: Tate Trumps, Louise Downe
Mobile for the Cultural Sector: Tate Trumps, Louise DowneMobile for the Cultural Sector: Tate Trumps, Louise Downe
Mobile for the Cultural Sector: Tate Trumps, Louise DowneLouise Downe
 
HTML5 workshop, forms
HTML5 workshop, formsHTML5 workshop, forms
HTML5 workshop, formsRobert Nyman
 
Word Press & Working With Clients
Word Press & Working With ClientsWord Press & Working With Clients
Word Press & Working With ClientsTammy Hart
 
User Experience vs. The Visual Designer
User Experience vs. The Visual DesignerUser Experience vs. The Visual Designer
User Experience vs. The Visual DesignerPaul Thorpe
 
Design tips for complex forms by @cjforms 2013
Design tips for complex forms by @cjforms 2013Design tips for complex forms by @cjforms 2013
Design tips for complex forms by @cjforms 2013Caroline Jarrett
 
HCI 3e - Ch 16: Dialogue notations and design
HCI 3e - Ch 16:  Dialogue notations and designHCI 3e - Ch 16:  Dialogue notations and design
HCI 3e - Ch 16: Dialogue notations and designAlan Dix
 
Une présence multicanal optimale: Le nouveau défi des entreprises
Une présence multicanal optimale: Le nouveau défi des entreprisesUne présence multicanal optimale: Le nouveau défi des entreprises
Une présence multicanal optimale: Le nouveau défi des entreprisesSandrine Prom Tep
 
Journey mapping as insight tool - a healthcare case study UXLX 2012
Journey mapping as insight tool - a healthcare case study UXLX 2012Journey mapping as insight tool - a healthcare case study UXLX 2012
Journey mapping as insight tool - a healthcare case study UXLX 2012Kim Goodwin
 

Viewers also liked (20)

Security guidelines for web development
Security guidelines for web developmentSecurity guidelines for web development
Security guidelines for web development
 
How to Get Survey Answers That Actually Help Your Business
How to Get Survey Answers That Actually Help Your BusinessHow to Get Survey Answers That Actually Help Your Business
How to Get Survey Answers That Actually Help Your Business
 
How to ask about satisfaction on a survey by @cjforms
How to ask about satisfaction on a survey by @cjformsHow to ask about satisfaction on a survey by @cjforms
How to ask about satisfaction on a survey by @cjforms
 
Anatomy of a High Converting landing page
Anatomy of a High Converting landing page Anatomy of a High Converting landing page
Anatomy of a High Converting landing page
 
Make it Big! The Effect of Font Size and Line Spacing on Online Readability.
Make it Big! The Effect of Font Size and Line Spacing on Online Readability.Make it Big! The Effect of Font Size and Line Spacing on Online Readability.
Make it Big! The Effect of Font Size and Line Spacing on Online Readability.
 
Like Button Best Practices
Like Button Best PracticesLike Button Best Practices
Like Button Best Practices
 
SearchLove Boston 2015 | Brian Massey, 'Mobile Test Results: What Mobile Web ...
SearchLove Boston 2015 | Brian Massey, 'Mobile Test Results: What Mobile Web ...SearchLove Boston 2015 | Brian Massey, 'Mobile Test Results: What Mobile Web ...
SearchLove Boston 2015 | Brian Massey, 'Mobile Test Results: What Mobile Web ...
 
Decision Insurance: Iterative Prototyping To Reduce Business Risk
Decision Insurance: Iterative Prototyping To Reduce Business RiskDecision Insurance: Iterative Prototyping To Reduce Business Risk
Decision Insurance: Iterative Prototyping To Reduce Business Risk
 
The Power of StickyNotes [UX Week 2007]
The Power of StickyNotes [UX Week 2007]The Power of StickyNotes [UX Week 2007]
The Power of StickyNotes [UX Week 2007]
 
UI Design Patterns for Search & Information Discovery
UI Design Patterns for Search & Information DiscoveryUI Design Patterns for Search & Information Discovery
UI Design Patterns for Search & Information Discovery
 
Workshop: Embedding UX Into Your Processes
Workshop: Embedding UX Into Your ProcessesWorkshop: Embedding UX Into Your Processes
Workshop: Embedding UX Into Your Processes
 
Mobile for the Cultural Sector: Tate Trumps, Louise Downe
Mobile for the Cultural Sector: Tate Trumps, Louise DowneMobile for the Cultural Sector: Tate Trumps, Louise Downe
Mobile for the Cultural Sector: Tate Trumps, Louise Downe
 
HTML5 workshop, forms
HTML5 workshop, formsHTML5 workshop, forms
HTML5 workshop, forms
 
Word Press & Working With Clients
Word Press & Working With ClientsWord Press & Working With Clients
Word Press & Working With Clients
 
Mapping Hilton
Mapping HiltonMapping Hilton
Mapping Hilton
 
User Experience vs. The Visual Designer
User Experience vs. The Visual DesignerUser Experience vs. The Visual Designer
User Experience vs. The Visual Designer
 
Design tips for complex forms by @cjforms 2013
Design tips for complex forms by @cjforms 2013Design tips for complex forms by @cjforms 2013
Design tips for complex forms by @cjforms 2013
 
HCI 3e - Ch 16: Dialogue notations and design
HCI 3e - Ch 16:  Dialogue notations and designHCI 3e - Ch 16:  Dialogue notations and design
HCI 3e - Ch 16: Dialogue notations and design
 
Une présence multicanal optimale: Le nouveau défi des entreprises
Une présence multicanal optimale: Le nouveau défi des entreprisesUne présence multicanal optimale: Le nouveau défi des entreprises
Une présence multicanal optimale: Le nouveau défi des entreprises
 
Journey mapping as insight tool - a healthcare case study UXLX 2012
Journey mapping as insight tool - a healthcare case study UXLX 2012Journey mapping as insight tool - a healthcare case study UXLX 2012
Journey mapping as insight tool - a healthcare case study UXLX 2012
 

Similar to Buttons on forms and surveys: a look at some research 2012

Unifying the UX of a Survey Across Multiple Devices (MoDevEast 2013)
Unifying the UX of a Survey Across Multiple Devices (MoDevEast 2013)Unifying the UX of a Survey Across Multiple Devices (MoDevEast 2013)
Unifying the UX of a Survey Across Multiple Devices (MoDevEast 2013)Jennifer Romano Bergstrom
 
CUTGroup 6 OpenStreetMap.org Final Report
CUTGroup 6 OpenStreetMap.org Final ReportCUTGroup 6 OpenStreetMap.org Final Report
CUTGroup 6 OpenStreetMap.org Final Reportsmarziano
 
Little Known Features of Research Suite (that will make your life easier!)
Little Known Features of Research Suite (that will make your life easier!)Little Known Features of Research Suite (that will make your life easier!)
Little Known Features of Research Suite (that will make your life easier!)stephchristensen15
 
Usability testing through the decades
Usability testing through the decadesUsability testing through the decades
Usability testing through the decadesUX Firm, LLC
 
Usability test report of Roomie
Usability test report of RoomieUsability test report of Roomie
Usability test report of RoomieWenbin Zhao
 
UX Research on the Harvard IQSS Data Science website
UX Research on the Harvard IQSS Data Science websiteUX Research on the Harvard IQSS Data Science website
UX Research on the Harvard IQSS Data Science websiteYeseul Song
 
NPS-APP Find a Park- TestPlan V.4.pdf
NPS-APP Find a Park- TestPlan V.4.pdfNPS-APP Find a Park- TestPlan V.4.pdf
NPS-APP Find a Park- TestPlan V.4.pdfCarolina Murcia
 
Launch With Confidence! Integrate UX Research Throughout Development
Launch With Confidence! Integrate UX Research Throughout DevelopmentLaunch With Confidence! Integrate UX Research Throughout Development
Launch With Confidence! Integrate UX Research Throughout DevelopmentJennifer Romano Bergstrom
 
Union Station usability analysis
Union Station usability analysisUnion Station usability analysis
Union Station usability analysisTaylor Crater
 
Ordinary Search Engine Users Assessing Difficulty, Effort and Outcome for Sim...
Ordinary Search Engine Users Assessing Difficulty, Effort and Outcome for Sim...Ordinary Search Engine Users Assessing Difficulty, Effort and Outcome for Sim...
Ordinary Search Engine Users Assessing Difficulty, Effort and Outcome for Sim...Dirk Lewandowski
 
Usability Testing for Survey Research:How to and Best Practices
Usability Testing for Survey Research:How to and Best PracticesUsability Testing for Survey Research:How to and Best Practices
Usability Testing for Survey Research:How to and Best Practicesegeisen
 
Crowdsourcing using MTurk for HCI research
Crowdsourcing using MTurk for HCI researchCrowdsourcing using MTurk for HCI research
Crowdsourcing using MTurk for HCI researchEd Chi
 
SOTMEU 2011 - OSM Potlatch2 Usability Evaluation
SOTMEU 2011 - OSM Potlatch2 Usability EvaluationSOTMEU 2011 - OSM Potlatch2 Usability Evaluation
SOTMEU 2011 - OSM Potlatch2 Usability EvaluationPatrick Weber
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL Um e Farwa
 
Userchecks - Method for agile usability testing
Userchecks - Method for agile usability testingUserchecks - Method for agile usability testing
Userchecks - Method for agile usability testingAnouschka Scholten
 
Usability Testing On A Digital Product
Usability Testing On A Digital ProductUsability Testing On A Digital Product
Usability Testing On A Digital ProductKyle Soucy
 
Audi casestudy jameskalbach (1)
Audi casestudy jameskalbach (1)Audi casestudy jameskalbach (1)
Audi casestudy jameskalbach (1)pratish menon
 

Similar to Buttons on forms and surveys: a look at some research 2012 (20)

Unifying the UX of a Survey Across Multiple Devices (MoDevEast 2013)
Unifying the UX of a Survey Across Multiple Devices (MoDevEast 2013)Unifying the UX of a Survey Across Multiple Devices (MoDevEast 2013)
Unifying the UX of a Survey Across Multiple Devices (MoDevEast 2013)
 
CUTGroup 6 OpenStreetMap.org Final Report
CUTGroup 6 OpenStreetMap.org Final ReportCUTGroup 6 OpenStreetMap.org Final Report
CUTGroup 6 OpenStreetMap.org Final Report
 
Little Known Features of Research Suite (that will make your life easier!)
Little Known Features of Research Suite (that will make your life easier!)Little Known Features of Research Suite (that will make your life easier!)
Little Known Features of Research Suite (that will make your life easier!)
 
Usability testing through the decades
Usability testing through the decadesUsability testing through the decades
Usability testing through the decades
 
Usability test report of Roomie
Usability test report of RoomieUsability test report of Roomie
Usability test report of Roomie
 
UX Research on the Harvard IQSS Data Science website
UX Research on the Harvard IQSS Data Science websiteUX Research on the Harvard IQSS Data Science website
UX Research on the Harvard IQSS Data Science website
 
NPS-APP Find a Park- TestPlan V.4.pdf
NPS-APP Find a Park- TestPlan V.4.pdfNPS-APP Find a Park- TestPlan V.4.pdf
NPS-APP Find a Park- TestPlan V.4.pdf
 
Launch With Confidence! Integrate UX Research Throughout Development
Launch With Confidence! Integrate UX Research Throughout DevelopmentLaunch With Confidence! Integrate UX Research Throughout Development
Launch With Confidence! Integrate UX Research Throughout Development
 
Union Station usability analysis
Union Station usability analysisUnion Station usability analysis
Union Station usability analysis
 
Ordinary Search Engine Users Assessing Difficulty, Effort and Outcome for Sim...
Ordinary Search Engine Users Assessing Difficulty, Effort and Outcome for Sim...Ordinary Search Engine Users Assessing Difficulty, Effort and Outcome for Sim...
Ordinary Search Engine Users Assessing Difficulty, Effort and Outcome for Sim...
 
Level up your customer research
Level up your customer researchLevel up your customer research
Level up your customer research
 
fast things slidedoc
fast things slidedocfast things slidedoc
fast things slidedoc
 
Usability Testing for Survey Research:How to and Best Practices
Usability Testing for Survey Research:How to and Best PracticesUsability Testing for Survey Research:How to and Best Practices
Usability Testing for Survey Research:How to and Best Practices
 
So much UX data! Now what?
So much UX data! Now what?So much UX data! Now what?
So much UX data! Now what?
 
Crowdsourcing using MTurk for HCI research
Crowdsourcing using MTurk for HCI researchCrowdsourcing using MTurk for HCI research
Crowdsourcing using MTurk for HCI research
 
SOTMEU 2011 - OSM Potlatch2 Usability Evaluation
SOTMEU 2011 - OSM Potlatch2 Usability EvaluationSOTMEU 2011 - OSM Potlatch2 Usability Evaluation
SOTMEU 2011 - OSM Potlatch2 Usability Evaluation
 
HCI LAB MANUAL
HCI LAB MANUAL HCI LAB MANUAL
HCI LAB MANUAL
 
Userchecks - Method for agile usability testing
Userchecks - Method for agile usability testingUserchecks - Method for agile usability testing
Userchecks - Method for agile usability testing
 
Usability Testing On A Digital Product
Usability Testing On A Digital ProductUsability Testing On A Digital Product
Usability Testing On A Digital Product
 
Audi casestudy jameskalbach (1)
Audi casestudy jameskalbach (1)Audi casestudy jameskalbach (1)
Audi casestudy jameskalbach (1)
 

More from Caroline Jarrett

Creating truly accessible forms, SDinGov 2024
Creating truly accessible forms, SDinGov 2024Creating truly accessible forms, SDinGov 2024
Creating truly accessible forms, SDinGov 2024Caroline Jarrett
 
Using surveys to uncover audience insights
Using surveys to uncover audience insightsUsing surveys to uncover audience insights
Using surveys to uncover audience insightsCaroline Jarrett
 
2023 Surveys that work Olin.pptx
2023 Surveys that work Olin.pptx2023 Surveys that work Olin.pptx
2023 Surveys that work Olin.pptxCaroline Jarrett
 
The Phylogenetic Tree in forms design - making forms work for complex academ...
The Phylogenetic Tree in forms design - making forms work for complex  academ...The Phylogenetic Tree in forms design - making forms work for complex  academ...
The Phylogenetic Tree in forms design - making forms work for complex academ...Caroline Jarrett
 
Four ways to make a better survey WebExpo2023
Four ways to make a better survey WebExpo2023Four ways to make a better survey WebExpo2023
Four ways to make a better survey WebExpo2023Caroline Jarrett
 
Content design in practice May 2023.pptx
Content design in practice May 2023.pptxContent design in practice May 2023.pptx
Content design in practice May 2023.pptxCaroline Jarrett
 
Two ways to improve your survey, webinar for Delib 2023.pptx
Two ways to improve your survey, webinar for Delib 2023.pptxTwo ways to improve your survey, webinar for Delib 2023.pptx
Two ways to improve your survey, webinar for Delib 2023.pptxCaroline Jarrett
 
How to save money by fixing forms, WebExpo2023
How to save money by fixing forms, WebExpo2023How to save money by fixing forms, WebExpo2023
How to save money by fixing forms, WebExpo2023Caroline Jarrett
 
Two ways to improve your surveys: the Most Crucial Question and the Burning I...
Two ways to improve your surveys: the Most Crucial Question and the Burning I...Two ways to improve your surveys: the Most Crucial Question and the Burning I...
Two ways to improve your surveys: the Most Crucial Question and the Burning I...Caroline Jarrett
 
How to look at a form Boye 22.pptx
How to look at a form Boye 22.pptxHow to look at a form Boye 22.pptx
How to look at a form Boye 22.pptxCaroline Jarrett
 
Prune tune postpone explain.pptx
Prune tune postpone explain.pptxPrune tune postpone explain.pptx
Prune tune postpone explain.pptxCaroline Jarrett
 
What is a service designer SDinGOV 22 with all stickies.pptx
What is a service designer SDinGOV 22 with all stickies.pptxWhat is a service designer SDinGOV 22 with all stickies.pptx
What is a service designer SDinGOV 22 with all stickies.pptxCaroline Jarrett
 
Helping teenage boys to become responsible adults.pptx
Helping teenage boys to become responsible adults.pptxHelping teenage boys to become responsible adults.pptx
Helping teenage boys to become responsible adults.pptxCaroline Jarrett
 
Some thoughts on surveys: Boye and Company member conference call
Some thoughts on surveys: Boye and Company member conference callSome thoughts on surveys: Boye and Company member conference call
Some thoughts on surveys: Boye and Company member conference callCaroline Jarrett
 
Better surveys - presentation to Loyal Health March 2022.pptx
Better surveys - presentation to Loyal Health March 2022.pptxBetter surveys - presentation to Loyal Health March 2022.pptx
Better surveys - presentation to Loyal Health March 2022.pptxCaroline Jarrett
 
Plain language to improve your survey houston 2022
Plain language to improve your survey houston 2022Plain language to improve your survey houston 2022
Plain language to improve your survey houston 2022Caroline Jarrett
 
Surveys that work:training course for Rosenfeld Media, day 1
Surveys that work:training course for Rosenfeld Media, day 1Surveys that work:training course for Rosenfeld Media, day 1
Surveys that work:training course for Rosenfeld Media, day 1Caroline Jarrett
 
Surveys that work: training course for Rosenfeld media, day 2
Surveys that work: training course for Rosenfeld media, day 2Surveys that work: training course for Rosenfeld media, day 2
Surveys that work: training course for Rosenfeld media, day 2Caroline Jarrett
 
Surveys that work: training course for Rosenfeld Media, day 3
Surveys that work: training course for Rosenfeld Media, day 3 Surveys that work: training course for Rosenfeld Media, day 3
Surveys that work: training course for Rosenfeld Media, day 3 Caroline Jarrett
 
Surveys that work: an introduction to the Survey Octopus and Total Survey Error
Surveys that work: an introduction to the Survey Octopus and Total Survey ErrorSurveys that work: an introduction to the Survey Octopus and Total Survey Error
Surveys that work: an introduction to the Survey Octopus and Total Survey ErrorCaroline Jarrett
 

More from Caroline Jarrett (20)

Creating truly accessible forms, SDinGov 2024
Creating truly accessible forms, SDinGov 2024Creating truly accessible forms, SDinGov 2024
Creating truly accessible forms, SDinGov 2024
 
Using surveys to uncover audience insights
Using surveys to uncover audience insightsUsing surveys to uncover audience insights
Using surveys to uncover audience insights
 
2023 Surveys that work Olin.pptx
2023 Surveys that work Olin.pptx2023 Surveys that work Olin.pptx
2023 Surveys that work Olin.pptx
 
The Phylogenetic Tree in forms design - making forms work for complex academ...
The Phylogenetic Tree in forms design - making forms work for complex  academ...The Phylogenetic Tree in forms design - making forms work for complex  academ...
The Phylogenetic Tree in forms design - making forms work for complex academ...
 
Four ways to make a better survey WebExpo2023
Four ways to make a better survey WebExpo2023Four ways to make a better survey WebExpo2023
Four ways to make a better survey WebExpo2023
 
Content design in practice May 2023.pptx
Content design in practice May 2023.pptxContent design in practice May 2023.pptx
Content design in practice May 2023.pptx
 
Two ways to improve your survey, webinar for Delib 2023.pptx
Two ways to improve your survey, webinar for Delib 2023.pptxTwo ways to improve your survey, webinar for Delib 2023.pptx
Two ways to improve your survey, webinar for Delib 2023.pptx
 
How to save money by fixing forms, WebExpo2023
How to save money by fixing forms, WebExpo2023How to save money by fixing forms, WebExpo2023
How to save money by fixing forms, WebExpo2023
 
Two ways to improve your surveys: the Most Crucial Question and the Burning I...
Two ways to improve your surveys: the Most Crucial Question and the Burning I...Two ways to improve your surveys: the Most Crucial Question and the Burning I...
Two ways to improve your surveys: the Most Crucial Question and the Burning I...
 
How to look at a form Boye 22.pptx
How to look at a form Boye 22.pptxHow to look at a form Boye 22.pptx
How to look at a form Boye 22.pptx
 
Prune tune postpone explain.pptx
Prune tune postpone explain.pptxPrune tune postpone explain.pptx
Prune tune postpone explain.pptx
 
What is a service designer SDinGOV 22 with all stickies.pptx
What is a service designer SDinGOV 22 with all stickies.pptxWhat is a service designer SDinGOV 22 with all stickies.pptx
What is a service designer SDinGOV 22 with all stickies.pptx
 
Helping teenage boys to become responsible adults.pptx
Helping teenage boys to become responsible adults.pptxHelping teenage boys to become responsible adults.pptx
Helping teenage boys to become responsible adults.pptx
 
Some thoughts on surveys: Boye and Company member conference call
Some thoughts on surveys: Boye and Company member conference callSome thoughts on surveys: Boye and Company member conference call
Some thoughts on surveys: Boye and Company member conference call
 
Better surveys - presentation to Loyal Health March 2022.pptx
Better surveys - presentation to Loyal Health March 2022.pptxBetter surveys - presentation to Loyal Health March 2022.pptx
Better surveys - presentation to Loyal Health March 2022.pptx
 
Plain language to improve your survey houston 2022
Plain language to improve your survey houston 2022Plain language to improve your survey houston 2022
Plain language to improve your survey houston 2022
 
Surveys that work:training course for Rosenfeld Media, day 1
Surveys that work:training course for Rosenfeld Media, day 1Surveys that work:training course for Rosenfeld Media, day 1
Surveys that work:training course for Rosenfeld Media, day 1
 
Surveys that work: training course for Rosenfeld media, day 2
Surveys that work: training course for Rosenfeld media, day 2Surveys that work: training course for Rosenfeld media, day 2
Surveys that work: training course for Rosenfeld media, day 2
 
Surveys that work: training course for Rosenfeld Media, day 3
Surveys that work: training course for Rosenfeld Media, day 3 Surveys that work: training course for Rosenfeld Media, day 3
Surveys that work: training course for Rosenfeld Media, day 3
 
Surveys that work: an introduction to the Survey Octopus and Total Survey Error
Surveys that work: an introduction to the Survey Octopus and Total Survey ErrorSurveys that work: an introduction to the Survey Octopus and Total Survey Error
Surveys that work: an introduction to the Survey Octopus and Total Survey Error
 

Recently uploaded

High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
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
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosaannemarleenolthof1
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaBarusRa
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
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
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfIBM
 
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
 
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
 
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
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
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
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
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
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
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
 

Recently uploaded (18)

High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
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
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
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
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.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...
 
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
 
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
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
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
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
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
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
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
 

Buttons on forms and surveys: a look at some research 2012

  • 1. Buttonson forms and surveys a look at some research Caroline Jarrett
  • 3. The basic eye movement on forms: look for a box, turn left to read the label Where to put the button? A B C D E 3
  • 4. Best place for a button: aligned with left-hand end of text boxes Looks here first for button 2 Then looks here 3 Looks here last 1 4
  • 5. Study #1: Luke Wroblewski and Etre (2007) http://www.lukew.com/resources/articles/PSactions.asp 5
  • 6. Which one do you prefer? Why? Is there a better option? “Only Option E performed poorly during our testing” 6
  • 7. Luke W’s examples considered again 1 1 1 1 2 1 Fail 1 2 “Only Option E performed poorly during our testing” 7
  • 8. Study #2: Couper et al, 2011. Couper, M. P., Baker, R. & Mechling, J. (2011). Placement and design of navigation buttons in Web surveys. http://surveypractice.wordpress.com/2011/02/14/navigation-buttons/ “…we recommend that survey designers consider the use of a hyperlink for the Previous or Back function, or place the Previous button below the Next button, either centered (if the questions are centered on the page or the majority are presented horizontally) or on the left (if most of the questions are presented vertically and left-justified)”. 8
  • 9. Does ‘Next’ go on the left or right of ‘Previous’? 9
  • 11. What about for these two? 11
  • 12. Probably a lot less of a surprise 12
  • 13. The survey with the surprising layout ~ 10 mins Surveyswithanyuseof‘previous’(%) Time to complete (minutes) Graph inspired by http://blog.vovici.com/blog/bid/54343/The-Usability-of-Web-Surveys 13
  • 14. With an expected layout - quicker Time to complete (minutes) Surveyswithanyuseof‘previous’(%) 14
  • 15. Unusual but not barmy layout: in between Time to complete (minutes) Surveyswithanyuseof‘previous’(%) Graph inspired by http://blog.vovici.com/blog/bid/54343/The-Usability-of-Web-Surveys 15
  • 16. Does that blow away my theory? The surprise layouts should be fine 1 Theory fail? 1 Theory fail? 16
  • 17. Or does it? Are forms the same as surveys? Form study #1 • Single screen • ‘Submit’ and ‘Cancel’ • Time: not given, but probably ~ 1 minute • General public Survey study #2 • Survey • ‘Next’ and ‘Previous’ • Time: ~ 9 to ~ 10 minutes • Survey panel members – Used to long surveys – Used to adapting to different formats for surveys 17
  • 18. Study #3: Jennifer Romano Bergstrom (2011) http://www.romanocog.com/blog-NextandPrevious.html Also reports findings from two U.S. Census Bureau studies • Romano, J. C. & Chen, J. M. (2011). A usability and eye-tracking evaluation of four versions of the online National Survey for College Graduates (NSCG): Iteration 2 (Statistical Research Division Study Series SSM2011-01). U.S. Census Bureau. http://www.census.gov/srd/papers/pdf/ssm2011-01.pdf • Romano, J. C. & Chen, J. M. (2010). A usability evaluation of the online National Survey for College Graduates (NSCG)(Statistical Research Division Study Series SSM2010-05). U.S. Census Bureau. http://www.census.gov/srd/papers/pdf/ssm2010-05.pdf 18
  • 19. A survey study with some characteristics of a form study? Form study #1 • Single screen • ‘Submit’ and ‘Cancel’ • Time: not given, but probably ~ 1 minute • General public Survey study #3 • Government survey (more important) • ‘Next’ and ‘Previous’ • Time: ~ 9 to ~ 10 minutes • General public 19
  • 20. Example screenshot - first part of study #3 Second part of study #3 moved Previous / Save and Exit block to left of Next 20
  • 21. My theory claims that users can use this layout – and they could use it “All participants were able to successfully complete the NSCG Web-based survey”. (both conditions – study #3) 1 Adapted from http://www.romanocog.com/blog-NextandPrevious.html 21
  • 22. Participants didn’t like the surprise layout Mean rating against scale 1 to 9 1 = bad, 9 = good First part of study #3 22
  • 23. Participants see the buttons, left or right, but they don’t like the surprise layout Adapted from http://www.romanocog.com/blog-NextandPrevious.html “really irritated” “opposite of what most people would design” “logical” “pretty standard, like what you would typically see on Web sites.” Surprise layout (previous on right) Stacked layout (previous on left) 23
  • 24. The surprise layout takes longer, but doesn’t make much difference to break-off Time to complete (minutes) Break-off (%) 24
  • 25. Conclusion: best place for a primary button is aligned with left-hand end of text boxes Looks here first for button 2 Then looks here 3 Looks here last (but avoid doing silly things with any secondary buttons) 1 25