Give your clients support they need through better UX and tools
-
Upload
marek-sotak -
Category
Technology
-
view
106 -
download
1
description
Transcript of Give your clients support they need through better UX and tools
![Page 1: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/1.jpg)
@sotak
PHONE IS RINGINGOH
MYGODMarek Sotak@sotak
![Page 2: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/2.jpg)
@sotak
I AM...
Marek Sotak - @sotak
web developer for the past 14+ years
Drupal developer - themer for the past 8+ years
design, research, UX, rootcandy,...
FrontEndUnited co-organiser,...
http://sotak.co.uk – http://inlinemanual.com – http://atomicant.co.uk
![Page 3: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/3.jpg)
@sotak
You: Hello, how can I help you?
Customer: I can't login to my site.
Y: Are you sure you used the right password?
C: Yes, I'm sure. I saw my colleague do it.
Y: Can you tell me what the password was?
C: Five stars.
![Page 4: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/4.jpg)
@sotak
THE PROBLEM
Once the site has been done
– …
– …
– Provide client with sufficient support● end-user manuals● learning resources● knowledge base● ...
![Page 5: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/5.jpg)
@sotak
RESEARCH
Is it really just us?
How do others do it?
There surely must be a solution
![Page 6: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/6.jpg)
@sotak
RESEARCH
Interview calls – 30 subjects
– Drupal companies
– Individuals
– Other companies
Subjects from all around the world
![Page 7: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/7.jpg)
@sotak
RESEARCH RESULTS
Hypothesis 1
– Interviews will reveal difficulty creating agile documentation-manuals for end-users
![Page 8: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/8.jpg)
@sotak
RESEARCH RESULTS
All interviewees expressed frustration with creating and maintaining documentation for end-users with theirs current solution
40% of the interviewees are not doing any documentation at all and rely only on the phone call support
Some interviewees expressed an idea to have a documentation department – but no budget there
![Page 9: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/9.jpg)
@sotak
RESEARCH RESULTS
Hypothesis 2
– Problem interviews will validate our belief that customers use one or more - custom - alternatives and that there are no alternatives to a better application documentation
![Page 10: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/10.jpg)
@sotak
RESEARCH RESULTS
NONE of the interviewees have a service/product in-place that they will be happy with. All of the solutions were semi-custom
All of the interviewees have no process implemented or are/were experimenting with different approaches (unsuccessfully)
![Page 11: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/11.jpg)
@sotak
RESEARCH RESULTS
Screenshots
30.8% Interviewees stated that they are using screenshots in documents
sometimes they allow client to react/give feedback within the document via notes/comments (Google docs)
everyone expressed high pain level, especially when it came to updating the docs
![Page 12: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/12.jpg)
@sotak
RESEARCH RESULTS
Screencasts
23.1% - often used to show the basics of how to deal with the applications (overview)
the rest of the functionality client has to deduct themselves based on the overview screencasts
more popular in terms of happiness of selected approach
re-used screencasts from other sources were often being used
successful with clients/end-users but failed for developers
![Page 13: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/13.jpg)
@sotak
RESEARCH RESULTS
Workshops
held when it was necessary to educate a team of people
painful and expensive, since there was a preparation needed and approximately one developers time
Workshops were often followed by phone call support
![Page 14: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/14.jpg)
@sotak
RESEARCH RESULTS
Phone Call Support
Interviewees were aware of loosing much more time on phone support, if they rather had a better documentation, but since it was so painful creating one, they didn’t care that much
![Page 15: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/15.jpg)
@sotak
RESEARCH RESULTS
well established companies - no idea how to improve the process
usually there is no budget for creating the documentation
![Page 16: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/16.jpg)
@sotak
RESEARCH RESULTS
![Page 17: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/17.jpg)
@sotak
WHAT ARE THE OPTIONS THEN?
Support calls
Support chat
Workshops
Web ticketing
Knowledge base
– Screencasts
– Screenshots
– Solutions
Better UX
![Page 18: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/18.jpg)
@sotak
WHAT ARE THE OPTIONS THEN?
Support calls – expensive – approx $12/call
Support chat – still requires person to answer, exp.
Workshops – expensive – lots of preparation needed
Web ticketing – still requires person to answer, $2/iss
Knowledge base
– Screencasts – reusability?,...
– Screenshots – don't get me started here
– Solutions – good content helps
Better UX – won't cover workflows and processes
![Page 19: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/19.jpg)
@sotak
MY PERSONAL BEST
Better UX
Self-help support
Knowledge base● Screencasts● Screenshots● Solutions
![Page 20: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/20.jpg)
@sotak
BETTER UX
Things that are aesthetically pleasing, which we enjoy looking at or touching, and which are attractive make us feel good. And when we feel good our thinking is more creative and we have an easier time solving the problems we face. How to use a particular object, for example.
That is why attractive, beautiful, appealing, aesthetic objects work better, because they evoke positive feelings and inspire more creative thinking.
![Page 21: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/21.jpg)
@sotak
![Page 22: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/22.jpg)
@sotak
UCD – User Centered Design
“In broad terms, user-centered design (UCD) is a type of user interface design and a process in which the needs, wants, and limitations of end users of a product are given extensive attention at each stage of the design process.”
![Page 23: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/23.jpg)
@sotak
UCD – User Centered Design
A system can be designed to support its intended users’ existing beliefs, attitudes, and behaviors as they relate to the tasks that the system is being designed to support → increase userfriendlines, usability, ... → increase sales, reach business goals,...
![Page 24: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/24.jpg)
@sotak
UCD – User Perspectives
Needs and wants
Goals motivation and triggers
Obstacles and limitations
Tasks activities and behaviors
Geography and language
Environment and gear
Work life and experience
...
![Page 25: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/25.jpg)
@sotak
UCD – Not that
It is NOT just that you have to do
what the user asks for
“Our customer is our Master.”
Tomáš Baťa’s motto, 1909
![Page 26: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/26.jpg)
@sotak
UCD – Not that
“People don’t want to buy a quarter-inch drill. They want to buy a quarter-inch hole!”
Theodore LevittHarvard marketing professor
![Page 27: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/27.jpg)
@sotak
UCD – Disciplines
Information architecture
Interaction design
Visual design
Research
Usability
...
![Page 28: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/28.jpg)
@sotak
UCD – Process
Research
Concept
Design
Evaluate
![Page 29: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/29.jpg)
@sotak
UCD – Process
Research
Concept
Design
Evaluate
–
Deploy
Learn
![Page 30: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/30.jpg)
@sotak
![Page 31: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/31.jpg)
@sotak
WHAT TO RESEARCH?
“Micro” approach
- take just one thing and analyse
access log examination
![Page 32: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/32.jpg)
![Page 33: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/33.jpg)
![Page 34: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/34.jpg)
@sotak
WHAT TO RESEARCH?
The SEARCH
Needs RESEARCH
The search is one of the most valuable functionality of the self-help portal
![Page 35: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/35.jpg)
@sotak
RESEARCHING THE OBVIOUS?
Sometimes we take granted that things that are out of the box on a widely used system work as they should.
We tend to be lazy
![Page 36: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/36.jpg)
@sotak
RESEARCHING THE OBVIOUS?
![Page 37: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/37.jpg)
@sotak
SETTING MY PERSONAL GOALS
Show the team that we don't know much
Showcase research approaches
Make search to be used more often
Make UCD one of the processes
![Page 38: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/38.jpg)
@sotak
OUTPUT
An analysis of how the search works
Delivered as a presentation
Sent out to all team members and managers
![Page 39: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/39.jpg)
@sotak
THE SEARCH ANALYSIS
We wanted to increase the use of self-help content > decrease raised tickets
We assumed that the search is not working based on the feedback from some users
![Page 40: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/40.jpg)
@sotak
THE SEARCH ANALYSIS
Making a simple scenario – user story
The ideal simplified workflow
– find the search field
– enter the search term
– click the available action to perform the search - search button
– find the solution on the first page
– --if not found, refine the search by adding a keyword or using filters
– read the solution
– optionally perform any action that might help others (rate the solution,…)
– exit peacefully with problem fixed and spread how much they loved the portal
![Page 41: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/41.jpg)
@sotak
THE SEARCH ANALYSIS
Keyword Searches Raised tickets Percentage Searched again
blank 3000 66 4.5% 2000
lync 1000 33 7.8% 300
nicpassword 900 24 5% 400
mindaling 800 54 4% 220
password 800 32 3% 60
outlook 700 67 6% 340
blackberry 700 12 7% 56
shared drive 700 4 8% 98
headset 600 15 5% 3
![Page 42: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/42.jpg)
@sotak
THE SEARCH ANALYSIS
Total searches performed in last 10 days > 10000 out of 1000000 page views
What is that blank keyword?
Why are people searching for this?
Blank > 4.5% searches – 6% exit rate
It IS an expected behavior! > intention to make it easier for user to navigate through portal!
![Page 43: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/43.jpg)
@sotak
THE SEARCH ANALYSIS
Reality check, are the filters being used?
Starting page:
search/apachesolr_search/blank?filters=undefined&retain-filters=1
Filters used page:
search/apachesolr_search/blank?filters=”content”&retain-filters=1
![Page 44: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/44.jpg)
@sotak
THE SEARCH ANALYSIS
home – 1100
search – 510
referral – 110
ticket-page – 5
taxonomy – 5
user - 1
![Page 45: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/45.jpg)
@sotak
THE SEARCH ANALYSIS
Home – 1100
There is a problem!
![Page 46: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/46.jpg)
@sotak
THE SEARCH ANALYSIS
Search – 510
There is a second problem!
![Page 47: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/47.jpg)
@sotak
THE SEARCH ANALYSIS
Referral – 110
There is a wrong link on the intranet
![Page 48: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/48.jpg)
@sotak
THE SEARCH ANALYSIS
Ok, if you remember, we were trying to find out whether the filters are being used
![Page 49: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/49.jpg)
@sotak
THE SEARCH ANALYSIS
20Is the number
how many times the filters were used
Conclusion:
The page does not work as it was designed
![Page 50: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/50.jpg)
@sotak
THE SEARCH ANALYSIS
So what did we just achieve
by just looking at one keyword, we were able to identify quite a lot of major problems
the search box might be confusing on all pages
the "blank" page is not working as designed
we found two defects related to search and one wrong link on the intranet
Conclusion
the basic search user experience seems frustrating and adds time spent on the site while searching
![Page 51: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/51.jpg)
@sotak
THE SEARCH ANALYSIS
And importantly, the points mentioned
are not assumptionsthis is what is happening on the site
there are numbers behind it
![Page 52: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/52.jpg)
@sotak
RESEARCHING THE OBVIOUS?
![Page 53: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/53.jpg)
@sotak
RESEARCHING THE OBVIOUS?
![Page 54: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/54.jpg)
@sotak
MEASSURING
Define your KPIs based on the goals
- are users searching from HP more often?
- are users clicking search button only?
- are users asking questions?
- are users entering more than one word?
![Page 55: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/55.jpg)
@sotak
![Page 56: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/56.jpg)
@sotak
![Page 57: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/57.jpg)
@sotak
![Page 58: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/58.jpg)
@sotak
![Page 59: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/59.jpg)
@sotak
![Page 60: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/60.jpg)
@sotak
SELF-HELP Portals
Knowledge base
– Effective search
– Categorisation
Web-ticketing
– Support agents
![Page 61: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/61.jpg)
@sotak
SELF-HELP
Source: zendesk.com
![Page 62: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/62.jpg)
@sotak
SELF-HELP
Source: zendesk.com
![Page 63: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/63.jpg)
@sotak
SELF-HELP Portals
Zendesk – http://zendesk.com
Desk – http://desk.com
Uservoice – https://uservoice.com/
...
Build your own with Drupal
Support ticketing system - https://drupal.org/project/support
Search – Apache SOLR,...
![Page 64: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/64.jpg)
@sotak
END-USER Manuals
Usually exported as PDF, or HTML
Never updated
Never read
All above leads to frustration of the author
![Page 65: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/65.jpg)
@sotak
END-USER Manuals
Manuals were here centuries ago
![Page 66: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/66.jpg)
@sotak
FACTS ABOUT DOCS...
Documentation is hard to budget
Documentation can't be reused
Documentation is time consuming
Documentation is boring
Documentation is boring
Documentation is boring
Documentation is everything BAD you can imagine
BUT, think again...
![Page 67: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/67.jpg)
@sotak
When we feel good our thinking is more creative and we have an easier time solving the problems we face.
![Page 68: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/68.jpg)
@sotak
Documentation is
ONE OF THE PROCESSES
in web development
to make your client HAPPY
![Page 69: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/69.jpg)
@sotak
TAKEAWAYS - research
Start your research NOW with one small thing
Learn from your own work after you launch → post analysis
Analyse, don't assume too often
Think about users but keep business needs in mind
![Page 70: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/70.jpg)
@sotak
TAKEAWAYS - self-help
Users want self-service
Providing a help is part of our process
There is a solution!
![Page 72: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/72.jpg)
@sotak
THANK YOU!
Marek Sotak@sotak
inlinemanual.com@inlinemanual
![Page 73: Give your clients support they need through better UX and tools](https://reader033.fdocuments.us/reader033/viewer/2022051515/54c792ad4a795950518b4584/html5/thumbnails/73.jpg)
@sotak
CREDITS
Prague photo by Grim Berge
Other icons by Font Awesome by Dave Gandy
Historical Manual image - http://en.wikipedia.org/wiki/File:MS_44_A_8_1v.jpg