Here are three frames from my storyboard draft for how i would anticipate designing instructions using flash.
Making Toast For Beginners, Part 3 of 3
15 years ago
Wednesday, March 18, 2009
Story Board
Here are three frames from my storyboard draft for how i would anticipate designing instructions using flash.
Saturday, March 14, 2009
Step-by-step text description
This is my step-by-step text description for cooking toast as part of my studio task for week 2:
• Wash you hands
• Place toaster on a stable flat surface
• Plug toaster in to plug socket
• Turn power switch on – is it on, does the toaster light up?
• Select two pieces of bread
• Place bread in toaster – one in each slot
• Select desired setting – is it?
• Push button down and wait to cook
• Toast will pop up when cooked - Is toast cooked to satisfaction?
• Wait for the toast to cool
• When it’s safe to touch remove toast from toaster
• Place on a plate add desired topping
• Wash you hands
• Place toaster on a stable flat surface
• Plug toaster in to plug socket
• Turn power switch on – is it on, does the toaster light up?
• Select two pieces of bread
• Place bread in toaster – one in each slot
• Select desired setting – is it?
• Push button down and wait to cook
• Toast will pop up when cooked - Is toast cooked to satisfaction?
• Wait for the toast to cool
• When it’s safe to touch remove toast from toaster
• Place on a plate add desired topping
Examples of Information/Instructional Design
Here are some examples of some Information/Instructional Design.
London Tube Map
This is a map of London's underground tube stations and has a similar layout to Sydneys Train map, colour is used to identify the different lines and routes, association and decoding by colour enables users to navigate themselves around the map with ease.
Juggling Instructions
Images and text is used to show the instructions of how to juggle the visual instruction is supported and explained in more detail with the text running along side it giving the user a more detailed analysis.
How to Fit a Dust Mask
Images and text is used to show the instructions of how to fit a dust mask correctly the visual instruction is supported and explained in more detail with the text running along side it giving the user a more detailed analysis.
London Tube Map
This is a map of London's underground tube stations and has a similar layout to Sydneys Train map, colour is used to identify the different lines and routes, association and decoding by colour enables users to navigate themselves around the map with ease.
Juggling Instructions
Images and text is used to show the instructions of how to juggle the visual instruction is supported and explained in more detail with the text running along side it giving the user a more detailed analysis.
How to Fit a Dust Mask
Images and text is used to show the instructions of how to fit a dust mask correctly the visual instruction is supported and explained in more detail with the text running along side it giving the user a more detailed analysis.
Definition of Information/Instructional design
Information/Instructional design is the analysis of learning needs and systematic development of instruction. Instructional designers to develop instruction often use instructional technology or educational technology. A method is typically specified by Instructional design models, that if followed will ease the transfer of knowledge, skills and attitude to the recipient of the instruction.
A common error by many instructional designers is to remove important information in hope to simplify the content. However this leaves learners in a state of confusion and lack of understanding questioning, "Why am I learning this?” The solution is to present content in a simpler way, not remove the more relavant complicated information. This is the art of good instructional design. When deciding what to leave out, it is essential to consider what content, when removed, will not harm the backbone of the learning.
A common error by many instructional designers is to remove important information in hope to simplify the content. However this leaves learners in a state of confusion and lack of understanding questioning, "Why am I learning this?” The solution is to present content in a simpler way, not remove the more relavant complicated information. This is the art of good instructional design. When deciding what to leave out, it is essential to consider what content, when removed, will not harm the backbone of the learning.
Examples of Web 2.0
Flickr
www.flickr.com
Flickr is a Web 2.0 photo sharing site that can be used for personal online storage and sharing with specified contacts. Many people also publicly post their photography in Flickr, so the collaborative viewing and tagging habits of the online community raise the best photography to the top.
YouTube
www.youtube.com
Youtube is a Web 2.0 video sharing website where users can upload, view and share video clips. display a wide variety of user-generated video content, including movie clips, TV clips, and music videos, as well as amateur content such as video blogging and short original videos. Most of the content on YouTube has been uploaded by individuals. Unregistered users can watch the videos, while registered users are permitted to upload an unlimited number of videos.
eBay
www.ebay.com
eBay uses Web 2.0 to provide an online auction and shopping website in which people and businesses buy and sell goods and services worldwide.
MySpace
www.myspace.com
MySpace is a Web 2.0 social networking website with an interactive, user-submitted network of friends, personal profiles, blogs, groups, photos, music, and videos for teenagers and adults internationally.
Facebook
www.facebook.com
Facebook is another Web 2.0 free-access social networking that allows users to join networks organized by city, workplace, school, and region to connect and interact with other people. People can also add friends and send them messages, and update their personal profiles to notify friends about themselves.
www.flickr.com
Flickr is a Web 2.0 photo sharing site that can be used for personal online storage and sharing with specified contacts. Many people also publicly post their photography in Flickr, so the collaborative viewing and tagging habits of the online community raise the best photography to the top.
YouTube
www.youtube.com
Youtube is a Web 2.0 video sharing website where users can upload, view and share video clips. display a wide variety of user-generated video content, including movie clips, TV clips, and music videos, as well as amateur content such as video blogging and short original videos. Most of the content on YouTube has been uploaded by individuals. Unregistered users can watch the videos, while registered users are permitted to upload an unlimited number of videos.
eBay
www.ebay.com
eBay uses Web 2.0 to provide an online auction and shopping website in which people and businesses buy and sell goods and services worldwide.
MySpace
www.myspace.com
MySpace is a Web 2.0 social networking website with an interactive, user-submitted network of friends, personal profiles, blogs, groups, photos, music, and videos for teenagers and adults internationally.
www.facebook.com
Facebook is another Web 2.0 free-access social networking that allows users to join networks organized by city, workplace, school, and region to connect and interact with other people. People can also add friends and send them messages, and update their personal profiles to notify friends about themselves.
Subscribe to:
Posts (Atom)
