Filed under: Week 5: Design principles
CRAP is an acronym for the four basic design principles;
- Contrast
- Repitition
- Alignment
- Proximity
This weeks blog gives a critique of http://www.cit.ie
Contrast
This website uses the traditional black text on a white background while the footer is inside a light blue section making it very easy on the eyes and also appealing. There are two types of links. The top navigation and the navigation links on the left highlight the section of the link once it is rolled over, while the links to news items and events underline once they are rolled over.
Repititon
This website has a lot of repetition but useful repetition. The header is repeated throughout each page as with the colour scheme of a white background and black text. This signals to the user that they have not left the website.
Alignment
The website is split into different table sections so as to keep it aligned. There are at least nine sections on the homepage while the website uses left aligned.
Proximity
In terms of proximity, all related areas are located close to one another. In this case there is a consistent navigation bar on the left while the homepage is split into section for news, events and useful links, making the website easy to use and navigate.
References
http://www.myinkblog.com/2009/03/21/4-principles-of-good-design-for-websites/
http://designerside.com/article/four-basic-design-principles
Find out more on the Crap principles http://www.screenspace.org/?p=80
Filed under: Week 4: Kevin Kelly's Speech
This week’s blog focuses on the speech given by Kevin Kelly on the World Wide Web. One point that I found interesting was the statement that Kevin Kelly made about the Web, “It’s the most reliable machine ever made…..zero downtime”. This interesting as in the end the Web is a machine, man made and there to serve a purpose. The Web is one of the most complex machines ever made, always on with no interruptions which is astounding considering our reliance on the Web.
The second point I found interesting which ties to my first point is the reliance on the Internet since its inception over the last 5000 days and the vast functionality it exibits.
References
Watch the video @ http://www.youtube.com/watch?v=yDYCf4ONh5M
Filed under: Week 3: Government website accessability analysis
This week’s blog assignment was to select a public website from the list located at http://www.gov.ie.en/sites and discuss the site’s accessibility with regards to
• Tools
• Layout
• Design
• Structure.
After looking at the list of government pages I decided to choose http://www.irishrail.ie as the chosen website. I did this because the Irish Rail website is one that I have used before and therefore I can look at it from an ordinary customer’s perspective. The Irish Rail website is used for people traveling on rail services including the dart whereby they can access timetables, news, prices and also book tickets.
Tools
This webpage has been adapted so that users using screen reader software can easily access timetables in a more structured, user friendly and efficient manner while also have a link for visually impaired users. While this is excellent, you have to ask the question could they not have incorporated these into the main page instead of having to be taken to a new page to avail of this service.
Layout
This site is generally well laid out due to being divided into sections. On the left there is a navigation links, Reservations and Times section to the left center incorporating a form, the right center has a fare details section however this is more of a promotion section as this information is not interactive. The right hand side has a travel alerts and news section which is well laid out.
Design
The website is well designed incorporating the colours green and white which are the colours of the inter city trains. The only issue I have with regard to the design of the website is the links. There are links on the left for home, my account, fares, timetables and more information. While on the bottom there are links to external websites that may be of benefit to rail users such as hotels in Ireland. None of these links are immediately identifiable as links as both sets are images and the links on the left have a downward facing arrow that suggests a dropdown box. However all these links do have a description when they are hovered over. There are further links on the right which relate to various travel news items while a different colour has been defined for rollover but not for visited links.
Structure
In terms of structure the web designers have done a great job. The website is user friendly and easy to us while also being accessible to disabled users.
This is a well organised Web site that makes it easy and intuitive for visitors to find what they want. The easier a website is to use, the longer users will stay at the site, and the more they’ll see of it. Good website structure also makes it easy to grow the site logically.
Finally in most areas of this site, every page is no more than two levels deep from the home page (i.e. it takes not take more than two clicks to go from the home page to every other page).This is a great structure as otherwise, the search engine spiders may not index all the pages.
References
http://www.irishrail.ie
http://www.buildwebsite4u.com/building/structure.shtml
http://www.gov.ie/en/sites
Filed under: Week 2: Web Design and the 5E's
Nowadays it is easy to produce a website with the emergence of programs such as dreamweaver. Previously hardcoding websites may have been hard or at least extremely time consuming but now with these new programs that generate most of the basic website code for you, there is no excuse for not having a website that is user friendly, well laid out and has a high degree of usability.
In order for a website to be of high quality and satisfy its target audience it must conform to the five E’s of website design. These suggest a website must be,
- Effective
- Efficient
- Engaging
- Error Tolerant
- Easy to learn.
While there are many websites on the web that do not conform to these, http://www.yvettesbridalformal.com has to be mentioned.
The first thing that I would mention is that it is by no means easy to learn. The website is filled with different colours, links scattered throughout the page and hideous backgrounds. If it wasn’t for the URL of the site, I would struggle to come to the conclusion that this in fact is a bridal boutique. There are also none of your basic links such as about us , while the text of the page that isnt’t( but still look like) links seems to be mostly English however there is some degree of French and philosophical quotes thrown in for some reason. Running through the different links will only add to your confusion as every page seems to be as hard to understand as the next. When you eventually find something on the page that is worth reading there is a moving image moving across the screen.
This site is by no means effectives it does not serve its purpose. Target customers will not revisit the site and probably not stay on the site long enough to avail of any useful information that may be available on the site. The only information of any use that I could find on the website which I am assuming is a bridal boutique was there opening hours whereas the map to the store one would assume is a joke!!!
Yvette’s website is seriously lacking efficiency with the layout of the page and the links. While there is no reason for all the images, the moving image has no relevance to the boutique whatsoever. Furthermore each page plays a different song through a plug-in which is a waste of resources.
The last point I would like to make about Yvette’s is would you shop here with the extreme unprofessionalism that they have displayed through their website?
References
http://www.yvettesbridalformal.com
http://www.websitesthatsuck.com
Filed under: Week 1: Douglas Engelbart
Dr. Douglas C. Engelbart was born 30/01/1925 in America where he became an inventor. World War II had a significant impact on Engelbart’s life for without him being drafted into the navy he would never have read Vannevar Bush’s article “As we may think”, this article significantly opened up the mind of Engelbart where it predicted technological creations and advances in areas such as hypertext, personal computers, the Internet the World Wide Web, speech recognition and online encyclopedias. Having read this article Engelbart returned to college where he obtained his Ph.D in Electrical Engineering and Computer Sciences.
Engelbart was an entrepreneur at heart and set up his own company Digital Techniques having taught in UC Berkeley for a year. This company focused on the commercialisation of his research on storage devices however he felt that his career goals were not over stretching and over the next months decided to, (1) focus his career on making the world a better place, (2) any serious effort to make the world better requires some kind of organized effort, (3) harnessing the collective human intellect of all the people contributing to the solution was the key, (4) if you could dramatically improve how we do that you’d be boosting every effort on the planet to solve important problems, and the sooner the better (5) computers could be the vehicle for doing all this.
Engelbart having read the article “As we may think” and also his experience as a radar technician in the navy was aware that meaningful information could be displayed and analyzed on a screen. He suddenly envisioned intellectual workers sitting at display ‘working stations’, flying through information space, harnessing their collective intellectual capacity to solve important problems together in much more powerful ways. It is imperative to note that this was a time where computers where viewed as tools purely for number crunching however Engelbart was not of the same opinion and this was to become his life goal.
Engalbart’s research team at his Augmentation Research Centre developed many of his ideas including an On-Line System(NLS), bit-mapped screens, the mouse, hypertext, collaborative tools, and precursors to the graphical user interface among others. Engelbart’s NLS system was the first to successfully implement hypertext and has a significant impact on even the web pages we use today.
In 1967, Engelbart received a patent for the first computer mouse. He never received any royalties for his mouse invention however it was learned that the Stanford Research Institute licensed the mouse to Apple for $40,000, a figure which Engelbart believed well below the inventions worth.
Whereas Engelbart saw the future in collaborative, networked, timeshare (client-server) computers ,others did not, this in turn led Engelbart’s to become parted from his best researchers which in turn led him to leave his organization for Xerox, in part due to frustration, and in part due to differing views of the future of computing.
In 1988 Engelbart founded the Bootstrap Institute where he enjoyed similar success to that at his Augmentation Research Centre, developing a more modern user interface while also participating in a larger program addressing the IT requirements of the Joint Task Force.
Engelbart not only foresaw the power of computing but invented many of the computer components that we use today. Without Engelbart, a true genius in the computing field, it is hard to imagine what the world of computing would be like today.
References
http://en.wikipedia.org/wiki/Douglas_Engelbarthttp://en.wikipedia.org/wiki/As_We_May_Think
http://en.wikipedia.org/wiki/EECS
http://sloan.stanford.edu/MouseSite/1968Demo.html
http://news.cnet.com/2300-1041_3-6248261-1.html
Thomasbis4's Blog 