Graphic Design 75 – Mobile Design 1

Section number: 4253
Units: 3
Prerequisite: Graphic Design 66
Location: AET 106
Thursdays 6:30pm-9:35pm

Instructor Information

Instructor name: Jamie Cavanaugh
Email address: cavanaugh_jamie@smc.edu
Website: www.jamiecavanaugh.com
Office location: AET #227-B
Office hours (please email me to schedule an appointment):
Mondays: 5:00pm – 6:00pm
Tuesdays: 2:30pm – 3:30pm
Thursdays: 5:00 – 6:00pm

Course Description

This course focuses on designing for mobile touchscreen interfaces including smartphones and tablets. Mobile design requires the skill of designing for smaller, hand-held devices and has it’s own set of characteristics and constraints. Students will conceptualize, design, and implement front-end development to prototype designs for mobile devices. Projects will cover best practices for designing for mobile devices and will cover the basics of mobile Web and mobile app prototyping including design process, interface design, and interaction design patterns.

This course uses Adobe Dreamweaver CS6 and Adobe Photoshop CS6.

Required Textbook

Wroblewski, Luke. “Mobile First.” A Book Apart; October 2011. ISBN: 978-1-937557-02-7.

Course Objectives

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

  • Explain the constraints presented by hand-held devices that differentiate mobile as a distinct medium.
  • Identify the differences between types of mobile applications such as mobile Web apps versus native applications.
  • Create a concept and strategy for implementing a mobile design.
  • Complete information architecture deliverables such as site maps, wireframes and prototyping.
  • Integrate mobile design best practices.
  • Apply effective visual design to the mobile environment.
  • Implement web standard compliant HTML5 and CSS3 for mobile content.
  • Identify the variety of mobile design tools and technologies.
  • Apply appropriate techniques for device detection and adaptation.
  • Describe the basics of releasing and marketing a mobile app.

Scope and Limitations

Advanced “backend” development for mobile apps is beyond the scope of this course. However, Santa Monica College offers courses in programming and scripting for students interested in learning programming. After finishing Graphic Design 75, you may want to advance your skill and knowledge in mobile app development by enrolling in these courses:

Please check the SMC catalog for complete course descriptions and prerequisites.

Computer Science:
CS 50, C Programming
CS 53A, iOS Development with Objective-C
Prerequisite: CS 50
CS 53B, iOS Mobile App Development
Prerequisite: CS 53A

Arranged Hours Objectives

Upon successful completion of the arranged hours, students will be able to:

  • Students will demonstrate an understanding of HTML 5 and CSS 3 and how to use it to build a mobile website.

Student Learning Outcomes

1. Upon completion of this course, a student will demonstrate knowledge and ability to create an effective visual design for the mobile environment. As assessed by: Hands-on exercises, Midterm Project and Final Project
2. Upon completion of this course, a student will be able to successfully create a concept and strategy for implementing a mobile website or app. As assessed by: Final Project

Materials and Supplies

Flash drive or external hard drive. Dreamweaver CS6, Photoshop CS6, access to a smart phone or tablet is advised.

Recommended Computer Skills

To succeed in this course, students should have the ability to:

  • Navigate the internet using a web browser.
  • Manage files using either the Mac or Windows operating systems.
  • Send and receive email messages and attachments.
  • Use a word processing program like Microsoft Word or its equivalent.
  • Must possess basic Photoshop skills.
  • Students that do not meet these required skills are advised to enroll in a computer skills course such as CIS 1, ET 11, GR DES 18, GR DES 64<

Methods of Presentation

Lecture hours 2 hours per week, Lab hours 1 hours per week, and 2 arranged hours per week

Methods of Evaluation

Grading is determined by participation and the timely completion of all assignments and projects. Assignments and projects will be judged on technical execution, mastery of the underlying concepts, and quality of design. Full participation is especially necessary since the projects must reflect successful solutions to the design issues raised in class presentations.

Projects are graded on:
1. the execution of technical requirements
2. effectiveness of concept and design
3. timeliness of submission

Assignments must be turned in on time, or the grade will be lowered. To receive full credit, all assignments are due on time. Students are responsible for submitting all work on time regardless of absence. Emailing late assignments is NOT allowed. A late assignment may be submitted in class one week after the due date with one grade drop. No assignments will be accepted after that. Students must complete 75% of the coursework, including the final project, to pass the course. Final projects that are submitted late will NOT be accepted.

Your final grade will be calculated using the following percentages:

Percentage of Grade: Evaluation Method:
10% Participation
20% Assignments
30% Midterm Project
40% Final Project

Grading Scale

A = 90-100%
Superior performance. Excellent achievement and craftsmanship in all work. Performs beyond course requirements.

B = 80-89%
Above average performance. Consistent progress and craftsmanship. Meets all course requirements.

C = 70-79%
Average performance. Minimum time and effort spent on coursework. Fulfills basic course requirements.

D = 60-69%
Uneven performance. Minimal output and improvement in work. Requirements are only partially fulfilled.

F = 60% and below
Fails to meet a minimum of performance levels. Does not exhibit achievement or progress.

Policy for Adding Class

A student must attend the first day in order to be placed on the waiting list. A student will only be placed on the waiting list if s/he has met all the prerequisites for the class. The instructor will contact students on the waiting list should any spaces become available. Students who are not formally enrolled in the class cannot sit in on the class until they are officially registered for the class.

A student who does not attend the first day of class may not add the class without approval from the instructor. The instructor has the right to drop any student who does not attend the first day of class and adds the class without the instructor’s approval.

Withdrawal Policy

Students are responsible for withdrawing from a class and must not expect faculty to initiate withdrawal procedures for them. If you wish to drop this class, you may do so through the Admissions section of the SMC website, http://www.smc.edu/EnrollmentDevelopment/Admissions/Pages/default.aspx.

Please note the drop dates for the current term listed at http://www.smc.edu/EnrollmentDevelopment/Admissions/Pages/Dates-and-Deadlines.aspx.

After the eighth week of classes, students must have faculty approval and documentable extenuating circumstances to withdraw. Extenuating circumstances are unavoidable circumstances that prevent students from participating in further class activities and fulfilling remaining course requirements. Poor student performance in the course will NOT be considered as an extenuating circumstance.

Class Policies

Academic Honesty

The SMC Honor Code and Code of Academic Integrity, printed in the General Catalog, remind students of their responsibility to behave honestly and ethically. It is your responsibility to familiarize yourself with these codes. Please be extremely careful that you do not engage in any behavior that could even be construed as cheating. Outside of class, students are allowed to study together. However, copying another student’s work is not acceptable. If the instructor determines that students have violated the SMC Honor Code and/or the Code of Academic Integrity, the students may be assigned no credit. Future occurrences could result in academic disciplinary action. During an exam, talking to another student, looking at another student’s paper or computer screen, using cheat notes or mobile devices, etc. are not permitted.

Attendance

Students are expected to attend all class sessions. Lectures and hands-on demonstrations will not be repeated for individual students. Please make a commitment to be in class on time even if you have not completed the current assignment. You are responsible for notifying your instructor in advance of any absence or scheduling conflict. If you need to miss a class due to a religious holiday, please notify your instructor ahead of time. You may be dropped from the class if you miss more than two consecutive classes without notifying your instructor.

Classroom Policy

Food or drink is prohibited in the classroom with the exception of water bottles that are permitted as long as they remain closed and kept away from all equipment. Use of the computers for purposes other than the assignments for this class is not permitted. No cell phone or smart phone use will be permitted in the classroom. Please turn off all electronic devices prior to entering the classroom.

During class is not the time to email, to text, to read your Facebook updates, to update your Twitter feed, or to post images to Flickr. Please be respectful when other students are presenting and when the instructor is lecturing.

When notifying a student by email, the instructor will use the student’s official SMC email address: username@student.smc.edu.

Recording of Class Lectures

In accordance with Section 78907 of the California Education Code, students shall not use any electronic listening or recording device in any classroom without the prior consent of the instructor, except as necessary to provide reasonable auxiliary aids and academic adjustments to disabled students.

College Use of Student Work

By participating in this course, you agree to allow your work to be used by Santa Monica College for promotional purposes. These uses include, but are not limited to, display in the physical and web galleries, promotional videos, and printed promotional pieces. You retain complete rights to your work, and Santa Monica College may not use your work for non-promotional purposes without your prior agreement.

Graphic Design Club

The Graphic Design Club will meet weekly in Room 104. There are various reasons to join the Graphic Design Club. The first is the sense of community that is built by the club members, a sense of belonging with others who have the same interest. This is especially important for a commuter college like SMC. It is also a chance for students to learn about Graphic Design topics, see exhibits, and hear lectures that are outside the tight frame of class curriculum.