Web and New Media – ARTS 600

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

Course Description

Through research and independent work, the student will explore areas of web and new media in relation to human centered/human driven design and development. The student will propose a topic to research and create an execution based on research findings. May be taken twice.

Prerequisites

None

Rationale

Designers first and foremost must be thinkers. Understanding current developments in web technology and new media, whether print or digital, helps the designer better anticipate future industry projections as well as how design fits into such systems.

Measurable Learning Outcomes

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

  1. Research new technology in web development and new media applications.
  2. Evaluate the validity of technological solutions and executions.
  3. Construct designs in web and new media environments based on applied research.
  4. Produce design systems that reflect principles of graphic design while exploring burgeoning fields within the field of web and new media.
  5. Assess constructed designs in view of human-centered/human-driven design context.

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 (2)

Discussion boards are collaborative learning experiences. Therefore, the student is required to create a thread in response to the provided prompt for each forum. Each thread must be 500–600 words and demonstrate course-related knowledge. The student must also include at least 1 citation in current MLA format. In addition to the thread, the student is required to reply to 2 other classmates’ threads. Each reply must be at least 250 words and include at least 1 citation in current MLA format.

Stare at Creation (3)

The student will engage in an intense study of an object. The student will look at it up close, far away, from a bird’s eye view, from the ground, under water, and in many other ways. The student will then visually capture the object 50 times. After capturing his or her 50 images, the student will build a jQuery gallery to share his or her thematic creation.

Basic HTML (2)

The student will demonstrate the basics of HTML structure and syntax, progressing to a 10-page mini-website. The purpose is to increase understanding of directory structures and linking pages as well as to make the student comfortable with HTML framework.

Reading Responses (3)

The student will write three 2–4-page reading response papers in current MLA format that will analyze and apply the concepts of the assigned reading.

Lynda Tutorials (5)

The student will complete Lynda.com tutorials on jQuery and Muse. The goal of these tutorials is to move the student beyond basic HTML/CSS. The student will visually present his or her creative work while exploring these applications. The student should feel comfortable enough to complete his or her final UX design.

UX Single-Page Scrollable Site

The student will create a website in the following stages throughout the course:

Part I: Purpose/Personas

The student will define the overall project concept along with developing clear user needs and requirements.

Part II: Plan/Content Inventory

The student will identify and plan a content inventory.

Part II: Use Case

The student will define the most common and most complex user tasks.

Part IV: Site Map/Storyboard

The student will create an information architecture map of the project along with a visual narrative.

Part V: Final Site

The student will submit the final, single-page scrollable site.

Heuristic Evaluation

The student will create a usability report on www.whitehouse.gov. The report must be organized into sections using 10 usability heuristics. The student will write and produce the report as if he or she were delivering to an actual client. The evaluation must include screenshots to illustrate points where needed. The report must be professionally organized and informative.