Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
The hackers guide to UX
v0101
Danny Bluestone - September 2015
• About
• The world we live in
• The lean approach
• What is UX
• Overarching principles
• Tactics
TODAY…
The hackers guide to UX
Danny Bluestone - September 2015
Hello. We are
The world we live in
1
Google sets AI standards Apple sets UI standards
THE WORLD WE LIVE IN
Amazon sets
shopping standards
Facebook sets
social standards
THE WORLD WE LIVE IN
WEARABLES
http://smartiplex.com/2014/09/09/technology-life/
Would you be interested
in wearing a sensor
device assuming it...
FRAMING UX
The lean approach
1
http://seriesf.com/post/117010627556/eric-ries-takes-page-from-tim-ferriss-begins
The Lean startup
method is not about
cos...
https://www.thoughtworks.com/insights/blog/how-business-leaders-create-lean-enterprise
https://www.thoughtworks.com/insights/blog/how-business-leaders-create-lean-enterprise
https://www.thoughtworks.com/insights/blog/how-business-leaders-create-lean-enterprise
PROBLEM
Ethnography to research
customer problems and
find opportunities. What
will be the triggers and 

motivations?
LEAN...
What is UX
2
The overall experience of a person using a product
such as a website or computer application, especially
in terms of how e...
UX IS NOT UI
Strategy
User centred design
Ethnography
Use case analysis
Stakeholder interviews
Feature audits
User intervi...
Overarching principles
3
CORE MODEL
http://alistapart.com/article/the-core-model-designing-inside-out-for-better-results
TECHNOLOGY
• IoT - The Internet of Things is a precursor of fashion technology.
• Innovation - Miniaturisation of sensors ...
DESIGN A SYSTEM ‘NOT A DESTINATION’
When designing a product, think about the ‘entire system’, not just a ‘destination’ (e...
BRAND STRATEGY
• Essence - The brand essence and values need to tie into the manifestation of the
UX (e.g. Amazon smile, c...
http://www.thevisibilityproject.com/2014/12/31/this-music-video-brings-maya-angelous-final-project-to-life/
I’ve learned th...
Tactics
4
SYSTEM MAPPING TOOL To create system, sitemaps and app maps
http://quirktools.com/smaps
SKETCH A visual design tool
http://bohemiancoding.com/sketch/
MARVEL APP Quickly produce interactive prototypes with no coding
https://marvelapp.com
UX RESEARCH Conduct online usability testing with verify app
http://verifyapp.com/tour
Take aways
5
CONCLUSION
• Use comics to create user scenarios while working on the lean canvass
• Get sketching as soon as you can, sta...
Thank you
We help brands run UX workshops and hackathons, get in touch for more info:
@danny_bluestone
@cyberduck_uk

www....
Hackers guide to UX
Hackers guide to UX
Upcoming SlideShare
Loading in …5
×

Hackers guide to UX

1,753 views

Published on

At Startup Weekend (Fashion Technology) at WeWork in London, Danny from Cyber-Duck created a quick guide that explains how UX fits in to todays connected world and what UX's role is. The keynote focus on lean UX and also covers UX principles and tactics.

Published in: Design

Hackers guide to UX

  1. 1. The hackers guide to UX v0101 Danny Bluestone - September 2015
  2. 2. • About • The world we live in • The lean approach • What is UX • Overarching principles • Tactics TODAY…
  3. 3. The hackers guide to UX Danny Bluestone - September 2015 Hello. We are
  4. 4. The world we live in 1
  5. 5. Google sets AI standards Apple sets UI standards THE WORLD WE LIVE IN
  6. 6. Amazon sets shopping standards Facebook sets social standards THE WORLD WE LIVE IN
  7. 7. WEARABLES http://smartiplex.com/2014/09/09/technology-life/ Would you be interested in wearing a sensor device assuming it was from a brand?
  8. 8. FRAMING UX
  9. 9. The lean approach 1
  10. 10. http://seriesf.com/post/117010627556/eric-ries-takes-page-from-tim-ferriss-begins The Lean startup method is not about cost, its about speed Eric Ries, The Lean Startup
  11. 11. https://www.thoughtworks.com/insights/blog/how-business-leaders-create-lean-enterprise
  12. 12. https://www.thoughtworks.com/insights/blog/how-business-leaders-create-lean-enterprise
  13. 13. https://www.thoughtworks.com/insights/blog/how-business-leaders-create-lean-enterprise
  14. 14. PROBLEM Ethnography to research customer problems and find opportunities. What will be the triggers and 
 motivations? LEAN CANVAS SOLUTION Start with task tables and move into prototypes. Bake in ‘shareability’ and distribution in from outset Consideration:
 Alternatives and mental models KEY METRICS Put customer satisfaction 
 at the core and think
 about the KPIs you will use UVP Make sure your UVP is clear within your messaging and brand strategy. Can you build in superior connection tools? Consideration:
 Education curve, brand awareness as well as 
 retention. CHANNELS Which channels will you use and why, think about availability, consistency and seamlessness UNFAIR ADVANTAGE Your brand’s infrastructure, personalisation and your psychological ‘hook model’ CUSTOMER SEGMENTS List your personas and verify them with real people. Use your personas to inform your designs. CYBER-DUCK LTD Consideration:
 Early adopters, different generations,
 rewards COST STRUCTURE From a UX perspective, plan the importance of ongoing design, usability reviews, CRO, quality assurance and organic marketing. Is there a way to crowd source features and content? Can you 
 create a tribe of early adopters within your CRM? REVENUE STREAMS How can you build in co-efficient revenue models to minimise advertising costs? Think about how you can increase user retention and ‘bake’ in reward models as well as upselling and partnerships. Through a UX lens
  15. 15. What is UX 2
  16. 16. The overall experience of a person using a product such as a website or computer application, especially in terms of how easy or pleasing it is to use. According to Wikipedia
  17. 17. UX IS NOT UI Strategy User centred design Ethnography Use case analysis Stakeholder interviews Feature audits User interviews Usability plans Data analysis Persona driven design Task analysis Information architecture Prototyping Wireframing Usability studies Graphics Iconography Interface design Visual design Strategy User centred design Ethnography Use case analysis Stakeholder interviews Feature audits User interviews Usability plans Data analysis Persona driven design Task analysis Information architecture Prototyping Wireframing Usability studies Graphics Iconography Interface design Visual design HOW UX HAS BEEN VIEWED (“THE WHAT”) HOW UX NEEDS TO BE VIEWED (“THE WHY”)
  18. 18. Overarching principles 3
  19. 19. CORE MODEL http://alistapart.com/article/the-core-model-designing-inside-out-for-better-results
  20. 20. TECHNOLOGY • IoT - The Internet of Things is a precursor of fashion technology. • Innovation - Miniaturisation of sensors (e.g. GPS, NFC, accelerometer), temperature, pressure, magnetometer, microphone and even chemical sensors. • Limitations - Batteries, healthcare approval, regulations, different demographics.
  21. 21. DESIGN A SYSTEM ‘NOT A DESTINATION’ When designing a product, think about the ‘entire system’, not just a ‘destination’ (e.g. app).
  22. 22. BRAND STRATEGY • Essence - The brand essence and values need to tie into the manifestation of the UX (e.g. Amazon smile, customer is always put first). • Names - Descriptive names are loved by search engines whereas distinctive names are favoured by trademark lawyers. • Visual aspect - “What is beautiful is usable”, invest in your art direction. • Originality- Make sure your visual language, photography, videos and icons are authentic and unique.
  23. 23. http://www.thevisibilityproject.com/2014/12/31/this-music-video-brings-maya-angelous-final-project-to-life/ I’ve learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel. Maya Angelou, Artist and activist
  24. 24. Tactics 4
  25. 25. SYSTEM MAPPING TOOL To create system, sitemaps and app maps http://quirktools.com/smaps
  26. 26. SKETCH A visual design tool http://bohemiancoding.com/sketch/
  27. 27. MARVEL APP Quickly produce interactive prototypes with no coding https://marvelapp.com
  28. 28. UX RESEARCH Conduct online usability testing with verify app http://verifyapp.com/tour
  29. 29. Take aways 5
  30. 30. CONCLUSION • Use comics to create user scenarios while working on the lean canvass • Get sketching as soon as you can, start with the most ridiculous ideas • Start branding and growth strategy from the outset and ‘bake it in’ to the UX • Prototype early and do field research • Your pitches will need to show what the ‘experience’ is about
  31. 31. Thank you We help brands run UX workshops and hackathons, get in touch for more info: @danny_bluestone @cyberduck_uk
 www.slideshare.net/mesibot

×