Journey Through the Creative ProcessFinal Project: Analysis, Design, PrototypeIMD 344 / Instructor TanJulie A. UrtzMay 13,...
2Table of ContentsPremise 3Project Goals & Objectives 3Learners Objectives 4Tasks and Content 4Target Audience 5Introducti...
3The Creative Process Treatment DocumentPremise:There is a myth out there that some people are creative while others are n...
4Learner Objectives:By the end of the program, the learner will know: How to plan and organize thoughts to have a better ...
5Target Audience:The main focus is anyone who wants to create. More specifically:Ages: 22-55Gender: AnyRace: AnyIncome: An...
6Content Outline:I. TitleII. IntroductionIII. First Part : StepsA. PreparationB. IncubationC. The Idea GardenD. Illuminati...
7Instructional Events, Motivational Elements, Practice Activities:Can be taught in a classroom setting with appropriate eq...
8Internet connectionBrowser: Google Chrome, Firefox, Internet Explorer, SafariDeveloper Breakdown: Software Used:(*In add...
START TITLE SCREEN INTROFIRST PART SECOND PARTREVIEW 1REVIEWPreparationIIlluminationIncubationIdea Garden Death/RebirthDeb...
FONTSChannel Slanted : TITLE PAGE 48ptABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzCopperplate Gothic Bold: TITLE P...
BACKGROUND GRAPHICS(EACH SLIDE)HEADINGSTEXTIMAGESMAIN CONTENT WIREFRAMEBACK NEXT850x600850x600
BACKGROUND GRAPHICS(EACH SLIDE)HEADINGSTEXTREVIEW WIREFRAMESTEXT TEXT TEXT( Info shows up as navigation on Review Pageis c...
BACKGROUND GRAPHICS(EACH SLIDE)HEADINGSASSESSMENT RESULT WIREFRAME850x600850x600TAKE AGAIN NEXTRESULTIMAGE IMAGE
BACKGROUND GRAPHICS(EACH SLIDE)HEADINGSQUIZ WIREFRAMESQUESTION850x600850x600BACK SUBMITCHOICESimage( correct/incorrectbutt...
BACK NEXTImagine That!3 of 20
Review Part IIlluminationIdea GardenPreparation IncubationSed ut perspiciatis unde omnis isterrorsit voluptatem accusantiu...
Quiz: Multiple ChoiceSed ut perspiciatis unde omnis iste rrorsit voluptatem accusantiumtotam rem aperiam, eaque ipsa quae ...
Typical Test GroupThe Creative Process program would have a varied test group. They wouldntbe similar to the target audien...
10. Were the users interested in the information they learned and did theyseem to retain it? Describe in detail.Summary:In...
Navigation buttonsThe Creative Process four steps.Content Text(Start,Next,Back,Clear,Submit)NEXTTitle PageCOLORSCHEMEGRAPH...
Upcoming SlideShare
Loading in...5
×

eLearning Project - "Imagine That! Journey through the Creative Process" - documents.

161

Published on

eLearning Project - The Creative Process.
Includes project description, goals, learner information, wireframes, flow chart, style guide, usability testing, mock up and rapid prototyping.

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
161
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "eLearning Project - "Imagine That! Journey through the Creative Process" - documents."

  1. 1. Journey Through the Creative ProcessFinal Project: Analysis, Design, PrototypeIMD 344 / Instructor TanJulie A. UrtzMay 13, 2012
  2. 2. 2Table of ContentsPremise 3Project Goals & Objectives 3Learners Objectives 4Tasks and Content 4Target Audience 5Introduction 5Learning Objective 5Program Outline 6Instructional Events 7Required Technology 7Developer Breakdown 8Flow Chart 9Design: Color/Font 10Wireframes 11 - 14Storyboards/Interface 15 - 17Usability Test Questions 18 - 19Rapid Prototype Design 20
  3. 3. 3The Creative Process Treatment DocumentPremise:There is a myth out there that some people are creative while others are not,but the truth is, everyone has the potential to be imaginative. Those who havegiven up on the idea dont realize that there is a tried and true process thatcan help them reach their creative possibilities. This training course will takelearners through a step by step development of this creative potential so theycan in turn, implement it in any type of project they wish to complete.Project Goals:Upon completion of this program: Learners will be able to demonstrate how to effectively apply theCreative Process to achieve the development of a creative project. Use the steps shown in the program to work more efficiently whenpreparing a creative project and following it through to completion.Project Objectives: The primary objective is to teach learners how to use The CreativeProcess to develop ideas as well as: Present the material to the learner that is both appealing andinteresting. Encourage the learner to begin using this Creative Process technique .
  4. 4. 4Learner Objectives:By the end of the program, the learner will know: How to plan and organize thoughts to have a better overview of what todevelop. How to stay on task and not get distracted. How to work within deadlines and not feel stressed. How to synthesize the process into a concrete result. How to effectively work with others to gain and share knowledge.Tasks and Content:The learner will move through the program at a self-timed pace.Each slide will incorporate information, show graphics and/or images.There will be interaction utilizing buttons to get learners involved in theprogram as well as smooth transitions between slides.Text will be presented in a clear and readable manner to instruct learnersthroughout the program.Images and Graphics will be a part of the overall design and will break up thevisual look of the program so it is in not just plain text with the addition of oneor two flash animations.Reviews will help learners go over some what has been covered.A quiz will consist of multiple choice, fill-in-the-blank, matching, and shortanswer.
  5. 5. 5Target Audience:The main focus is anyone who wants to create. More specifically:Ages: 22-55Gender: AnyRace: AnyIncome: Any (In this instance, many starving artists can benefit from thistype of program.)Education: Some college at least completed. (Comfortable and familiar withcomputer training programs.)Individuals who have difficulty planning out ideas and are eager to learn how.Introduction:The program starts with a simple and clear title page and begins with theoverall goals and objectives for the program. There is a button for start tobegin the program. With clear and concise language and easy to read text,users will move throughout the program at their own pace. Having well placedgraphics and images, audio, and interaction, users will find the tutorialinteresting as well as instructive.Learning Objective:The overall learning objective is to identify the steps in the Creative Process,transform the information into useful and practical uses, and to apply the newinformation for the completion of a creative project.
  6. 6. 6Content Outline:I. TitleII. IntroductionIII. First Part : StepsA. PreparationB. IncubationC. The Idea GardenD. IlluminationIV. ReviewA. Review in depthV. Second Part: SynthesisA. ImplementationB. DebuggingC. Death and RebirthVI. ReviewA. Review in DepthVII. QuizA. Multiple ChoiceB. MatchingC. Short AnswerD. Fill-in-the-blankVIII. ResultsIX. Review of what was learnedX. Close
  7. 7. 7Instructional Events, Motivational Elements, Practice Activities:Can be taught in a classroom setting with appropriate equipment or onindividual users computer in a private setting.Motivational elements in the form of text and images as well as flash elements.Review of each section to let each learner prepare better for the quiz.Required Technology: *Adobe Captivate used for developing this program.The program can be viewed on a personally owned computer or one wherepublic can have access.Flash Player 9 or higher is required to run the program to view SWF files.~Windows1 GHz or faster processorMicrosoft® Windows® XP with Service Pack 3, Windows 7 with Service Pack1, or Windows 8*2GB minimum RAM (4GB recommended)1024x768 display (1280x1024 recommended) with 16-bit video cardInternet connection~Mac OSMulticore Intel® processorMac OS X v10.6, v10.7, or v10.82GB minimum RAM (4GB recommended)1024x768 display (1280x1024 recommended) with 16-bit video card
  8. 8. 8Internet connectionBrowser: Google Chrome, Firefox, Internet Explorer, SafariDeveloper Breakdown: Software Used:(*In addition to above requirements)Adobe Captivate, Illustrator, Flash - CS4 or higher Include in design images and graphics and other multimedia Write content including effective assessments Build a program the works across all platforms and browsers
  9. 9. START TITLE SCREEN INTROFIRST PART SECOND PARTREVIEW 1REVIEWPreparationIIlluminationIncubationIdea Garden Death/RebirthDebuggingImplementation REVIEW 2REVIEW QUIZCOMPLETIONSCREENSTUDYRECOMMENDATIONPass/Fail?CONTENTASSESSMENTMAINSCREENPROCESSLEGENDCHOICELINEARPATH( 4 pages totalin Quiz)INDEPENDENTPATHSTOP9
  10. 10. FONTSChannel Slanted : TITLE PAGE 48ptABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzCopperplate Gothic Bold: TITLE PAGE 22pt ,HEADINGS 19ptABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyzCambria: CONTENT 20ptABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz#C2F35F#BDBFA2#4F4D3cCOLORSSTART, NEXT, BACK buttons10#9A25A0
  11. 11. BACKGROUND GRAPHICS(EACH SLIDE)HEADINGSTEXTIMAGESMAIN CONTENT WIREFRAMEBACK NEXT850x600850x600
  12. 12. BACKGROUND GRAPHICS(EACH SLIDE)HEADINGSTEXTREVIEW WIREFRAMESTEXT TEXT TEXT( Info shows up as navigation on Review Pageis clicked )TEXT850x600850x600BACK NEXT
  13. 13. BACKGROUND GRAPHICS(EACH SLIDE)HEADINGSASSESSMENT RESULT WIREFRAME850x600850x600TAKE AGAIN NEXTRESULTIMAGE IMAGE
  14. 14. BACKGROUND GRAPHICS(EACH SLIDE)HEADINGSQUIZ WIREFRAMESQUESTION850x600850x600BACK SUBMITCHOICESimage( correct/incorrectbutton shows here )
  15. 15. BACK NEXTImagine That!3 of 20
  16. 16. Review Part IIlluminationIdea GardenPreparation IncubationSed ut perspiciatis unde omnis isterrorsit voluptatem accusantiumtotam rem aperiam, eaque ipsa quaeab illo inventore et quasi architectovitae dicta sunt explicabo.BACK NEXTImagine That!8 of 20
  17. 17. Quiz: Multiple ChoiceSed ut perspiciatis unde omnis iste rrorsit voluptatem accusantiumtotam rem aperiam, eaque ipsa quae ab illo inventore et quasi architectovitae dicta sunt explicabo.OneTwoThreeFourBACK SUBMIT15 of 20
  18. 18. Typical Test GroupThe Creative Process program would have a varied test group. They wouldntbe similar to the target audience mainly because they need to look at programfrom a different perspective rather than what content they will learn. Thesewould be: Instructors from school, universities and those who teach workshops. Technology savvy individuals to make sure the overall program isworking from a computer based standpoint. Visual Designers to see the program from an aesthetic appeal. Individuals who are familiar with heuristic development processes tomake sure the program flows from beginning to end.Usability Questions1. Did at any time users seem lost while going through the program? If so,what areas did this happen more frequently?2. Were there errors in program functionality? If so, please describe and howwould you improve this?3. How did the users seem to react to the overall design and visual look of theprogram?4. What interactive elements in the program were successful?5. Did the users move back and forth throughout the program? If so, why?6. Was the interface easy to understand or did the users need instruction?7. Did the content of the program seem to flow from beginning to end in alogical order? If not, please explain.8. Did users take too long completing the program? (No time limit but withinreason for program length) If not, please give details.9. Were the reviews helpful? If not, what could be done to improve?18
  19. 19. 10. Were the users interested in the information they learned and did theyseem to retain it? Describe in detail.Summary:In general, users should seem engaged in the program right from the start.Their body language will say a lot about if they are interested as well. Payingattention to how individuals are focusing and how they are sitting whileviewing the program would be a good indicator of the success of the program.The assessments at the end can tell a lot about content, but getting to thatpoint is just as important.Users should seem comfortable and alert while taking the tutorial and not belooking around at others. Keeping an eye on subtle things can sometimes say alot more about how a program is working. Technical difficulties are moreobvious in the overall functioning and are just as important to be aware of.19
  20. 20. Navigation buttonsThe Creative Process four steps.Content Text(Start,Next,Back,Clear,Submit)NEXTTitle PageCOLORSCHEMEGRAPHICSTYLEContent PageRapid Prototype Design

×