-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathresearch.html
117 lines (81 loc) · 3.46 KB
/
research.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<head>
<link rel="stylesheet" type="text/css" href="elements/css/main.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
<style>
.side-nav {
postion: fixed;
margin-top: 60px;
}
.side-nav a {
text-decoration: none;
}
.side-nav li {
padding: 10px 0px 10px 0px;
margin-left: -5px;
text-decoration: none;
list-style-type: none;
}
.articles li {
border-bottom: solid 1px #777777;
padding: 3px 0px 3px 0px;
list-style-type: none;
text-decoration: none;
}
.articles a {
text-decoration: none;
}
</style>
</head>
<body>
<header>
<div class="banner purple-bkg">
<div class="wrapper">
<img src="https://thepensionsregulator.github.io/user-research/elements/imgs/TPR_logo_strap.png">
</div>
</div>
</header>
<nav>
<div class="wrapper">
<ul>
<li><a href="home.html">Getting started</a></li>
<li><a href="styles.html">Styles</a></li>
<li><a href="components.html">Components</a></li>
<li><a href="research.html">Research</a></li>
</ul>
</div>
</nav>
<div class="wrapper">
<div class="col-4">
<div class="grid-item">
<ul class="side-nav" >
<li><strong>Current research:</strong></li>
<li><a href="../user-research/Functionality-ABtest-Jan2021/background.html">User Journey A/B test</a></li>
<li><a href="../user-research/tests/Progress_Indicators/background.html">Progress Indicators</a></li>
<li><a href="../user-research/tests/edit-chevron-cards/instructions.html">Trustee Cards</a></li>
<li><a href="../user-research/tests/loading-icon/instructions.html">Loading icon</a></li>
<li><a href="../user-research/tests/timeout/instructions.html">Session Timeout</a></li>
<!--<li><a href="../user-research/tests/start-button/background.html">Start button</a></li>-->
</ul>
</div>
</div>
<div class="col-2-3rds">
<div class="grid-item">
<h1>User Research<h1>
<h2>User centered design with an evidence based approach.</h2>
<p>At the Pensions Regualtor we listen to our users needs and use an evidence based appraoch to building our services.
Starting with the Government Digital Design Standards (GDS) and iterating based on our own research we endevour to build the best possible experience for our users. </p>
We use different prototyping methods including sketching, building on Adobe XD and using Github to develop html, css and javascript prototypes.
In the left hand navigation you will find SSRA portals current research including links to the prototypes.
<h2>Further reading and resources:</h2>
<ul>
<li><a href="https://www.gov.uk/guidance/government-design-principles">GDS design principles</a> </li>
<li><a href="https://designnotes.blog.gov.uk/2014/10/13/how-designers-prototype-at-gds/">How to design prototypes at GDS</a> </li>
<li><a href="https://design-system.service.gov.uk/">GDS design system</a> </li>
<li><a href="https://design-system.service.gov.uk/components/">GDS components</a> </li>
<li><a href="https://design-system.service.gov.uk/patterns/">GDS patterns</a> </li>
<li><a href="https://design-system.service.gov.uk/community/">GDS community backlog</a> </li>
</ul>
</div>
</div>
</body>