*The content of this course may change depending on time constraints. The order of the topics listed may vary.

Week 1 – Overview

  • Class Introduction

Week 2 – Understanding Mobile Design

  • Growth & Constraints
  • Nature of the Medium
  • Mobile Web apps versus Native applications
  • Variety of mobile design tools and technologies
  • Design Process
  • Prototyping: Keynote, Style Tiles
  • Review CSS-Based Layouts
Assignment 2

Analyze 3 mobile websites. WP Blog. Pick a theme that is optimized for Mobile.


Week 3 – Responsive Design

  • Layouts & Responsive Design
  • Analysis of Mobile websites
  • The Grid
  • Visual Design
  • HTML5 & CSS3 Intro
Assignment 3

Mockup a mobile design for an existing desktop website (I will give you 3 options).


Week 4 – Responsive Design & HTML5

  • Flexible Grid Demo
  • HTML 5 & CSS3
Assignment 4

Week 5 – Responsive Design & Capabilities

  • Capabilities
  • Flexible Margins & Padding
  • Concept & Strategy
  • Designing Mobile First
  • Midterm Project Assignment

Week 6 – Organization & Visual Design

  • Organization
  • Flexible Images & Media
  • Content Strategy
  • Information Architecture: Communication Brief, Site maps, Wireframes
Midterm Project Assignment.

Start work on sitemap for Midterm Project


Week 7 – Interaction

  • Actions & Inputs
  • Interaction Design Patterns
  • Interaction Best Practices
  • Usability and Accessibility
Assignment 5

Research touch gestures and how users interact with mobile device.

Touch Gesture Reference Guide


Week 8 – Midterm Project Lab time


Week 9 – Midterm Prototype


Week 10 – Responsive Design (Media Queries)

Skype conversation with Luke W.  @ 7:30pm
  • Typography for Mobile
  • Visual Design Best Practices
  • Media Queries 
Assignment 6

Complete mobile webpage with media queries for mobile device and tablets.


Week 11 – Cool Careers Presentations


Week 12 – Flexible Navigation / jQuery


Week 13 – Thanksgiving Holiday

No class


Week 14 – Final Project Lab. Creating mobile apps with PhoneGap

Releasing and marketing Apps


Week 15 –  Final Project Lab. Practice Final Presentations


Week 16 – Final Presentations