Loading presentation...

Present Remotely

Send the link below via email or IM


Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.


Lessons in User Experience Design

No description

Laura Johnson

on 19 February 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Lessons in User Experience Design

Lessons in User Experience Design
Life Cycle & Elements
Heuristic Evaluation
A method for usability analysis that involves evaluating the site according to usability principles called heuristics.
Quantitative vs. Qualitative Research
Field Research
MadLib an Objective!

What is User Experience Design?
Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it's really how it works.
- Steve Jobs
What User Experience Design is Not...
Site Content
The information on your site you WANT visitors to read, watch or hear. The goal is that it's received, shared, searched, browsed of consumed.
1871 & The Starter League
Curriculum //

- Assessing usability and aesthetics of web sites and applications

- Exploratory design research techniques, field observation and interviews

- Techniques for generating new ideas that meet real user needs, user model creation

- Conceptual design techniques like sketching

- Interaction design and info architecture tools; wireframes in Balsamiq, site maps, flows, and card sorting activities

- Usability testing to validate design with users

Key UX Design Principles
Design Patterns
Resource Libraries:

Build Your Own Library:

An approach that considers the tasks, goals and motivations of the user expected to use the product.
A paint-by-numbers methodology or inflexible process.

• Its purpose is apparent and valuable.
• The current state is obvious.
• Next steps are clear and relevant.
• Interactive elements are fun to use.
• Actions have immediate and powerful effects.
• There are elements of surprise and delight.
• You are never made to feel stupid.
Cheat Sheet
Let's look at some principles...

Jakob Neilsen, Outspoken UX Guru
Proportion & Balance
Hierarchy & Dominance
Unity & Variety
Economy of Elements
(Make Bathing / More Intuitive / For Divvy Riders)
Jason Travis
Persona Series:
Card Sorting
Open vs. Closed
Physical vs. Digital
Site Maps
Complex Site Maps
Tools to Create
A wireframe is a basic visual guide used to suggest the layout and placement of fundamental elements in the interface design
- Wikipedia
Pencil & paper, Balsamiq, Keynote, PowerPoint, Axure, Mock Flow, Photoshop, Illustrator, Visio, Omnigraffle, InDesign...

Style Tiles
Texture, "The Fold" myth, typography, flat design, infographics, newsletter enhancements, better images...
Fixed: http://www.colourpixel.com/
Fluid: http://www.freelenz.at/en
Responsive: http://us.aritzia.com/
Full transcript