Principal and Director of User Experience of Blue Flavor, Nick Finck presents a session on what makes a good user experience, what is the process for creating a good user experience, and where user experience as a discipline is headed.
3. Nick Finck
Blue Flavor
‣ Principal & Director of User Experience
‣ Over 15 years of experience working in the web field
‣ Has worked with Adobe, Boeing, CBS, Cisco, CitiGroup,
Comcast, FDIC, HP, IBM, and Microsoft
‣ Co-organized and curated more than 10 national and
international web conferences & events
‣ BlueFlavor.com
‣ Judged the Webby’s and several other web awards
‣ NickFinck.com
‣ Former publisher of Digital Web Magazine
‣ Expertise in information architecture, interaction design,
and user research
6. Discover Plan Design Build Evaluate
Understand and Identify possible Create designs Develop functional Review, test, and
identify the core solutions and that resolve the code based on the analyze effectiveness
problems first plan execution core problems designs of the design
7. UX happens here?
Discover Plan Design Build Evaluate
Understand and Identify possible Create designs Develop functional Review, test, and
identify the core solutions and that resolve the code based on the analyze effectiveness
problems first plan execution core problems designs of the design
9. Photo by G Brummett - http://www.flickr.com/photos/grantbrummett/4464678620/
10. Photo by G Brummett - http://www.flickr.com/photos/grantbrummett/4469405610/
11. “User Experience is a focus,
a thread that runs through
all of our disciplines, and
which no discipline owns
or controls.”
- The UXsters
Explain UX
12. UX really happens here
Discover Plan Design Build Evaluate
Understand and Identify possible Create designs Develop functional Review, test, and
identify the core solutions and that resolve the code based on the analyze effectiveness
problems first plan execution core problems designs of the design
19. Discover Plan Design Build Evaluate
Understand and Identify possible Create designs Develop functional Review, test, and
identify the core solutions and that resolve the code based on the analyze effectiveness
problems first plan execution core problems designs of the design
28. Discover Plan Design Build Evaluate
Understand and Identify possible Create designs Develop functional Review, test, and
identify the core solutions and that resolve the code based on the analyze effectiveness
problems first plan execution core problems designs of the design
31. Page Description Diagrams
Sample Company Name
Home Page Page Description Diagrams
1 2 3
Main call to action Search About company Notes
Gets users thinking about the brand A useful site search should always be An outline of what your company is all The homepage has been shifted to
and specific actions they can make. available on the page to allow users an about. emphasize content that’s currently
alternative method for finding your buried elsewhere in your site. The pro-
Sign-up content. Privacy, Terms of Use, Etc. posed navigation structure reinforces
A call to action that encourages peo- Most of the information that is cur- this goal.
ple to sign up for recently added con- Link list rently listed in the footer should re-
tent on the site. A list of semi-recently added link con- main there. The contact and address The home page should provide a
tent. This list should contain 5-7 links information can easily be moved to clean path to the various sections of
Featured article or essay with date and comment meta infor- the contact page, though. We also the site.
Shows the first paragraph of an article mation for each. recommend adding in some naviga-
with associated image, as well as the tional links, where possible.
day it was published and the number
of comments made.
Latest entries
A short listing of the latest articles or
essays that have been posted. There
should be between 5-7 shown on the
home page. The featured article
should not be displayed in this list.
Highest Priority Lowest Priority
Monday, September 24, 2007
32. Sitemaps
About SXSW Contact Market at SXSW Tools
History SXSW SMS
SXSW.com Gydget
Sponsors
Sustainability Facebook
News &
Register Getting Around Trade Shows Merchandise Interactive Film Music
Information
Opera Mini
Glossary
Brochures and Hotels for Utterz
Austin Map Music Exhibition
Forms (PDFs) SXSWeek 2008
Music Music Player
Conference
Mailing Lists Travel Discounts iF! Exhibition
Center
News & Flatstock Poster
Schedule Talks Shows Parties & Play Getting Around Press
Information Show
Subscribe International Carver Center
The Daily Chord Talks Speakers Artists Austin Map Press Releases
SXSWorld Online Reg Day Stage Cafe
Magazine Directory
Keynote Conference
FAQ Shows SXSW Live Press Kit
Auditorium Center
My SXSWorld Mentor Sessions
Shores Stage
Stories
Video Parties & Play Quickies Sessions FAQ
Any additional Demo Listening
venues Podcasts Sessions Press Credentials
CLE
Photo Policy
Interactive
News & ScreenBurn
Schedule Talks Parties & Play Web Awards Getting Around Press
Information Gaming Fest
Interactive Hub Talks Speakers Winners Austin Map Press Releases
Opening Remarks Conference
FAQ Parties & Play Finalists Press Kit
Center
Keynotes
Video Ceremony FAQ
Book Readings
Film
Core
Podcasts Dewey Award Press Credentials
Conversations
News &
Schedule Talks FIlms Parties & Play Global Doc Days Getting Around Press
Information
Speaking
Opportunities Photo Policy
The News Reel Talks Speakers Film Trailers Austin Map Press Releases
Panel Picker
Speaking Conference
FAQ Films Past Winners Press Kit
Opportunities Center
Key
Video Parties & Play FAQ
Panel Picker
Primary navigation
Podcasts Press Credentials
a Secondary navigation
a Link to separate section
Photo Policy
a Separate sub-site
a Future navigation
34. Discover Plan Design Build Evaluate
Understand and Identify possible Create designs Develop functional Review, test, and
identify the core solutions and that resolve the code based on the analyze effectiveness
problems first plan execution core problems designs of the design
37. Global Navigation
Navigation Schema GiantCampus.com Information Architecture
Navigation Schema
888-904-2267 | Live Help | Contact | Sign In / Sign Up
Search
Primary Navigation
Home Courses Programs Locations Our Difference Community About
Home Courses Programs Locations Our Difference Community About
Secondary Navigation
Game Design Game Design Game Design
3D Modeling 3D Modeling 3D Modeling
Digital Photography & Graphics Digital Photography & Graphics Digital Photography & Graphics
Flash Animation & Web Design Flash Animation & Web Design Flash Animation & Web Design
Video Production Video Production Video Production
Programming & Robotics Programming & Robotics Programming & Robotics
General Computing General Computing General Computing
Our Approach Our Approach Our Approach
Breadcrumb Navigation
Home > Courses > Flash Animation & Web Design > Web Design with Dreamweaver
Footer Navigation
Feedback | Legal | Careers | Press Room 888-904-2267 | Live Help | Contact
39. Storyboards
Manage Account Manage Account Manage Account Manage Account Manage Account Manage Account
! Rename account ! Rename account ! Rename account ! Rename account ! Rename account ! Rename account
Home Checking Rename ! Stop check ! Stop check ! Stop check ! Stop check ! Stop check
Use this form to place a stop check on a ! Order checks ! Order checks ! Order checks ! Order checks
! Stop check check that has been issued. Amount of the
check will be credited back to your account Order new checks for this account? ! Order check card ! Order check card ! Order check card
! Order checks (more info)
Order Checks
Note: If your card was lost or stolen please ! Manage Statements ! Manage Statements
! Order check card Account #: ...4324
call 800-637-0852 to ensure deactivation.
! Order check card (more info) Paper Statements ! Download
! Manage Statements From Check #:
To Check #: ! Manage Statements Reason: Damaged check card Go Paperless Select file format...
! Download
Reason: Lost check ! Download Rush Delivery?
Note: these changes will impact your Download Now
Note you will be chaged a $45.00 fee for a savings account(s) as well. (more info)
Note you will be chaged a $8.00 fee for
each stop check order. (more info) rush delivery of a check card. (more info)
! Download
Stop Check Charge to account: Home checking (5423)
Order
! Order checks
! Order check card ! Manage Statements
! Manage Statements ! Download
! Download
41. Discover Plan Design Build Evaluate
Understand and Identify possible Create designs Develop functional Review, test, and
identify the core solutions and that resolve the code based on the analyze effectiveness
problems first plan execution core problems designs of the design
42. Build Review
Photo by Dmitriy Kopylenko - http://www.flickr.com/photos/dima767/3660655314/
43. QA Testing
Photo by Tristan Nitot - http://www.flickr.com/photos/nitot/3038089411/
44. Discover Plan Design Build Evaluate
Understand and Identify possible Create designs Develop functional Review, test, and
identify the core solutions and that resolve the code based on the analyze effectiveness
problems first plan execution core problems designs of the design