I just sent this email to my mum, so she can send it on to some website owners – I thought I should post it here for reference as well. It concerns a couple of ‘rules-of-thumb’ that consistently piss me off.
Here are some resources concerning usability, accessibility and all-round best practice on the web for sites displaying a lot of information.
Firstly, in my experience there are a number of so-called ‘rules-of-thumb’ that are used to justify a lot of incorrect design decisions on the web. The first of these is the notion of the ‘fold’, a term that describes the content obscured by the fold in a newspaper. This is not applicable on the web – having to scroll (vertically) is not a problem for web users – they all understand how to do this. However scrolling should be done by the browser – a website should not replicate functionality that is already provided by the browser (another example would be ‘back’ buttons – users know and trust their browser to do this job for them).
The other false rule-of-thumb is that a user should be able to get to X in Y number of clicks. A lot of navigation has been massively overcomplicated to achieve this goal. More emphasis should be placed on the innate ‘findability’ of information on the site. Instead of thinking that the findability of a page is based on how many mouse clicks it takes a user (assuming that the user already knows the language, navigation structure etc of the website), a website owner should judge how ‘easy’ it was to find the page. A well thought out navigational structure, with appropriate in-content hyperlinks is always a better option than an overcrowded drop down menu.
Before any design occurs, I would recommend knowing exactly the structure of the information. Because information on the web is generally provided for the general public, it is always a good idea to structure the information that you provide in a manner that is useful for the general public. A lot of the time, I have found that this structure maybe contrary to what the website stakeholders think of is ‘normal’. An example of this would be a government website structuring information according to government department, when in fact it would make more sense to structure the information around the type of thing (e.g. Health, Education. Driving etc).
An easy way to find out how information should be organised is to perform some card sorting tests. These are simple little experiments that can be performed with varying levels of complexity, but the premise is this:
Repeat with X number of participants.
Once this is done, collate the information in a spreadsheet, and compare with the anticipated results. Easy!
There are some excellent resources on this technique:
Card Sorting: A Definitive Guide
Eurostar: A Case Study
A quick Google will give many results.
Only after this rudimentary experiment is completed should structure of the ‘information architecture’ occur.
I’m working on a project that required both sIFR headings for blog posts, and suckerfish-style drop down menus (use this instead of traditional suckerfish – it makes use of the JQuery library). Problem is, the drop down menus fall behind the flash movies that make up the headings.
Solution?
Add one line to your sifr-config.js file, thusly:
sIFR.replace(sifrMovieName, { selector: 'h2', css: {'.sIFR-root': { 'color': '#0076A3', 'background-color':'#D5E6ED', 'text-decoration':'none' }}, wmode: 'transparent' <-- This is the line! });
It works perfectly!
I thought I would post this for anyone else having the same issues that I was in working out if this card would work on a mac.
It does, but only with special drivers
The card is based on the Atheros chipset, not the Broadcom chipset that OSX recognises as an Airport card. Which is why the special drivers are required.
EDIT/NEWSFLASH etc.
OK, I discovered that you can get an Atheros chipset based wireless card working in your mac, albeit with only WEP encryption (for the time being at least).
From Insanely Mac
Checked with 10.4.8/.9, gives you a 100% airport extreme experience.
For use with 10.4.10+ you need to copy the kext from one of the previous versions. You can get it easily by downloading Apple’s 10.4.8 update, then using Pacifist to extract the IO80211Family.kext
I now get the cool Airport icon in my menubar, on my G4 Quicksilver 733, running Leopard. Huzzah!
I took this from an old post of min on ‘easworld’:http://easworld.org that we are shifting. I forgot about this cool technique
I don’t do much image editing, and when I do I tend just to move the little sliders around when I want to make an image lighter or brighter.
My mum, however, sent me these tips and they work BRILLIANTLY.
Thanks mum :)
And it will look a zillion times better than doing it any other way.
These are of course directed at Mac users, but windows keystrokes are pretty similar.
Here’s a video of Sam and Tom Thumb showing up DJ Shadow on his recent tour.
That’s how it’s fucking done!