{"id":4,"date":"2023-08-26T23:20:44","date_gmt":"2023-08-27T03:20:44","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp200\/syllabus\/"},"modified":"2025-09-26T13:55:30","modified_gmt":"2025-09-26T17:55:30","slug":"syllabus","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp200-multimedia-design-course-hub\/syllabus\/","title":{"rendered":"Syllabus"},"content":{"rendered":"<h4>MMP 200 Multimedia Design<\/h4>\n<p>Class Hours: 4<br \/>\nLaboratory Hours per week: 2<br \/>\nCredits: 3<\/p>\n<p>Instructor:<br \/>\nEmail:<\/p>\n<p><strong>COURSE DESCRIPTION<\/strong><\/p>\n<p>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.<\/p>\n<p><strong>BASIC SKILLS<\/strong>: ENG 88, ESL 62, or higher; ACR 94 or higher; and Co-requisite: MAT 12, MAT 14, MAT 41, MAT 51, or higher<\/p>\n<p><strong>PREREQUISITES: <\/strong>MMP 100, MMA 100<\/p>\n<p><strong>CO-REREQUISITES: <\/strong>None<\/p>\n<table width=\"610\">\n<tbody>\n<tr>\n<td><strong>Course Student Learning Outcomes<br \/>\n(Students will be able to\u2026)<\/strong><\/td>\n<td><strong>Measurements (means of assessment for student learning outcomes listed in first column)<\/strong><\/td>\n<\/tr>\n<tr>\n<td>Develop proposals for interactive websites and\/or applications that serve specific needs of audiences.<\/td>\n<td>Midterm and final projects<\/td>\n<\/tr>\n<tr>\n<td>Create sketches, wireframes, storyboards, user flows and sitemaps to ideate and communicate interaction and design plans.<\/td>\n<td>Midterm and final projects<\/td>\n<\/tr>\n<tr>\n<td>Select, organize and label content as appropriate to application\u2019s purpose, audience and context.<\/td>\n<td>Midterm and\/or final project<\/td>\n<\/tr>\n<tr>\n<td>Design interfaces for websites and\/or applications, employing UI principles, trends and patterns.<\/td>\n<td>Midterm and final project<\/td>\n<\/tr>\n<tr>\n<td>Employ graphic design principles to communicate effectively.<\/td>\n<td>Exercises, Midterm and final Projects<\/td>\n<\/tr>\n<tr>\n<td>Execute visual design for interactive applications from concept to high fidelity mockups and prototypes.<\/td>\n<td>Midterm and final projects<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Below are the college\u2019s 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.)<\/p>\n<table width=\"584\">\n<tbody>\n<tr>\n<td><strong>General Education Learning Outcomes<\/strong><\/td>\n<td><strong>Measurements (means of assessment for student learning outcomes listed in first column<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Communication Skills-\u00a0<\/strong>Students will be able to write, read, listen and speak critically and effectively<\/td>\n<td>Class presentations, design assignments and planning documents<\/td>\n<\/tr>\n<tr>\n<td><strong>Quantitative Reasoning:<\/strong>\u00a0Students will be able to use quantitative skill and the concepts and methods of mathematic to solve problems.<\/td>\n<td>n\/a<\/td>\n<\/tr>\n<tr>\n<td><strong>Scientific Reasoning<\/strong>\u2013 Students will be able to apply the concepts and methods of the natural sciences<\/td>\n<td>n\/a<\/td>\n<\/tr>\n<tr>\n<td><strong>Social and Behavioral Science<\/strong>\u2013 Students will be able to apply the concepts and methods of the social sciences<\/td>\n<td>n\/a<\/td>\n<\/tr>\n<tr>\n<td><strong>Arts &amp; Humanities<\/strong>\u2013 Students will be able to develop knowledge and understanding of the arts and literature through critiques of works of art, music, theatre and literature.<\/td>\n<td>n\/a<\/td>\n<\/tr>\n<tr>\n<td><strong>Information &amp; Technology Literacy<\/strong>\u2013 Students will be able to collect, evaluate and interpret information and effectively use information technologies.<\/td>\n<td>Design assignments and planning documents<\/td>\n<\/tr>\n<tr>\n<td><strong>Values<\/strong>\u2013 Students will be able to make informed choices based on an understating of personal values, human diversity, multicultural awareness and social responsibility.<\/td>\n<td>Design assignments and planning documents<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><a href=\"http:\/\/www.revitalk.com\/mmp200\/textbook\/\"><strong>REQUIRED TEXT<\/strong><\/a><\/p>\n<ul>\n<li>Online text will be assigned<\/li>\n<\/ul>\n<p><a href=\"http:\/\/www.revitalk.com\/mmp200\/textbook\/\"><strong>SUGGESTED BOOKS<\/strong><\/a><\/p>\n<ul>\n<li><a href=\"https:\/\/www.packtpub.com\/product\/designing-and-prototyping-interfaces-with-figma-second-edition\/9781835464601\">Designing and Prototyping Interfaces with Figma<\/a>, Second Edition<\/li>\n<li><em>The Design of Everyday Things<\/em> by Donald A. Norman<\/li>\n<li><em>Don&#8217;t Make Me Think, Revisited: A Common Sense Approach to Web Usability<\/em> by Steve Krug<\/li>\n<li><em>100 Things Every Designer Needs to Know About People<\/em> by Susan Weinschenk<\/li>\n<\/ul>\n<p><strong>OTHER REQUIRED RESOURCES<\/strong><\/p>\n<ul>\n<li>A computer capable of running Figma, which can be a Windows PC, a Mac, or a Chromebook. <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360039827194-Figma-Browser-Requirements\">See here browser requirements to run Figma<\/a>.<\/li>\n<li>Basic drawing supply (sketchbook, pencils, erasers, ruler)<\/li>\n<\/ul>\n<p><strong>USE OF TECHNOLOGY<\/strong><\/p>\n<ul>\n<li><strong>Figma<\/strong>: <a href=\"https:\/\/www.figma.com\/\">Figma\u00a0<\/a>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.\u00a0<a href=\"https:\/\/www.figma.com\/education\/\">Apply for the free education account here.<\/a><\/li>\n<li><strong>BMCC OpenLab<\/strong>: <a href=\"https:\/\/openlab.bmcc.cuny.edu\/\">get an account here<\/a>.<\/li>\n<li><strong>LinkedIn Learning:<\/strong>\u00a0free access to <a href=\"https:\/\/www.lynda.com\/signin\">video tutorials<\/a> 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.<\/li>\n<\/ul>\n<header><\/header>\n<p><strong>REQUIREMENTS &amp; EVALUATION OF STUDENTS<\/strong><\/p>\n<p>Grades will be decided based on timely submission, effort and quality of submitted of assignments.<\/p>\n<ul>\n<li>25% Exercises<\/li>\n<li>25% Midterm<\/li>\n<li>30% Final project<\/li>\n<li>10% Journals<\/li>\n<li>10% Participation<\/li>\n<\/ul>\n<p><strong>OUTLINE OF TOPICS<\/strong><\/p>\n<p><strong>Visual design<\/strong><\/p>\n<ul>\n<li>Layout for responsive websites<\/li>\n<li>Typography for the screen<\/li>\n<li>Communicating with color<\/li>\n<li>Documenting design decisions is a style guide<\/li>\n<\/ul>\n<p><strong>User Experience design<\/strong><\/p>\n<ul>\n<li>Writing a creative Brief<\/li>\n<li>Defining target audience and addressing user needs<\/li>\n<li>Identifying user tasks<\/li>\n<li>Taxonomies and site maps for information-based websites<\/li>\n<li>Drawing user flows and storyboards for web or mobile applications<\/li>\n<li>Low-fidelity prototyping on paper or digitally<\/li>\n<li>High-fidelity prototyping in Figma<\/li>\n<\/ul>\n<p><strong>Interface &amp; Interaction design<\/strong><\/p>\n<ul>\n<li>Don Norman interaction design principles<\/li>\n<li>Interaction styles<\/li>\n<li>Mobile design: strengths and limitation of mobile devices<\/li>\n<li>Rules and guidelines for interface design<\/li>\n<li>Interface design patterns, components and design systems<\/li>\n<li>Designing and prototyping micro-interactions<\/li>\n<\/ul>\n<p>BMCC is committed to the health and well\u2010being 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.<\/p>\n<p>Single Stop www.bmcc.cuny.edu\/singlestop, room S230, 212\u2010220\u20108195. 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\u2010220\u2010 8130.<\/p>\n<p>Counseling Center www.bmcc.cuny.edu\/counseling, room S343, 212\u2010220\u20108140. 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\u2010in visits.<\/p>\n<p>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&#8217;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.<\/p>\n<p>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.<\/p>\n<p><b><span data-contrast=\"none\">Class Participation<\/span><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:200,&quot;335559740&quot;:240}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"none\">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\u2019s responsibility to be familiar with and follow the participation policies for each course.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:200,&quot;335559740&quot;:240}\">\u00a0<\/span><\/p>\n<p><strong>BMCC Policy on Plagiarism and Academic Integrity Statement<\/strong><\/p>\n<p>Plagiarism is the presentation of someone else\u2019s ideas, words or artistic, scientific, or technical work as one\u2019s 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\u2019s Web site, www.bmcc.cuny.edu. For further information on integrity and behavior, please consult the college bulletin (also available online).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 &hellip;<\/p>\n","protected":false},"author":33,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"class_list":["post-4","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp200-multimedia-design-course-hub\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp200-multimedia-design-course-hub\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp200-multimedia-design-course-hub\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp200-multimedia-design-course-hub\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp200-multimedia-design-course-hub\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":21,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp200-multimedia-design-course-hub\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":4830,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp200-multimedia-design-course-hub\/wp-json\/wp\/v2\/pages\/4\/revisions\/4830"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp200-multimedia-design-course-hub\/wp-json\/wp\/v2\/media?parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}