user experience design: an overview
TRANSCRIPT
![Page 1: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/1.jpg)
User Experience Design: Overview
Julie Grundy Information Architect, Duke Web Services
![Page 2: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/2.jpg)
![Page 3: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/3.jpg)
What we will cover today • Overview and Why • Usability Principles • Workflow of a UX designer • Tactics and Tools • How to get involved
![Page 4: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/4.jpg)
What is User Experience? “User experience is a discipline focused on designing the end-to-end experience of a certain product.”
- from Rui Barroca, Product Designer
![Page 5: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/5.jpg)
Graphic credit: Rui Barroca, Product Designer
![Page 6: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/6.jpg)
UX Design UX Design encompasses = Visual Design, Content Messaging, and How Easy it is for a User to Accomplish a Task. As people, we all have different mental models to define our world.
![Page 7: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/7.jpg)
What is Usability? Usability has to do with: • Effectiveness - can users complete tasks, achieve
goals with the product • Efficiency - how much effort do users require to do
this? • Satisfaction – what do users think about the
products ease of use?
![Page 8: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/8.jpg)
Why does UX matter?
- Fast Company Design article http://www.fastcodesign.com/1669283/dollars-and-sense-the-business-case-for-investing-in-ui-design
![Page 9: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/9.jpg)
![Page 10: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/10.jpg)
![Page 11: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/11.jpg)
![Page 12: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/12.jpg)
- March 18, 2015 Infographic from Frank Spillers published on Experience Dynamics; https://www.experiencedynamics.com/blog/2015/03/30-ux-statistics-you-should-not-ignore-infographic
![Page 13: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/13.jpg)
How?
Graphic credit: Andy Blight https://www.flickr.com/photos/flat61/3883611573/
![Page 14: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/14.jpg)
Get to Know Your User
?
![Page 15: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/15.jpg)
Rule #1
You are not the user.
![Page 16: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/16.jpg)
Roles of a UX Person Different job titles: • UX Designer • Information Architect • Experience Designer • Interaction Designer • UX Strategist • Creative Director • UI Designer
Great resource: http://www.uxbeginner.com/how-to-navigate-the-ocean-of-ux-job-titles
![Page 17: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/17.jpg)
Ground Work: Usability Principles
Courtesy of Bob Ross
![Page 18: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/18.jpg)
Nielsen’s 10 Usability Principles 1. Visibility of System Status
Keep users oriented and clear about where they are in the system or where they are up to in a process. “I know what’s going on.”
![Page 19: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/19.jpg)
![Page 20: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/20.jpg)
![Page 21: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/21.jpg)
2. Match between the System and the real world Follow real-world conventions, making information appear in a natural and logical order. “I know what you’re talking about.”
Nielsen’s 10 Usability Principles
![Page 22: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/22.jpg)
![Page 23: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/23.jpg)
![Page 24: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/24.jpg)
Nielsen’s 10 Usability Principles 3. User Control and Freedom
Users should be free to select and sequence tasks (when appropriate), rather than having the system do this for them. “Oops, let me out of here.”
![Page 25: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/25.jpg)
![Page 26: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/26.jpg)
![Page 27: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/27.jpg)
![Page 28: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/28.jpg)
Nielsen’s 10 Usability Principles 4. Consistency and Standards
Follow platform conventions. Principle of least surprise.
“Seems familiar, makes sense.”
![Page 29: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/29.jpg)
![Page 30: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/30.jpg)
![Page 31: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/31.jpg)
![Page 32: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/32.jpg)
Nielsen’s 10 Usability Principles 5. Help Users Recognize, Diagnose, and Recover From Errors
Error messages in plain language. Give users understanding of how they will solve the problem in plain language.
“I know what went wrong, I can fix it.”
![Page 33: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/33.jpg)
![Page 34: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/34.jpg)
![Page 35: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/35.jpg)
Nielsen’s 10 Usability Principles 6. Error Prevention
Even better than good error messages is a careful design that prevents a problem from occurring in the first place.
“Glad I didn’t do that.”
![Page 36: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/36.jpg)
![Page 37: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/37.jpg)
![Page 38: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/38.jpg)
![Page 39: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/39.jpg)
![Page 40: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/40.jpg)
Nielsen’s 10 Usability Principles 7. Recognition Rather than Recall
Make objects, actions, and options visible. “I know what I need to do here.”
![Page 41: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/41.jpg)
![Page 42: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/42.jpg)
![Page 43: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/43.jpg)
Nielsen’s 10 Usability Principles 8. Flexibility and efficiency of use
Cater the system to the inexperienced and expert user. Encourage exploration.
“Allow me to do more or less.”
![Page 44: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/44.jpg)
![Page 45: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/45.jpg)
![Page 46: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/46.jpg)
Nielsen’s 10 Usability Principles 9. Aesthetic and Minimalist Design
Dialogues should not contain information that is irrelevant or rarely needed. Simplicity.
“Looks good, works beautifully.”
![Page 47: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/47.jpg)
![Page 48: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/48.jpg)
![Page 49: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/49.jpg)
Nielsen’s 10 Usability Principles 10. Help and Documentation
Integrate help with the system. “How do I…?” “Okay, I need help.”
![Page 50: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/50.jpg)
![Page 51: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/51.jpg)
![Page 52: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/52.jpg)
Test Time Which principles are violated?
![Page 53: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/53.jpg)
![Page 54: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/54.jpg)
![Page 55: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/55.jpg)
![Page 56: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/56.jpg)
![Page 57: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/57.jpg)
What does this UX person do? • Research • Information Architecture • Interaction Design
![Page 58: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/58.jpg)
PLANNING AND DISCOVERY METHODS
Goal: Find out WHAT you are trying to accomplish
and for WHOM.
![Page 59: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/59.jpg)
UX Questionnaire Ask the product owner or client these questions: What is the primary goal of the site/app? Secondary goal? Is this part of a larger marketing plan? If so, please briefly describe. Why is the website being redesigned? Who is the primary demographic? Secondary demographic? What is the most likely user scenario? (Example: X visits the site, clicks on Y, which translate into action Z.) What is your ideal user scenario? (What should they do when they come to the site?) Who are your peer schools/programs? What existing content/functionality must stay? Is there any content that you’d like to add? What content needs to be moved to the new site? All? Does it need to be edited/updated? Is there any content that should be added? Created? Is there any content that can be removed? If yes, to any of the above, what is the timeline for content creation? How will we evaluate if the project is successful? Who are your key stakeholders? Is there any one else I should talk to?
![Page 60: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/60.jpg)
- Leah Buley
![Page 61: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/61.jpg)
Listening Tour • To help define “the what.” • Stakeholder interviews
![Page 62: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/62.jpg)
Analytics Analysis
![Page 63: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/63.jpg)
Competitive Review A competitive analysis is used to evaluate how a given product’s competition stacks up against usability standards and overall user experience.
![Page 64: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/64.jpg)
User Research • The most important thing we can do. • Understanding who. • Step 1: Who are our users, what do they care about,
why are they coming here, what is important to them?
• Step 2: Is this effective?
![Page 65: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/65.jpg)
Four Approaches • Organizational Research • Competitive Research • User Research • Evaluative Research
![Page 66: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/66.jpg)
Organizational Research • Organizational research is learning about those
individuals and rules that make up an organization.
• Identify and interview stakeholders, do analysis
![Page 67: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/67.jpg)
Competitive Research • Who also competes for your user’s attention to fill a
need? • In most of our cases, it is examining peer schools or
products. • Tactic: Competitive Audit (strengths, weaknesses,
opportunities, threats)
![Page 68: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/68.jpg)
User Research • User Research is ethnography, the study of humans
in their natural environment. • Understanding how and why they behave is very
different than gathering opinions. • Goal: to identify patterns/behaviors and develop
empathy.
![Page 69: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/69.jpg)
User Research BIG WIN!
![Page 70: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/70.jpg)
User Research • Talk to humans: one-on-one interviews • Contextual inquiry: observe users in their natural
environments
- Uxpassion.com
![Page 71: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/71.jpg)
Evaluative Research • Evaluative Research is assessing the merit of your
design. • Answering our question: Is this effective? • Tactics:
1. Heuristic Analysis (UX Expert Review) 2. Usability Testing
![Page 72: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/72.jpg)
What can you test? • What can you test? – Existing site or application before it’s redesigned. – Competitors service or product. – Early sketches and prototypes. – Final product (eee!)
![Page 73: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/73.jpg)
Usability Testing • Is watching the user trying to do something so you
can detect what confuses or frustrates them. • Main point: You watch people actually use the thing
you are working on versus talk about it. • Three key people: Facilitator, participant, note taker
![Page 74: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/74.jpg)
Proto-Personas • Technique to provide empathetic, customer-
oriented thinking without necessarily requiring you to do exhaustive customer research or have loads of statistical data to under pin your thinking.
![Page 75: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/75.jpg)
https://www.pinterest.com/pin/2111131045524377/
![Page 76: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/76.jpg)
The Next Phase of UX
![Page 77: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/77.jpg)
Information Architecture Information architecture (IA) focuses on organizing, structuring, and labeling content in an effective and sustainable way. The goal is to help users find information and complete tasks. - Wikipedia
![Page 78: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/78.jpg)
Creating Logic • Sitemaps • Content Analysis/Patterns/Chunking • Content relationships • Functional Requirements and Scope
![Page 79: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/79.jpg)
Sitemap • Architecture of a site, or the hierarchical structure
of an app • Shows relationships
![Page 80: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/80.jpg)
![Page 81: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/81.jpg)
![Page 82: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/82.jpg)
Content Analysis/Patterns • content matrix that separates out each piece of
content type = content modeling • includes recommendations, attributes, and
suggestions.
![Page 83: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/83.jpg)
![Page 84: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/84.jpg)
Content Priorities • A priorities list of most important types/pieces of
content. • Example: Registration button, about paragraph, key
dates, news articles, directory of people, resources
![Page 85: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/85.jpg)
DESIGN
![Page 86: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/86.jpg)
Design Brief • Describes at a high level the target design solution,
the features/personality of the product, and who it is designed for.
• Principles: What should the experience of using the product feel like the the user?
![Page 87: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/87.jpg)
Sketching • What are some different forms the product form
can take? • Low-tech
![Page 88: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/88.jpg)
![Page 89: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/89.jpg)
User Story Mapping • User Story Mapping is a dead simple idea. Talk
about user’s journey through your product building a simple model that tells your user’s story as you do.
- Jeff Patton
![Page 90: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/90.jpg)
User Story Mapping
- Jeff Patton
![Page 91: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/91.jpg)
Wireframes • Shows how the product will look and function in
detail. • The “meat and potatoes” of UX Design. • A lot of the work up until this point has been to
make educated decisions in this phase.
![Page 92: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/92.jpg)
Wireframing Tools • UXPin • Adobe Photoshop • Balsamiq or Axure • PowerPoint or Keynote • Omnigraffle • Visio
![Page 93: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/93.jpg)
Steps 1. Pick your tool 2. Consult sketches and all the research you’ve done 3. Create a wireframe list: what do you need to wireframe
to communicate the product? 4. Go for it. Think about: sequences and states, content
priorities and chunks, design principles, user story and flow, error messages, design principles.
5. Get feedback from team & users 6. Iterate
![Page 94: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/94.jpg)
![Page 95: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/95.jpg)
![Page 96: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/96.jpg)
![Page 97: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/97.jpg)
![Page 98: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/98.jpg)
Testing and Validating Get it in front of users.
![Page 99: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/99.jpg)
5 Second Test • What impression is formed in 5 seconds?
![Page 100: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/100.jpg)
![Page 101: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/101.jpg)
Guerrilla Usability Testing • Directly from Steve Krug
![Page 102: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/102.jpg)
Group Exercise
Mock Usability Test
http://bit.ly/jpguxtest
![Page 103: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/103.jpg)
Congratulations!
![Page 104: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/104.jpg)
Evangelism
![Page 105: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/105.jpg)
Things to Care About • reducing cognitive stress • making it easy • making it accessible
![Page 106: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/106.jpg)
Local Organizations • Triangle User Experience Professional Association • Ladies that UX Durham
![Page 107: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/107.jpg)
If you forget everything I said Remember to put time, budget, and energy into
researching the what and who to greatly increase your chance of success.
Most importantly, TALK TO USERS and constantly ask
yourself IS THIS EFFECTIVE?
![Page 108: User Experience Design: an Overview](https://reader033.vdocuments.site/reader033/viewer/2022051706/58ea84951a28ab983e8b45a7/html5/thumbnails/108.jpg)
Questions? Julie Grundy
Information Architect Duke Web Services, Office of Information Technology
[email protected] @julie_away
Thank you!