a practical approach to great user adoption in...

ALL RIGHTS RESERVED © 2016

A Practical Approach toGreat User Adoption in SharePointBranding and User Experience Workshops


Damon SanchezSenior User Experience [email protected] Twitter: @darkriderdesignBlog: https://www.concurrency.com/author?user=dsanchez

A Practical Approach toGreat User Adoption in SharePointBranding and User Experience 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 Definitions & User JourneysWho, What, Where, When, Why & How?


High Fidelity WireframesFine Tune the Visualization

Branding & EmotionsThe Design Language of Emotion, Connecting to Users

SharePoint Design & DevelopmentWhat is Possible With CSS, JS in SharePoint

Demo SharePoint O365Quick Walk-though of an Actual SharePoint Site

QuestionsThank you


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


Having Parts, Doesn’t Mean The Parts Fit Together

User Testing& Review

User Definition& Requirements

UI Wireframes & UX Designs


Fitting Essentials Together





• If a user gets confused who will they contact?

• What does a typical user of this application do for a living?

• What other applications does a typical user interact with on a daily basis?

•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


User JourneysSally has tried to buy music online, but her credit card has expired. She needs to log into her account and change the credit card information. She is in the car and about to go on vacation and really wants to listen to an album on the long drive.


A Persona On a Journey• Sally goes to her smart phone

• She types in the url to her favorite Music Ecommerce site

• She logs into the site

• Once she is logged in she notices the account icon in the top right hand corner

• Upon clicking on the icon she is presented with a modal window with tabs that contain all of her account information

• She clicks on the credit card tab, and the credit card information shows up

• She enters her new credit card information and hits save

• She clicks on the Music Marketplace app in the bottom row, and does a search for her favorite band

• The search results come back and she clicks on the band she wants to listen to on her vacation

• She is presented with the check-out cart which asks her if she is ready to pay with her updated credit card


The Journey Expressed Through UI


Demo

ALL RIGHTS RESERVED © 2016*O365

• What type of visual language do your users respond to?

• What font express your brand?

• What colors does your brand use, and are the colors of your brand working for you online?


The TrifectaFitting Essentials





Demo


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


Session DownloadsAxure Wireframe Examplehttp://3y5i9c.axshare.com/#g=4&p=home

Slide Deck PDFLINK

User Definition DocumentationCATEGORIESJOURNEYPERSONA TEMPLATE

http://3y5i9c.axshare.com/#g=4&p=home

https://concurrencyinc-my.sharepoint.com/personal/dsanchez_concurrency_com/_layouts/15/guestaccess.aspx?guestaccesstoken=C34yGDv5d412%2f3fJlla3wH4LZHDo%2bqvxyOubGtyyW8o%3d&docid=1bd2c0700740f4bf6a72d043b9288ed56&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

a practical approach to great user adoption in...

Documents