One North Art Director Jessica DeJong walks us through six lessons she learned from her Masters Program on Human-Computer Interaction. That, and a whole lot of cat gifs. From the 2015 Experience Lab: Digital Working in Concert. To watch the video from the presentation, visit: https://youtu.be/1_ru1FK3rxc

1. Jessica DeJong
@jessdejong

2. Classically Trained
…in 30 minutes
HCI Bootcamp

4. Foreshadowing.

5. Let’s Jump In

6. Human-Computer
Interaction

7. Computer
Science
Graphic
Design
Psychology
Interaction
Design
User
Experience
Information
Architecture
User
Research
User-Centered
Experience
Design

8. “Design has to work,
art does not.”
-DONALD JUDD

9. 1Think Like a User

13. 2Listen (or Watch) with Empathy

14. DISCLAIMER
This video contains some
adult language.

16. Lucy Suchman, Xerox PARC

19. Allen Newell
Computer Scientist, Xerox PARC
Winner of Turing Award
Ron Kaplan
Computer Scientist, Xerox PARC

21. 3Do Your Homework

23. EYE-TRACKING USABILITY TESTING ETHNOGRAPHIC STUDIES
FOCUS GROUPS INTERVIEWS INTERCEPT SURVEYS
CONCEPT TESTING DIARY/CAMERA STUDIES CARD SORTING
WEB ANALYTICS A/B TESTING HEURISTIC EVALUATION
EMAIL SURVEYS CO-CREATION EXERCISES COGNITIVE WALKTHROUGH

25. Sounds Expensive …

27. Usability Testing: 5-8 people
Source: NielsenNorman Group

28. Secondary Research

29. Secondary Research: Eyetracking

30. Secondary Research: Eyetracking

31. 4Design Is the Experience

32. UI
User Interface User Experience
UX

35. Aesthetics and UX

36. Aesthetics & Cognition

37. • 2 ATMS
• Same elements
• 1 UI was more
aesthetically pleasing

38. In both studies, the
more aesthetically
pleasing UI was
perceived to be
more usable.

40. Aesthetics & Emotion

42. “ … we are capable
of discerning far
more than we are
capable of
articulating.”
— JONY IVE

43. 5You’re Never Really Done

44. Test
Ideate
Observe
DefinePrototype
Understand

45. Test
Ideate
Observe
DefinePrototype
Understand

46. Test
Ideate
Observe
DefinePrototype
Understand

48. DESIGN THINKING

49. is a human-centered approach to innovation
that draws from the designer’s toolkit to
integrate the needs of people,
the possibilities of technology,
and the requirements for business success.
—Tim Brown, CEO & President IDEO
DESIGN THINKING

50. Test
Ideate
Observe
DefinePrototype
Understand
Design
Thinking

51. 6UX Is Everyone’s Job

52. Aesthetics
UX=

53. Information
Architecture
UX=

54. Content
UX=

55. Performance
UX=

56. Think of each element
like an instrument in a song.

58. Homework

60. twitter.com/jessdejong/lists/web-ux

61. 2. Listen with empathy
3. Do your homework
4. Design is the experience
5. You’re never really done
6. UX is everyone’s job
1. Think like a user

62. 2. Listen with empathy
3. Do your homework
4. Design is the experience
5. You’re never really done
6. UX is everyone’s job
1. Think like a user

63. 2. Listen with empathy
3. Do your homework
4. Design is the experience
5. You’re never really done
6. UX is everyone’s job
1. Think like a user

64. 2. Listen with empathy
3. Do your homework
4. Design is the experience
5. You’re never really done
6. UX is everyone’s job
1. Think like a user

65. 2. Listen with empathy
3. Do your homework
4. Design is the experience
5. You’re never really done
6. UX is everyone’s job
1. Think like a user

66. 2. Listen with empathy
3. Do your homework
4. Design is the experience
5. You’re never really done
6. UX is everyone’s job
1. Think like a user