1. MARCY KELLARPRESENTED BY

2. My Name is Marcy Kellar
I Live In Indianapolis
I Solve Problems
Sometimes I Blog TheSharePointmuse.com
Mostly I Tweet @marcykellar
And I work for HighPoint Solutions

4. Agenda
• MY STORY
• USER CENTERED DESIGN OVERVIEW
• BAD PRACTICES and BEST PRACTICES
• BENEFITS
• RESOURCES

5. THIS IS ME AT WORK

6. SharePoint
SchmarePoint
Will it Fix My
Dreadful Task?

8. DISASTER

9. I DREADED GOING TO WORK

10. THEN CAME SHAREPOINT

11. THEN CAME SHAREPOINT

14. THIS
IS WHAT
WE DID

15. USER CENTERED DESIGN (UCD)
RESEARCH
GOALS, CONTEXT, PAIN POINTS
CONCEPT
WIREFRAMES, CARD SORTING
DESIGN
PROTOTYPES, MOCKUPS
EVALUATE
TEST WITH REAL USERS

19. SUCCESS!!!
2500+ USERS ADOPTED
4 PROCESSES INTEGRATED
6 MONTHS TO LAUNCH
1 HACKED SHAREPOINT SITE
1 RECOMMENDATION

20. LESSONS
LEARNED
SHAREPOINT SOLVES PROBLEMS
KEEPING THE USER AT THE CENTER OF THE
DESIGN PROCESS
1. MAKES A SITE USABLE
2. FACILITATES USER ADOPTION
A NOVICE CAN DESIGN A USER
CENTERED SOLUTION (WITH GUIDANCE)
THE RIGHT SOLUTION CAN CHANGE LIVES

21. Agenda
• MY STORY
• USER CENTERED DESIGN OVERVIEW
• BAD PRACTICES and BEST PRACTICES
• BENEFITS
• RESOURCES

22. BREAKFAST.

23. How do you currently approach breakfast?
Do you have any challenges eating breakfast?
USER CENTERED DESIGN (UCD)
What do you expect to eat?

24. USER INTERFACE (UI)

25. www.latenightwithjimmyfallon.com
USABILITY

26. USER EXPERIENCE (UX)

27. USER CENTERED DESIGN (UCD)
Did this meal meet your expectations?
What could be better about the experience?

28. Agenda
• MY STORY
• USER CENTERED DESIGN OVERVIEW
• BAD PRACTICES and BEST PRACTICES
• BENEFITS
• RESOURCES

29. BAD PRACTICE: FOCUS ON FEATURES

30. DEFINE GOALS,
DERIVE FEATURES

31. Stakeholder Meeting

32. BAD PRACTICE: NOT TALKING TO USERS

33. INTERVIEW USERS
(YES YOU HAVE TO TALK TO THEM)

34. User
InterviEwER

35. Just because nobody
complains doesn’t
mean all parachutes
are perfect.
— Benny Hill

36. BAD PRACTICE: USER SURROGATES

37. KEEP THE
USER AT THE
CENTER
OF THE
DESIGN PROCESS

38. Know thy user, and
you are not the user.
— Arnie Lund

39. Personas
Personas are archetypes
of users whose
motivations, pain points
and behavior patterns
are catalogued,
summarized in a single
page layout.
 Remind design team
that "you are not the
user.“
 Keep the user at the
center of the design
process.

40. PERSONAS
Stakeholder Interviews
PERSONAS

41. BAD PRACTICE: USABILITY = DESIGN COMPS

42. CREATE WIREFRAMES
BEFORE VISUAL DESIGN
COMPS

43. SKETCHES AND PAPER PROTOTYPES

44. WIREFRAMES
Created with
Mockflow

45. BAD PRACTICE: NO FEEDBACK MECHANISM

46. VALIDATE
EARLY
CONCEPTS

47. CARD SORTING

48. You can use an eraser
on the drafting table or
a sledge hammer on the
construction site.
— Frank Lloyd Wright

49. BAD PRACTICE: TESTING TOO LATE

50. TEST WIREFRAMES/
SKETCHES WITH 5 USERS

51. “THINK ALOUD” TECHNIQUE
Graphic from Rocket Surgey Made Easy, S. Krug

52. TESTING WITH JUST 5 USERS
CAN FIND 85% OF YOUR
SITE'S PROBLEMS.
Source: NNGroup

53. TEST DESIGN BEFORE
BUILDING ANYTHING IN
SHAREPOINT

55. BEST PRACTICES SUMMARY
1. DEFINE GOALS, NOT FEATURES
2. KEEP THE USER AT THE CENTER OF THE DESIGN
PROCESS
3. INTERVIEW USERS (YES YOU STILL HAVE TO TALK TO THEM)
4. VALIDATE EARLY CONCEPTS WITH USERS USING
METHODS SUCH AS CARD SORTING
5. CREATE WIREFRAMES BEFORE VISUAL DESIGN
COMPS
6. TEST WIREFRAMES/ SKETCHES WITH 5 USERS
7. TEST DESIGN BEFORE BUILDING IN SHAREPOINT

56. Agenda
• MY STORY
• USER CENTERED DESIGN OVERVIEW
• BAD PRACTICES and BEST PRACTICES
• BENEFITS
• RESOURCES

57. IMPROVE UX
INCREASE PRODUCTIVITY
IDENTIFY OPPORTUNITIES
SAVE MONEY
BENEFITS

58. The joy of an early release
lasts but a short time. The
bitterness of an unusable
system lasts for years.
— Anonymous

59. Agenda
• MY STORY
• USER CENTERED DESIGN OVERVIEW
• BAD PRACTICES and BEST PRACTICES
• BENEFITS
• RESOURCES

60. Rocket Surgery Made Easy
Steve Krug
GOOD READS
About Face 3: The Essentials
of Interaction Design
Alan Cooper
Sketching User Experiences
Bill Buxton
Usability Testing Personas General Approach

61. RESOURCES
UX Project Planning
(smashingmagazine.com)
User Centered Design
Methods
(usabilitynet.org)
List of UCD Methods
(usability.net)
UCD Methods
Stakeholder meeting
(usabilitynet.org)
User Interviews
(usabilitynet.org)
User Interview
Instructions
(uxmastery.com)
Personas
(webcredible.co.uk)
Personas
(wiki.fluidproject.org)
Creating Personas
(usability.gov)
What to Put in a
Persona
(J.D. Meier's Blog)
Example Personas
(stcbok.editme.com)
Paper Prototyping
(usabilitynet.org)
Card Sorting Instructions
(mit.edu)
Card Sorting
(measuring usability.com)
Card Sorting Guide
(boxesandarrows.com)
Thinking Aloud Technique
(project.cmd.hro.nl)
Thinking Aloud: The #1
Usability Tool
(nngroup.com)
Why You Only Need To
Test With 5 Users
(nngroup.com)
An Intro to Usability Testing
(usabilitygeek.com)

62. TOOLS & TEMPLATES
User Interviews
MindJet
Mindmeister
Personas
Persona Template (.pdf)
(wireframes.linowski.ca)
Persona Template (.pdf)
(eightshapes.com)
Persona Template (.ppt)
(Boagworld.com)
Card Sorting
Optimal Workshop
Userzoom.com
Websort.net
Prototyping
Balsalmiq
Mockflow
Axure
General
Designing the User
Experience Poster
(http://www.mprove.de)

63. CREDITS
Photography by iStock.com and Marcy Kellar
Illustrations and Comics by Marcy Kellar
Breakfast Analogy inspired by Ed Lea's Infographic
THANK YOU
Follow Me @marcykellar

64. PRINCETON SHAREPOINT USER GROUP
• Different SharePoint discussions each month on various topics.
Announced on meetup.com
• Meets 4th Wednesday of every month
• 6pm – 8pm
• Infragistics Office
• 2 Commerce Drive, Cranbury, NJ
• http://www.meetup.com/princetonSUG
• http://www.princetonsug.com

65. THANK YOU
EVENT
SPONSORS
• Platinum & Gold
sponsors have tables
here in the Fireside
Lounge
• Please visit them and
inquire about their
products & services
• To be eligible for
prizes make sure
your bingo card is
signed by all
Platinum/Gold