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.

UX Beyond the UI - how the rest of software development affects user experience

687 views

Published on

When we talk about user experience (UX) and software development, we tend to focus on the visual and interactive - user interfaces, graphic design and UX activities such as user research.

However, we often forget that UX can be affected by other aspects of software development such as the application code across the stack and even the development process itself. This talk covers -

• the importance of UX given the near constant interactions we have with software today
• the impact of software development considerations such as performance, security and reliability on UX
• how a focus on software quality can improve user experience in subtle yet meaningful ways
• how all members of a software development team contribute to user experience

Published in: Technology
  • Be the first to comment

  • Be the first to like this

UX Beyond the UI - how the rest of software development affects user experience

  1. 1. UX Beyond the UI Joe Regan UX Developer/Designer
  2. 2. User Interfaces https://commons.wikimedia.org/wiki/File:Aldea_Digital_2013_01.jpg
  3. 3. Graphic Design
  4. 4. Usability
  5. 5. UX practices and activities https://www.flickr.com/photos/gdsteam/20649386153
  6. 6. “I invented the term [User Experience] because I thought Human Interface and usability were too narrow: I wanted to cover all aspects of the person's experience with a system, including industrial design, graphics, the interface, the physical interaction, and the manual.” Don Norman (my emphasis) http://adaptivepath.org/ideas/e000862/
  7. 7. What we’ll cover •UI and UX activities in the SDLC & application stack •Stack in-depth •Themes •Why it matters •Challenges •Approaches
  8. 8. UI and UX in the SDLC and Application Stack
  9. 9. Highly detailed tech stack diagram
  10. 10. Certainly these have an effect on UX
  11. 11. System components that aren’t the UI and their effect on UX
  12. 12. Application code that’s not the UI
  13. 13. APIs and Services
  14. 14. Server-side https://commons.wikimedia.org/wiki/File:Server-multiple.svg Back end processes Databases Associated systems
  15. 15. Your network and infrastructure https://en.wikipedia.org/wiki/Network_topology#/media/File:NetworkTopology-FullyConnected.png
  16. 16. Software your code depends on and its effect on UX
  17. 17. Frameworks and components
  18. 18. Third-party APIs or platforms Source:TechTarget Network
  19. 19. Platform and version support
  20. 20. “iOS first”
  21. 21. Themes we’re seeing
  22. 22. Performance
  23. 23. 47% expect a web page to load in 2 seconds or less 40% will abandon a web page if it takes more than 3 seconds to load Sources: Akamai, Econsultancy, Think with Google
  24. 24. http://www.fastcodesign.com/3061519/evidence/the-ux-secret-that-will-ruin-apps-for-you
  25. 25. Behavior in low- or no connectivity situations
  26. 26. Availability
  27. 27. Reliability https://pixabay.com/en/macro-focus-cogwheel-gear-engine-1452987/
  28. 28. Security
  29. 29. Nissan Leaf - unsecured API http://www.programmableweb.com/news/poor-api-security-leaves-nissan-leaf-vehicles-vulnerable-to-hackers/2016/02/25
  30. 30. Accuracy
  31. 31. Steam server caching https://eclecticlight.co/2015/12/27/unexpected-christmas-presents-how-steam-served-the-wrong-user-data/
  32. 32. Delivery
  33. 33. Bugs! https://commons.wikimedia.org/wiki/File:H96566k.jpg
  34. 34. http://www.nytimes.com/2016/01/14/fashion/nest-thermostat-glitch-battery-dies-software-freeze.html?_r=0
  35. 35. Why this matters
  36. 36. We are constantly interacting with software
  37. 37. It wasn’t always this way https://commons.wikimedia.org/wiki/File:NASAComputerRoom7090.NARA.jpg
  38. 38. How many different interactions with software is that? The average person looks at his or her phone 46 times every day. Deloitte 2015
  39. 39. Failures are more noticeable Sources: TechCrunch, iMore, Reddit
  40. 40. Challenges
  41. 41. EMPATHY Not your usual UX presentation slide
  42. 42. And now I have to worry about UX too?
  43. 43. Are you committed to quality?
  44. 44. Quality can lead to better user experiences
  45. 45. Quality practices Unit testing Code reviews Test automation agile processes Continuous Integration Continuous Delivery
  46. 46. Craft
  47. 47. If your users care that your system will work tomorrow and the next day and six months from now and that it can be updated effectively and efficiently without stuff breaking all the time, then they care about good software design. Josh Schultz (@veryfancy) http://veryfancy.net/blog/users-care-about-software-design/
  48. 48. I think in reality developers, even experienced ones, tend to do a very poor job of defending our practices in terms that make sense to anyone else. Chris Ammerman http://www.whilenotdeadlearn.com/blog/2016/2/28/why-should-they-care
  49. 49. These practices lead to higher quality software
 
 This can lead to better user experiences

  50. 50. Approaches to improving UX
  51. 51. I’m not trying to get everyone to do my job for me (honest!) http://www.wikiart.org/en/norman-rockwell/tom-sawyer-whitewashing-the-fence
  52. 52. Plan and test for it
  53. 53. User Testing Analytics
  54. 54. Involve the team in the UX process
  55. 55. Advocate for quality practices in other disciplines
  56. 56. UX isn’t just UI, wireframes and user research
  57. 57. Development quality in all aspects is key to user experience
  58. 58. UX is a team effort DC Comics “The New Frontier” by Darwyn Cooke
  59. 59. We have to make sure we are building the right things and building them well
  60. 60. EMPATHY Here’s a better slide
  61. 61. https://twitter.com/KentBeck/status/566255102067871744
  62. 62. Build for others as you would have built for you
  63. 63. Thank you Joe Regan Red Arrow Labs jregan@redarrowlabs.com @jregan

×