Emerging Interface Design Dev 1425

Items are grouped by categories, click to enlarge and view individually

Syllabus

(same for campus and online)

Welcome Letter

Campus (Left), Online (Right)

Lesson Plans

Resource Handouts

(same for campus and online)

Exercises

(same for campus and online)

Project Overviews & Rubrics

Week 01: Research & Sketches (same for campus and online)
Week 02: Grids and Wireframes (same for campus and online)
Week 03: Data Visualization & Style Guide (same for campus and online)
Week 04: Mockups & Website Promotion (same for campus and online)

Final Exam

Final Exam Review (same for campus and online)
Final Exam Visual Review (same for campus and online)
Final Exam (same for campus and online, administered online for both) Note: the test visually looks different online.

Online Videos

The password for all videos is 1425

Elements of Design

Principles of Design and Organization

Gestalt Principles

Design Rules

Mobile First—Responsive & Adaptive Design

Wireframes & Mockups

Visual Hierarchy

Grids

Color Basics

Color Connotations

Imagery (icons, photographs, etc.)

Branding & The Style Guide

Typography Trends

Typography Basics

Legibility Factors

Campus Student Work

Highlighted Mobile Student: Zhi Cui

Attendance Reports

Reading Pattern Exercise

CARP Exercise

Week 01: Research & Sketches

Research 3 existing apps within your chosen category
Sitemap
iPhone screens (Mobile First concept)
Watch and Tablet screens

Week 02: Grids & Wireframes

iPhone Wireframes
iPad Wireframes
42mm iWatch Wireframes

Week 03: Style Guide & Data Visualization

2 phone screens, 1 watch screen, and 2 tablet screens, showing contextual awareness

Week 04: Mockups & Promotion Website

iPhone Mockups
iPad Mockups
42mm iWatch Mockups
Promotion Website Mockup

Students were required to present their design process using Adobe Spark Page, below is a link to Zhi's work.

Highlighted Web Development Student: Jonathan Pollock

iPhone Mockups
iPad Mockups
iWach Mockups
Website Promotion Mockup

Below is a sampling of EID work from other campus students

Online Student Work

Highlighted Student: Andrew Harrington

Week 01: Research & Sketches

Sampling of Existing App Research
Sitemap and Word Map
Sketching Sampling

Above is just a sampling of the research presented, to view all of the work submitted, please click the link below.

Week 02: Grids & Wireframes

iPhone wires
iPad wires
iWatch wires

Week 03: Style Guide & Data Visualization

Week 04: Mockups & Promotion Website

iPhone Mockups
iPad Mockups
42mm iWatch Mockups
Website Promotion

Students began using Spark for the 1704 term, previously students presented their process books in pdf format. Below is a link to Andrew's process book.

Below is a sampling of EID work from other online students

Credits:

Created with images by FirmBee - "ux design webdesign"

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a Copyright Violation, please follow Section 17 in the Terms of Use.