the studio education

Education > Introduction to Design


UX/UI Design Spring 17

Description:

Catalog description - The technological changes of the past 10 years have expanded the possibilities for graphic interface design in countless ways. From devices, to wearables, to the Internet of Things, providing an intuitive and enjoyable experience via a Graphic Interface is critical to both attracting and keeping users. Core concepts of Graphic Design, such as hierarchy, information architecture and narrative flow, grids, and basic typography are central to successful designs and experiences. In addition to reinforcing these basics, this class aims to demystify user experience by having students engage in rapid prototyping of Interfaces using contemporary methods and tools. Students will not only create workable prototypes of their designs and apps, they will rapidly test them with an audience, gather feedback and rework their designs based on that feedback. These experiences will give students a practical and simple introduction to what UX is while also explaining some of the core concepts of usability.

Prerequisites: 1 year of graphic design training or permission of instructor


Objectives:


Syllabus

(Below you see a broad overview of the course. Please download the Course Syllabus file to see the current and complete schedule)


Course Overview and Assignments

Intro:

Course Introduction:

Course Syllabus

 

1-23:

d.School Crash Course:

A1_Communicate Transportation Options

d.school method

A2-UCI Transportation Options

A2-UCI Website

Case/CIA Challenge

 

1-30:

UCI Workday

Emotions and User Experience

Methods: Look and Ask

Read Pretotype It!

 

2-6:

Present A2

Emotion and User Experience

Methods: Learn and Try

Start Semester Projects

Prepare semester projects.

Empathy Maps

Empathy Map Samples

How to Craft a Design Challenge

Service Design Tools

 

 

2-13:

A3 Individual Projects begin

Breaking Boundaries, Influencing Experiences

UI: Site Maps, Wireframs, and Space Plans 1

Journey Maps

UX Checklist on GitHub

 

2-20:

Principles and Patterns in Design Language

Project Planning 101

Invision

Build an Experience Map

 

2-27:

Storytelling As UX Guide

UI: Site Maps, Wireframes, and Space Plans 2

Justinmind

 

3-6:

A3: Projects Presentation

User Testing 101 (How to sort out valuable feedback)

How to Write Surveys

A3b: Project Plans

 

3-13:

Spring Break (no classes this week)

 

3-20:

Evaluating User Experience

Information Architecture and Interaction within Design

UX Methodology

 

3-27:

Presentations of A3 and A3b

 

4-3:

Best Practices, New Insights

 

4-10:

Work Day

Prep for Final

Template for Boards

 

4-17:

Work Day

Best Practices

History of the Hamburger

UX Analysis of Windows 8

Flow

 

4-24:

Spring Show - Date TBD

 

5-1:

Final Critique

Final presentation and critique

 



Vox is a leader in "card" design on the web and devices. The site combines standard, online journalistic practices with stacked information with their award-winning cards.

Course Extras


External Links

LinkedIn Redesign; Positive Response

LinkedIn Redesign; Negative Response

Penn Station Atlas Project

5 Designers on Tools They Can Not Live Without

Usability.gov

ReadWrite Blog

Camille Magnon Website

Layout User Flow (with Sketch)

Basic User Flow Layout

Articles

Does a Designer's Opinion Mean More Than The User's

UX Case Study: How Hubspot Redesigned Their Homepage

This is Your Brain on Shakespeare

Pretotype It!

Mobile App Playbook

Wireframes - The Beginner's Guide


Presentations

What Is UX?

Methods 1: Look and Ask

Influencing Experience

Project Planning 101

Stakeholders and Empathy Maps (Wireframes 1)

Current Trends



"Level Five" by Paula Scher


Paper by FiftyThree from FiftyThree on Vimeo.