MMP 200 Multimedia Design
Class Hours: 4
Laboratory Hours per week: 2
Credits: 3
Instructor:
Email:
COURSE DESCRIPTION
Hands on introduction to user experience and interface design for screen-based, interactive media. Topics include user-centered design, visual and interaction design and information architecture. Students will develop user personas, design user flows and wireframes, develop high fidelity mockups and prototype apps for web and mobile devices.
BASIC SKILLS: ENG 88, ESL 62, or higher; ACR 94 or higher; and Co-requisite: MAT 12, MAT 14, MAT 41, MAT 51, or higher
PREREQUISITES: MMP 100, MMA 100
CO-REREQUISITES: None
| Course Student Learning Outcomes (Students will be able to…) |
Measurements (means of assessment for student learning outcomes listed in first column) |
| Develop proposals for interactive websites and/or applications that serve specific needs of audiences. | Midterm and final projects |
| Create sketches, wireframes, storyboards, user flows and sitemaps to ideate and communicate interaction and design plans. | Midterm and final projects |
| Select, organize and label content as appropriate to application’s purpose, audience and context. | Midterm and/or final project |
| Design interfaces for websites and/or applications, employing UI principles, trends and patterns. | Midterm and final project |
| Employ graphic design principles to communicate effectively. | Exercises, Midterm and final Projects |
| Execute visual design for interactive applications from concept to high fidelity mockups and prototypes. | Midterm and final projects |
Below are the college’s general education learning outcomes, the outcomes that checked in the left-hand column indicate goals that will be covered and assessed in this course. (Check at least one.)
| General Education Learning Outcomes | Measurements (means of assessment for student learning outcomes listed in first column |
| Communication Skills- Students will be able to write, read, listen and speak critically and effectively | Class presentations, design assignments and planning documents |
| Quantitative Reasoning: Students will be able to use quantitative skill and the concepts and methods of mathematic to solve problems. | n/a |
| Scientific Reasoning– Students will be able to apply the concepts and methods of the natural sciences | n/a |
| Social and Behavioral Science– Students will be able to apply the concepts and methods of the social sciences | n/a |
| Arts & Humanities– Students will be able to develop knowledge and understanding of the arts and literature through critiques of works of art, music, theatre and literature. | n/a |
| Information & Technology Literacy– Students will be able to collect, evaluate and interpret information and effectively use information technologies. | Design assignments and planning documents |
| Values– Students will be able to make informed choices based on an understating of personal values, human diversity, multicultural awareness and social responsibility. | Design assignments and planning documents |
- Online text will be assigned
- Designing and Prototyping Interfaces with Figma, Second Edition
- The Design of Everyday Things by Donald A. Norman
- Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability by Steve Krug
- 100 Things Every Designer Needs to Know About People by Susan Weinschenk
OTHER REQUIRED RESOURCES
- A computer capable of running Figma, which can be a Windows PC, a Mac, or a Chromebook. See here browser requirements to run Figma.
- Basic drawing supply (sketchbook, pencils, erasers, ruler)
USE OF TECHNOLOGY
- Figma: Figma is an interface design application that runs in the browser. You will be using Figma for all your design projects in this class. Although the free tier of Figma is sufficient for all the work that you will do in this class the free education account will give you access to additional sharing features and you will be able to join the class team. Apply for the free education account here.
- BMCC OpenLab: get an account here.
- LinkedIn Learning: free access to video tutorials with your BMCC username and password. When you visit the site and click Sign In, remember to first click Sign in with your organization account, before you enter your information.
REQUIREMENTS & EVALUATION OF STUDENTS
Grades will be decided based on timely submission, effort and quality of submitted of assignments.
- 25% Exercises
- 25% Midterm
- 30% Final project
- 10% Journals
- 10% Participation
OUTLINE OF TOPICS
Visual design
- Layout for responsive websites
- Typography for the screen
- Communicating with color
- Documenting design decisions is a style guide
User Experience design
- Writing a creative Brief
- Defining target audience and addressing user needs
- Identifying user tasks
- Taxonomies and site maps for information-based websites
- Drawing user flows and storyboards for web or mobile applications
- Low-fidelity prototyping on paper or digitally
- High-fidelity prototyping in Figma
Interface & Interaction design
- Don Norman interaction design principles
- Interaction styles
- Mobile design: strengths and limitation of mobile devices
- Rules and guidelines for interface design
- Interface design patterns, components and design systems
- Designing and prototyping micro-interactions
BMCC is committed to the health and well‐being of all students. It is common for everyone to seek assistance at some point in their life, and there are free and confidential services on campus that can help.
Single Stop www.bmcc.cuny.edu/singlestop, room S230, 212‐220‐8195. If you are having problems with food or housing insecurity, finances, health insurance or anything else that might get in the way of your studies at BMCC, come by the Single Stop Office for advice and assistance. Assistance is also available through the Office of Student Affairs, S350, 212‐220‐ 8130.
Counseling Center www.bmcc.cuny.edu/counseling, room S343, 212‐220‐8140. Counselors assist students in addressing psychological and adjustment issues (i.e., depression, anxiety, and relationships) and can help with stress, time management and more. Counselors are available for walk‐in visits.
Office of Compliance and Diversity www.bmcc cuny.edu/aac, room S701, 212-220-1236. BMCC is committed to promoting a diverse and inclusive learning environment free of unlawful discrimination/harassment, including sexual harassment, where all students are treated fairly. For information about BMCC’s policies and resources, or to request additional assistance in this area, please visit or call the office, or email olevy@bmcc.cuny.edu, or twade@bmcc.cuny.edu. If you need immediate assistance, please contact BMCC Public safety at 212-220-8080.
Office of Accessibility www.bmcc.cuny.edu/accessibility, room N360 (accessible entrance: 77 Harrison Street), 212-220-8180. This office collaborates with students who have documented disabilities, to coordinate support services, reasonable accommodations, and programs that enable equal access to education and college life. To request an accommodation due to a documented disability, please visit or call the office.
Class Participation
Participation in the academic activity of each course is a significant component of the learning process and plays a major role in determining overall student academic achievement. Academic activities may include, but are not limited to, attending class, submitting assignments, engaging in in-class or online activities, taking exams, and/or participating in group work. Each instructor has the right to establish their own class participation policy, and it is each student’s responsibility to be familiar with and follow the participation policies for each course.
BMCC Policy on Plagiarism and Academic Integrity Statement
Plagiarism is the presentation of someone else’s ideas, words or artistic, scientific, or technical work as one’s own creation. Using the idea or work of another is permissible only when the original author is identified. Paraphrasing and summarizing, as well as direct quotations, require citations to the original source. Plagiarism may be intentional or unintentional. Lack of dishonest intent does not necessarily absolve a student of responsibility for plagiarism. Students who are unsure how and when to provide documentation are advised to consult with their instructors. The library has guides designed to help students to appropriately identify a cited work. The full policy can be found on BMCC’s Web site, www.bmcc.cuny.edu. For further information on integrity and behavior, please consult the college bulletin (also available online).
