A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information

ALL RIGHTS RESERVED © 2016

A Practical Approach toGreat User Adoption in SharePointUser Definition and User Interface Workshops


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


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


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


UI… UX…What exactly are they?


UI… UX…What exactly are they?


Interpretation of function


CAMPSITES

1 - 36150 - 180



Cognitive Processing





User CentricityProject Areas Content

Survey

CompetitiveAnalysis Audience

Definition

User Scenarios

ProcessFlows

Site Map

UIWireframes

UXDesign

Prototyping

User Testing

Review

Approval


Core Facets Of User Centricity


Core Facets Of User Centricity


Having Parts, Doesn’t Mean The Parts Fit Together

User Testing& Review

User Definition& Requirements

UI Wireframes & UX Designs


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


Identifying Primary, Secondary and Tertiary Users User Definition


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?


• 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


Backing up assumptions with real world Data


Backing up assumptions with real world Data


Macro… Micro… Narrowing The Divide


Proto PersonasUnderstanding Their Process, is Having an Idea of Who They Are


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


AGE: 40-50s

NAME: Jason Paul

OCCUPATION: Director Manager

MARITAL STATUS: Married


QUICK BIO:

Reporting, high-level.Operating costs – interacts with



of the Rainbow




care about anything

Has inner goals

ARCHETYPES


AGE: 20 -50

NAME: General Pop Member

OCCUPATION: Service Industry

MARITAL STATUS: Single and married


QUICK BIO:

Motivator, Insurance, Dues, they come in for 4 day training. Spouse, comes in for training.



of the Rainbow




care about anything

Has inner goals

ARCHETYPES


Primary, Secondary and Tertiary Users

PRIMARY SECONDARY TERTIARY


OK Great… So We Have An Idea of Who Our Users Are?


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


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


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





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




100%All of These Patterns work in SharePoint



Sweet… We Have a Palette of UI Patterns… Now What?


Pen & Paper… Stinking Markers… OneNote


Demo


“At the end of the day it is how the user remembers the experience.”


Session DownloadsSlide Deck PDFLINK

User Definition Questions & User Persona DocsCATEGORIESJOURNEYPERSONA TEMPLATE

UI Sketches & SharePoint UI PatternsLOW FIDELITY WIREFRAME

https://concurrencyinc-my.sharepoint.com/personal/dsanchez_concurrency_com/_layouts/15/guestaccess.aspx?guestaccesstoken=ZRxC7Abnba5tm/Gzp3AzR5p%2bZAxndjSQ/Rd/hvlvNzk%3d&docid=14af1974fe63041cf8e20488a7e16dc0c&rev=1

https://concurrencyinc-my.sharepoint.com/personal/dsanchez_concurrency_com/_layouts/15/guestaccess.aspx?guestaccesstoken=x0R0wCNhB0eXz%2bJBTGzFe6nFFkErNs0ki7SHrvt9Gk4%3d&docid=191ce16cb4c914203a594f0bf8f75f321&rev=1

https://concurrencyinc-my.sharepoint.com/personal/dsanchez_concurrency_com/_layouts/15/guestaccess.aspx?guestaccesstoken=qOmZb8p/WrKQipPXd5Y32ncwJqhEbeHiUHDfKJvy/KA%3d&docid=1fbd2ef5ca2c04a23b9983786e8d0ca15&rev=1

https://concurrencyinc-my.sharepoint.com/personal/dsanchez_concurrency_com/_layouts/15/guestaccess.aspx?guestaccesstoken=ouk/fb4WxPN9t0QqeaB47NL9sXOa/PNKAVNUOKqzafA%3d&docid=1ccc6782f9e344079ac083a4a4f271dc3&rev=1

https://concurrencyinc-my.sharepoint.com/personal/dsanchez_concurrency_com/_layouts/15/guestaccess.aspx?guestaccesstoken=k89s1swzAp56sdd3aSgSwBTXHhCwhP1sbY0I2%2bT5C9w%3d&docid=1fb05ef12055842109df679584c37a66c&rev=1

Documents

A Practical Approach to Great User Adoption in …nellisconsultingllc.com/Resources/SPTechConSF2016Slides...ALL RIGHTS RESERVED © 2016 Intro Session Content Downloads | Contact Information