Advanced Topics in Interactivity

YSDN 4003

Week 12 - November 27

Final Vision Part 3

Review of Assignment 5 Process

Due Next Week

Assignment 5 - Full Delievery

Especially for the last class - we will start at 6:30 pm sharp for a demo presentation.

Weekly References

UI Jar

UI Sources

Mobbin Design

Collect UI

UP Labs

Land-book

Product Hunt



Week 11 - November 20

Final Vision Part 2

Re Introduction Assignment 5 - Final Vision

One to One Process

Due Next Week

Assignment 5 - One to one progress



Week 10 - November 14

Final Vision Part 1

No Class - Only available remote

Lecture Design Systems

Reminder Assignment 4 - Animation is due next week

Introduction Assignment 5 - Final Vision

Students Final Vision Examples

Owl

Daze

Spot

Demo

Curatour

Volounter

BTC

Common

Design System References

Product Marketing Websites Example

Design Systems Handbook

UI Patterns

Researching Design Systems

Using Visual Loudness for Better Wayfinding

National Aeronautics and Space Administration Graphics Standards Manual

Redesigning Pinterest, block by block

Lightning design system

And You Thought Buttons Were Easy?

IBM Carbon

Shopify Polaris

Marvel Style Guide

Painting with Code

Atomic Design by Brad Frost

Website Style Guide Ressource

Due Next Week

Assignment 5 - One to one progress



Week 9 - November 6

Principle - Animation Part 3

Return of Assigment 3 grades

Assignment 4 - 1 on 1 review

No physical class next week - only remote feedback via Google Hangouts approved on Slack.

Due Next Week

Assignment 4 - Full Delievery

Weekly References

Frank Chimero · Everything Easy is Hard Again

Everything you need to know about skeleton screens



Week 8 - October 30

Principle - Animation Part 2

Assignment 4 - 1 on 1 review

Due Next Week

Assignment 4 - Process Animation Follow Up

Weekly References

The ultimate guide to proper use of animation in UX

The Role of Sounds in UX

Sound Kit for Prototypes

Visualizing Sound With Framer



Week 7 - October 23

Principle - Animation Part 1

Introduction Assignment 4 - Animation

Principle Workshop

Assignment 3 - Last review (due this Saturday 8:00am)

Due Next Week

Assignment 4 - Process Animation

Weekly References

Animated Transitions in Mobile Apps

Motion Design Doesn’t Have to Be Hard

When Motion Creates Emotion

Framer Tutorial: How to Create Stunning Interactive Prototypes

Framer Website

Principle Website

Origami Website

Atomic Website

ProtoPie Website

Adobe Animate CC

Adobe After Effects CC



Week 6 - October 16

User Research & Tools

Assignment 2 Grade Feedback

Lecture User Research and Tools

Progress/Process on Assignment 3 - One to One

Due Next Week

Assignment 3 - Interactive Prototype

Weekly References

UX Booth.com

Nielson Norman Group - Research Cheat Sheet

How listening to our 4.1 million users inspired a new product idea

6 Tips for Better User Interviews

7 ways to prepare for a design research interview

How to Run Remote User Research (Like a Boss!)

8 Creative Ways to Share Your User Research

How to Turn User Research into Smart Design Decisions

How to choose a user research method

UX Design Methods & Deliverables

How to do usability testing

Research methods for discovery

The User Researcher’s Field Guide to Psychology

Usability Hub

Optimal Workshop

UserTesting.com

UserInterviews.com

Maze

Dovetail



Week 5 - October 9

Reading Week

No Class



Week 4 - October 2

Prosper App Demo

Industry Presentation Prosper

Introduction Assignment 3 - Interactive Prototype

Lecture Prototyping Tools

Due Next Week (October 16)

Progress/Process on Assignment 3 - Interactive Prototype

Weekly References

Top 22 Prototyping Tools For UI And UX Designers 2018

What’s the difference between Wireframe, Prototype & Mockup?

7 Practical Tips for Cheating at Design

Interface Exploration: Depth and Color

Beautiful and functional interfaces

UI/UX Case Study: Nutrition Tracking App

How We Designed a LinkedIn Feature

Designing notifications for apps



Week 3 - September 25

Crazy 8's Workshop

Return on Fluxible Conference

Lecture Crazy 8's technique

In Class Crazy 8's Workshop

Lecture Wireframe

Introduction Assignement 2 Wireframe

Reminder Prosper

Due Next Week

Assignement 2 Wireframe (Low and Mid Fidelity)

Weekly References

Wireframes by Top UX Designers

Stop Talking and Start Sketching: A Guide to Paper Prototyping

The art of UX sketching and paper prototyping

The Skeptic’s Guide To Low-Fidelity Prototyping

Wireframing - Usability Gov

How to make a rapid prototype for mobile apps

Prototyping: A Practitioner's Guide

Crazy 8's Design Sprint Kit



Week 2 - September 18

How Might We Workshop

Accessing Digital Locker

Lecture How Might We Methodology

Introduction Assignement 1 Stage 2 & 3

In Class How Might We Workshop

Due Next Week

Assignement 1 Stage 2 How Might We Takeaway and Stage 3 Statement of Intent

Weekly References

Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days

How Might We - Design Kit (By IDEO)

IDEO Agency

High Resolution - Tom Kelley Partner at IDEO

Articulating Design Decisions: Communicate with Stakeholders, Keep Your Sanity, and Deliver the Best User ExperienceO



Week 1 - September 11

Welcome

Slack (ysdn4003-f18.slack.com)

Introduction to the course (outline|schedule)

Introduction Student Website Process

Lecture Donald Norman’s Three Levels of Design

Lecture There’s an app for that!

Introduction Assignment 1 - Design Strategy

Due Next Week

Stage 1 - Research

Website ready with weekly process

Weekly References

Applying the Three Levels of Design to Building Software Products

Norman's Three Levels of Design

The three ways that good design makes you happy - TED Video

The Best Interface is No Interface - Book

Golden Krishna - SXSW Keynote

Disruptive Interfaces & The Emerging Battle To Be The Default

A machine learning workshop for artists and designers