TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Introducing U.S. Web Design Standards

327 点作者 tswicegood超过 9 年前

21 条评论

danso超过 9 年前
I encourage people to check out 18F&#x27;s Github repos...there&#x27;s a lot of useful tools and libraries, for starters. And then there&#x27;s full projects to learn from, such as APIs and front-facing static sites.<p>I don&#x27;t know if they use any other kind of project manager besides Github Issues, but their projects have among the most active Issues activity...it seems that the USDS&#x2F;18F team uses them as project discussion rooms that also happen to be public...as they should be for government, public facing work. And they accept pull requests from the public...here&#x27;s one I made to make their style guides more readable on mobile&#x2F;non-traditional-browsers:<p><a href="https:&#x2F;&#x2F;github.com&#x2F;18F&#x2F;content-guide&#x2F;pull&#x2F;43" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;18F&#x2F;content-guide&#x2F;pull&#x2F;43</a><p>They talked about it amongst themselves (in public) and then merged it in. I know that&#x27;s part for course for most industry teams...but not for the federal government. Think about all the regulations and CYA-guideliens (cover-your-ass) that have built-up over the years that would&#x27;ve made accepting code, or any input, from a total outsider, to be...not a priority. A few years ago I remember finding a very obvious, easily fixable XSS vulnerability across all of the Department of Homeland Security sites...not only was it hard to find a point of contact, but I was pretty much ignored until I sent emails to US-CERT, and then also threatened to have a tech journalist write about it.<p>With the USDS projects, it&#x27;s a completely different paradigm to work via systems like Github. At the very least, you can more easily take credit for suggestions&#x2F;fixes you made.
评论 #10294346 未加载
mbesto超过 9 年前
Nice, they use SASS&#x2F;Bourbon&#x2F;Neat for their styling.[0][1] Huge fan and recommend it to anyone using Ruby for web development.<p>[0] - <a href="https:&#x2F;&#x2F;playbook.cio.gov&#x2F;designstandards&#x2F;getting-started&#x2F;" rel="nofollow">https:&#x2F;&#x2F;playbook.cio.gov&#x2F;designstandards&#x2F;getting-started&#x2F;</a><p>[1] - <a href="http:&#x2F;&#x2F;bourbon.io&#x2F;" rel="nofollow">http:&#x2F;&#x2F;bourbon.io&#x2F;</a>
评论 #10295429 未加载
评论 #10293856 未加载
评论 #10295745 未加载
scoot超过 9 年前
<i>&quot;is it possible to create a shared set of tools to provide consistent, beautiful, and easy-to-use government websites?&quot;</i><p>Yup: <a href="http:&#x2F;&#x2F;gov.uk" rel="nofollow">http:&#x2F;&#x2F;gov.uk</a><p>They even copied the colour scheme: <a href="https:&#x2F;&#x2F;playbook.cio.gov&#x2F;designstandards&#x2F;visual-style&#x2F;#colors" rel="nofollow">https:&#x2F;&#x2F;playbook.cio.gov&#x2F;designstandards&#x2F;visual-style&#x2F;#color...</a>
评论 #10294539 未加载
评论 #10295428 未加载
评论 #10294676 未加载
评论 #10294928 未加载
评论 #10295609 未加载
评论 #10294485 未加载
评论 #10295415 未加载
hiharryhere超过 9 年前
There&#x27;s a number of comments here about this making phishing easier. The bigger issue is that the US gov doesn&#x27;t consistently use .gov domain names.<p><a href="http:&#x2F;&#x2F;www.ustraveldocs.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;www.ustraveldocs.com&#x2F;</a><p>This is the official US gov site for applying for a visa. Given there are so many dodgy immigration agents operating with .com addresses it makes no sense as to why the official site is not just &#x27;visa.gov&#x27;.
评论 #10295714 未加载
评论 #10295374 未加载
JorgeGT超过 9 年前
That&#x27;s a great initiative. Being from a country that changes the URLs of a bunch of ministries (and breaks half of them) each time a new government takes charge, I envy it!<p>Now, for improved consistency, adopt the metric system.
评论 #10293296 未加载
评论 #10298837 未加载
评论 #10293172 未加载
Animats超过 9 年前
The Medium article says to visit the site for the standards.[1] That yields:<p><pre><code> MAX.gov Application Unavailable If you are seeing this message and it is not Sunday 2AM-8AM ET then please contact MAX Support by clicking here. If you’re trying to access MAX Community, please use our snapshot site: MAX Snapshot Community Site </code></pre> &quot;MAX.gov&quot; appears to be some kind of in-house cloud service for the Federal government.<p>[1] <a href="https:&#x2F;&#x2F;playbook.cio.gov&#x2F;designstandards&#x2F;" rel="nofollow">https:&#x2F;&#x2F;playbook.cio.gov&#x2F;designstandards&#x2F;</a><p>Update: now it&#x27;s up.
评论 #10294681 未加载
评论 #10293214 未加载
kin超过 9 年前
What a great step in the right direction. Every time I navigate through another government website in search of information, it is a different experience. I&#x27;m all for consistency and can&#x27;t wait until this is well adopted in all the .gov&#x27;s I find myself visiting.
chuckgreenman超过 9 年前
I really like this, but as someone who recently went through the federal loans process I know that the interface isn&#x27;t the only thing holding back our government&#x27;s web presence. Can we adopt a standard work flow? Something that behaves as expected when you submit forms?
rymndhng超过 9 年前
Interesting. Another place where I&#x27;ve seen something similiarly done is for the Canadian Gov&#x27;t.<p>See <a href="https:&#x2F;&#x2F;github.com&#x2F;wet-boew&#x2F;wet-boew" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;wet-boew&#x2F;wet-boew</a>
Havoc超过 9 年前
When looking at a random website I expect to know roughly what I&#x27;m looking at within 20 seconds - max. Ideally 5 if not text heavy.<p>&gt;shared set of tools [...] government websites<p>That is exactly what I wanted to know. Pity thats hidden on page 3 and I had to read credits &amp; something about some Joanne&#x27;s problems first.<p>The narrative story flow is fine...but you&#x27;ve got to give something solid up front. e.g. Do the startup cliche and say how you&#x27;re revolutionising the world in a short sentence. Then launch into the speech about Joanne&#x27;s problems...
评论 #10294073 未加载
Numberwang超过 9 年前
I really like the look of this and think it is a great initiative. Especially as I am the only human on earth who don&#x27;t love Material Design more than my own mother.
评论 #10294136 未加载
ampersandy超过 9 年前
This post doesn&#x27;t address the most important thing: when can we actually expect all of the government&#x27;s websites to start using these common patterns?<p>Creating a library&#x2F;set of guidelines that you expect other developers to use is great and all, but not impactful in and of itself. Right now it looks like the library&#x27;s authors are more focused on making their library <i>useful</i> than <i>used</i>, which is a thousand times more important.
jlukic超过 9 年前
Nice! I did notice some of the component definitions look like very close paraphrases to Semantic UI&#x27;s component descriptions though, but I&#x27;ll take that as a good thing.
dfar1超过 9 年前
Hopefully this guide will be updated as time goes on to stay relevant as technology changes. Otherwise in a few years from now, everything will look outdated again.
评论 #10293361 未加载
评论 #10293339 未加载
评论 #10294460 未加载
mattchue超过 9 年前
Doesn&#x27;t this make it incredibly easy for phishing websites to be created? I suppose such websites would exist anyway, but this would certainly diminish a user&#x27;s ability to differentiate between a legitimate .gov or another page with malicious intent at a glance.
评论 #10294118 未加载
评论 #10295364 未加载
SeeDave超过 9 年前
Nice work Mollie and team!
rootedbox超过 9 年前
Thanks Obama.
azeirah超过 9 年前
When design becomes a standard, is its purpose not lost?
评论 #10293488 未加载
评论 #10293439 未加载
评论 #10293425 未加载
评论 #10293961 未加载
评论 #10293755 未加载
评论 #10294122 未加载
评论 #10293533 未加载
Duhveed超过 9 年前
&quot;It doesn&#x27;t do anything useful and it only loads Saturdays at 3am, but it sure has some syntactically awesome stylesheets!&quot; ...Anyway, it sounds good on paper.
jamie_ca超过 9 年前
Oh goodie, now there&#x27;s a canonical description of how to make a US gov&#x27;t website for all the phishers out there...
评论 #10293984 未加载
Animats超过 9 年前
OK, now that it&#x27;s back up, let&#x27;s take a look at the examples. There&#x27;s a &quot;register to vote&quot; page, but that&#x27;s trivial. Here&#x27;s a more difficult one - a mockup of a Veterans Administration form.[1] This is clearly for use by a Government employee, not the public.<p>(The first question one asks is, if an appeal is &quot;certified&quot;, why does it also have to be &quot;activated&quot; by a human before anything happens? But that&#x27;s the organization&#x27;s problem, not web design.)<p>It&#x27;s a high-contrast layout, to support the visually impaired. Although it does have both white on black and black on white buttons, visually it seems OK.<p>The form has a pull-down for &quot;Confirm type action&quot;. This isn&#x27;t a &quot;Confirm&quot; button, it&#x27;s a selection option, for selecting the type of bureaucratic action. There are several documents mentioned, &quot;Form 8&quot;, &quot;Form 9&quot;, etc. These are in bold sans-serif blue text. The &quot;NOD&quot; document is apparently missing, so you couldn&#x27;t view it, but the text for it is the same as for the documents you can view. At the end of each line is the word &quot;Change&quot;, in the same font and color. It&#x27;s not clear if &quot;Form 8&quot; is clickable, leading to a view of the form. &quot;Change&quot; is presumably clickable, and ought to lead to a popup. It&#x27;s not clear whether changes commit immediately, or when the final buttons at the bottom (&quot;Reassign&quot; or &quot;Activate Appeal&quot;) are clicked.<p>The &quot;POA&quot; heading is misaligned. You can tell they used table-less design - things don&#x27;t line up right.<p>This form is useful only if the user has paper materials on hand against which they are checking. Functionally, this form is exactly equivalent to something on a green-screen IBM 3270 terminal from 30 years ago, which may be what it is emulating.<p>This is their example of good Government web design.<p>[1] <a href="https:&#x2F;&#x2F;playbook.cio.gov&#x2F;designstandards&#x2F;assets-styleguide&#x2F;img&#x2F;home&#x2F;example_VAappeals_full_mock.png" rel="nofollow">https:&#x2F;&#x2F;playbook.cio.gov&#x2F;designstandards&#x2F;assets-styleguide&#x2F;i...</a>
评论 #10293498 未加载
评论 #10293473 未加载