There are millions of definitions of UX out there and they are all different. It's because UX is a hybrid of many disciplines.
In this course you will learn the components of the UX process and get a sneak peak on what UX designers do in their daily life.
7. INTHIS COURSE WE WILL...
1-LOOK AT EXAMPLES OF UX IN DIFFERENT DISCIPLINES
!
2-DO AN EXERCISETO DEFINETHE PARTS OF UX
!
3-LOOK ATTHE COMPONENTS OFTHE BASICTHEORY/
FRAMEWORK OF UX
!
4-LOOK AT EXAMPLES OF GREAT USER EXPERIENCE
AND UNDERSTAND WHYTHEY ARE GREAT?
!
5- UNDERSTANDTHE UX PROCESS BY SHOWINGYOU EXAMPLES
OF OUR WORK
!
6-QUESTIONS? RESOURCES? HOWTO GET INTO UX
15. USER RESEARCH
• Informs Strategy
•Tests solutions
• Compares performance
• Measures success
Good design starts with research
Some questions we hear: Is there a customer need or a market for this product? Are we solving a
problem that respond to users needs and behaviors? What problem are we tackling? How many
users used this website in the past? What is the data? Is this the right feature for this website/
product?
16. INFORMATION
ARCHITECTURE
!
• Facilitates understanding of the system
• Orders creates meaning and clarity
•Make sure the structure fits the mental model of
your user
•Goal to clearly navigate and find what they want
easily
Structure your content and prioritize it
Some questions we hear: How is the navigation of the site organized ? How are we going to
prioritize content? How many main pages does our site/app have? Where does this page link to?
17. INTERACTION DESIGN
• Designs the pieces
• Creating flows and refining them. (How do I from A to B)
• Determines the errors
• Documents the process through wireframes
Creating the behavior of the product
Some questions we hear: Is the product behavior predictable, expected, and usable? Can our user
accomplish her goals without many steps or much conscious effort? What are the main features of
the website?
!
23. WHAT IS GREAT ABOUT
THESE EXPERIENCES?
!
1-Solves a problem
2-Creates habits
3-Inspire Emotions
3-Becomes Indispensable
!
24. HOW DO WE MEASURE
WHAT IS GREAT ?
!
1-Business goals (increased sales, acquired users)
2-Competition (Competitive offerings against competition)
3-User testing(Validation of the UX with users)
4-Data analytics (Metrics:clicks, number of visits etc..)
5-Social media stats (social buzz onTwitter, Instagram, Facebook
etc..)
26. UX DESIGN PROCESS
is a set of tools and techniques to take users needs into
account at every stage of the product lifecycle.
27. DISCOVER
•Determine business needs and goals by working
closely with the strategy team or product managers
!
Technique: Stakeholder interviews or issue card
exercise
!
---> Business requirements
28. Issue card exercise for the redesign of a consulting company website.The goal of this
exercise was to understand business needs and pain points
29. DISCOVER
!
•Determine users needs by engaging and observing
target audience
!
Technique: User interviews, surveys, ethnographical
studies
!
---->Personas/ User journeys
!
*For interviews, users can be recruited or guerrilla style interviews can be conducted
in problem space
!
30. Interview script for product development of an professional network for the art world
31. Survey sample for curriculum development of online education platform
32. DISCOVER
!
•Look at your competitors
!
Technique: Competitive Analysis
!
----> Understand best practices and patterns of
behaviors
!
!
34. DISCOVER
!
•Create personas which are fictional users that
represents the target audience of the product:who
they are (demographics), theirs behaviors, needs, goals
and pain points.
!
They can be also be created by looking at a the data
collected from the user interviews/surveys/
ethnographical studies and the similarities and
differences in patterns of behavior
!
Tool: Persona table
!
!
37. DISCOVER
!
•Create user journeys which are the key stages of a
users activities in the problem space, how they behave
in each stage as they move to complete their tasks
!
Tool: User journeys
!
----> Identify opportunities, obstacles and possible
features for the product
!
!
!
38. Andy app / User journey that defines key tasks that people perform before, during and
after an art event (like Art Basel) .This diagram maps out the different tasks, different
environments and different feelings that the person has.
task grid
Walk me through your networking activities BEFORE an art event
MAIN TASK: MAIN GOAL:
Sub-Tasks
Scenario
Improvements
Pain points
Functionalities
39. DISCOVER
Once the team has a clear idea of the who?what?
where?how and why? of the product experience then
you can start thinking of the scope
!
•Define what can be built/designed in scope(what
features for example) with certain amount of time and
money
!
Tool: Post-its
!
---->Prioritize feature by dividing them in high, medium
and low
!
!
41. DESIGN
Thinking about the Information Architecture
!
•Design the site map which determines the structure,
navigation and taxonomy of the website
!
*Taxonomy is how we classify content.
43. DESIGN
Designing the interactions
!
•Wireframes is a blue print of the experience which
have different resolution from a sketch to a high
fidelity mockup
!
--->Hierarchy of information is tackled, features and
functionality are established, rules of displaying content
(by default, on load, on click, on hover, if logged in)
!
!
!
!
44. Example of a wireframe: Wireframes can be low fidelity (sketch) high fidelity (black
and white) mock-up (with color)
Low fidelity
Source: Harvest App
High fidelity
45. Mockup
Example of a wireframe: Wireframes can be low fidelity (sketch) high fidelity (black
and white) mock-up (with color)
48. ...TESTING IN BETWEEN
EACH PHASE
Creating quick and easy prototypes is
essential to the development of the experience
and product. It is recommend to have
as many iterations as possible
49. Prototype
!
•A prototype is an early sample, model, or release of a
product built to test a concept or process or to act as
a thing to be replicated or learned from
!
!
!
!
!
!
52. HOWTO GET INTO UX?
• Take classes and workshops online and offline (more
extensive/advanced classes are available at GA)
• Build a portfolio
• Freelance or work for free or a side project
• Go to Meetups (THE UX LAB, HUGE UX EVENTS,
NYTECH, BKUX,)
• Be curious and meet people in the field
54. AS A UX DESIGNERYOU
MIGHT WORK ON
• Marketing Experiences (Smart Water)
• Digital Products (Google maps)
• Hardware products (Fitbit)
• Retail Experiences(Fragrance IQ by Sephora)
• Interactive Environments( Cooper Hewitt Smithsonian
Museum)
• Games (LA Noire)
55. UX REFERENCES
• UX booth DIGITAL PUBLICATION
• A list apart DIGITAL PUBLICATION
• Smashing Magazine DIGITAL PUBLICATION
• IXDA ASSOCIATION/COMMUNITY
• The Interaction Design
Foundation ASSOCIATION/COMMUNITY
• Product Hunt PRODUCT
• Nielsen Norman Group UX FIRM
• UserTesting or Peak PRODUCT
• Design Kit by Ideo METHODTOOLS
• GoogleVentures VC FIRM
• Service DesignTools METHODTOOLS
• Omnigraffle SOFTWARE / COMMUNITY
• Axure SOFTWARE / COMMUNITY
• Boxes and Arrows COMMUNITY
!
!