Changing even the smallest of design features on a highly technical mature product that has millions of users can be a huge challenge. In this talk, Janina will share her journey of changing a simple UI component in Codewise's navigation bar, the challenges she encountered and lessons learned for future 'simple' design changes. She will talk about: - The maturity of Codewise, highlighting its design & technical legacy - The changes she proposed to the UI design - The challenges faced, and - Lessons learned throughout her journey

1. DESIGNING
A MATURE
PRODUCT
...and the importance of finding UX advocates.

2. An analytical SaaS solution that allows for tracking,
optimizing & automating advertising campaigns.

3. Voluum’s history
● 8 years (2013 - now)
● different design approaches
● design debt
Source: pexels.com

4. Voluum is a tool centered around data.

6. Screen height: 640px
Everything above the table:
264px (41%)
Report table:
368px (57%)

9. Screen height: 640px
Everything above the table:
310px (48%)
Report table:
330px (51%)

11. Redesign?
● Not enough of a priority
● Developer resources were
always spread rather thin
Source: pexels.com

12. Redesign?
● Not enough of a priority
● Development resources were
always spread rather thin
“Users are not complaining that
much, they are using the product
so maybe it’s not bad enough to
be worth fixing? “
Source: pexels.com

13. Product Designer
that became a
Product Manager
Source: flaticon.com

14. A green light!
Source: pexels.com

15. What data did I look for?
● How often users click on
each report button
● How often users click on
each button in the
navigation above the
report table
● The most popular screen
resolutions
Source: pexels.com

16. Redesign: report buttons

17. Redesign: navigation buttons

18. Redesign

19. Reports buttons + navigation buttons:
214px (33%)
Report table:
420px (67%)
Screen height: 640px

20. No more screen jumping!

21. Slack community called Voluum Lab

22. Almost no users complained
about the change!
Learnings: The biggest surprise?
Source: pexels.com

23. Learnings: Find UX advocates!
Product Manager Front-end Developer
Source: flaticon.com

24. Learnings: Find UX advocates!
PM FE
“Every day is an opportunity to invite your
non-UX colleagues into the world of UX. (...)
Invite them into the conversation and the
community, and treat them as partners in
the ongoing project of making your products
as user-friendly as possible.”

25. Summary
Source: pexels.com

26. Summary
● Find UX advocates
Source: pexels.com

27. Summary
● Find UX advocates
● Get the necessary data
(when available)
Source: pexels.com

28. Summary
● Find UX advocates
● Get the necessary data
(when available)
● Trust your instincts!
Source: pexels.com

29. Thank you!