5. Me
Mike Rawling
Senior UX Engineer @Unruly Media, at London
HQ
UX engineering history dates back to 1998…
…Consulting, designing, engineering, leading,
coaching, training….
Teams and initiatives for Tesco, Wiley, Camelot,
Konami, LoveFilm and Granada and ITV
Also at Agile Cambridge, 25/9/2013
6. Engaging with UX
Nurturing empathy
..What? with a pencil???
kinky!
Making and keeping it real
Finding stuff out
Some other working practices
Themes
9. 3 development teams:
each consisting of about about 4 XP, java-
centric, stupidly intelligent programmers
team has greatly varying levels of experience
and interests
Extremely varied experience of customer facing
front-end
1 UX guy
Unrulymedia.com
Dev@Unruly Media
10. Unruly Analytics
provides the data
that proves the ROI
o Be inspired. Get real-time access to share of
voice data for your video content across the
social web. Identify trends and learn about what
consumers are sharing.
o See the bigger picture. Know the true social
reach of your campaign by tracking
official, unofficial and derivative copies across
social media platforms.
o Prove it works. Measure your Social ROI
against historical brand performance and
benchmarked competitors.
about the product
12. and the real project challenges…
Unruly Analytics
Offer insight into social media performance
Teach about social media and video - and visual
analytics!
User base has a *great* variety of users with…
…equally varied understanding of statistical
analysis
…To do so Elegantly!
13. Committed to XP principles
Adventurous Spirit
The CEO said: „Do Lean Start-up‟…
…I heard „Try Lean UX...‟
The project‟s philosophy…
15. engaging with ux
challenges
There are Classic challenges with UX + Agile…and some
most particular to XP:
Differences between Agile and UCD
Agile accentuates acceptance and unit testing – where
does usability testing fit in to that?
XP criticised for „being light on user side of software‟ and
„best used with non-GUI intensive applications‟
Lacking explicitly defined processes defining
requirements engineering, interaction design, etc.
30. Can‟t draw, won‟t draw
(Programmer…)
“I can‟t draw – let alone „design‟!”
“design is fluffy!”
“designers don‟t know sh*t”
“I‟m not a designer”
“wtf?”
Later…
“…but that‟s not the best design”
“..I won‟t do it like that…”
“that‟s just too
wacky/unusable/unusual/custom/etc…”
“I could do better…”
“I can’t draw”
visualising the product
32. Enter: Design Charrettes*!!
Allegedly based regular critiques at
an art academy in Paris – possibly
Beaux arts
(also called „Design Studio‟)
About regular „Critiques‟
Students race to finish…
Useful and effect urgency in the
process!
*Since then documented in Lean UX,
by Jeff Gotthelf
visualising the product
33. Design Charrettes are…
Select an Epic feature to attack
Review Personas and each pick
one
Then…as Pairs we…:
① Brainstorm single, key features that
persona might need and want
② gather and share – pick top results
③ then pairs pick a favorite ideas and
sketch 5 UI ideas for them in 5 minutes
④ gather and share – pick our favorite
sketches
⑤ then pairs pick a favorite sketch and
sketch a complete UI or wider flow
⑥ gather and share – The whole group
chooses result!
visualising the product
47. ux research
The challenges
I can‟t research all possible (agile) futures
Fast turn around times!
I really don‟t want to hold anyone up / be a blocker
B2B context is uniquely challenging
56. UI Squad: UX, Sponsor and Product Manager
+ +
working practices
57. what really worked? Results??
engaging with ux
Ongoing! The fun continues…
tricky to identify and measure success criteria?
There is much discussion about UX now
The CEO refers to personae in slide shows!
UX even crept into team members LinkedIn CVs…!
Conclusion: we‟ve started on quite a long journey together with clear
momentum but still much unlearning and new skills to pick up
“CEO refers to „customer related
stuff‟ using the term „personae‟
now!”
65. MemberVideo Council Whitelisted
Thanks for listening!
Still hungry? Contact me…
Winner Best Content
Distribution Service
Michael.rawling@unrulymedia.com
@hedshot
Editor's Notes
Welcome! Welcome!
This is a modest presentation of some ideas, techniques and tools we made our own….
I love to answer your questions as we gobut would talk about some topics which may well answer you query…but if not there will be time at the end
Experience in UX engineering dates back to 1998I’ve always tried explore ways of more effectively realising the massive potential that software has and that each product starts with. I’ve consulted on, designed, engineered and led teams and initiatives for Tesco, Wiley, Camelot, Konami, LoveFilm and Granada TV and is currently confirmed to talk at Agile On The Beach, UK
Experience in UX engineering dates back to 1998I’ve always tried explore ways of more effectively realising the massive potential that software has and that each product starts with. I’ve consulted on, designed, engineered and led teams and initiatives for Tesco, Wiley, Camelot, Konami, LoveFilm and Granada TV and is currently confirmed to talk at Agile On The Beach, UK
Here’s a list of topics I’ll be covering to explain how we did it
Unruly is a video technology company that works with top brands and their agencies to predict the emotional impact of their videos and get them watched, tracked and shared across paid, owned and earned media. We use our proprietary technology to turn target audiences into engaged viewers and engaged viewers into customers and advocates. In a nutshell, brands use Unruly to join the dots on Facebook, YouTube and the social web.
- 4 years ago - 4 people- today - About 150
About 150 staff, including a design team of 4/5 and a development team with 3 teams of about 4 XP, Java-centric programmers with less through to medium and experience of customer facing front-end. The team composition has changed over time but we have a team of approximately 5 XP java centric programmers with a new Product manager and a technical development team leader based in LondonOur stakeholder, what we called our Sponsor, was our CEO who was extremely engaged with the project but travelled a lot between London and New York - which is somewhat challenging
So – here the blurb we tell our customers…this product benchmarks social media video performance for the top 100 brands
It’s an open plan environment with no walls and lots of white boards and walls that we can post which we can stick printouts of competitior UIs, inspiring designs, information graphics and so forth
- Offer insight into social media performance- Teach about social media and video - and visual analyticsUser base has a *great* variety of users with Equally varied understanding of statistical analysis…To do so elegantly!
- Offer insight into social media performance- Teach about social media and video - and visual analyticsUser base has a *great* variety of users with Equally varied understanding of statistical analysis…To do so elegantly!
General thingsWhere does UX fit on kanban/lean boards??Iteration – designing ahead? Iteration -1???As the theme of todays session goes…..read xp/agile issues. What we can to do today is far richer than - Substantial differences exist between agile and UCD approaches which pose challenges to integration attempts.- Although agile methods accentuate testing, and XP involves acceptance and unit testing – and there is an absence of supportive practices for direct support of usability testing- Practices for evaluating systems developed via agile processes for usability and user experience are historically absentXPhas been criticized for being light on the user side of software and apparently is better used with non GUI intensive applicationsRequirements engineering as an activity within XP was not explicitly definedXP has no explicit process for dealing with interaction design
Copy from FNAs + Intel presentation on Analytics
Used tech lightning talks as opportunities for education and increase awareness of UX concerns
It’s an open plan environment with no walls and lots of white boards and walls that we can post which we can stick printouts of competitior UIs, inspiring designs, information graphics and so forth
Here I put an A3 sheet below the wall to serve as a place for the team to post questions – these would go straight into the testing scripts, interview scriptsUnderstanding testing by actually taking part – extending a common practice of bringing your employers, team and more behind the observation side of a one way mirror
Here I put an A3 sheet below the wall to serve as a place for the team to post questions – these would go straight into the testing scripts, interview scripts or
Getting the message from users to the team One key challenge to the process is how best and most efficiently to communicate a users requests and underlying needs into the stories and to developers who are making dozens of decisions a day to get closer to what is needed in the interface? It seems clear that building empathy and instilling the spirit of users’ needs and most tricky – their perspective on things.
4 workshops over several months – each one evolved the personas from a previous edition and then were updated – started with a session *not* including executives or directors or seniors: these members can have a reality warping effect on how people behave –- User interviews – interviewing users in our target markets not just to gather requirements and validate specific issues but also to validate Personas!
4 workshops over several months – each one evolved the personas from a previous edition and then were updated – started with a session *not* including executives or directors or seniors: these members can have a reality warping effect on how people behave –- User interviews – interviewing users in our target markets not just to gather requirements and validate specific issues but also to validate Personas!
I printed them out as big as I cold get them, as early as I could in the project, and placed them in a very central location.
Story card stickersStories are titledGet new picture of stickers
Story card stickersStories are titledGet new picture of stickers
Quick referenceCall to action guidelinesAscreen in the applicationthat demonstrates the actual controls
I can’t draw???Very interested in idea of UX coach which seems to naturally fit with my recent Successful techniques
There’s a simplesecret in interaction design sketching that:If you can draw a circle, square, triangle (and a cross, I suppose) then you can draft some kind of interfaceIn the true spirit of our hand-s on approach I followed this to one logical conclusion with the help of a colleague called John Innes…
A technique we used to facilitate collaborative design as a team. - ux’r from san fran - Jon Innes.These are based on the alledged, regular critiques at the Beau Arts Academy in Paris. The story goes that before each critique, a trolley was brought round the art studios to collect the art students work. Students, being what they are, would not quite have finished and sometimes be rushing to finish, and at the last minute would toss their offering on the trolley.
- Start by recapping on our personas Using an Epic feature follow a sequence:As Pairs or small groups we :- ideate key features that persona might need and want document on post-itsgather and share – pick top ideas pairs pick their favorite and sketch 5 UI ideas for them in 5 minutes gathers together and picks their favorite idea or emergent idea theme then for 10 minutes groups once again sketch a complete idea separatelyThe whole group chooses best!
Example from the first stage
Examples from the last stages
Success!!!
last year in a london back streetrobbiewilliams was filing a music videoReally broken outLess experience with UX storyboards But my understanding Represented much wider general scenarios
User flow storycards----------------------------Sometimes devs. were quite quite suspicious Pair on the original idea using familiar tools – cards and some decent sketching pens – sharpies can be usedThen I up the resolution slightly and think through detail in the cards.Stages are easily replacable, or even some can be dropped or tuned in the middle of a story if it’s looks like it’s not MVP enough or too much just to solve the idea.Can easily be broken out into stories – we’ve found some sequences where each cards matches directly to a storySo they almost become like physical user flows, rather than storyboards which in my experience are more like a visual scenario all on one single deliverable.
User flow storycards----------------------------Sometimes programmers. were quite quite suspicious of UX artifactsPair on the original idea using familiar tools – cards and some decent sketching pens – sharpies can be usedThen I up the resolution slightly and think through detail in the cards.Stages are easily replacable, or even some can be dropped or tuned in the middle of a story if it’s looks like it’s not MVP enough or too much just to solve the idea.Can easily be broken out into stories – we’ve found some sequences where each cards matches directly to a storySo they almost become like physical user flows, rather than storyboards which in my experience are more like a visual scenario all on one single deliverable.
Why do prototypes? I wanted to show things in the easiest but most involving way and I wanted to test some more complex interactions that could not be adequately tested in paper.Sponsor and many stakeholdershas trouble truly understanding ideas, concepts or flows without actually seeing and using themPM helped
These were great:QuickDirectEngaging for whole teamDid I mention quick?TestableCould build out the whole experience
We were building up lots of sketchesWhat to do with them?
So – what were the issues with this approach mainly?- Mixing prod and prototypeCodewiseFor stakeholder – confusion as wireframed (wireframed not mock-ups or ui designs…) elements gained resolution, even experienced stakeholders in turn sometimes confused what was production and what was a prototype elementFor usability test participants - confusion as wireframed (wireframed not mock-ups or ui designs…) elements gained resolution test participants (test users) commonly confused what was production and what was a prototype element
I can’t research all possible futuresFast turn around times!I really don’t want to hold anyone upB2B context quite challenging
add a screen grab of the demographic selection
The response rate for the horrid old fashioned surveys is terrible – I really like these new techniques…although they maybe too subtle and too easy to dismiss – still experimementing
Copy from FNAs + Intel presentation on Analytics
Classic XP originally excluded other disciplines and advocated pairing We brought in UX and the product sponsor much closer by actually pairing together
Humour extremely important – creating products (services) is one of the hardest things in the world and very exciting but can be a little stressful when the team is new, the deadlines are tight and the product is undefinedPics of nerf gunsBeer
Copy from FNAs + Intel presentation on Analytics
UI squad OK for a short periodReally really productive working and whiteboarding directly with the CEO and project sponsor – who is very open minded and a very creative guy in his own right
This is anon going activity. It’s one of the harder aspects to judge in an organisation, I findOne metric might be number of conversations about UX outside of projects? Certainly the CEO has started saying things about and his newly created favourite word last month was Personae….used in presentations quite a few times…
Stickygrams are magnetic cards made from pictures you post on the photo sharing site, instagram. I’ve sent off for them and we will be using these on out magnetics whiteboards
Copy from FNAs + Intel presentation on Analytics
We have found some UX concepts a struggle for some developers to take on board – particularly qualitative research and analysis of results to draw actionable conclusions, despite being extremely willing to offer their opinions after a piece of research has gone on.What is it?One team member takes the role of ‘Google Analyst’ for ½ an iteration. We pair on an activity to analyse the results in Google Analytics but with the programmer ‘driving’ with as little intervention from me as possible. So far this has been really successful - the developer really got into it