Thursday, March 19, 2009

Moodboard Toast


Moodboard created for Description Below
Johnny Smith:
John is a 75-Year-old retired carpenter who still enjoys hikes in national parks and ridding his Harley-Davidson. He looks forward to the local club raffle and a catch up with the boys on a Thursday evening. He also enjoys playing bingo, listening to local radio and watching old western movies with his wife Jill. As he gets older and has to be visit the hospital more often, he prefers quick and efficient healthcare with simple, bold instructions and hospital signs. He aims to enjoy the rest of his life traveling a little and spending time with family, especially his grandchildren.

Monday, March 16, 2009

Storyboards



This slide shows the development of an interactive site that teaches one to make toast.
In this slide we see how the information is going to be displayed on a piece of bread. The knife is the 'cursor' or what is used to go to the next page. This is used as a navigational device.

As seen underneath the piece of bread and knife, there is a toolbar that promptly tells the user which step they are up to. This is another navigation device, as the use may choose to skip ahead a few steps if they please.




This second slide displayed shows the set up when you have past the first step or have gone past the beginning/home page.

In this slide we see how the butter is where the information is placed. A 'Splat' of butter has fallen off the knife and acts as a 'back' button, allowing the user to back-track to the last step if they didnt understand or missed a step.

This navigational option is useful as it gives the user the chance to change the pace at which they are learning to create toast, or to immediately skip forward/backward.

When the user goes to the next step the knife once again comes down and spreads the butter, adding information for the next step. The knife acts as a way to 'remove' the last page of information so that it does not clutter up the space in which the information appears. This is for the users benefit.

Tuesday, March 10, 2009

Information/Instructional Design

Information Design is defined as taking complex data and being able to explain and visually represent this information. When data is not presented in a proper way, the audience usually cannot comprehend or care for the information. Information design is sued by many different companies and businesses to visually show information without confusing clients. Data is not always clear and can usually seem like a page of text. one main point of information graphics is to add clarity to the information, enabling a better understanding. a simple example of this can be a graph representing information about a company.

Although graphs are a form of information design, there are many different ways to represent information. These are considered information graphics. These may range from Street Signs, Shop Signage or even bus and train maps. Each example has information that is being displayed graphically.

Instructional Design is the design of creating a form of educational aid to help with learning. These aids are used to teach and can be enhanced by technology to help further the learning process of the user. I.e., A video may be produced to show the user how to use an item. The need of the user is taken into account to further aid the user in achieving their goal that is required at the end of the instructional device. This is important because information found in instructional devices that are strictly text only may not give the user the correct instruction. Visual aids are usually used to show the user how something may be done.

Examples of Information/Instructional Design:
  • Street Maps
  • Road Signs
  • Graphs
  • Instruction Manuals
  • Store Signage

Interactive Design

Interactive Design is the use of digital mediums and interactivity to present information clearly. The design is dependent on who the use is as it affects the amount of interactivity and how much information is needed. Much like instructional design, the use of interactive design can allow for instructional devices 'move' as one desires. The program that is used to represent this information responds to the user.

"The difference that defines interactivity can include the amount of control the audience has over the tools, pace, or content; the amount of choice this control offers; and the ability to use the tool or content to be productive or to create" (Shedroff)

Several properties of interactive design are:
  • interactivity
  • information architecture
  • time and motion
  • narrative
  • interface
Great Web Design Examples:

  • Chris Erickson: This site is a great example on interactivity. Chris Erickson is a designer that also works in interactive sites. His site utilises the idea of information being managed well. The site itself moves to the users choice of topic. It is a very simple design but effectively allows for the user to move around the site with ease and with minimal amounts of confusion. http://www.kindnessandhumility.com/

  • Vitanews: Although this site is not featured in English, it is another great example of an interactive web design. The information is posted inside the 'boxes' that are displayed on the front of the screen, when the user chooses a certain box, the box unfolds revealing the information inside. http://www.designsul.pt/

Wednesday, March 4, 2009

Web 2.0, An Elusive Definition

Web 2.0 was originally a term coined by MediaLive International and Tim O'Reilly. Web 2.0 is a more user orientated and interactive device for its audience. To understand this, there bus me an understanding of Web 1.0.

With Web 1.0 a majority of information that has been uploaded, was composed from only a small about of users. This differs from the use of Web 2.0 which allows for multiple users to create content, and upload their own information. An example of this would the the shift from using Britannia Online - an encyclopedia that was edited and monitored from a single client - to Wikipedia, another information site that can be edited by numerous users to verify and change information. The main distinguishing difference is that the users that verify information on Wikipedia are also the consumer/community.

Web 2.0 looks to the audience to create its own content such as comments, blogs, videos and photos. It encourages the user to give feedback and their input to a certain post. Allowing for further redevelopment. Web 1.0 was information displayed to the Audience and users of the internet. While in Web 2.0 information is uploaded from the user instead of from a central 'Authority.'


Examples of Web 2.0:
  • Blogs: A shortened version of the term 'Web Log.' Blogs are considered a form of Web 2.0 as seen from the 'posting' which can be further commented by other users who are reading the blog. Web 1.0 had an equivelant to this but it was a simple webage. It did not allow for user feeback from the readers. Yochai Benkler calls the 'feedback' given to an authors post - also known as commenting - a weighted conversation. The audience has an opinion and was able to display this.

    "since, 'blogs enable individuals to write their Web pages in journalism time - that is hourly, daily, weekly - whereas the web page culture that preceded it tended to be slower moving"(Benkler, 2006, p.217).

    Blogs allowed for the content create to upload, change and add information whenever they please, even on a daily basis adding new information, but Web 1.0 pages were updated on a slower basis.

  • Wikis: a shorthand version of the name 'Wikipedia.' This site has grown at a massive rate and is chosen as the new website to which most people on the internet will get their information. This is considered Web 2.0 because the user creates the information from their knowledge and edit the website. This differs from the early development of the web because the users are able to upload information. Once again using the example of Britannia Online, the information is given and there is no way to change that. But on Wikipedia the users are able to change the information if it is incorrect, or has been proven otherwise. This causes problems as not all sources can be reliable.

  • Youtube: Youtube is just one of many different kinds of multimedia sites used to share and exchange content. This is now a very big part of Web 2.0 possibly big enough to add to its definition. Many people use videos, podcasting and photographs on the internet. Since users can upload all sorts of multimedia, the audience is also able to contribute to that information and add feedback to the new multimedia.