Interactive Multimedia Class    
Last Updated: 30 March, 2016

     
General Documents
Design Tools
Interesting Links
Class Resources

Course Overview

Syllabus.pdf
Student Data Form

Course Assignments

Brief_01.pdf
- Assignment, January 27
- Form, January 27
Brief_02.pdf
Brief_03.pdf


Class Readings

Start with why ?
Simon Sinek

Interaction Design Introduction

W1: Ideation, Design Principles
W2: Designing with Scenarios: Putting Personas to Work
W3: Five Hat Racks
W3: Iconic Representation
W3: Consistency
W4: Card Sorting
W4: Mistakes and Lessons Learned
W5: Developing A Design Concept
W5: Where the Wireframes Are
W6: Aesthetic Usability
W6: 10 principles for good design
W7: Usability Test Tasks
W7: Capturing User Research
W8: Communicating User Findings
W10: About Fluid Features
W10: Fluid Mobile Mockups

Experiment

Audrey Tang



Card Sorting

Consent Form

UI Mockup Toolkits

iOS 6
Cheat Sheet
iOS 6 GUI PSD (Iphone5)

iOS 7
Cheat Sheet
iOS 7 GUI PSD
Tab bar icons (PSD, AI, EPS) v1
Tab bar icons (PSD, AI, EPS) v2
IOS 7 GUI (PSD)
IOS 7 UI Components (PSD)
Various downloads

Android
Android GUI (PSD)
Android UI Kit (PSD)
iOS 7 App Icon Template (AI)

Icon
Icons (PDF, PNG)
iOS 6 Icons for iphone applications
iOS 6+7 Icon Templates
iOS 7 App Icon Template (AI)
Paper Prototypes

Overview
About Paper Prototypes
POP Paper Prototype Application

UX & UI

UX
UX Archive
What makes a great app?

UI

Little Big Details
iOS Human Interface Guidelines
iOS 7 Video

Fonts
Word mark it
Type Connection
Combining Fonts Guide


Weeks 1-4

Design Process
Persona
Disclosure Forms
Consent Forms
Websort Card Sorting Tool


Weeks 5-10

Interaction design
Wireframe
Touch Gestures
Design concept
Icon design
Paper Prototyping Docs
Lorem Ipsum text generator


Weeks 6-15

Fluid UI Prototype Tool
Fluid UI Community
Fluid Mobile Mockups
Business Model Canvas
Business Model Canvas (PDF)