Course Overview-Course Overview
Course Introduction
()
About this course
About the assignments
Required Tools
Academic Integrity
About CalArts and the Program in Graphic Design
Course Overview-How Peer Review Works
What is peer review?
Why Peer Review?
()
Peer Review Tips
()
How to apply feedback
()
Course Overview-Course Communication Policies
Instructor Presence and Staff Support
Forum Guidelines
Requesting Peer Reviews
Ideation, Articulation, Development-Introduction to Week 1
Introduction to Week 1
()
Ideation, Articulation, Development
()
Ideation, Articulation, Development-Ideation
Good Ideas
()
Ideas and Goals
()
Try it yourself: Analyze an existing app
Ideation, Articulation, Development-User Research
Research and Development
()
Try it yourself: Map out the possibilities
Audience and Rationale
()
Goals and Outcomes (for the Client/Designer)
()
Ideation, Articulation, Development-Naming and Mission
Naming and Mission
()
Planning, Testing, Researching, Mapping-Introduction to Week 2
Introduction to Week 2
()
Mapping, Testing, Envisioning
()
Defining your app's functions step-by-step
Planning, Testing, Researching, Mapping-Mapping Content and Interaction
Mapping Content
()
Mapping Interaction
()
Planning, Testing, Researching, Mapping-User Testing
Non-Visual Paper Prototyping
()
Non-Visual User Testing
()
Try it yourself: Non-Visual Prototyping & User Testing
Planning, Testing, Researching, Mapping-Creating a Sitemap
Sitemap
()
Planning, Testing, Researching, Mapping-Look and Feel
Look and Feel/Visual Research
()
What Goes Where?-Introduction to Week 3
Introduction to Week 3
()
Getting real: Wireframes and Interfaces
()
What Goes Where?-Usability
Nielsen's Usability Heuristics
()
What Goes Where?-Working with Wireframes 1
What goes where? Part 1
()
What goes where? Part 2
()
What Goes Where?-Working with Wireframes 2
Consistency and Details
()
What Goes Where?-Working with Wireframes 3
Wireframe Map
()
Try it yourself: Build a wireframe map
What Goes Where?-Setting the Visual Direction
Visual Direction
()
Developing UI
()
Refining UI
()
Making it by Faking it-Introduction to Week 4
Introduction to Week 4
()
Making it by faking it
()
Important notes about this week's assignment
Making it by Faking it-Feeling Real
Feeling Real
()
Try it yourself: Create a generic prototype
Making it by Faking it-Making a Prototype using Adobe XD
Linking Up
()
Branching Out
()
Making Pathways
()
Publish your Prototype
()
Making it by Faking it-Next Steps
Next Steps