Send the link below via email or IMCopy
Present to your audienceStart 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
Lessons in User Experience Design
Transcript of Lessons in User Experience Design
Life Cycle & Elements
A method for usability analysis that involves evaluating the site according to usability principles called heuristics.
Quantitative vs. Qualitative 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...
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
- 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
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.
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)
Open vs. Closed
Physical vs. Digital
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
Pencil & paper, Balsamiq, Keynote, PowerPoint, Axure, Mock Flow, Photoshop, Illustrator, Visio, Omnigraffle, InDesign...
Texture, "The Fold" myth, typography, flat design, infographics, newsletter enhancements, better images...