Permalink
Browse files

make instructions more explicit, per little usability testing

  • Loading branch information...
1 parent 3ab4e83 commit c80b48cfbd49186440e3fb193045d053a1160286 @jrochkind committed Sep 5, 2012
Showing with 18 additions and 14 deletions.
  1. +5 −5 app/assets/stylesheets/bootstrap_local.css.scss
  2. +13 −9 app/views/battle/index.html.erb
@@ -4,10 +4,11 @@
text-align: center;
}
-.demographics {
- text-align: right;
-
- margin-bottom: 2em;
+.demographics {
+ margin-bottom: 1em;
+}
+.demographics h2 {
+ margin-bottom: 0.5em;
}
.well.alert {
@@ -16,7 +17,6 @@
.choice-header {
padding-bottom: 1em;
- padding-top: 1em;
margin: 18px 0;
}
@@ -13,8 +13,9 @@
Your participation is entirely optional, you will neither be penalized nor
rewarded for your choice of whether or not to participate. All responses are anonymous.
Results may be shared as research findings.</p>
+
<div class="page-header">
- <h1>Help us evaluate article search products
+ <h1>1. Help us evaluate article search products
<small>by searching for a topic, an article, or anything.</small>
</h1>
</div>
@@ -42,21 +43,24 @@
<%= hidden_field_tag 'option_b', @two %>
<div class="row">
- <div class="span12">
- <div class="choice-header">
- <h2>Which set of results do you prefer <small>as most useful or helpful . </small></h2>
- </div>
+ <div class="span12 demographics">
+ <h2 class="demographic">2. Optional, tell us about yourself</h2>
+ School/Institution: <%= select_tag("school", options_for_select($schools, session[:school_choice])) %>
+ Status: <%= select_tag("status", options_for_select($statuses, session[:status_choice])) %>
</div>
</div>
<div class="row">
- <div class="span12 demographics">
- <em>Optional, let us know your: </em>
- School/Institution: <%= select_tag("school", options_for_select($schools, session[:school_choice])) %>
- Status: <%= select_tag("status", options_for_select($statuses, session[:status_choice])) %>
+ <div class="span12">
+ <div class="choice-header">
+ <h2>3. Which set of results do you prefer <small>as most useful or helpful . </small></h2>
+ <p>There are two different lists of results, on the left and right. Which better meets your needs?</p>
+ </div>
</div>
</div>
+
+
<div class="row">
<div class="span4 battle-option">
<%= submit_tag 'Prefer A', :class => 'btn btn-large btn-info', :name => "preferA"%>

0 comments on commit c80b48c

Please sign in to comment.