Chapter 3 Planning and Design

1. Chapter 3 Planning and Design

2. Road Map The time and effort you put into planning a multimedia project will determine how well (or not) the project hits its mark. Pre-planning is CRUCIAL!!!

3. Target Market A target audience or target market is a group of consumers that a company has strategically identified as having potential to purchase and use its goods and services.

4. Creativity Creativity is a process that involves the production of novel, useful products…to communicate a message or idea. Multimedia projects, however, need structure to be viable.

5. The Three Ps

6. Preproduction Preproduction is the preparation phase and includes many steps meant to establish the scope, direction, timeframe, and cost of a project before spending one dollar on the actual production.

7. Preproduction Preproduction includes: gathering facts, brainstorming / creative thinking, getting comfortable with ‘client’s world,’ developing rough draft materials, writing scripts for all content, creating storyboards for visual content,writing treatments, creating wireframes, and similar prep work

8. Production • Production is the acquisition or design phase of a project. In film & video production, this includes: • All the work that goes into preparing for a shoot or recording session • The actual recording of shots, scenes, and tracks that will be edited together to tell the story • Striking the set, packing up the equipment, and vacating the premises

9. Production Production Next week, as you continue some pre-production, you start the first production work – at least two audio scripts. Project Directions: one is specified, one you choose BUT you should add another item or two THAT YOU DECIDE needs to be there: creative thinking / application

10. Postproduction • Postproduction is the assembly phase of a project. • It includes: • video and audio editing • creation of images, titles, and graphics • authoring and coding of network components • visual effects

11. Demographics Demographic variables such as age, gender, and ethnicity are used to describe the shared traits of a user group or target audience. Content is often designed for a target demographic.

12. What’s Your Idea? Idea generation or ideation is the creative process of developing approaches and solutions for solving a communications problem. Write down all of your ideas – even the ones you don’t like.

13. Problem-solving Think outside the box is a popular expression used by creative people to encourage the imagination to think beyond the obvious, familiar, and conventional.

14. Previsualization Putting an idea or concept into a visual form that can be better understood by the author of the idea and shared with others. Six previsualization tools used in multimedia design: Treatment Storyboard Script Wireframe – we create a wireframe by next Wed. Mockup – we start with a Wix mockup by next Wed. Prototype – we will test options leading to a prototype

15. Treatment A treatmentis a short narrative description of a project. • It should include sufficient details to address the basic who, what, when, where, and why types of questions. • It’s often used for pitching the project

16. Storyboard A storyboardcombines words and pictures to communicate an idea. • Resembles a comic book • Made up of a series of boxlike frames depicting the visual portion of a story • Text can be descriptive, or include spoken voiceover copy or dialogue

17. Storyboard

18. Script A scriptis a written narrative framework for organizing the visual and audio portions of a multimedia presentation. • Scripts are most often used for time-based media projects and increasingly for interactive narratives.

19. AV Script Format The 2-column AV script is one of the most common and versatile script formats used in commercial production today. • Left column: info about the video portion of the program • Right column: audio information such as music cues, voiceover copy, or actor dialogue

20. More Script Formats • There are lots of script formatting software programs available • Script formats vary widely depending on the program genre, company, or industry • The script on the left was formatted into single-column using Final Draft AV

21. Yet more script formats Screenplay format • Screenplays follow an industry-standard scripting convention that is used widely throughout the motion picture and TV industries. • In this single-column format, each page usually translates to 1-minute of screen-time. • The formatting is highly prescriptive – mess it up, and your screenplay will often be rejected

22. Wireframes • Wireframes are used often for previsualizing the layout and structure of a website or visual interface • It shows the skeletal structure of a web page • Wireframes are a great tool for honing in on the aesthetic needs and preferences of the client

23. Mockup The mockup provides the client and design team with a detailed visual model of what the web page or interface component will look like when finished. • May contain actual or placeholder artwork • Shows the color scheme and style elements

24. From Wireframe to Mockup This mockup shows the placement of content, color scheme, and temporary text

25. Prototype A prototype is a paper or working model of the project designed for simulation and testing. • Can be constructed using simple sketches or drawings • Can be physical (paper) or computer-generated • Can be used to simulate the multimedia experience for the end-user • Once the prototype is approved, the actual full production or building phase begins

26. The Design Process Multimedia design is a complex process involving many steps and sub-steps. There are at least 4 steps that must be completed: Specify requirements Analyze users Design and produce a working prototype Evaluate and revise based on feedback

27. Specify Requirements • Identify business needs and requirements, existing problems, and potential users • Develop functional solutions • Determine the scope of the project • Look at similar projects (benchmarking)

28. Analyze Users • Conduct research to define your target users by demographic characteristics, technology skills, and other relevant variables • Determine what kind of user interface is best suited to the targeted users • Ask questions and solicit feedback from actual users.

29. Design and Production • Plan your design and layout with a wireframe, mockup, or paper prototype • Develop a conceptual model of the interface • Get initial feedback and create a working prototype • Choose how much space is devoted to various components • Create 3 or more options for the client to evaluate • Consult with the client and get feedback • Our pitch at the end of the course will be our last step

30. Evaluation and Revision • Before turning the prototype into the actual interface, your team needs to evaluate and refine it • Identify and fix any problems

31. Skills building • Audio ability with Audition this week • We will set up some partnerships of more experience to less experienced people to help those with less • First part of next week: video camera use and Garage Band • Last part of next week: video editing on FCP X • By the third week – ready to start doing your own shooting and editing • Start with 2 audio, 2 video, still images, graphics