Visual Check of Website Images

Use THIS website to check websites for usability by visually impaired users. The site offers the facility to siimulate colour dificiency problems so, you can see your site the way a 'colour blind' person would. Rather interesting on the whole!

Visual Check of Website Images

Use THIS website to check websites for usability by visually impaired users. The site offers the facility to siimulate colour dificiency problems so, you can see your site the way a 'colour blind' person would. Rather interesting on the whole!

Web Design Methodology

Jakob Neilsen - again. Paper prototyping as a method for avoiding costly changes to code after full implementation - do the design on paper first! (wow - who would have thought of that??)Actually, these are often created on Photoshop etc and printed out. So, the graphics package is giving your user a really attractive, computer generated, visual impression that looks much like the final product might look.

Furthermore, the suggestion is that a prototype - even when it is coded - doesn't have to contain full functionality. So, for example, an asp or php site with dynamic content would not have to be functional - just pretty enough to convince the client.

Many of the observations on this are similar to what was learned/discussed during Warren's module. The waterfall model is slow but reliable, the spiral method is quick and effective but costly and labour intensive etc etc.

OBSERVATION: Based on my own experience I have found that clients, since they often know very little about web design themselves, are quite happy to accept your recommendations, assuming your designs look impressive enough. Therefore, the purpose of prototyping or other design methodology is simply to ensure that you, the designer, end up with the best possible site in the most efficient manner.

The Times - Web Design?

In the section on 'Local Government' written by an unknown columnist the following points are made to advise Local Government (councils) on web design:
1. Don't try to control content - instead, concentrate on the presentation of the content within an accepted style. The example cited is at Shrewsbury council
2. Scrap printed leaflet entirely - good advice but not relevant to web design.
3. Consolidate the efforts of several councils into one 'mega site'. I wonder if this is such a good idea - bearing in mind what I have observed elsewhere that sites get very difficult to present and difficult for the user to navigate as the level of content increases.
4. Make even serious content engaging. Best advice so far. Check our Salford City Council. Not only do they have a 'ghost cam' on their site, there is also a section about the history of the Eccles cake. Serious point - on the ghost cam forum page they have contributors from the Netherlands! Thanks to that one 'daft idea' Slaford council are getting their services known as far away as Rotterdam! Great idea.

Observation: Although I am not sure about creating 'mega sites' (I don't like hypermarkets either) I think the idea of making some areas of even a serious site attractive to users is a good one. Get people onto the site and they will look around as well. This technique worked for me too. On the school website I run there is a notice board for staff to communicate with pupils (boring. . . .) a chance for pupils to do homework online (boring. . . . .) and a bulletin board / BLOG where kids can chat. Loads of pupils log in to chat on the bulletin board - and stay long enough to read the messages and do the homework. BINGO!

The Times - WIKIS

The Times newspaper on the 11th April - An article, written by Richard Susskind (an IT advisor to the Lord Chief Justice and Honary Professor at Gresham College) suggests a new use for WIKIS. (BTW - the term wiki comes from the Hawaiian work wikiwiki - meaning quick!)

His suggestion was around the way WIKIS could be used by the legal profession to gather and summarise a body of legal knowledge about specific, and sometimes obscure, areas of the law. If lawyers were only willing to work collaboratively on this the body of knowledge thus built up could be of enormous value to all - both lawyers and clients.

His suggestion builds on what anthopologists tell us - that the primary difference between man and the animals is that we seek to pass on our knowledge, gained through study and experience, to the next generation. Do WIKIS offer a way for this to happen even more effecively in the future? Could WIKIS in fact alter the whole fabric of our society by making the passing on of knowledge more effective than previously?

Check your site is W3C compliant!

Just in case anyone actually looks at this BLOG! Use the following links to check your own site for compliance with W3C ideals. There are checks for both html and css.
CSS Check
HTML Check
Very well worth checking these sites out. I eventually got my front page to pass and am working on the others.

Meditations on a Learning Objective theme.

Now that I am starting to compile my BLOG and WIKI material (plus lots more) into my web pages for assessment it occurs to me that structuring these as 5 separate entities may not be the most convenient way of doing this.

Looking at LO2 shows that if a thorough job is done of LO1, many of the points have already been covered. A different structure in which several learning objectives are referred to by one set of material may work better?

Thoughts on a postcard to the usual address please!

More CSS and ASP!

Yesterday's session was mostly practical based and I certainly made some progress with my website layout and the process of importing information from the WIKI etc. We looked at navigation layouts using CSS. I'm very much inclined to agree that there is no need for images - coloured bars that change on mouse-over are extremely effective. So, check my previous post and link to the site. Have a look and comment - what do you think?

BTW - I have been working more on my 'commercial' site (the one I run for the school) and playing around with ASPs some more. I discovered something really powerful! It is quite posible, with minimal alteration, to take a query straight from ACCESS and paste the SQL into the 'advanced' window of the Recordset window in Dreamweaver. This overcomes the cumbersome and restrictive nature of the query developer that Dreamweaver offers and lets you do more or less whatever you want - as long as you can get the query to run in Access. As far as I know this is the only way to draw together information from a relational database. Try it out - or respond to this post if you want more info!

CSS Latest Developments

The latest is that My website is now looking more like it should. There are pages in place that will hold the content already on the wiki and more! (To claim a grade for the learning outcomes.)
Also, I have now settled on a layout that, apart from some minor tweeks to colours, is one I am happy with. Check it out and comment - tell me what you think.

Web Content Accessibility guidlines.

At last - the holy grail (or should that be the Bible) of web design. W3C issue guidelines on web design.

There is no need for me to go over what this organisation advises - just click the link! However, their 14 point list seems to make sense. Two of the most interesting issues arise in their section on "Themes of accessible design".
1. Ensuring graceful transformation - That is, making sure your pages are usable despite physical contraints. Key points here include separating structure from content, making text available (esp alterntive to images etc), providing information that makes the page usable even if the user can't see it (text description etc) and pages that don't rely on set hardware. This point is especially interesting! ie. Don't rely on all users having a mouse!
2. Making content understandable and navigable. Making text clear and understandable, avoiding navigation or information that is too dependent on graphics/video.

Many of these points seem aimed at users who have a visual handicap. The best place to look for further guidance on this is theNational Federation of the Blind

Web Usability - Specific Issues - Accessability

First - More on Usability:
Eg1:Offermatica claim to be "the leader in website marketing tools and services" and claim that their service can add millions to revenues for online companies.
The aim of this company is to turn visitors into customers. A worthy aim but not entirely relevant to all websites. After all, much of the 'net is about information. The service Offermatica offer seems to be mainly about an effective way to allow designers to make subtle changes - then monitor the effect these have.
This sounds rather like 'suck it and see' and would seem to be a good way of working.

NOTE: On a personal level I did something similar. I checked the web access logs my ISP creates to see which pages visitors were looking at. I them modified the navigation 'bar' (created a nifty FLASH graphic that served the purpose). Two weeks later I checked the logs again and noted a very obvious increase in the number of visitors accessing ALL pages (as opposed to looking just at the first one or two).

Eg2:Vincent Flanders Web pages that suck! Sorry - I think the layout of his page does rather (suck that is!). However, his site is one of the few that are not immediately commercial (ie. trying to sell you a service to 'improve' your website). His ideas are mainly quite personal - the one he rants about most is what he calls MMN (mystery meat navigation) ie. Graphics that change to words/links when you 'mouse over'.
Interestingly, this example is cited by Flanders as a 'bad' case of 'mystery meat' and poor text contrast. If you look at it now there are some fairly obvious changes. Perhaps they listened to him!!