How Visma works with UX and how we are working on going from feature driven to user centered design. Created in Keynot and exported to PPT - that's why there are weird typography.

1. feature driven development
vS user centered design
-
The history of visma
- How different is it?
- How is UCD done?
- What are the benefits?
Fredrik Fernberg
Corporate Design & HCI Manager, Visma
M.Sc, Cogntive psychology
twitter: @FredrikFernberg, fredrik.fernberg@visma.com, blog.visma.com

2. Corporate
Communication
Visma AS 7
Software Retail Services Commerce Consulting
21 0 0 1 21
5000 employees.
Very engineering centric.
Legacy accounting software.
In-house UX - 50 persons.

3. Feature driven = sell more short term

4. User centered = better UX
= long term sales & relations

5. How different is it?

6. It is very different...
1. UCD is not a feature on the list
2. UCD does not come a the end
3. UCD is nothing decided by top management but supported
4. UCD demands a definition, process and organization
5. UCD is neither waterfall nor agile
...
It is like night and day...which makes it challenging...

7. Result from Feature driven

8. Result from Feature driven

9. Result from Feature driven

10. Result from Feature driven

11. Result from USER CENTERED DESIGN

12. Result from USER CENTERED DESIGN

13. Result from USER CENTERED DESIGN
“Perfection is achieved, not when there is nothing more to
add, but when there is nothing left to take away”(Antoine de Saint
Exupery)

14. Result from USER CENTERED DESIGN
1. Efficiency & effectiveness for customers
2. Happier and loyal customers
3. Prouder and loyal employees
4. Faster development and deployment
5. Less support and training
etc...
=
More revenue

15. How IS it DOnE?
We need a definition of good UX
We need a process
We need people

16. Vismas Definition oF good UX

17. why standards?

18. why standards?

19. Interface standards
Lacks readability amongst many other things...

20. Interface standards
Lacks alignment, padding, consistency etc

21. Interface standards
Lacks affordance and predictability

22. Interface standards

23. user centered design process

24. interface dynamics

25. interface dynamics

26. interface dynamics

27. interface dynamics
1. It’s captivating.2. It empowers the user.
3. Adaptable to user needs.
4. Used the right way increase efficiency and assist
the user understanding the interface better.

28. Aesthetics
1. The important first impression
2. The Form should empower the Functionality
3. Design should intrigue and entice
4. Design should be felt not seen

29. Aesthetics
Visma Opic login screen before:

30. Aesthetics
Visma Opic login screen after:

31. Aesthetics
Visma Accountview Go
-
before & after...

32. Aesthetics
Visma Opic before:

33. Aesthetics
Visma Opic before:

34. Aesthetics
Visma Mamut Service Suite
-
before & after...

35. Aesthetics
Visma Mamut Service Suite
-
before & after...

37. Vismas Definition of good uX

38. A Visma application following the UX-pyramid
interface dynamics

39. How IS it DOnE?
The idea is never better
than how it is executed.
To execute
we need people.

40. How IS it DOnE?
1. Recruit the right personnel
2. Establish ambassadors
3. Training, training and training
create knowledge & understanding - not information
4. Establish guidelines & standards
5. Success stories (show by example)
6. Perform Reviews
7. Promote performance

41. How IS it DOnE?
I hear and I forget.
I see and I remember.
I do and I understand.
(Confucius)

43. what are the benefits?
Two examples:
Visma Avendo - accounting system
Visma Enterprise - accounting platform

44. Visma avendo - accounting system

45. Visma avendo - accounting system
How much will the product be improved with a new user interface and
a new interaction method?
Retrieve quantifiable goals for the HCI-work:
• How much time will be saved?• How many mouse clicks will be
saved?• How many keyboard strokes will be saved?• How much better
will the user experience be?
• How will the support be affected?

46. Screenshots Avendo 4.2 - sales module
Major disadvantage:
6 different windows/lists to search for the information in

54. Screenshots Avendo 5.0 (PROTOTYPE)
Major change:
1 window to search for the information in

57. Results
Mouse clicks: Users used only 58% mouse clicks with the prototype
(5.0) compared to 4.2.
Keyboard strokes: Users used only 68% keyboard strokes with the
prototype (5.0) compared to 4.2.

58. Results
Time: Users used only 61% of the time with the prototype (5.0)
compared to 4.2.
Staggering result: Novice users performed better with the prototype
(5.0) than experienced users used with the old application!

59. Results
UX: None of the users were negative against the prototype, all users
meant it was an improvement. Even the one user who spent more time
in 5.0 than in 4.2
Support: We had to help 7 of the 12 users in 4.2, since they got stuck
and couldn’t proceed in the scenario. None of the users got stuck in 5.0
– all could complete the scenario without any help.
- 4.2 = 7 support errands
- 5.0 = 0 support errands

60. Visma Unique - Enterprise platform
20%
80%

61. Visma Enterprise - accounting platform

62. Visma Enterprise - accounting platform

63. Visma Enterprise - Re-brand platform

64. Visma Enterprise - Re-brand platform

65. Visma Enterprise - Re-brand platform

66. Visma Enterprise - Re-brand platform

67. Results
External effects: Customers saw the obvious improvements. But most
importantly affected by the proud Visma personnel.
Internal effects: Personnel became very enthusiastic & expressed
pride.
Bottom line: Budgeted sales went from 32 systems to 71 systems
(after the change).
This unit has gone from 1 UX-person to 6 UX-persons in two years.
Top management has understood that this is where the money is and
invest most in this part of the development.

68. Vismas Definition of good uX

69. Device with low ux

70. Device with high ux
UCD/Usability
Engineering
Design

71. Kiitos!
Fredrik Fernberg
Corporate Design & HCI Manager, Visma
M.Sc, Cogntive psychology
twitter: @FredrikFernberg, fredrik.fernberg@visma.com, blog.visma.com