Paper Prototyping
16 years ago
Thursday, March 19, 2009
ABOUT THIS BLOG
This blog discusses different ranges of design such as Web 2.0, interactive design and information / instructional design.Also providing examples of these designs and leading resources.
FLOWCHART AND STORY BOARD
This is the flochart and story board for toasting pieces of bread.
This is part of the story board for plugging in the powerpoint blug into the powerpoint socket.
Thursday, March 12, 2009
Info / Instructional design
INFORMATION / INSTRUCTIONAL DESIGN
Definition:
Information / instructional design is a form of design that is to provide information to the user in a quick and effective manner. Information or instructional design is a design which is created and intended to supply a certain message or amount of information to a particular audience. An information design will usually have a hierarchy or special order in which objects/ information is to be displayed. Usually from most important to least important.
Information design is used to give some sort of navigation or a sense of what to do. For an information design to be a successful one it must be clear as to what is being communicated. Providing misleading information or having the design be a confusing one can cause the design to be a bad one. These types of designs can be expressed in forms from diagrams, to written instructions. but the aim is to provide a clean design so it can be interpretated and information can easily be taken from it.
Examples:
- Road signs (stop signs, traffic lights etc.)
- Maps, GPS
- Graphs, tables, diagrams, written instructions.
Image of information / instructional design.
Stop sign. Online, http://commons.wikimedia.org/wiki/File:Stop_sign.png, last acessed March 2009.
This example of the stopsign as an information design is a good one. This is because it clearly communicates the message to stop, whilst also being an instruction design.
Definition:
Information / instructional design is a form of design that is to provide information to the user in a quick and effective manner. Information or instructional design is a design which is created and intended to supply a certain message or amount of information to a particular audience. An information design will usually have a hierarchy or special order in which objects/ information is to be displayed. Usually from most important to least important.
Information design is used to give some sort of navigation or a sense of what to do. For an information design to be a successful one it must be clear as to what is being communicated. Providing misleading information or having the design be a confusing one can cause the design to be a bad one. These types of designs can be expressed in forms from diagrams, to written instructions. but the aim is to provide a clean design so it can be interpretated and information can easily be taken from it.
Examples:
- Road signs (stop signs, traffic lights etc.)
- Maps, GPS
- Graphs, tables, diagrams, written instructions.
Image of information / instructional design.
Stop sign. Online, http://commons.wikimedia.org/wiki/File:Stop_sign.png, last acessed March 2009.
This example of the stopsign as an information design is a good one. This is because it clearly communicates the message to stop, whilst also being an instruction design.
Thursday, March 5, 2009
IDesign
INTERACTIVE DESIGN
Definition:
Interactive design is the design of interactive applications which allow the viewer / user to have some sort of control or interaction with the product as well as gain feedback from it. Interactive design is usually built around a user interface where input is put in by the user and an output is supplied by the application being used. An interactive design relies highly on its interactivity with the user, its functionality, its aesthetics and overall usability of the application.
Examples:
Examples of interactive design are:
- CD ROMS
- DVD's
- the internet
Some internet examples are shown below
Colour tab. Online, http://www.colorjack.com/sphere/, last accessed March 2009.
Definition:
Interactive design is the design of interactive applications which allow the viewer / user to have some sort of control or interaction with the product as well as gain feedback from it. Interactive design is usually built around a user interface where input is put in by the user and an output is supplied by the application being used. An interactive design relies highly on its interactivity with the user, its functionality, its aesthetics and overall usability of the application.
Examples:
Examples of interactive design are:
- CD ROMS
- DVD's
- the internet
Some internet examples are shown below
Colour tab. Online, http://www.colorjack.com/sphere/, last accessed March 2009.
Colour pallet. Online, http://www.colorjack.com/, last accessed March 2009.
Both of these examples taken from www.colorjack.com are good ecamples of an interactive design. This is because they allow the viewer or user to become a part of the design. Hence, interacting with the design. As the colours are scrolled over, different amounts of information is revealed.
Web 2.0
WEB 2.0
Definition:
Web 2.0 is a second generation of web use. Web 2.0 gives users a more interpersonal experience rather than just the typical web page. Web 2.0 is a greater and more efficient way of people interacting with each other, and a greater experience is taken in by the user because of this interactive technology.
The term Web 2.0 was given by Tim O'rielly and a company called Media Live International.
Web 2.0 is seen as a networking platform. Web 2.0 allows users to run a wide range of applications which do not have to be installed pieces of software and can all be run from the one browser. User generated data is the main idea behind Web 2.0. This can be anything from blog pages, user profiles on bebo, myspace or even the information uploaded onto Wikipedia can be classed as Web 2.0
Examples:
Examples of Web 2.0 include such interactive blogs and etc. such as:
- Myspace
- Bebo
- Facebook
- Secondlife
- Hi5
- Tagged
- Wikipedia and the list goes on and on.
These are screen shots of both myspace and facebook which are web 2.0 applications.
Facebook homepage. online, http://www.facebook.com/, last accessed March 2009.
Myspace homepage. Online, http://www.myspace.com/, last acessed March 2009.
These are good examples of Web 2.0 applications because people do not only interact with the interface, but also other users, creating a much more personal experience for the viewer. Facebook and Myspace as pictured above, as well as those such as Wikipedia are some of the most viewed and used sources of Web 2.0.
Definition:
Web 2.0 is a second generation of web use. Web 2.0 gives users a more interpersonal experience rather than just the typical web page. Web 2.0 is a greater and more efficient way of people interacting with each other, and a greater experience is taken in by the user because of this interactive technology.
The term Web 2.0 was given by Tim O'rielly and a company called Media Live International.
Web 2.0 is seen as a networking platform. Web 2.0 allows users to run a wide range of applications which do not have to be installed pieces of software and can all be run from the one browser. User generated data is the main idea behind Web 2.0. This can be anything from blog pages, user profiles on bebo, myspace or even the information uploaded onto Wikipedia can be classed as Web 2.0
Examples:
Examples of Web 2.0 include such interactive blogs and etc. such as:
- Myspace
- Bebo
- Secondlife
- Hi5
- Tagged
- Wikipedia and the list goes on and on.
These are screen shots of both myspace and facebook which are web 2.0 applications.
Facebook homepage. online, http://www.facebook.com/, last accessed March 2009.
Myspace homepage. Online, http://www.myspace.com/, last acessed March 2009.
These are good examples of Web 2.0 applications because people do not only interact with the interface, but also other users, creating a much more personal experience for the viewer. Facebook and Myspace as pictured above, as well as those such as Wikipedia are some of the most viewed and used sources of Web 2.0.
Subscribe to:
Posts (Atom)
