Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

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.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Lessons in User Experience Design

No description
by

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!

Questions?
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...
Personas
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:
http://www.welie.com/
http://developer.yahoo.com/ypatterns/
http://ui-patterns.com/

Build Your Own Library:
http://patternry.com/

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...
http://www.nngroup.com/articles/ten-usability-heuristics/

Jakob Neilsen, Outspoken UX Guru
Proportion & Balance
Hierarchy & Dominance
Unity & Variety
Economy of Elements
960GS.COM
(Make Bathing / More Intuitive / For Divvy Riders)
Jason Travis
Persona Series:
http://www.flickr.com/photos/jasontravis/sets/72157603258446753/
Card Sorting
Open vs. Closed
Physical vs. Digital
http://www.optimalworkshop.com/optimalsort.htm
Site Maps
Complex Site Maps
Wireframes
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...

http://edenspiekermann.com/projects/tegut-website
Trends
Style Tiles
Texture, "The Fold" myth, typography, flat design, infographics, newsletter enhancements, better images...
http://www.discountmugs.com/
http://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore-the-fad/
Fixed: http://www.colourpixel.com/
Fluid: http://www.freelenz.at/en
Responsive: http://us.aritzia.com/
http://cohdoo.com/highlight.php
https://stoneward.mybalsamiq.com/login
http://www.thegreatbeardedreef.com/
http://www.dangersoffracking.com/
http://portraits.aol.com/
Full transcript