I like the new government look http://alpha.gov.uk/
I don't know if you have seen this already but I quite like http://alpha.gov.uk/
I like the feedback options to users, the local content, the reactive forms and above all the simple user interface.
Robert Fransgaard -
Creative Director and Senior UX Consultant | User Experience and Rapid Design Visualisation team at Capgemini UK
www.fransgaard.com/blog
www.twitter.com/fransgaard
I like the feedback options to users, the local content, the reactive forms and above all the simple user interface.
Robert Fransgaard -
Creative Director and Senior UX Consultant | User Experience and Rapid Design Visualisation team at Capgemini UK
www.fransgaard.com/blog
www.twitter.com/fransgaard
Cheers Robert, really interesting.
Good to see they've already mentioned accessibility on the blog.
James Coltham - Local gov web manager by day, web and accessibility blogger at lunchtime, freelancer by night. Tweets at @prettysimple.
Good to see they've already mentioned accessibility on the blog.
James Coltham - Local gov web manager by day, web and accessibility blogger at lunchtime, freelancer by night. Tweets at @prettysimple.
Yes absolutely.
It IS a prototype but already at this stage you need to think ahead especially with a project like this.
I think it is a bold move by any standards and especially government to create such a public facing proto type. Gut feel it will pay off big time as they crowd source feedback from the industry
Robert Fransgaard -
Creative Director and Senior UX Consultant | User Experience and Rapid Design Visualisation team at Capgemini UK
www.fransgaard.com/blog
www.twitter.com/fransgaard
It IS a prototype but already at this stage you need to think ahead especially with a project like this.
I think it is a bold move by any standards and especially government to create such a public facing proto type. Gut feel it will pay off big time as they crowd source feedback from the industry
Robert Fransgaard -
Creative Director and Senior UX Consultant | User Experience and Rapid Design Visualisation team at Capgemini UK
www.fransgaard.com/blog
www.twitter.com/fransgaard
Looks and functions really nice. A lot more easier on the eye than current .gov sites.
I know its a prototype but I actually think they've gone mad with whitespace, the amount in places really is atrocious. Design wise its quite poor and not helping to sell what might be a good product.
Are some pages broken, such as the redundancy advice example?
| Ben Millard wrote: |
| Are some pages broken, such as the redundancy advice example? |
How do you mean "broken?" Do you mean a broken link?
I just clicked on it (today) and it opens up fine.
The main content of that page has a blue textured background. The rest of the site has a white one, from what I've seen. The legibility of the text is a bit less because of this background, which makes me think there's a missing element which should be adding the white background.
The departmental carousel is a fresh way to show what's new, for central government! The clickable area seems a bit glitchy (Firefox 3.6.17 on Windows XPsp3). It has an alpha-transparent PNG mask to shape the images - a clever technique which rarely gets deployed to 'real' websites.
The departmental carousel is a fresh way to show what's new, for central government! The clickable area seems a bit glitchy (Firefox 3.6.17 on Windows XPsp3). It has an alpha-transparent PNG mask to shape the images - a clever technique which rarely gets deployed to 'real' websites.
| Ben Millard wrote: |
| The main content of that page has a blue textured background. The rest of the site has a white one, from what I've seen.
The legibility of the text is a bit less because of this background, which makes me think there's a missing element which should be adding the white background. |
Ah, yes. I noticed that too. Thanks for the clarification.
Just realised this topic was created about a month ago, so this project has been running for a little while by now? After rummaging around it somewhat thoroughly, I wrote a more detailed technical review of alpha.gov.uk on my blog.
| Ben Millard's Blog wrote: |
| It’s an interesting ‘direction’. But the best of us already know the direction, it’s our day job, and many sites have been doing it that way for years. |
| Ben Millard wrote: |
| The departmental carousel is a fresh way to show what's new, for central government! The clickable area seems a bit glitchy (Firefox 3.6.17 on Windows XPsp3). It has an alpha-transparent PNG mask to shape the images - a clever technique which rarely gets deployed to 'real' websites. |
Ben I never picked up on this so had to go look using the same browser and OS. The carousel doesn't work how I expect it to, clicking on an arrow I expect it to rotate but it sorta very quickly does then redirects me. Very odd indeed. Enjoyed your write up and thanks for the nod and agreement! It sounds pedantic to some but to me aesthetics are very important when trying to sell a concept and at the moment it looks like someone has taken the view that the majority of users have either huge screens or require glasses!
Would be curious to know what you think of our version of directgov bearing in mind we have limitations and started with directgov as a platform.
My 0.1s impression is that it's great. Strong, clear visual indication of what's what. There aren't loads of different styles, just enough, and they felt coherent to me. Font sizes also seem reasonable, with headings particularly strong. I do like a bit of Rockwell, sorry to say.
Isn't using Gzip to reduce network use and optimise the delivery. (One chunk transfers better than many chunks; especially when the total number of bytes is ~70% less.)
Page loading times are fine.
Linked headings don't really look like links. For example, Parking and Parking Enforcement has subheadings which look the same as the main heading, even though the subheadings are actually clickable. Parents landing page is another example: See also and Do it online at the bottom are exactly the same style as the clickable headings!
This 'what can I click' problem is made much worse (imho) by using blueish text for body copy. Maybe dark grey like #333 instead of blue would still be soft but clearer in this respect?
Clickable area covers entire items in the Do it Online sidebar of that page, which is good. Each item is a single link. The icon is included as an <img> with empty alt, which is fine for accessibility, but using background-image with a CSS Sprite Sheet would boost performance.
Oh, the site icon has nice transparency. Nice touch.
Breadcrumb suffers badly from banner blindness, at least for me. I kept skipping over it until I deliberately looked at every page element.
Using an icon of a home without the word Home seems like a schoolboy error...use the word or use both, surely?
Vertical bars between breadcrumb items stop it looking like a breadcrumb. Needs to be an arrow or right-pointing device of some sort. This actually might be why my brain skips it...seems like irrelevant utility links? Eye tracking might throw light on this.
Breadcrumb's white text on very dark blue looks almost illegible due to smoothing. (ClearType turned on in XPsp3 with a 1600x1200 CRT made in 2001 by LG.)
Breadcrumb wraps badly on deep pages with very long titles. I suggest setting a shortened alias of area names, so the breadcrumb only gives such a long title for the current page. (I do this in a few areas of my hobbies site, in a kludgy way.)
Text size for social utilities at the bottom of main content is very small. Firebug reports the Computed Value is just 10px Arial, I'd say 11px is minimum with screens getting more pixels in the same space. (Especially netbooks and modern office LCDs.)
URLs get a touch messy for some onlien forms, such as http://www.nidirect.gov.uk/index/information-and-services/parents/child-maintenance.htm?WT.ac=Footer-ChildMaintenanceChoices used by the Child Maintenance Choices page.
Content of most areas has very neat HTML. Just a <div class> with a heading, link and paragraph for each summary box.
Right navigation is lost when going from What are my options for arranging child maintenance? to the inner page, If you have chosen the statutory maintenance service.
The small, light blue surely isn't accessible in dark right panels? Again, maybe it's just smoothing but XP is still probably the most common OS.
Dates are small, italic and abbreviated on the Newsroom listing. Each date has an entire line to itself so I think Mon, 20 Jun 2011 can afford to be written as Monday 20th June 2011.
The images should be clickable on that page and use one link for each entry. Like the logos in the Do it Online sidebar currently are done.
Pulldown/flyout menu for Information & Services is cool but the arrangement of items doesn't match the subheadings on the landing page. Would it be an advantage if they matches or would that be redundant?
Oh, wow, the current main navigation item gets de-linked. Wewt! The right-hand sidebar for Newsroom isn't as smart, though.
Abstracts and images match up surprisingly well in all the articles I skimmed. Must be a very disciplined army of writers to ensure that!
So yeah, a few things to ponder. But overall
- The absence of bullets from the many lists of links reduces visual noise.
- No focus rectangle or :focus styles?
- HTML has a big Advice Guidance section commented out. That can seem like content hiding and increases the filesize, anyway. If the CMS is generating the links on-the-fly then a slight CPU waste as well.
- HTTP caching is disabled, in effect, since the homepage is set to expire as soon as it is sent?
| Code: |
| Date: Mon, 20 Jun 2011 20:37:57 GMT
Content-Type: text/html Expires: Mon, 20 Jun 2011 20:37:57 GMT X-Expires-Orig: Mon, 20 Jun 2011 20:37:57 GMT Cache-Control: max-age=3, must-revalidate, private Etag: "937d33-835279ae3d18" Transfer-Encoding: Chunked 200 OK |
So yeah, a few things to ponder. But overall
Ben thanks a million for this, you've pointed out a few things we've missed and others definitely worth addressing when we come to do a redesign/realign later in the Autumn.
The linked headings thing has been bothering us but we felt that underlining them would add too much noise to the page, same for adding an icon beside them to indicate they're links. However, I think where there are descriptions underneath there should be a more link so you can click that or the heading for the same target, maybe just hasn't rolled out to all pages just yet.
The linked headings thing has been bothering us but we felt that underlining them would add too much noise to the page, same for adding an icon beside them to indicate they're links. However, I think where there are descriptions underneath there should be a more link so you can click that or the heading for the same target, maybe just hasn't rolled out to all pages just yet.
What a delightful site. Sure puts other government sites to shame. Governments in Australia where I live, could learn a lot from that site. But then of course, they would have to begin to see faults in what they are doing. That's not going to happen anytime soon.
Kirsten Plotkin
Kirsten Plotkin
Happy to see such websites and also the analysis that you guys done......
Dreaming why this could not happening in INDIA
-muty
Dreaming why this could not happening in INDIA
-muty



