2. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Introducing the Pixie
lBrutal Pixie is an Australian content strategy company
lOur core concept is “connection”
https://hangouts.google.com/call/6yotwmamw6b4mho3nhlknrqxmma
3. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Introducing the Pixie
lUx projects and consulting include:
lThe Location SA Map Viewer (2015)
l(unofficially) the SA Water Website (2014)
lA range of startup and small business websites
4. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Introducing the Pixie
lUx projects and consulting include:
lThe Location SA Map Viewer (2015)
lhttp://location.sa.gov.au/viewer
l(unofficially) the SA Water Website (2014)
lhttp://www.sawater.com.au
7. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 1: Plan
Planning Ux is like planning any commercial thing that
has people interaction.
lExamples include books, websites, products,
businesses.
9. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 1: Plan
lWho is your audience?
lKnow who they are, and the devices they use
lUnderstand their contexts of use
lUnderstand their reasons for using the product or site
lKnow when they use it
lKnow how they use it
l… etc
11. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 1: Plan
lWhat is the purpose of your site or product?
lThere are 3 parts:
lYour purpose
lYour audience's purpose
lThe purpose of the site or product
12. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 1: Plan
lAudience + Purpose = Relevance
lRelevance of the product is essential, or you wouldn't build it
lCreate use cases
lCreate a relevant user experience study
lGood questions = good results
lBad questions = good results that don't help you
13. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 1: Plan
lCritical question: What problem are they solving?
lKnow the problem
lKnow how you solve it
lUnderstand the fastest, simplest way to the solution
lBuild the solution
lTest for the solution
lDon't frustrate people or make them think.
15. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 2: Prepare
lSix minutes of thinking saves you six weeks of work
lUse cases:
lWhat
lWhy
lHow
lWhen
lDefine what success looks like (key measures)
16. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 2: Prepare
lWork out your method.
For the purposes of today, I'm going to teach you the
method that we use and recommend for SMEs.
18. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 3: Prototype
lPrototyping is not development
lThere are many tools you can use.
lAxure
lBalsamiq Mockups
lOmnigraffle
lOther wireframing tools
20. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 3: Prototype
lBest practice paper prototyping by Mozilla.
Mozilla used paper prototyping to go through a lot of
iterations of the Firefox interface. They did it before they
went back to development.
21. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 3: Prototype
lWhen people click the right thing first, they are three
times more likely to succeed in whatever they are
doing.
lSo, the first stage was to limit choice.
26. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 3: Prototype
lMozilla's key learnings were:
lUse a method that lets you do fast, frequent iterations
lTest early
lBe consistent with colour, size, and resolution.
28. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Pro Tip
lPaper prototyping also works for continuous
improvement. You can use it:
lIn meetings with people you know
lIn meetings with people you don't know
lOver the phone
l… and in many other situations.
30. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 4: Test
lTypical understanding of Ux testing = $$, difficult
lTest components are:
lDesign
lTest conductors
lObservers
lFocus groups are not tests or test environments.
33. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 4: Test
lTask oriented tests give testers a purpose and problem
to solve.
lWhat they don't do is tell them what they have to do
Task-based tests present a problem and ask for a
solution. Be careful about your language: Avoid using any
of the items on the prototype to describe it.
34. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 4: Test
lTask oriented tests give testers a purpose and problem
to solve.
lWhat they don't do is tell them what they have to do
“Do they get it” tests are not so directed. You still want a
use case, but the purpose is to see if people understand
the interface, not necessarily to solve a direct task.
35. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 4: Test
lExample of task-based test phrasing.
This is good:
You want red shoes.
This is not:
You need to go to shoes and put
the red ones in your cart.
36. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 4: Test
lArrange for observers. Or alternatively, use your
smartphone to record the tests.
lReview the tests with your team straight away. Block out
the morning for tests, then lunch over a review.
37. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 4: Test
lArrange for observers. Or alternatively, use your
smartphone to record the tests.
lReview the tests with your team straight away. Block out
the morning for tests, then lunch over a review.
38. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 5: Triage & Iterate
lKnow the difference between problems and distractions
lPut them into an order that will help you test again.
39. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 5: Triage & Iterate
lThings to fix
lSurprises with an obvious solution.
lThe first time a user encounters it and everyone goes
“ohhhhhhh”. Fix immediately.
lShort, cheap wins.
lChanges that require almost no effort. OR things that require a
bit of effort but are highly visible. Fix next.
40. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 5: Triage & Iterate
lThings to ignore
lFeature requests. Probe deeper – usually people just request
what they like.
lYour impulse to add things. NEVER add things. More likely you
need to remove things that are distracting or obstructive.
lKayaks. If the user quickly realises they've gone wrong, and
right themselves, and is unfazed, it isn't enough of a problem.
41. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Stage 5: Triage & Iterate
lFix the immediate problems
lNext, fix the short, cheap wins
lRe-test.
lRinse and repeat until you're satisfied that you've solved
as much as possible.
43. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Sometimes it's not usability
lTesting, testing, testing, and getting nowhere fast?
Maybe it's the content.
lUnderstandability versus usability
lPull the content out and test it without the design
44. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Or…
lUse a content-first method. (It's faster.)
lTest the content, make sure people can do what they
need to, and that they get it
lThen put the content into a prototype to test.
45. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Get a content strategist on board
If you've got the time and ability to do it, get a content
strategist on board at the beginning.
When you can go content-first, you know that
understandability is never going to be a problem.
47. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Post-launch
lUnderstand that Ux studies never end
lMethods and tools you can use:
lDecibel Insight www.decibelinsight.com
lCrazy Egg www.crazyegg.com
lAnalytics (Google/Clicky/KISSMetrics)
lContinuous questioning using printouts/paper
48. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Beyond your site or app
lA journey has a start and an end
lThe experience starts before the user takes action (is
just thinking)
lThe experience ends at the conclusion, which is not at
completion of shopping, for example. It's at transactional
completion (receipt of product)
50. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Recap
lThe fastest method is paper prototyping
l3-5 test subjects at a time is plenty
lTest often, don't test more
lRemember your triage (fix surprises & cheap, fast wins;
ignore requests, adding, or kayaks)
lRemember it never ends.
52. #PixieSessionswww.brutalpixie.com | @brutalpixie
Ux Basics for Business
Contact us
Brutal Pixie
is on a mission to improve the communication and connection of 50 law
firms by 2020. But if you're not in law, we will still help you too.
Ask us about partnering with your design or web team.
brutalpixie.com | hello@brutalpixie.com
Phone/Skype: +61 81 8121 4134
Twitter: @brutalpixie