Processes and Workflows: Visual Interaction Design

Week 13 - November 30, 2017

Final submission to all materials;
Proposal (Written Component, Application Architecture (inspired by the site map technique) and Persona)*;
Mood Boards (Option A, Option B);
Wireframes (Low Fidelity, Mid Fidelity);
High Fidelity Interactive Prototype (InVision Link);
User Testing Component (Questions Proposition, Excel File Study Metrics, Take Aways Text Component);

Attention, our Slack Channel is over storage quota. Please delete all large files and switch it to digital locker instead;
Introduction to Peer Reviews;
Introduction to Usertesting.com Submission Process;
Introduction to Post-testing Steps;
Introduction to Take aways writtent component;
Small group review for Project 3.

Full High Fidelity InVision Prototype (The more you do for next week the better is for one last round of feedback before the delivery);
If you have not already done so, you must be in process to submit your questions at your instructor and ultimately on Usertesting.com;
Reading - 9 Steps for Creating the Perfect User Test;
Reading - Lessons From An Expert: What to Test;

Introduction to Usertesting.com;
Create a Usertesting.com account - Make sure you to use the email address on this document;
Usertesting.com - Watch Tutorial Demo;
Introduction to Questions Strategy for UserTesting;
Introduction to Consent Form for Research;
InVision In Class Demo - Various Topic according to each Instructors;
Small group review for Project 3.

2 High And Robust Contrast Mood Boards;
First Iteration of High Fidelity Mockups Mockups;
First InVision prototype (could be done with Mid Fidelity wireframes);
Usertesting.com - Watch Tutorial Demo;
Usertesting.com - Create a questionnaire first draft for validation/approval of your instructor. Bring a paper copy for instructors signature. Submission to participants will start next week. Do not submit any tests before the agreement of the instructors first;
Usertesting.com - Custom the Consent Form PDF for your project purpose;
Reading - Usertesting The Guide To Usertesting;
Reading - Usertesting Best Practices;
Reading - Nielsen Norman Group - User Testing.

Project 2 - Fully interactive integrated website with Responsive Framework. Make sure your code is validated.

Collecting All Research Ethics Tutorial Certificate - TCPS 2: CORE - Student List Done;
Introduction to In Class Exercise 5;
Small group review of High Fidelity Mockups from Project 2.

Project 2 - Interactive Bootstrap prototype (Homepage + One Inside Page). Attention, the more you do before reading week, the better is;
Project 2 - High-Fidelity Mockups / Wireframes revisions - all pages (mobile, tablet and desktop);
Project 2 - Lynda.com Bootstrap 3 Chapter 8 & 9;
Project 2 - NavBar Bootstrap Tutorial 1;
Project 2 - NavBar Bootstrap Tutorial 2;
Reading - Splash Pages: Do We Really Need Them?;

Collecting All Research Ethics Tutorial Certificate - TCPS 2: CORE - Student List Done;
Introduction to In Class Exercise 4;
Introduction to High Fidelity Mockups;
Small group review of Wireframes Mid-Fidelity and Moodboards from Project 2.