ART 285

Interface Design Studio

@ KCC New Media Arts
ART 285

Interface Design Studio

Interface Design Exploration

Teacher: Chris Gargiulo

Interface Design Studio provides studio experience for students to work on large-scale interface design projects by going in depth into the full design process. Students can work individually or collaboratively to explore an interface design project of their choice.

Interface Design is a broad field that builds upon a foundation in fine art and graphic design and overlaps with multiple domains such as communications, computer science, art, and human-computer-interaction. This class is an opportunity for students to go in depth into a chosen area of focus by utilizing the studio model of learning in a curricular environment structured by the creative process for interface design. One of the limitations of any digital media curriculum is impossibility to offer courses that comprehensively cover all facets of a dynamic field that is driven by an actively growing industry that changes rapidly. So many new technologies and techniques are being developed at alarming rates, that it creates a difficult challenge for both students and educators. This course is designed to address this problem on a curricular level by providing an opportunity for students with varying interests to choose one semester-long project that best suits their individual goals and style of self-learning. Individual (and group) projects may take several different forms, such as creating a custom designed web site using a content management system, or creating a responsive web site designed to adapt to multiple screen sizes, or an app for a mobile device, or a video that uses advanced motion graphics, or a fine art gallery installation, or an advertising campaign that spans multiple media. The possibilities are endless.

ART 285 Syllabus

Course Info

The Schedule

Points
Grade
50
Define
10%
50
Draft
10%
100
Tests
Design
20%
100
Tests
Develop
20%
100
Final
20%
100
Crit
Crit
20%
500
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
100%

Grading System

10%
Definition Phase

Project Brief
50 Points

10%
Draft Phase

Conceptual Plan
50 Points

20%
Design Phase

Three Rounds of Designs
100 Points

20%
Development Phase

Two Versions of Drafts
100 Points

20%
Final

Project + Portfolio Entry
100 Points

20%
Class Participation

Critiques
100 Points

The Calendar

Calendar loading...

Process for Web & Print Projects

1

Define

Define the project, problem(s), and stakeholder's primary goals via the project brief. Gather background info to define user profiles, goals, & tasks.

2

Draft

Brainstorm conceptual solutions, draft the information architecture, site maps, wireframes, prototypes, content hierarchy & structure.

3

Design

Visualize and communicate the UI via mood boards, type studies, color studies, prototypes, iterative mockups, & multiple rounds of refinements.

4

Develop

Build the interactive, fully functioning product using web standard compliant, accessible, valid, semantic markup, styling, & scripting.

5

Diligence

Via due diligence, fix all bugs and conduct multiple tests for quality assurance across multiple platforms, browsers, devices, and screen-sizes.

Process for Motion Graphics & Video Projects

The Deliverables

Project Brief

Due: Week 2

50 Points

Conceptual Plans

Due: Week 4

50 Points

Designs R1-3

Due: Weeks 6, 8, & 10

100 Points

Drafts V1-2

Due: Weeks 13 & 16

100 Points

Final Project

Due: Week 17

100 Points

Course Content

  1. Introduction

  2. Definition Phase

  3. Drafting Phase

  4. Design Phase

    • Different UI techniques for Designing High Fidelity Web Page Mockups Lesson
    • Round #1 Designs Assignment
    • Round #2 Designs Assignment
    • Round #3 Designs Assignment
  5. Development Phase

  6. Diligence Phase

Course Deliverables

12 Assignments

Definition Phase

  1. Project Brief Week 2

Drafting Phase

  1. Conceptual Plans Week 4

Design Phase

  1. Round #1 Visual Designs Week 6
  2. Round #2 Visual Designs Week 8
  3. Round #3 Visual Designs Week 10

Development Phase

  1. Version #1 First Drafts (Product and Portfolio Entry) Week 13
  2. Version #2 Second Drafts (Product and Portfolio Entry) Week 16

Diligence Phase

  1. Final Product Week 17
  2. Final Portfolio Entry Week 17

Students

Current Students

Past Student Projects

Past Students

About

This is the faculty web site for KCC New Media Arts instructor Chris Gargiulo. Chris is a designer, animator, and filmmaker with experience in print design, web design, front-end web development, motion graphics, and animation for various film, web, and multimedia projects. This site is for his students and for all who are interested in web design related topics and techniques.

Contact

For specific information about this site and the Interface Design concentration of courses within New Media Arts program at Kapi‘olani Community College, please contact:

Chris Gargiulo

Telephone: 808-734-9707
Email: gargiulo [at] hawaii.edu

For more general information about New Media Arts program at Kapi‘olani Community College, the Associates degree, and the admissions process to become a student, please contact:

Steve Harris

Telephone: 808-734-9510
Email: snharris [at] hawaii.edu
Chris Gargiulo KCC New Media Arts