Processes

1. Processes Moving from inception to final product

2. Preproduction • Production • Postproduction The Three “Ps”

3. Preparation phase • Involves: • Problem identification • Needs assessment • Idea generation • Concept development • Research • User/audience analysis • Budgeting • Scheduling • Staffing • Resource allocation • ESTABLISH THE SCOPE OF THE PROJECT Preproduction

4. The individual pieces of the project are acquired or produced • The assembly process • Your idea begins to take shape and become tangible Production

5. Brings together all of the individual elements of a multimedia project into one, unified finished project • Usually a collaborative process between the client and producer (and other stakeholders) Postproduction

6. What is a project? • A temporary endeavor undertaken to create a unique product, service or result • What is project management? • The application of knowledge, skills, tools, and techniques to meet the project requirements Project Management 101

7. Initiation • Planning • Execution • Monitoring and Controlling • Closing The 5 Basic PM Steps

8. Identify stakeholders • Create a project charter – document that outlines: • Scope • Assumptions • Constraints • Budget • Schedule • Seek approval from the project sponsor - greenlight Initiation

9. Form a team • Identify roles and responsibilities • Set clear goals and objectives • Create a WBS (Work Breakdown Structure) • A visual representation of scope and activities • Allows for deliverables to be tracked and controlled • Estimate costs and establish a budget • Create a schedule • Best to frame schedule around actual deliverables Planning

11. Form a team • Identify roles and responsibilities • Set clear goals and objectives • Create a WBS (Work Breakdown Structure) • A visual representation of scope and activities • Allows for deliverables to be tracked and controlled • Estimate costs and establish a budget • Create a schedule • Best to frame schedule around actual deliverables Planning

13. Ensures that planned activities are carried out in an effective and efficient manner • Relies heavily on the plans laid out in the “Planning’ phase • Involves: • Keeping team dynamic positive and cohesive • Proactive problem solving • Regularly referring to project plan (charter) Execution

14. Must monitor: • Schedule progress: • On schedule? Adjustments needed? • Budget: • What has been spent? What remains? • Scope: • Is the scope appropriate? Does it need to be expanded or compressed? Monitoring and Controlling

15. Must control: • Actions to ensure project remains on schedule • Actions taken when adjustments need to be made • Change management! (article) Monitoring and Controlling

16. Formal sign-off • Deliverables are handed off • Deliverables are reviewed and accepted (often some back-and-forth) • Final sign-off completed • Documentation finalized Closing

17. Planning • Design • Development • Launch • Post Launch Web Design Process

18. Requirements analysis • Project charter • Site map • Draft SOWs and Contracts • Secure servers, hosting, file structure, etc. • Identify necessary resources Planning

19. Design

20. Multimedia Design Visual Communication: Elements and Principles

21. “The transmission of ideas and information through visual forms and symbols.” • Involves the psychological and cognitive processes that affect how we perceive visual stimuli • Objective realities of sight vs. transmission of culture and meaning Visual Communication

25. Content • The stories, ideas, information, etc. that we transmit and exchange with others • Involves the “What” • Critical to the success of your message Form • The manner in which content is designed, packaged and delivered • Involves the “How” • Critical to the success of your message Content and Form

26. “The medium is the message.” Marshall McLuhan

27. “Content is king.” Bill Gates

28. “Design is not just what it looks like and feels like. Design is how it works.” Steve Jobs

29. Unity • Emphasis • Perceptual Forces Principles of Design

30. The “perceptual glue” that holds a design together • Maintains a sense of visual harmony • “The whole is greater than the sum of its parts.” • Viewer should be able to see the big picture without being distracted by individual elements • Elements of design should exist in harmony rather than competing for the viewers attention • Humans naturally want to organize visual information into meaningful clusters Unity

31. Proximity • Objects are more likely to be perceived as related when they are position close together • Alignment • Position objects along a common edge or implied line • Similarity • The brain will group objects together when their style attributes are similar and uniform • Repetition • Repeating visual elements strengthen the overall unity of the design Unifying Principles

41. A good design must have a primary focal point • Quickly guide the viewer’s attention to the main subject or message Emphasis

42. Contrast • How different is the focal element from the surrounding landscape? • Color • The human eye is attracted to the warm color regions of a design field first (warm, neutral, cool) • Depth • Foreground and background • Proportion • Scale or size of an element relative to others in the field of view Methods of Emphasis

44. Balance • Figure-Ground • Psychological Closure Perceptual Forces

45. Symmetrical • Objects of similar shape, color, and size are weighted equally on opposite sides of the frame • Associated with tranquility, elegance, traditional and conservative appeal • Asymmetrical • Strategic arrangement of elements with differing size, color and tone • Can appear more visually interesting and dynamic Balance

46. Figure: the element that appears in the foreground • Ground: everything else behind it • A good contrast is inviting and prevents viewers from feeling overwhelmed Figure - Ground

47. The mental completion of a visual pattern when only partial information is provided • Filling in the gap • This extra measure of sensory activity can provide a deeper more satisfying experience • Asks your viewer for active engagement with the subject matter Psychological Closure

48. The Development Phase Putting it Together

49. Setting up environment/framework • Building (coding) templates, schema, themes, etc. • Distribute your content throughout your site in appropriate areas (simple and usable!) • Testing of interactivity and functionality Development Phase

50. A process, a philosophy • Built upon the concepts and principles of simplicity and usability • Should not require users to adapt to the interface • Rather…it accommodates users’ existing behaviors • Creates a seamless, intuitive and natural interaction experience • Involve the user as much as possible along the way User Centered Design (UCD)