-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhome.html
130 lines (109 loc) · 4.41 KB
/
home.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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<html>
<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">
</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>
<section class="wrapper">
<div class="intro col-1 grid-item lighter-grey-bkg">
<h1>Getting started</h1>
<h2>Welcome to the SSRA Portals Design and User Research Centre.</h2>
<p>The SSRA Portals Design and User Research Centre provides information, guidance, templates and research on the current SSRA Portals projects. </p>
<p>At The Pensions Regulator, our design system is based on the <a href="https://design-system.service.gov.uk/get-started/">Government Digital Service (GDS) Design System</a>. Referring to their resources is always a good place
to start when designing for SSRA Portals. </p>
</div>
<div class="clear"></div>
<h2>Latest research being conducted</h2>
<div class="col-4">
<div class="grid-item">
<div class="user-test">
<div class="prototype">
<img src="https://ssra-portals.github.io/imgs/img2.png">
</div>
<div class="user-test-text">
<h4>Navigation A/B test</h4>
<p>Comparing the current navigation against the GDS task list<br><br></p>
</div>
<div class="user-test-footer">
<div class="button"><a href="../user-research/Functionality-ABtest-Jan2021/background.html">Select</a></div>
</div>
</div>
</div>
<div class="grid-item">
<div class="user-test">
<div class="prototype">
<img src="https://ssra-portals.github.io/imgs/img2.png">
</div>
<div class="user-test-text">
<h4>Edit chevrons</h4>
<p>Testing whether the chevron is understandable without a label<br><br></p>
</div>
<div class="user-test-footer">
<div class="button"><a href="../user-research/tests/edit-chevron-cards/instructions.html">Select</a></div>
</div>
</div>
</div>
<div class="grid-item">
<div class="user-test">
<div class="prototype">
<img src="https://ssra-portals.github.io/imgs/img2.png">
</div>
<div class="user-test-text">
<h4>Loading icon</h4>
<p>We want to know if the loading icon is accessible<br><br><br></p>
</div>
<div class="user-test-footer">.
<div class="button"><a href="../user-research/tests/loading-icon/instructions.html">Select</a></div>
</div>
</div>
</div>
<div class="grid-item">
<div class="user-test">
<div class="prototype">
<img src="https://ssra-portals.github.io/imgs/img2.png">
</div>
<div class="user-test-text">
<h4>Session timeout</h4>
<p>Looking at the dismiss function and comparing to the modal de# the GDS backlog</p>
</div>
<div class="user-test-footer">
<div class="button"><a href="../user-research/tests/timeout/instructions.html">Select</a></div>
</div>
</div>
</div>
</div>
</section>
<div class="clear"></div>
<div class="intro col-1 grid-item">
<h1>Resources</h1>
<li><a href="https://design-system.service.gov.uk/">GDS Design System</a></li>
<li><a href="https://dev.azure.com/thepensionsregulator/TPR/_wiki/wikis/Scheme%20Return%20Portals/2216/User-Experience">User Experience Wiki</a></li>
<li><a href="https://dev.azure.com/thepensionsregulator/TPR/_wiki/wikis/Standards%20and%20processes/1134/Updating-Wikis-in-the-Browser">Updating Wikis in your browser</a></li></p>
</div>
<div class="clear"></div>
<footer>
<div class="footer">
<div class="wrapper">
<h3>For more information regarding these prototypes, please contact The Pensions Regulator's User Research team on: XXXX XXXX</h3>
</div>
</div>
</footer>
</body>