IDSE302 Designing Digital Interfaces

About this course

This course teaches methods of creative problem solving and ideation related to interfaces, including sketching, diagramming, and the underlying approaches of abductive thinking and divergent thinking. Students learn how to quickly visualize ideas, iterating through variations, and allowing an idea to evolve quickly and effectively.

Outcomes and competencies

The following outcome statements articulate the competencies, abilities, and skills a student will have as a result of completing this class. Students will...

  • Be able to quickly visualize ideas for interfaces, using hand-drawn interface sketches and digitally enhanced schematics (such as wireframes or flows)
  • Be able to model complicated systems and services through the use of diagrams
  • Understand how to communicate through sketching, both in a formal capacity as well as in a real- time, facilitation style
  • Be able to quickly iterate through interface design, using input from real users to inform decisions


DayIn ClassOut of Class Suggested Readings
Wed, 1/2Lecture: Concept MappingCreate concept maps
Mon, 1/7Scenarios and Use CasesConcept mapping finishedSketch Interface Introduction | (More) Sketch Basics | Making Wireframes in Sketch
Wed, 1/9Scenarios Continued & Wireframes
DUE: Concept mapping
Scenarios and use cases finished. Start Assignment 2 - Wireframes
Mon, 1/14Think Aloud ProtocolKeep iterating on Assignment 2
Wed, 1/16Optional check-in / Work SessionFinish Assignment 2.
Mon, 1/21Initial App Wireframes Due - CritiqueStart Assignment 3
Wed, 1/23Controls and FormsKeep iterating on Assignment 3
Mon, 1/28Revised concept Map, Testing & Wireframes due - CritiqueReflect on critique and feedback and begin to revise your wireframes
Wed, 1/30Process Flow DiagrammingFinish revising your wireframes from 1/28 feedback session / Start Assignment 4
Mon, 2/4Assignment 4 Process Diagram and Wireframe Feedback/Work SessionBuild iteration / Keep iterating on Assignment 4 / Start recruiting for user testing
Wed, 2/6Presenting and Pitching WireframesBuild iteration / Iterating on Assignment 4 / Keep recruiting and begin user testing
Mon, 2/11Work Session / User testingComplete iteration
Wed, 2/13Wireframes and User Testing Due - Critique Reflect on critique and feedback and begin to revise your wireframes
Mon, 2/18Cognitive WalkthroughComplete iteration / Read How to do a Heuristic Evaluation
Wed, 2/20Revised Wireframes Due - Critique