a practical approach to great user adoption in...
TRANSCRIPT
![Page 1: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/1.jpg)
ALL RIGHTS RESERVED © 2016
A Practical Approach toGreat User Adoption in SharePointUser Definition and User Interface Workshops
![Page 2: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/2.jpg)
ALL RIGHTS RESERVED © 2016
Damon SanchezSenior User Experience [email protected] Twitter: @darkriderdesignBlog: https://www.concurrency.com/author?user=dsanchez
A Practical Approach toGreat User Adoption in SharePointUser Definitions and User Interface Workshops
![Page 3: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/3.jpg)
ALL RIGHTS RESERVED © 2016
IntroSession Content Downloads | Contact Information
What Is UI & UX?Quick Overview of User Interface Design & User Experience Design
The Gears of User CentricityCore Facets of User Adoption, The Reason for Process
User DefinitionsWho, What, Where, When, Why & How?
User PersonasMicro and Macro User Personas – Narrowing the Divide
![Page 4: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/4.jpg)
ALL RIGHTS RESERVED © 2016
Persona WorkshopAttendee Collaboration and Discussion
User Interface Design PatternsVisualizing the Interface and Understanding What Works in SharePoint
UI WorkshopAttendee Collaboration and Discussion
Sketching UI PatternsLow Fidelity Wireframes and Collaboration
QuestionsThank you
![Page 5: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/5.jpg)
ALL RIGHTS RESERVED © 2016
UI… UX…What exactly are they?
![Page 6: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/6.jpg)
ALL RIGHTS RESERVED © 2016
UI… UX…What exactly are they?
![Page 7: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/7.jpg)
ALL RIGHTS RESERVED © 2016
Interpretation of function
![Page 8: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/8.jpg)
ALL RIGHTS RESERVED © 2016
CAMPSITES
1 - 36150 - 180
![Page 9: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/9.jpg)
ALL RIGHTS RESERVED © 2016
![Page 10: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/10.jpg)
ALL RIGHTS RESERVED © 2016
Cognitive Processing
![Page 11: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/11.jpg)
ALL RIGHTS RESERVED © 2016
![Page 12: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/12.jpg)
ALL RIGHTS RESERVED © 2016
![Page 13: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/13.jpg)
ALL RIGHTS RESERVED © 2016
![Page 14: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/14.jpg)
ALL RIGHTS RESERVED © 2016
User CentricityProject Areas Content
Survey
CompetitiveAnalysis Audience
Definition
User Scenarios
ProcessFlows
Site Map
UIWireframes
UXDesign
Prototyping
User Testing
Review
Approval
![Page 15: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/15.jpg)
ALL RIGHTS RESERVED © 2016
Core Facets Of User Centricity
![Page 16: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/16.jpg)
ALL RIGHTS RESERVED © 2016
Core Facets Of User Centricity
![Page 17: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/17.jpg)
ALL RIGHTS RESERVED © 2016
Having Parts, Doesn’t Mean The Parts Fit Together
User Testing& Review
User Definition& Requirements
UI Wireframes & UX Designs
![Page 18: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/18.jpg)
ALL RIGHTS RESERVED © 2016
Having Parts, Doesn’t Mean The Parts Fit Together
• The task of Defining users helps Identify theirUser Needs
• User Adaptability, User Need Fulfillment and Business Goals drive what UI Pattern can be used
• Some UI Patterns are not compatible with other patterns
• Some UI Patterns work better than other patterns in certain situations
• SharePoint has out-of-the-box UI Patterns that can be extended
![Page 19: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/19.jpg)
ALL RIGHTS RESERVED © 2016
Identifying Primary, Secondary and Tertiary Users User Definition
![Page 20: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/20.jpg)
ALL RIGHTS RESERVED © 2016
Definition Questions• What is the average age of a typical user, are
they male or female?
• How computer savvy is a typical user?
• What does a typical user of this application do for a living
• What is the average duration of time a typical user will be interacting with the application?
• What kind of devices will the user be handling, while interacting with the application?
• What other applications does a typical user interact with on a daily basis?
![Page 21: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/21.jpg)
ALL RIGHTS RESERVED © 2016
• If a user gets confused who will they contact?
• What is the average internet connection speed of a typical user?
• What is the average browser type of a typical user?
• What is something that would make a user angry or upset if the interface didn’t do it well?
• What is something that this interface needs to do that would make a user happy?
Definition Questions
![Page 22: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/22.jpg)
ALL RIGHTS RESERVED © 2016
Backing up assumptions with real world Data
![Page 23: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/23.jpg)
ALL RIGHTS RESERVED © 2016
Backing up assumptions with real world Data
![Page 24: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/24.jpg)
ALL RIGHTS RESERVED © 2016
Macro… Micro… Narrowing The Divide
![Page 25: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/25.jpg)
ALL RIGHTS RESERVED © 2016
Proto PersonasUnderstanding Their Process, is Having an Idea of Who They Are
![Page 26: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/26.jpg)
ALL RIGHTS RESERVED © 2016
AGE: 63
NAME: Martha Weber
OCCUPATION: CFO
MARITAL STATUS: Married
LOCATION: Milwaukee, WI
QUICK BIO:
Motivation of Automation. Processing more rapidly accuracy.Fixing problems auditing. They are being hit by audits costly, Data retention up to by-laws. 0 zeroreport to cancel out employee. ----- 2 CFO in company
TECHNOLOGY SAVVYHard Time With Light Switches Super Geek
IS MOTIVATEDThere is no Motivation Gold at the end
of the Rainbow
FRUSTRATES QUICKLYPatience Of
A Saint Turns into WWFWrestler in 2min
GOAL CENTRICDoesn’t really
care about anything
Has inner goals
ARCHETYPES
![Page 27: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/27.jpg)
ALL RIGHTS RESERVED © 2016
AGE: 40-50s
NAME: Jason Paul
OCCUPATION: Director Manager
MARITAL STATUS: Married
LOCATION: Milwaukee, WI
QUICK BIO:
Reporting, high-level.Operating costs – interacts with
TECHNOLOGY SAVVYHard Time With Light Switches Super Geek
IS MOTIVATEDThere is no Motivation Gold at the end
of the Rainbow
FRUSTRATES QUICKLYPatience Of
A Saint Turns into WWFWrestler in 2min
GOAL CENTRICDoesn’t really
care about anything
Has inner goals
ARCHETYPES
![Page 28: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/28.jpg)
ALL RIGHTS RESERVED © 2016
AGE: 20 -50
NAME: General Pop Member
OCCUPATION: Service Industry
MARITAL STATUS: Single and married
LOCATION: Milwaukee, WI
QUICK BIO:
Motivator, Insurance, Dues, they come in for 4 day training. Spouse, comes in for training.
TECHNOLOGY SAVVYHard Time With Light Switches Super Geek
IS MOTIVATEDThere is no Motivation Gold at the end
of the Rainbow
FRUSTRATES QUICKLYPatience Of
A Saint Turns into WWFWrestler in 2min
GOAL CENTRICDoesn’t really
care about anything
Has inner goals
ARCHETYPES
![Page 29: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/29.jpg)
ALL RIGHTS RESERVED © 2016
Primary, Secondary and Tertiary Users
PRIMARY SECONDARY TERTIARY
![Page 30: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/30.jpg)
ALL RIGHTS RESERVED © 2016
OK Great… So We Have An Idea of Who Our Users Are?
![Page 31: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/31.jpg)
ALL RIGHTS RESERVED © 2016
UI Patterns Express Information
• User Adaptability, User Need Fulfillment and Business Goals drive what UI Pattern can be used
• Some UI Patterns are not compatible with other patterns
• Some UI Patterns work better than other patterns in certain situations
![Page 32: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/32.jpg)
ALL RIGHTS RESERVED © 2016
Popular UI Patterns
Jumping in hierarchyModal Notifications Shortcut Dropdowns Breadcrumbs Fat Footer Home LinkBack to Top
MenusHorizontal Dropdown Menu Vertical Dropdown Menu Accordion MenuMega Menus
ContentCarousel Adaptable View Categorization Cards Event Calendar Pagination Tagging Continuous Scrolling Tag Clouds
TabsNavigation Tabs Module Tabs
http://ui-patterns.com/patterns/navigation/list
![Page 33: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/33.jpg)
ALL RIGHTS RESERVED © 2016 http://ui-patterns.com/patterns/navigation/list
Popular UI Available In ?Jumping in hierarchyModal Notifications Shortcut Dropdowns Breadcrumbs Fat Footer Home LinkBack to Top
MenusHorizontal Dropdown Menu Vertical Dropdown Menu Accordion MenuMega Menus
ContentCarousel Adaptable View Categorization Cards Event Calendar Pagination Tagging Continuous Scrolling Tag Clouds
TabsNavigation Tabs Module Tabs
![Page 34: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/34.jpg)
ALL RIGHTS RESERVED © 2016 http://ui-patterns.com/patterns/navigation/list
Popular UI Available In
Jumping in hierarchyModal Notifications Shortcut Dropdowns Breadcrumbs Fat Footer Home LinkBack to Top
MenusHorizontal Dropdown Menu Vertical Dropdown Menu Accordion MenuMega Menus
ContentCarousel Adaptable View Categorization Cards Event Calendar Pagination Tagging Continuous Scrolling Tag Clouds
TabsNavigation Tabs Module Tabs
100%All of These Patterns work in SharePoint
![Page 35: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/35.jpg)
ALL RIGHTS RESERVED © 2016
Sweet… We Have a Palette of UI Patterns… Now What?
![Page 36: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/36.jpg)
ALL RIGHTS RESERVED © 2016
Pen & Paper… Stinking Markers… OneNote
![Page 37: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/37.jpg)
ALL RIGHTS RESERVED © 2016
Demo
![Page 38: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/38.jpg)
ALL RIGHTS RESERVED © 2016
“At the end of the day it is how the user remembers the experience.”
![Page 39: A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information](https://reader034.vdocuments.site/reader034/viewer/2022042419/5f35cf75d6d56226871ad063/html5/thumbnails/39.jpg)
ALL RIGHTS RESERVED © 2016
Session DownloadsSlide Deck PDFLINK
User Definition Questions & User Persona DocsCATEGORIESJOURNEYPERSONA TEMPLATE
UI Sketches & SharePoint UI PatternsLOW FIDELITY WIREFRAME