Archive for April, 2006

You’ve already been there

Wednesday, April 26th, 2006

After I wrote back in February about a nice touch on the happygiraffe.net site, today I noticed another site with a similarly handy differentiation between links you’ve already visited and those you haven’t: Design Melt Down.

Design Melt Down visited image links show a bar at the bottom with the text 'VISITED'. Nifty.

The gallery thumbnail links get a nice clear border and bar with text telling you you’ve already visited the site (where appropriate), allowing you to quickly get back to sites you looked at before and want to check again, or alternatively to mentally filter out the ones you’ve already seen.

The idea worked well on happygiraffe in the side menu, but in a gallery of linked thumbnails it’s brilliant. People will often go back to an image gallery and want to start where they left off, or find the ones they missed first time ’round and this method makes that process infinitely easier.

Design Melt Down’s a great site for checking out examples of different design styles, methods and colour schemes working well anyway, but this feature adds the icing to the cake.

CSS Love Child - It’s Hideous and I like it

Tuesday, April 25th, 2006

Via the news bit of CSS Beauty, I found my way to a great new toy - CSS Love Child. The idea is that you apply the style sheet of one website to the HTML of another and see what bastard child results.

Obviously the vast majority of the time you’ll get a pretty dodgy-looking result, but where you get two sites that use a similar structure (and labelling of that structure with classes and IDs), you can get some nice enough (in very relative terms) results. It’s like CSS Zen Garden taken to an almost completely random level.

Mad cackling babies x4

Friday, April 21st, 2006

My brother showed me one of the most infectiously funny yet disturbing videos I’ve seen today.

All I’ll say is quadruplets laughing hysterically, staring at the camera. This needs the sound turned on to be fully appreciated.

A simple-to-use government website? Never!

Thursday, April 20th, 2006

Still getting everything organised for my road trip, it was pointed out by my mother that I needed a European Health Insurance Card - the replacement of the E111 form. Expecting all kinds of beauracracy and fearing I’d probably left it too late, it was nice to see you can apply online and receive it within 7 days.

The form was simple enough to fill out and it was all done in a couple of minutes. The only oddity I noticed is that the code seems to have the page three times in slight variations, presumably switched by JavaScript. Not so sure how well that’ll be read by screen readers.

Now if only there were such simple forms for things like getting a tax disc for your car or other things that generally require a trip to the Post Office.

A third blog

Thursday, April 13th, 2006

Blogs for every occasion over here. I’ve just set up a blog to track my road trip around Europe with Ken.

The blog is imaginatively titled Adam and Ken’s Euro Road Trip and although unsurprisingly short on content at the moment, it’ll expand a bit (and maybe get a proper design) before we leave on the 5th of May, then expand a lot while we’re out there seeing the continent (Internet connections in our stop-off points allowing).

Check out the route overview map I did for the new site for an idea of the trip’s scale (route goes clockwise):

Adam and Ken's route around Europe

Stating the obvious

Tuesday, April 11th, 2006

This morning I had a look back at the BBC’s accessibility website and there was this link under ‘Accessibility News’: “Disabled people favour accessible websites“.

Talk about stating the blindingly (no pun intended) obvious.

Clicking the link led to a piece about some research carried out by AbilityNet (the people who work with the BBC on their accessibility site) giving an overview of a survey done that shows disabled people prefer websites they can actually read/listen to.

It’s obviously meant to be there as an encouragement for more developers (and clients) to realise that they need to account for accessibility in their websites, but the equivalent of a title saying “Footballers prefer to use round footballs than rugby balls when playing football”, or “Number one single quite popular” just makes it look silly.

On a more serious note, it’s interesting to note the percentage differences in accessibility of different types of website (e.g. they cite newspaper sites among the worst for accessibility, followed by shopping sites). While I’m dubious on how they give percentage ratings for something as intangible as accessibility (once you’re past the obvious code semantics and validity), it would be good to look further into the reasons for the differences in accessibility of certain types of website.

There are obvious reasons for some, such as newspaper sites being packed with a lot of content on every page that’s managed by hundreds of people where the potential for introducing glitches and accessibility no-nos is high, or shopping websites where there’s more interactivity required based usually on out-of-the-box software that’s stuck in old coding standards. I also have no doubt that aside from the problems of accessible code, the process of viewing/reading/being read a website has a huge bearing on the perceived accessibility and this is where things like code semantics and content order come into play.

37signals’ love of ‘less’ would probably help out someone viewing a website via screen reader or even those who just have poor eyesight and need the text a bit bigger: if some data isn’t necessary on every page, why is it there? Lose it. It only gets in the way and as you move across the spectrum to people with more severe disabilities, all that extraneous data gets more and more in the way, detracting further from the user experience and accessibility.

The problem with data clutter is that it’s often due to no-one having come up with a decent way of making data quickly availableto the user that sits on the borderline of ‘necessary’. One example is having a login form on every page of a site until you log in, then showing some logged-in data along the lines of “Welcome, Adam Perfect. You last logged in 3 days ago. You have 2 new messages….” once you are logged in. There’s a case to be made that the login form at least is useful to have on each page as a quick way to log in once you’re ready, but it’s not necessary for all the people who have no intention of signing up, let alone logging in.

Users would probably get along quite happily not having this stuff on the periphery of the content they’re trying to read as long as it’s very quickly available if they do decide they want to log in or see who’s online at the same time as them, or utilise any of the other data that they’re used to appearing on other websites.

AJAX is a nifty solution for able users, where you could have a ‘Quick Links’ button somewhere that can dynamically load in the extras either on mouse-over or with a click, but I’m pretty sure screen reader users would be stuffed at that point. It’s of course good practice to build in ’standard’ back-up routes to AJAX features for people who have JavaScript turned off, but then you’re making them load an extra page just to get a list of links or options. When research shows that desired information should be no more than a couple of clicks away at any time, requiring a whole page load just to show the options is a price you probably can’t afford to pay.

So after all that, you’d think I’d have a clever solution. Alas, it’s still morning and my brain isn’t up to it just yet, but I wanted to have a bit of a rant about the immaturity of web user interfaces in terms of accessibility as well as usability. A lot more thought needs to be done on how we can cater to the infinitely-sliding scale of our users without losing the quality of content for any of them as old techniques like separate, rarely-updated, text-only versions of websites used to do. A big ask methinks.

Apple Boot Camp

Thursday, April 6th, 2006

Now that they’re using Intel processors and after a group of hackers managed to get Windows running on an Intel Mac, Apple have announced Boot Camp. Boot Camp is basically a bit of dual-booting software for Intel Macs that allows you to choose between Mac OS X or Windows XP at boot-up.

It’s available now in beta and will come standard with the next major release of OS X (Leopard). I imagine it’ll do its intended job very well too - encouraging people like me who are still iffy on taking the plunge and getting a Mac to feel a bit safer in the knowledge that their new Mac can always fall back to XP when needed.

It’ll be interesting to see how XP compares in terms of performance on Apple hardware, but it has put the idea of getting a Mac Mini back in my mind to check OS X out.

I wonder if we’ll start seeing OS X able to run on non-Apple PCs now that the two operating systems can clearly be handled on the same hardware.

CSSViewer

Monday, April 3rd, 2006

Linked from CSS Beauty I found, as described by one user, “the most useful extension since web developer toolbar”. I’d potentially add Aardvark in there too, though the CSSViewer expands on Aardvark’s territory by outlining an element and listing the styling that’s been applied to it.

The new CSSViewer is extra handy for those occasions where for example you spot a well-used font on a site and rather than trawl through the CSS matching up a style with a tag, you just activate the CSSViewer and hover over it. The one thing it could do with though is Aardvark-style activation via the right-click context menu rather than having to use the browser Tools menu.

If you develop sites, get it now.