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

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
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
17. USER TESTING Expert review and remote user tests
18. THE TEST-PAGE A WP Site with a bug
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?