Interactive Design II – ARTS 478

CG • Section 8WK • 11/08/2019 to 04/16/2020 • Modified 07/28/2020

Course Description

Advanced theory and application of interactive design development technologies with focus on understanding emergent, and relevant web media. Creating interactive executions of varying degrees across different platforms. Understanding and developing campaigns built upon interactive principles of user experience and user interface. Note: May be taken twice for credit.

Prerequisites 

ARTS 477

Rationale

Understanding of advanced interactive design is necessary for a designer to communicate effectively across all digital platforms and reach intended audiences in an accessible way. Interactive design development and understanding how to create and implement web applications is expected in the design industry as more information is communicated digitally.

Measurable Learning Outcomes

Upon successful completion of this course, the student will be able to:

  1. Create consistent digital interactive campaigns for a variety of devices.
  2. Construct emerging and relevant interactive technologies for digital executions.
  3. Demonstrate proficiency in advanced web application technology.
  4. Apply principles of design and aesthetics in an advanced interactive environment.
  5. Assess current web trends and areas of growth in respect to user experience.

Course Assignment

Textbook readings and lecture presentations

Course Requirements Checklist

After reading the Course Syllabus and Student Expectations, the student will complete the related checklist found in Module/Week 1.

Discussion Board Forums (6)

Discussion boards are collaborative learning experiences. Therefore, the student is required to create a thread in response to the provided prompt. Each thread must be at least 150 words and demonstrate course-related knowledge. In addition to the thread, the student is required to reply to the threads of at least 3 classmates. Each reply must be at least 150 words and contain visual support where appropriate. Any sources used must be cited in current MLA format.

XD Tutorial

The student will complete a mini app prototype using Adobe XD and graphical assets provided by the instructor.

App Prototype

The student will create a cohesive and comprehensive prototype of an app using a topic/subject/category that is assigned to him/her. The app must have at least 4 screens, not including the loading screen. The student will also submit a PDF of a campaign brief.

Milestone 1

The student will submit wireframes and basic graphic assets.

Testing

The student will test all screens of his/her prototype on 3 users via screen recordings.

Milestone 2

The student will adapt his/her design based on testing feedback and submit a completed comprehensive rough draft of the prototype. The student will also write a narrative of at least 150 words explaining the changes or giving justification/rationale for not making changes.

Final

The student will submit the final version of the App Prototype.

WordPress Site

The student will create a working website using WordPress.org and Theme.co X Theme to create a multi-page website on a hosted/live platform. The website must have at least 5 pages, 1 password-protected page, and 2 plugins/embeds.

Install

The student will learn to install WordPress on a live server and a hosting account such as GoDaddy along with a site map. The student will also install X Theme.

Milestone 1

The student will complete basic design assets and page layouts. This must be a complete rough draft of the entire website with working plugins. The student will also write at least 150 words about what he/she is learning.

Milestone 2

The student will present a complete rough draft that includes all content.

Final

The student will submit a URL for his/her WordPress Site.

Reading Quizzes (8)

Each quiz will cover the Reading & Study material for the module/week in which it is assigned. Each quiz will be open-book/open-notes; contain 5 multiple-choice, true/false, and multiple answer questions; and have a 30-minute time limit.