Skip to content

Commit

Permalink
content: add further research to tabs
Browse files Browse the repository at this point in the history
  • Loading branch information
Michael committed Sep 22, 2017
1 parent fd7e3e1 commit f58cd5e
Showing 1 changed file with 3 additions and 4 deletions.
7 changes: 3 additions & 4 deletions app/views/patterns/tabs.html
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ <h1 class="heading-section">In-page tabs</h1>

<div class="grid-row">
<div class="column-full">

<div class="example example-images" id="example-component">
<div class="grid-row">
{% include "includes/patterns/tabs-list.html" %}
Expand Down Expand Up @@ -69,20 +69,19 @@ <h2 class="heading-medium">Accessibility principles</h2>

<h2 class="heading-medium">User research</h2>
<p>Syrian refugee resettlement found no problems with the pattern. Users have a good understanding of what to expect from the tabs</p>
<p>Application platform uses the pattern for long lists. When combined with a search, the pattern performs very well when users don't know the contents of the list.</p>
<p>Application platform uses vertical tabs for long lists. When combined with a typeahead search, the pattern performs very well when users don't know the contents of the list.</p>
<p>Dyslexic users were ignoring the horizontal tab. So the line around the horizontal tabs were made thicker and the blue links were underlined to avoid this issue.</p>
<p>Returns and movements found users missed the inactive tab. They think that might be due to content but its worth keeping an eye on.</p>

<h2 class="heading-medium">Services using this pattern</h2>
<ul class="list list-bullet">
<li>Syrian refugee resettlement</li>
<!-- <li>Sponsoring people</li> -->
<li>Proving things to government</li>
<li>Application platform</li>
</ul>

<h2 class="heading-medium">Things to do</h2>
<ul class="list list-bullet">
<li>tabs.js is essential rather than enhanced&thinsp;&mdash;&thinsp;what is the no-js solution for this pattern.</li>
<li>The design needs improving for narrower views.</li>
<li>Using tabs to complete a series of tasks in a non-linear way could be a separate pattern.</li>
</ul>
Expand Down

0 comments on commit f58cd5e

Please sign in to comment.