A UX design process for building an open-source plugin #WCEU

A UX design process for building an open-source plugin #WCEU

WordCamp Europe 2015 in Seville:

This talk is about bringing the principles of user experience design together with the development team to build a stronger and better solution. I talk about the benefits of user experience design early in the development process and the difficulties we faced implementing the changing user flow into our plugin. Additionally, I show the audience how we used personas, user testing and several use cases based on real life examples using the open-source plugin User Feedback.

https://github.com/wearerequired/user-feedback
https://wordpress.org/plugins/user-feedback

60d03aad905487166cd4430d1b725a41?s=128

Silvan Hagen

June 27, 2015
Tweet

Transcript

  1. A UX DESIGN PROCESS FOR BUILDING AN OPEN-SOURCE PLUGIN Silvan

    Hagen, required+
 @neverything Rate my presentation: h p://bit.ly/userfeedbackwceu
  2. ABOUT ME WordPress Developer

  3. WAIT WHAT? Why is a developer giving a UX Talk?

  4. THE PLUGIN Idea behind it, why open source it, why

    use UX
  5. USER FEEDBACK Easy communication: Support, Change Requests

  6. None
  7. THE TEAM WHO BUILT IT Pascal, Karin, Silvan

  8. THE PROCESS Design and Development

  9. WHO DID WE DESIGN FOR? Our clients as the base

    for our Personas
  10. PERSONAS Identifying Personas

  11. • male, 39 • contacts us through e-mail • very

    active on social media • WP User Role (Editor) • Seamless publishing • Quick replies on issues Rolf Nidegger Community Manager/Content Marketer Photo by:https://www.flickr.com/photos/argonne
  12. • female, 55 • contacts us through calls • not

    active on social media • WP User Role (Administrator) • Evaluates team performance • Checks costs Anna Schneider Head of Content Marketing Photo by: https://www.flickr.com/photos/richardskoonberg
  13. SUPPORT ISSUES The base for use cases and test scenarios

  14. A TESTABLE PROTOTYPE Design and development goes hand in hand

  15. BUILDING A TESTABLE PROTOTYPE Design and development goes hand in

    hand
  16. None
  17. USER TESTING Expert review and remote user tests

  18. THE TEST-PAGE A WP Site with a bug

  19. None
  20. None
  21. None
  22. None
  23. ITERATE WITH THE FINDINGS Test, refine, repeat

  24. KEY FINDINGS Highlighting & Summary

  25. NEXT STEP Testing a simpler approach

  26. THE UX APPROACH Difficulties & benefits

  27. LOVE YOUR DESIGNERS Everything is design, Everything generates experience

  28. QUESTIONS? Check it out, it’s on WP.org: h ps://wordpress.org/plugins/user-feedback/ The

    code is living on GitHub:
 h p://github.com/wearerequired/user-feedback/
  29. THANK YOU Beer?