ART 249

Interface Design 2

@ KCC New Media Arts

Intro

Course Content

Students

Teacher

Contact

ART 249

Interface Design 2

The Full Web Design Process

Teacher: Chris Gargiulo

Interface Design 2 covers the full creative design process for interaction design of researching, planning, designing, coding, and testing a custom web standard compliant HTML/CSS web site for a chosen client and target audience.

Quality web sites that meet both client and user needs can be successfully created when designers properly go through the full creative design process. Integral to this process are the deliverables and documentation used in the industry for client based projects that help to ensure that the final product meets all of the primary project goals and objectives. In this class students plan, design, and code one HTML web site over the course of the semester. During the first few weeks of the semester students choose a client, research the industry, and define the information architecture of their chosen site by drafting the necessary conceptual planning documentation such as site maps and wireframes. During the middle of the semester, students go through multiple rounds of design revisions until a mockup is created that best suits the project demands. During the final weeks of the semester, students code and test the web site across platforms, devices, and browsers for quality assurance.

ART 249 Syllabus

Course Info

Projects

2 client-based UX/UI designs: 1 website, 1 mobile app

Project #1: Client Website Design

A bespoke client-based website UI with a full design system.

Project #2: Client Mobile App Design

A client-based mobile app UI design with interactive prototype.

Schedule

Weeks 1-8: Website, Weeks 9-16: Mobile App

Points
Grade
50
Weekly Lessons & Assignments
10%
50
Define
Define
10%
100
Draft
Draft
20%
100
Site Design
App Design
20%
100
Midterm
Final
20%
100
Crit
Crit
20%
500
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
100%

Calendar

Week-by-week due dates

Calendar Loading...

Course Content

  1. Introduction

  2. UX/UI Design Systems

  3. Client Projects

Slides

In-Class Slidedecks

Week 1

Slides

Week 2

Slides

Week 3

Slides

Week 4

Slides

Week 5

Slides

Week 6

Slides

Week 7

Slides

Course Deliverables

2 Personal Design System Deliverables

  1. Core Slides for Client View Week 9
  2. Source File (Adobe XD) Week 9

12 Deliverables for Website Project #1

Define

  1. Project Brief Week 2

Draft

  1. Conceptual Plan: Site Map Week 3
  2. Conceptual Plan: Lo-Fi UX Wireframe Prototype Week 3
  3. Conceptual Plan: Style Tiles Week 3

Design

  1. Round 1 Hi-fi UI Mockup A Week 4
  2. Round 1 Hi- UI Mockup B Week 4
  3. Round 2 Hi- UI Mockup C Week 7
  4. Final/R3 Hi- UI Mockup D Week 8

Develop

  1. Round 1 Code Test Week 4
  2. Round 2 Code Test Week 7
  3. Round 3 Code Test Week 8

Final Deliverables

  1. Portfolio Entry Week 16

9 Deliverables for App Project #2

Define

  1. Project Brief Week 10

Draft

  1. Conceptual Plan: App Map / Flow Chart Week 11
  2. Conceptual Plan: Lo-Fi UX Wireframe Prototype Week 11
  3. Conceptual Plan: Style Tiles Week 11

Design

  1. Round 1 Hi-fidelity UI Design Mockup A Week 12
  2. Round 1 Hi-fidelity UI Design Mockup B Week 12
  3. Round 2 Hi-fidelity UI Design Mockup C Week 15

Final Deliverables

  1. Hi-Fidelity App Prototype Week 16
  2. Portfolio Entry Week 16

Students

Current Students

Course Web Pages

Past Students

Archived Course Web Pages

2018

2017

2015

2014

2013

2012

2011

2010

About

The Teacher

Chris Gargiulo

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.

Learn more about Chris

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

Associate Professor

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

New Media Arts Counselor

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