This document provides an overview of a crash course in UX design. It includes an agenda, definitions of UX and various related roles. It also covers UX research and design tools, methods like card sorting and wireframing. Resources for continuing education in UX are provided at the end.

1. CRASH COURSE
IN UX DESIGN
August 21, 2014

2. AGENDA
What do you hope to learn?
A Bit About UX
UX Terms
UX Research Tools
UX Design Tools

3. ARCHITECTS

4. WHY YOU NEED US
http://theoatmeal.com/comics/design_hell

5. KNOW IT WHEN YOU SEE IT

6. http://theoatmeal.com/comics/shopping_cart

7. WHAT’S UX?
User Experience design is the art and science of
ingratiating all the various elements that comprise
an interactive system to meet the users needs,
goals, limitations, desires and expectations.

8. MY JOURNEY TO UX
HIGH SCHOOL
(art)
BUSINESS
SCHOOL
(marketing)
AD AGENCY 1
(AD SERVING)
INFO ARCHITECT
(1st ROLE)
DESIGN
INTERNSHIP
UX DESIGNER
(Sapient)
ART CLASSES
(SVA)
AD AGENCY 2
(TECHNICAL)
GARD SCHOOL SELF ATUGHT
(PRATT)

10. I Cannot Believe I
Lived Long Enough
To See Something
Like This!

11. VARIOUS BACKGROUNDS
• Graphic Design
• Physical Computing
• Self-taught
• Interaction Design
• Animation
• Account
• Culinary School
• Architecture
• Self-taught
• Interaction Design
• Research
• Data analysis

13. KEEP IT SIMPLE
https://www.youtube.com/watch?v=XFxAleTesqA

14. WHAT WE’RE CALLED
UX Designer
Experience Designer
Interaction Designer
UI Designer
Web Designer
Functional Analyst
Information Architect
Mobile Designer

16. UX TERMS
Site Map
Wireframe
Annotations
Breadcrumbs
Utility
Ecosystem
User Journey
Card Sorting
Footer
Header
Fold
Carousel
Persona
Prototype
CTA
http://uxmatters.com/mt/archives/2012/06/ux-design-defined.php
http://52weeksofux.com/post/634887207/is-the-term-ux-being-marginalized
http://52weeksofux.com/post/634887207/is-the-term-ux-being-marginalized
http://designshack.net/articles/graphics/the-difference-between-ui-and-ux/

17. CREATIVE
INTUITIVE
DETAILED
ORGANIZED
STRUCTURED
EMPATHETIC
INSTIGATOR
VISUAL
LOGICAL
INNOVATIVE
WEAR LOTS OF HATS

18. We are
empathy*
designers
*сочувствие

19. EMPATHY MAPS

20. METHOD SORTING

21. TREEJACK + CARD SORT

22. EXPERIENCE MAPS

23. SITE MAPS
SECTION NAVIGATION
Search
LEARN USE CREATE
Lorem Ipsum Dolor
Lorem Ipsum Dolor Lorem Ipsum Dolor
Lorem Ipsum
Lorem Ipsum Dolor
Lorem Ipsum Dolor
Lorem Ipsum Dolor
Lorem Ipsum Dolor
Lorem Ipsum Dolor
Lorem Ipsum Dolor
Lorem Ipsum Dolor
Lorem Ipsum Dolor
Lorem Ipsum Dolor
My Account Lorel Ipsnb
My Inbox Logout
Lorem Ipsum Dolor
Restricted Area
MY BRAND CENTRAL
Lorem Ipsum Dolor
Lorem Ipsum Dolor
Lorem Ipsum Dolor
Lorem Ipsum Dolor
Lorem Ipsum Dolor

24. USER FLOWS

25. SPECS + ANNOTATIONS

26. WIREFRAMES
Third Tier Name 4 Lorem Ipsum
Last Tier 1
Last Tier 2
Last Tier 3
Last Tier 4
Last Tier 5
Last Tier 7
Last Tier 8
Dolor Lorem Ipsum

27. QUIZ
Define the page using
some of the mentioned
UX terms

28. HEADER
UTILITY
FOLD
FOOTER
CAROUSEL
CTA

29. UX TOOLS

30. http://www.axure.com/

31. https://www.omnigroup.com/omnigraffle

32. http://www.invisionapp.com

33. https://popapp.in/

34. http://keynotopia.com/move-over-origami-heres-how-to-prototype-facebooks-paper-app-in-10-minutes-using-apple-keynote/
https://itunes.apple.com/us/app/keynote/id361285480?mt=8

35. http://www.optimalworkshop.com

36. Put simply, Responsive
web design is about
browser sizes. It’s con-cerned
with layout, hier-archy
and creating an op-timal
reading experience
regardless of device. It’s
concerned with layout, hi-erarchy,
and creating an
optimal reading experience
regardless of device.
Adaptive web design is
about content. It’s con-cerned
with creating an
optimal user experience
depending on different
devices. Adaptive design
uses the components of
progressive enhance-ment
(PE) to define design
methods that focus on
user, not the browser.
Fixed websites have a set
width and resizing the
browser or viewing it on
different devices won’t af-fect
on the way the web-site
looks.
TYPES OF DESIGN
http://www.rasmussen.edu/degrees/design/blog/web-design-101-adaptive-vs-responsive-design/
http://nerd.vasilis.nl/the-definitions-of-responsive-and-adaptive-web-design/
http://venturebeat.com/2013/11/19/responsive-design-adaptive/

38. TASK
Add a skirt to shopping cart without using
search on the following 3 sites:
http://www.maurices.com/home/
http://www.nastygal.com/
http://www.hm.com/

39. TCHпAаNсKи ?YбOоU!!

40. UX RESOURCES
50 Design Problems In 50 Days- Real Empathy For Innovation
http://uxdesign.smashingmagazine.com/2013/05/27/50-problems-50-days-part-1-
real-empathy-innovation/
Better User Experience With Storytelling – Part One
http://uxdesign.smashingmagazine.com/2010/01/29/better-user-experience-us-ing-
storytelling-part-one/
Google Glass + The Bee Gees might one day save lives
http://gigaom.com/2013/07/08/google-glass-the-bee-gees-might-one-day-save-lives/
Why visual storytelling is the future of digital
http://www.imediaconnection.com/printpage/printpage.aspx?id=32879
Why good storytelling helps you design great products
https://medium.com/design-ux/148c9bbc7404
What is UX?
http://uxdesign.com/ux-defined
Seductive Interactions
http://www.themoleskin.com/2010/01/stephen-anderson-on-seductive-interac-tions/
What is the User Design Process
http://www.scoop.it/t/ux-design-process?page=2
About User Experience
http://uxdesign.com/about-user-experience-design/article/what-is-ux/4
What is User Experience Design - Cooper.com
http://www.cooper.com/journal/2012/11/what-is-user-experience-design.html
UX Methods for Professionals - Measuring Usability
http://www.measuringusability.com/blog/ux-methods.php
User Experience or UX History
http://www.interaction-design.org/encyclopedia/user_experience_or_ux.html
Personal UX
http://blog.jthoenes.net/2012/09/20/how-to-do-your-own-personal-retrospective/#
Cognitive Interaction
http://en.wikipedia.org/wiki/Interaction_design#Cognitive_dimensions
Report: 44M health app downloads in 2012
http://mobihealthnews.com/15029/
Report: 1.7B to download health apps by 2017
http://mobihealthnews.com/20814/report-1-7b-to-download-health-apps-by-2017/
Mobile Health Care Apps Growing Fast in Number
http://mhealthwatch.com/mobile-health-care-apps-growing-fast-in-num-ber-
20052/
Health apps downloads doubled
http://healthyceleb.com/health-apps-downloads-doubled-from-last-year
What does a UX designer do?
http://www.sitepoint.com/ux-designer-actually/

41. RESOURCES
Sites / Blogs Books
52 weeks of UX
Agency Spy
Ad Age
IXPA
TED Talks
http://rosssimmonds.com/2010/10/20/20-books-read-job-advertising/

42. lana.voynova@gmail.com
behance.net/lanamaniac
linkedin.com/in/lanavoynova
@lanamaniac
New York, NY
CONTACT