1. Obtain bread
2. Turn on Toaster
3. Set desired settings
4. Place bread in toaster
5. Pull leaver
6. Wait until toasting is complete
7. Is bread toasted enough?
8. Prepare
9. Eat
Flow Chart
Tuesday, March 17, 2009
Planning Tools
Cooking Toast
1. Obtain bread
2. Turn on Toaster
3. Set desired settings
4. Place bread in toaster
5. Pull leaver
6. Wait until toasting is complete
7. Is bread toasted enough?
8. Prepare
9. Eat
Flow Chart
1. Obtain bread
2. Turn on Toaster
3. Set desired settings
4. Place bread in toaster
5. Pull leaver
6. Wait until toasting is complete
7. Is bread toasted enough?
8. Prepare
9. Eat
Flow Chart
Tuesday, March 10, 2009
Information/Instructional Design - Examples
This is one of the most famous Infographics in history. It represents the losses of Napoleon's armies during his Russian campaign. The viewer can understand the graph without reading any of the data.
An example of good Instructional Design is the graphic created for the London Underground rail service. The graphic presents the necessary information but arranges it in a visually appealing manner that draws the viewer in.
An example of good Instructional Design is the graphic created for the London Underground rail service. The graphic presents the necessary information but arranges it in a visually appealing manner that draws the viewer in.
Information/Instructional Design - Definition
Information Design
Information Design is a way of expressing vast amounts of data in a comprehensible manner. This can be done by creating accurate, easily translatable and retrievable visuals that explain the greater whole.
Edward Tufte, a forerunner in the development of Informational Design says that infographics should entice the viewer into reading the data rather than merely observing the design. This type of design should present a clear purpose and not manipulate and distort data. It should also bring meaning to large sets of data which were previously incoherent and allow the users to understand the relationships between sets of data.
Instructional Design
Instructional Design shares similar characteristics with Informational Design in that they both convey information in a more comprehensible manner than what it would be if it were purely text. Similarly, Instructional Designs purpose is to assist the user achieve a greater goal, this may be via directions or instructions etc.
Instructional design is created for the user and is tested to meet these conditions;
1. The information is physically accessible
2. The information is comprehensible.
3. Users are comfortable with the presentation of the information.
Information Design is a way of expressing vast amounts of data in a comprehensible manner. This can be done by creating accurate, easily translatable and retrievable visuals that explain the greater whole.
Edward Tufte, a forerunner in the development of Informational Design says that infographics should entice the viewer into reading the data rather than merely observing the design. This type of design should present a clear purpose and not manipulate and distort data. It should also bring meaning to large sets of data which were previously incoherent and allow the users to understand the relationships between sets of data.
Instructional Design
Instructional Design shares similar characteristics with Informational Design in that they both convey information in a more comprehensible manner than what it would be if it were purely text. Similarly, Instructional Designs purpose is to assist the user achieve a greater goal, this may be via directions or instructions etc.
Instructional design is created for the user and is tested to meet these conditions;
1. The information is physically accessible
2. The information is comprehensible.
3. Users are comfortable with the presentation of the information.
Interactive Design - Web Design Examples
An example of a highly interactive website is http://www.eatbetteramerica.com/ which is an informative website that contains statistics, recipes, trends etc but allows the users to access this information in a number of fun and interactive ways.
This next example is from the www.Creaktif.com website created by a graphic design studio and is a brilliant piece of interactive design.
This next example is from the www.Creaktif.com website created by a graphic design studio and is a brilliant piece of interactive design.
Interactive Design - Definition
Interactive Design is classified as the relationship between the user and the system that they are interacting with. This interaction can be one to one such as the case of email, one to many apps like myspace, facebook or blogs and even many to many software.
This type of design focuses on the behavior of software and how users interact and make connections with the application.
IxDA.org says that "The success of products in the marketplace depends on the design of high-quality, engaging interactive experiences. "
IxDA also lists a number of hallmarks of good interactive design, these include:
This type of design focuses on the behavior of software and how users interact and make connections with the application.
IxDA.org says that "The success of products in the marketplace depends on the design of high-quality, engaging interactive experiences. "
IxDA also lists a number of hallmarks of good interactive design, these include:
- effectively communicates a system's interactivity and functionality
- defines behaviors that communicate a system's responses to user interactions
- reveals both simple and complex workflows
- informs users about system state changes
- prevents user error
Tuesday, March 3, 2009
Some examples of Web 2.0
As mentioned in the previous post, an example of Web 2.0 would be an application such as Flikr which allows the mass upload and distribution of photos to millions of other users worldwide. Another example would be BitTorrent. In web 1.0 a user may download an mp3 from one source where as with a BitTorrent file, a number of users, or "seeders" share the upload for others to download.
An example that most users of the internet would be farmiliar with would be Wikipedia. Wikipedia is an online encyclopedia thats information is not restricted by the contribution of selected persons like the original Bratanica Online is. Anybody and everybody that has an internet connection can contribute to the ever expanding online encyclopedia.
We see examples of Web 2.0 everyday that we browse the internet, many people are just not aware of this.
Wisdump has rated a top ten list of Web 2.0 sites.
1. Myspace
2. Wordpress
3. Flickr
4. Youtube
5. Revver/Metacafe
6. Newsvine
7. Yahoo
8. Digg
9. Skype
10. Facebook
An example that most users of the internet would be farmiliar with would be Wikipedia. Wikipedia is an online encyclopedia thats information is not restricted by the contribution of selected persons like the original Bratanica Online is. Anybody and everybody that has an internet connection can contribute to the ever expanding online encyclopedia.
We see examples of Web 2.0 everyday that we browse the internet, many people are just not aware of this.
Wisdump has rated a top ten list of Web 2.0 sites.
1. Myspace
2. Wordpress
3. Flickr
4. Youtube
5. Revver/Metacafe
6. Newsvine
7. Yahoo
8. Digg
9. Skype
10. Facebook
What is Web 2.0?
The term Web 2.0 refers to the second stage of the world wide web. A stage of interactivity and communication amongst millions of users. It was in 2004 at a conference hosted by O'reilly Media that it was suggested that the internet was evolving with changing rules and business models.
Web 2.0 allows the end user to have much greater participation within online applications. For example, through the kodak online store a user can upload and print their images, this is an example of web 1.0. A web 2.0 application such as flick allows for the mass uploading of images from multiple users that can be shared and viewed by millions of others.
Essentially Web 1.0 is designed for computer interaction to make technology more efficient while Web 2.0 can be interpreted as designed for the users, allowing more connectivity and interaction.
Web 2.0 allows the end user to have much greater participation within online applications. For example, through the kodak online store a user can upload and print their images, this is an example of web 1.0. A web 2.0 application such as flick allows for the mass uploading of images from multiple users that can be shared and viewed by millions of others.
Essentially Web 1.0 is designed for computer interaction to make technology more efficient while Web 2.0 can be interpreted as designed for the users, allowing more connectivity and interaction.
Subscribe to:
Posts (Atom)
