This repository has been archived by the owner on May 17, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
206 lines (161 loc) · 10.2 KB
/
index.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Federal Front Door</title>
<meta property="og:title" content="Federal Front Door" />
<meta name="description" content="The public’s front door to government services">
<meta property="og:description" content="The public’s front door to government services" />
<link rel="canonical" href="https://labs.usa.gov" />
<link rel="shortcut icon" type="image/ico" href="/assets/images/favicons/favicon.ico" />
<link rel="icon" type="image/png" href="/assets/images/favicons/favicon.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicons/favicon-192.png" />
<link rel="apple-touch-icon-precomposed" href="/assets/images/favicons/favicon-57.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/images/favicons/favicon-72.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/images/favicons/favicon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/images/favicons/favicon-144.png">
<link rel="stylesheet" href="assets/styles/homepage.css">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48605964-42', 'auto');
ga('set', 'anonymizeIp', true);
ga('set', 'forceSSL', true);
ga('send', 'pageview');
</script>
<!--[if lt IE 9]>
<script src="/assets/js/vendor/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<a class="skipnav" href="#main-content">Skip main navigation</a>
<header role="banner">
<div class="usa-disclaimer">
<div class="usa-grid">
<span class="usa-disclaimer-official">
<img class="usa-flag_icon" src="/assets/images/us_flag_small.png" alt="U.S. flag">
An official website of the United States government
</span>
<span class="usa-disclaimer-stage">This site is currently in alpha. <a href="https://18f.gsa.gov/dashboard/stages/#alpha">Learn more.</a></span>
</div>
</div>
<section class="usa-banner js-banner">
<div class="usa-grid">
<div class="usa-banner-content" id="main-content">
<h1>Federal Front Door</h1>
<h2>The public’s front door to government services</h2>
</div>
</div>
</section>
<nav class="nav-horizontal js-sticky-nav">
<ul id="js-scroll-spy">
<li><a href="#overview">Overview</a></li>
<li><a href="#research-report">Research report</a></li>
<li><a href="#contact-us">Contact us</a></li>
</ul>
</nav>
</header>
<section class="usa-section usa-section-alt" id="overview">
<div class="usa-grid">
<div class="usa-content usa-intro-overview">
<h2>Overview</h2>
<p class="usa-font-lead">Recent research has made clear what many folks have personally experienced: The federal government needs to improve how it interacts with the public. Enter the Federal Front Door, an initiative to improve public-government interactions across the board.</p>
<p class="usa-font-lead">We’re currently exploring projects to improve the quality of experiences and interactions people have with the government. These include efforts to improve transparency in service design, promote information sharing among agencies, and increase people’s trust in the government.</p>
<p class="usa-font-lead">Here, you’ll find the most updated information on our research and progress. Read more about the four themes we’re exploring:</p>
</div>
</div>
<div class="usa-grid">
<div class="usa-width-one-half usa-width-one-half-top">
<div class="usa-circle-block">
<img class="usa-img-circle" src="/assets/images/web_design_standards.svg" alt="Web design standards">
</div>
<h3 class="usa-graphic-list-heading">Web design standards</h3>
<p class="usa-graphic-list-text">Use the Standards to create consistent, engaging user experiences across federal government websites. Our open-source UI components and visual style guide reflect industry best practices and conform to Section 508 standards. <a href="https://playbook.cio.gov/designstandards/">View the standards</a></p>
</div>
<div class="usa-width-one-half usa-width-one-half-top">
<div class="usa-circle-block">
<img class="usa-img-circle" src="/assets/images/proxies_info_sharing.svg" alt="Proxies and information sharing">
</div>
<h3 class="usa-graphic-list-heading">Proxies and information sharing</h3>
<p class="usa-graphic-list-text">Many government services don’t allow collaborative interactions, making resources harder to access; we’re researching how to include more interactions by proxy. We’re also investigating how agencies can safely share information with each other in a way that creates better user experiences.</p>
</div>
</div>
<div class="usa-grid">
<div class="usa-width-one-half">
<div class="usa-circle-block">
<img class="usa-img-circle" src="/assets/images/government_transparency.svg" alt="Government transparency">
</div>
<h3 class="usa-graphic-list-heading">Government transparency</h3>
<p class="usa-graphic-list-text">Our research found that folks don’t know what goes on inside the government. This lack of knowledge often translates to a lack of trust, which negatively impacts interactions. We’re focusing on how to provide greater transparency into government processes to improve government-public interactions.</p>
</div>
<div class="usa-width-one-half">
<div class="usa-circle-block">
<img class="usa-img-circle" src="/assets/images/civic_engagement.svg" alt="Civic engagement">
</div>
<h3 class="usa-graphic-list-heading">Civic engagement</h3>
<p class="usa-graphic-list-text">Getting involved with government at any level means having your voice heard and your views represented. Our work on civic engagement shows how public participation at all levels of government helps people gain empowerment and positively impact their communities.</p>
</div>
</div>
</section>
<section class="usa-section" id="research-report">
<div class="usa-grid">
<h2>Research report</h2>
<div class="usa-width-one-third">
<img src="/assets/images/ffd-research.png" alt="Research">
</div>
<div class="usa-width-two-thirds">
<h3 class="usa-font-lead">All our work is guided by user research — structured conversations with people from varied populations. This research report highlights our lines of inquiry, provides detailed descriptions of what we learned, and raises questions that warrant further study.</h3>
<a class="usa-button usa-button-secondary" href="/files/FFD_ResearchReport.pdf" onclick="ga('send', 'event', 'Downloaded PDF report', 'Clicked download of report');">Download the report (PDF)</a>
<span class="usa-text-small">Updated 3/16</span>
<h3>Methodology supplement</h3>
<p>Want all the specifics of the research we conducted? Download our research methodologies supplement for information on our interview groups, recruiting scripts, interview scripts, and more.</p>
<a class="usa-button usa-button-outline" href="/files/FFD_Research_Methodology_v11.pdf" onclick="ga('send', 'event', 'Downloaded PDF report', 'Clicked download of supplement report');">Download the supplement (PDF)</a>
<span class="usa-text-small">Updated 2/16</span>
</div>
</div>
</section>
<footer>
<section class="usa-section usa-section-alt section-end" id="contact-us">
<div class="usa-grid">
<div class="usa-content">
<h2>Contact us</h2>
<p class="usa-font-lead">We’re glad you’re interested in the Federal Front Door — we’d love to hear from you. Send us your questions or feedback, and a member of our team will get back to you shortly.</p>
</div>
<div class="usa-width-one-half usa-media">
<img class="usa-media-img" src="/assets/images/icon-laptop.png" alt="laptop icon">
<div class="usa-media-text">
<p class="usa-no_margins">Drop us a line at <a href="mailto:[email protected]">[email protected]</a>. We’ll respond within a day or two (more likely sooner).</p>
</div>
</div>
<div class="usa-width-one-half usa-media">
<img class="usa-media-img" src="/assets/images/icon-github.png" alt="GitHub icon">
<div class="usa-media-text">
<p class="usa-no_margins">To learn more about our current work — and to make suggestions — visit our <a href="https://github.com/18F/ffd-microsite">GitHub repo</a>.</p>
</div>
</div>
</div>
</section>
<section class="usa-section section-footer-links">
<div class="usa-grid">
<a class="media_link" href="https://www.usa.gov/explore/">
<img src="/assets/images/usagov-logo.png" alt="USA.gov logo">
</a>
<a class="media_link" href="https://18f.gsa.gov/">
<img src="/assets/images/18f-logo.png" alt="18F logo">
</a>
<a class="media_link" href="http://gsa.gov/">
<img src="/assets/images/gsa-logo.png" alt="GSA logo">
</a>
</div>
</section>
</footer>
<script src="/assets/scripts/main.js"></script>
<script src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js" id="_fed_an_ua_tag"></script>
</body>
</html>