S

Mobile PrototypeBy Jacob Lizama

MUL 370

• COURSE HOME

• WEEK 1

• WEEK 2

• WEEK 3

• WEEK 4

• EXIT COURSE

• LOGOUT

• USER SETTINGS

• GRADEBOOK

• EMAIL

• LIVE

• DOC SHARING

• DROPBOX

• JOURNAL

• WEBLIOGRAPHY

• TECH SUPPORT

MUL 370 COURSE HOME

• SYLLABUS

• COURSE OUTLINE

• COURSE AT-A-GLANCE

• INTRODUCE YOURSELF

• VIRTUAL OFFICE

• STUDENT LOUNGE

• TECHNOLOGY YOU’LL NEED

• PREPERATION FOR MUL 370

• DEPARTMENT INFORMATION

• NETIQUETTE

• SPECTRUM LIBRARY

• WRITING CENTER

• ACCESSIBILITY

• ONLINE eCOLLEGE HELP

• TURNITIN.COM

• PROFESSOR TOMPKINS’ USABLE RANTS

MUL 370 SYLLABUS

Course DescriptionProvides a hands-on introduction to the basics of Web interactivity and its potential for e-business, entertainment and education. Students apply aesthetic and usability criteria to visual, textual and aural components integrated into interactive presentations, games and instructional media. Covers technological constraints of Web delivery, interactive design and composition and media integration techniques. Software instruction is in Macromedia Director.

Learning OutcomesIdentify technological constraints on web-based, interactive media.Demonstrate proficiency in compression techniques and plug-in use. Apply aesthetic and usability criteria to the design and integration of interactive media.Conduct usability testing of interactive media.In Macromedia Director, demonstrate proficiency using basic tools, palettes, and Lingo.

MUL 370 COURSE OUTLINE

• TEXTBOOK

• COURSE PREREQUISITE(S)

• SOURSE DESCRIPTION

• LEARNING OUTCOMES

• SOURSE STRUCTURE

• COURSE REQUIREMENTS

• GRADING

• PLAGIARISM

• ETHICS

• TECHNOLOGY

• DIVERSITY

• CIVILITY

• STUDENTS WITH DISABILITIES

• WRITING ACROSS THE CURRICULUM

• LIBRARY SERVIES AND RESOURCES

MUL 370 INTRO

Introduce Yourself!

Since we can't look around the room and take stock of our fellow classmates, and since having our names on the roster doesn't make us three-dimensional, let's take some time to show each other our personalities and points of view.

Please take the opportunity to introduce yourself to your classmates and your instructor.

As a way of saying thank you, your introduction is counted toward your participation grade.

What does this Link do?

Get to know each other!Is the role of interface designer a new or familiar to you?

How do interfaces fit in with your lifestyle? How does digital interactivity fit in with your overall career goals? What experience(s) have you had with interactivity and interface design? What intrigues you about it? Tell us what you'd like to get from this class!

RESPOND

MUL 370 VIRTUAL OFFICE

This threaded discussion is a publicly visible place to interact with your instructor about any of the course topics. If you have questions, you can be certain that your classmates do, too. Post your questions here, and I'll post responses.

This is the best place to ask clarifying questions about assignments, lectures, concepts, and topics.

I have a questionAsk clarifying questions about assignments, lectures, concepts, and topics here.

RESPOND

MUL 370 STUDENT LOUNGE

This threaded discussion is a publicly visible place to interact with your fellow students about any topic you can think of. I won't be coming through here too often, so this is the place to engage with the expectation that it's for student-to-student communication.

This is the best place to start off-topic discussions. What's on your mind? Get a topic going and engage. This is totally up to you, but in my experience, the ability to form and manage relationships with the largest number of different kinds of people proved to be the key to success.

RESPOND

MUL 370 TECH YOU’LL NEED

Windows

Intel® Pentium® 4 or AMD Athlon® 64 processor (Intel Core™2 Duo or AMD Phenom® II recommended)Processor with 64-bit support64-bit edition of Windows Vista or Windows 72 GB of RAM (4GB or more recommended)60 GB of available hard-disk space for software installation; additional free space for projects1280x900 display (1280x1024 recommended) with qualified hardware-accelerated OpenGL graphics card, 16-bit color, and 256MB of VRAM7200 RPM hard drive for editing compressed video formats; RAID 0 for uncompressedAdobe-certified card for capture and export to tape for SD/HD workflowsOHCI-compatible IEEE 1394 port for DV and HDV capture, export to tape, and transmit to DV deviceSound card compatible with ASIO protocol or Microsoft Windows Driver ModelDVD-ROM drive compatible with dual-layer DVDs (DVD+-R burner for burning DVDs; Blu-ray burner for creating Blu-ray Disc media)Java™ Runtime Environment 1.6 (or higher)QuickTime 7.6.2 (or higher)Adobe Flash® Player 10 (or higher)Broadband Internet connection

Mac OS

Multicore Intel processor with 64-bit supportMac OS X v10.5.7 or v10.6.32GB of RAM (4GB or more recommended)60 GB of available hard-disk space for software installation; additional free space for projects1280x900 display (1280x1024 recommended) with qualified hardware-accelerated OpenGL graphics card, 16-bit color, and 256MB of VRAM7200 RPM hard drive for editing compressed video formats; RAID 0 for uncompressedCore Audio–compatible sound cardDVD-ROM drive compatible with dual-layer DVDs (SuperDrive for burning DVDs; external Blu-ray burner for creating Blu-ray Disc media)Java Runtime Environment 1.6 (or higher)QuickTime 7.6.2 (or higher)Adobe Flash Player 10 (or higher)Broadband Internet connection

MUL 370 PREPARATION

Course Prerequisite(s):

COM 100

AND

COM 103 OR COM 220Technical Background:

Students are expected to be competent when using current technology appropriate for this discipline. For this course, students will need to be familiar with web page creation, image editing, and interactive authoring software, as well as word processing, spreadsheet, and presentation software. Use of the Internet and e-mail are required.

Other MUL Courses:

While the courses in the MUL undergraduate curriculum may be taken in any order, this course assumes that students will already have completed the following MUL courses in sequence:

MUL 300 Convergence Media BRO 305 Media Storytelling MUL 305 Applied Graphic Design MUL 309 Camera and Image MUL 365 Applied Digital Audio & Video MUL 461 Motion GraphicsMUL 345 Applied Web Design

MUL 370 will call on experiences, aesthetic and design knowledge, and competencies gained from these earlier courses.

MUL 370 DEPT INFO

MAJOR IN DIGITAL ENTERTAINMENT AND INTERACTIVE ARTS Bachelor of Arts Degree

The Bachelor of Arts in Digital Entertainment and Interactive Arts consists of courses that prepare the student for a broad range of positions requiring a background in digital entertainment and interactive design, multimedia and game production. Students learn and apply theory and practice for producing digital media with a focus on creating original works. Successful completion of the program will enable graduates to compete for employment because they possess a relevant combination of skills and knowledge vital to today’s workplace. Positions in the fields of gaming, video and multimedia production, motion graphics and design include Art Director, Web Designer, Game Designer, Video Editor, Project Manager and Multimedia Specialist.

Program Learning Outcomes:

Upon successful completion of this program, students will be able to:

Develop a personal vision in the creation of original multimedia content.Apply the principles of graphic and information design in the generation of digital media projects.Examine current trends and key technologies in the media industry.Demonstrate oral, visual, and written communication skills with clients, project managers, and media production team members.Describe and implement the phases of media production, from the initial planning to the final delivery of a professional product.Explain the legal and ethical issues related to media production and distribution.Create active and interactive content with graphics, animation, sound and video using media authoring software.Degree Requirements:

To receive a Bachelor of Arts degree with a Major in Digital Entertainment and Interactive Arts, students must complete at least 180 quarter units as articulated below, 45 of which must be completed in residence at National University, and 76.5 of which must be completed at the upper-division level. The following courses are specific degree requirements. In the absence of transfer credit, students may need to take additional general electives to satisfy the total units for the degree.

Preparation for the Major(2 courses; 9 quarter units) *COM 100 Intro to Mass CommunicationorCOM 103 Public SpeakingandCOM 220 Media Literacy

Requirements for the Major(16 courses; 72 quarter units)MUL 300 Convergence MediaBRO 305 Media StorytellingMUL 305 Applied Graphic DesignMUL 309 Camera and ImageMUL 365 Applied Digital Audio & VideoMUL 461 Motion GraphicsMUL 345 Applied Web DesignMUL 370 Digital InteractivityMUL 315 Video Game DesignMUL 355 Game ScriptingMUL 375 Applied 3-D Modeling & RenderingMUL 462 Digital Audio CreationMUL 399 Emerging TechnologiesMUL 445 Management of Web ProjectsMUL 430 Advanced 2-D ImagingMUL 471 Advanced Digital Interactivity Project

Capstone Core Course(1 course; 4.5 quarter units)

MUL 420 Multimedia Arts Portfolio Project

This is a two-month long class occurring after completion of all concentration courses.

Prerequisite: All general core courses and concentration courses.

MUL 370 …

I will do the same process for each of the sub pages of the Course Home:

• Netiquette• Spectrum Library• Writing Center• Accessibility• Online eCollege Help• Turnitin.com• Professor Tompkins’ Usability Rants

MUL 370 WEEK 1

• EVALUATION

• ONLINE MEETING

• CONCEPTS

• DISCUSSION

• ASSIGNMENT

MUL 370 WEEK 1 - EVALUATION

Pre-test Access dates: 9/30/2012 12:00:00 AM to 11/3/2012 11:59:00 PMNumber of times this exam can be taken: UnlimitedTime allowed to complete: Unlimited Pre-assessment

This is just a quick pre-test with questions about this week's content. Take this first, before completing any of the other materials. Then use the contents of this quiz to indicate where to pay special attention during the week's lectures.

This pre-evaluation does not count toward your final grade.

BEGIN EVALUATION

MUL 370 ONLINE MEETING

WEEK 1 ONLINE CLASS MEETING AGENDA

Online Meeting Day and Time: Tuesdays 6:30-8:00 p.m.

First Week Online Meeting: Tuesday, October 2, 2012

Click Here for Online Meeting Location

Each week we will meet online to review the previous week, and to take a look ahead at the week coming up. This week:

The online discussion will provide you with an overview of this course

1. We will introduce you to your classmates, and (re)introduce you to me2. I will review the structure of the course3. I will answer administrative questions4. We will review the content for the week, and other course materials5. Open Discussion

Introduction Lecture Slides Black Text White Background

MUL 370 CONCEPTS

WEEK 1 CONCEPT PRESENTATIONS

• INTRODUCTION TO MUL 370 VIDEO

• INTRODUCTION TO MUL 370 SLIDES

• LESSONS FROM DON NORMAN SLIDES

• LESSONS FROM DON NORMAN 1/5

• LESSONS FROM DON NORMAN 2/5

• LESSONS FROM DON NORMAN 3/5

• LESSONS FROM DON NORMAN 4/5

• LESSONS FROM DON NORMAN 5/5

MUL 370 DISCUSSION

Select one item from the following list that hasn't been described:

Auto remoteBike shifterBlenderBooksCar door handlesClockCruise controlCurtainDoorDrainDrawer / cabinet pullDrillDrinking fountainDVD/CD packagingFaucetFile cabinetKitchen StoveLight switch

LockPenShower controlTable sawTelevisionToiletWindowWindshield wiperHair dryerBlenderCoffee makerSecurity door panelsHotel or office phoneMicrowave oven interfaceOld-school jukeboxToday's jukeboxVideo camera interface

For the object you select, do the following:

Write down the name of the object.Take a picture of the object (with your mobile phone or digital camera), or draw the objectDescribe the object, name its parts, and indicate whether these parts move or are fixed.Analyze the object:Imagine that you have forgotten how to use this object. Before interacting:What action(s) come(s) to your mind when you see the object and its parts?Which parts move, and which fixed?Where do you put your hand? How/should the object be touched? What is to be held? If it's speech sensitive, where do you talk?What part is to be manipulated?What kind of movement (or other action) is possible: pushing, pulling, turning, rotating, touching, stroking, etc…?How hard is it to manipulate the object? How far do you expect it to move?What parts are supporting surfaces? How strong is the object?Imagine you are now interacting with the object for the first time. Follow your intuition and perform the action(s) that you thought of.Did it work? Were you able to accomplish the action(s) that you imagined?How do you know the action(s) was/were successfully performed?After interacting with the object:Was the action(s) successful or not?How did you feel after performing the action(s)?What was your reaction?Considering the way the object is built (its parts), can you think of actions that cannot be done with the objects, even though these actions look like they could be done?Could you imagine various mistakes people could make using this object?Which part(s) of the object could lead people to make such mistakes?

RESPOND

MUL 370 ASSIGNMENT

Course Learning Outcomes associated with this activity:Be aware of physical and digital interactions, and understand when an interaction with an interface is satisfying or frustrating according to its usability and appropriateness for the task it was designed for. Be able to apply aesthetic and design principles, and usability criteria to discuss the reasons why interactions are either satisfying or frustrating Prepare to develop usable user interfaces ... know users, their diverse needs, their tasks, their domain and the environment where they use the interface Evaluate user interfaces using a variety of techniquesInstructions:Select four objects: three objects from the threaded discussion list, and one object not on the list.Suggestion: pick something simple for the fourth object. ( Examples of things that are not simple: ATM, vending machines)Requirement: you must have at least 1 unusable thing. Suggestion: If you find all 3 things from our list usable, then pick something you find unusable as your fourth object.For each object:Write down the name of the object.Take a small picture of the object (with your mobile phone or digital camera), or draw the object (640x480)Describe the object, name its parts, and indicate whether these parts move or are fixed.Analysis:For each thing, reformulate your answers to the Before, While, and After subsections of Section 4 in terms of the following 4 principles introduce the 2nd lecture. NOTE! This instruction is different from the threaded discussion.Describe the AFFORDANCE?Are the relevant interfaces VISIBLE?What are the physical, semantic, cultural and logical CONSTRAINTs?Does each action provide immediate FEEDBACK?Conclusion:State whether you find the object usable or not. Make sure your analysis supports your conclusion.If you do not find the object usable, suggest a more usable solution, i.e., redesign the object so as to make it more usable.Draw your solution:Explain why your solution is more usable than the original object (perhaps using some/all of the 4 principles in your explanation)The analysis of each object should take about one page, with the unusable object taking a bit more.