Skip to main content

A Tale of two Sites

Lately I've been contributing to charities using their websites to donate money directly - rather than hand money to a chap on the street. 
The experience has been interesting to say the least. As you would expect, some websites are poorly designed, unnecessarily complicated and make it very difficult to donate. One website I used was actually misleading - getting the user to set up a monthly subscription when the user thought they were going to make a one off payment (if you didn't see the check box with the small print..). 
Most website design guides focus on layout/composition, colour, texture, typography and imagery.  Modern web designs will have you focus on social aspects - such as design for sign-up, on-going participation, collective intelligence and sharing. I'm not going to dig into these topics (it's easy to look up) - but the good and the bad are exemplified in the two examples I've chosen to illustrate the experience.


I will apologise here for making an example of the bad (the Leukemia & Lymphoma Society) - but in doing so I hope this will be seen as constructive criticism that will have a material effect on direct website donations. 


Remember: my objective is to donate money, quickly.


The Bad:  Leukemia & Lymphoma Society


This site is confusing. The site serves 4 purposes - informs users,  get donations, get visitors involved and providing practical support for sufferers of blood cancers. 







I'll highlight some of the main issues
  • Objective: the intentions of the site are hidden or downplayed.  The "Donate" and "Resource center" links do have a prominent place on the page - but are easy to miss and could be better promoted.
  • Readability : small font, small controls, poor contrast and branding all affect the readability of the site. The multi-toned brown background with blue text serves no purpose and detracts from the readability of the text.  The tiny navigation controls are a challenge for anyone using a mouse (never mind a finger on a tablet or phone).
  • Structure: there is no page structure and information is arranged haphazardly across the page. There are no clear regions on the page for the 4 objectives of the site. 
  • Content: the content on the site is misplaced. First the "contact and information specialist" - sits in the middle of the page - (when on most sites it would be at the bottom) - and there is no clear indication of why you need to contact a specialist. The second issue is the news feed - that mixes up genuine news with requests for users to get involved.
  • Social: Focus on sharing or communicating to others is a small icon bar at the foot of the page. 

Once you click the Donate link - you are navigated to a second page full of text and links. Unfortunately the donate page reads like a contract. 
True, there is more to giving than through an online donation - but how much do you lose by forcing the user to read through this and click again to donate? 
All that text makes the site less engaging. 



The Good : Water.org


By contrast, water.org is a much simpler and easier to use site.







  • Objective: clearly identified with two large buttons on the top of the screen - "Donate" and "Get Involved". 
  • Readability : big font, big controls make this site easy to read and navigate around. branding is kept to a minimum and does not dominate the page or style.
  • Structure:The page cascades down giving you more information as you work down the page. The page is laid out like a tabloid - with the headline dominating the center of the page, and the lower half of the page being simply structured in 3 columns.   
  • Content: the content on the site is well structured. The 3 columns have a clear purpose - facts, news and follow on actions.
  • Social: The foot of the page is dedicated to sharing. the badge is large and difficult to miss. It boldly says "Follow Us" and asks you to engage.

















When you click the "Donate" button on the page - you are taken to a page to capture your credit card details to make a donation. Simple. 
Instructions to donate by other methods are also displayed on the screen.






Design matters in everything. Whether the site is an internal intranet or a public site - take time to focus on the objectives of the site and try to incorporate the good elements of web page design. Don't try to inflict your personal or corporate style on others if that detracts from the objective of the site.





Popular posts from this blog

How to get the BBC iPlayer running when you live outside of the UK

(subtext: Get the World's most famous detective on your favourite browser)

The new series of Sherlock has started on the BBC. If you live outside of the UK and you are too impatient to wait for your local TV content provider to host it for you - then fear not !! These simple instructions will get you up and running. In addition to the iPlayer you can access most of the other UK TV channels using the same method. Note: you can use the same method to access content in other countries - such as Hulu in the U.S.

How it works:  In simple terms, the BBC iPlayer, like other players, perform a check to determine whether your internet access is originating from the UK.  So the trick is to ensure that your access to the BBC website will originate from the UK.



First you are going to use a free piece of open source software that was designed to keep your internet access anonymous. You will add a setting that will ensure that the software makes use of servers in the UK whenever making requests…

Watch the BBC iPlayer and ITV Player when outside of the UK on Ubuntu

This is a follow up to my post of a year ago. The instructions are simpler than last year's post. If you want instructions for the Mac go here.

I re-imaged an old laptop last year with Ubuntu (12.04 LTS).  If you've never tried Ubuntu before, head over to http://www.ubuntu.com/download  to try the latest version. The installation is straightforward and you can install it without affecting your Windows image (if that's what you're running). Not only is this fast (boots in seconds) it also has better support for a wider range of devices - specifically Wifi.

To run the BBC iPlayer on Ubuntu, do the following...

Step 1: Download tor from this site : https://www.torproject.org/.  The download button should detect your operating system. For Linux the direct link is here. Alternatively you can use the command line and enter sudo apt-get install tor.

Step 2: Unpack the tor tar.gz file. Open the folder that was extracted. On my machine it's called 'tor-browser_en_US'.…

Use a Beacon to check in guests and share Emergency info

I had to put together a simple demo that uses a beacon to check in a visitor and share Emergency information, such as Fire Exits in the building, with the user .
(Note: this isn't the best way to check in a guest - but this was the request).

Most beacon demos require some native coding - but this approach favours configuration over coding so that you can get a concept working quickly before spending time on a native app.

What you will need
1. A Google account
2. A Beacon - I used a beacon from Bluecats (https://bluecats.com/)
3. Any iOs device (OS 8+) or Android Device with Google Chrome installed

How it works
You will set up the Beacon set up to emit a static URL using the Eddystone protocol.
The URL will navigate the user to a Google Web Form. You can use any URL (your own website if you want) but it must be using HTTPS.

Any device with BLE support, with an appropriate receiving app, will pick up the URL.  But therein lies the problem ! Most guests will not have the native app and…