User Experience

The Elements of UX

Jesse James Garrett
Strategy
User Needs
Site Objectives

User Research
- Ethnographic Research
- Surveying
- Customer Feedback and Testing
- Focus Group Administration
- Non-Directed Interview
- Contexture Interview
- Mental Modeling
- Mood Boards
- Card Sorting
- Analytics
- Competitive Analysis
Scope
Content Requirements
Functional Specifications

Structure
Interaction Design
Information Architecture

Interaction Design

Interaction Design
Mental Model

Interaction Design
User Flow
Who is the user, how did they arrive on the site, what are they trying to do? What are the steps it will take for them to do it?
Interaction Design
User Flow
via ConversionXL


Site Map
Information Architecture
IA: Site Map
Sequential
Start
Story
End
Hierarchichal
Home
About
Location
Hours
Ownership
Menu
Reviews
Events
Feature
Reviews
Hours/Location
Careers
Lunch
Dinner
Weekends
Critic Reviews
Yelp Reviews
Book an Event
Event Types
Matrix
Browse by Date Created
Browse by Title
via UX Matters



Site Map
via UX Matters

Aside: Site Maps for SEO
SEO: Search Engine Optimization
Skeleton
Interface Design
Navigation Design
Information Design

Interface Design
-
buttons
- check boxes
- links
- dropdown menus
Navigation Design
-
Global Nav
- "Breadcrumb" (local)
Information Design
-
Organizing information
-
Prioritize what's important
-
Wayfinding (related to nav)
Wireframes

Photo CC BY-SA JM3 on Flickr

CC by Doos via Flickr
Annotated Wireframes

Resources
- Pen & Paper
- Balsamiq
- UXPin
- Sketch
- InVision
Surface
Visual Design

User Experience
By Jason Sigal
User Experience
From Intro to Web Development, Spring 2016. Syllabus: https://www.gitbook.com/book/therewasaguy/nyu-dm-webdev-spring2016-b/
- 2,036