SlideShare ist ein Scribd-Unternehmen logo
1 von 71
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
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.
Feature driven = sell more short term
User centered = better UX




= long term sales & relations
How different is it?
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...
Result from Feature driven
Result from Feature driven
Result from Feature driven
Result from Feature driven
Result from USER CENTERED DESIGN
Result from USER CENTERED DESIGN
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)
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
How IS it DOnE?



We need a definition of good UX

      We need a process

       We need people
Vismas Definition oF good UX
why standards?
why standards?
Interface standards




Lacks readability amongst many other things...
Interface standards




Lacks alignment, padding, consistency etc
Interface standards




Lacks affordance and predictability
Interface standards
user centered design process
interface dynamics
interface dynamics
interface dynamics
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.
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
Aesthetics
Visma Opic login screen before:
Aesthetics
Visma Opic login screen after:
Aesthetics
Visma Accountview Go
           -
    before & after...
Aesthetics
Visma Opic before:
Aesthetics
Visma Opic before:
Aesthetics
Visma Mamut Service Suite
            -
     before & after...
Aesthetics
Visma Mamut Service Suite
            -
     before & after...
Vismas Definition of good uX
A Visma application following the UX-pyramid

          interface dynamics
How IS it DOnE?



The idea is never better
than how it is executed.


      To execute
    we need people.
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
How IS it DOnE?


 I hear and I forget.

I see and I remember.

I do and I understand.
       (Confucius)
what are the benefits?



           Two examples:

  Visma Avendo - accounting system

Visma Enterprise - accounting platform
Visma avendo - accounting system
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?
Screenshots Avendo 4.2 - sales module

Major disadvantage:

6 different windows/lists to search for the information in
Screenshots Avendo 5.0 (PROTOTYPE)

Major change:

1 window to search for the information in
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.
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!
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
Visma Unique - Enterprise platform

                    20%



                      80%
Visma Enterprise - accounting platform
Visma Enterprise - accounting platform
Visma Enterprise - Re-brand platform
Visma Enterprise - Re-brand platform
Visma Enterprise - Re-brand platform
Visma Enterprise - Re-brand platform
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.
Vismas Definition of good uX
Device with low ux
Device with high ux
UCD/Usability
                                      Engineering




    Design
Kiitos!




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

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UX LIFE CYCLE
UX LIFE CYCLEUX LIFE CYCLE
UX LIFE CYCLE
 
UX leaks : mythes et réalités
UX leaks : mythes et réalitésUX leaks : mythes et réalités
UX leaks : mythes et réalités
 
Building for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UXBuilding for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UX
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
 
User Experience Design
User Experience DesignUser Experience Design
User Experience Design
 
Safety in numbers: A framework for benchmarking the user experience
Safety in numbers: A framework for benchmarking the user experienceSafety in numbers: A framework for benchmarking the user experience
Safety in numbers: A framework for benchmarking the user experience
 
What is UX Developer
What is UX DeveloperWhat is UX Developer
What is UX Developer
 
Propeller UI/UX Process
Propeller UI/UX ProcessPropeller UI/UX Process
Propeller UI/UX Process
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
 
Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product Development
 
What is User Experience Design?
What is User Experience Design?What is User Experience Design?
What is User Experience Design?
 
Visual definitions of UX ( Restored )
Visual definitions of UX ( Restored )Visual definitions of UX ( Restored )
Visual definitions of UX ( Restored )
 
UX Workshop: Lean UX process (Usability Day FMH)
UX Workshop: Lean UX process (Usability Day FMH)UX Workshop: Lean UX process (Usability Day FMH)
UX Workshop: Lean UX process (Usability Day FMH)
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
How UI Framework improves design process - 2015 (Dribbble meetup)
How UI Framework improves design process - 2015  (Dribbble meetup)How UI Framework improves design process - 2015  (Dribbble meetup)
How UI Framework improves design process - 2015 (Dribbble meetup)
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
Web and App 
Design Fundamental: Quick and dirty tips to improve your UX in n...
Web and App 
Design Fundamental: Quick and dirty tips to improve your UX in n...Web and App 
Design Fundamental: Quick and dirty tips to improve your UX in n...
Web and App 
Design Fundamental: Quick and dirty tips to improve your UX in n...
 
UX Process : Process at a Glance
UX Process : Process at a GlanceUX Process : Process at a Glance
UX Process : Process at a Glance
 
5 myths for UX Design Process
5 myths for UX Design Process5 myths for UX Design Process
5 myths for UX Design Process
 

Ähnlich wie Visma fernberg helsinki2012

User Centered Design 101 Experience Dynamics Web Seminar 1229121780083642 3
User Centered Design 101 Experience Dynamics Web Seminar 1229121780083642 3User Centered Design 101 Experience Dynamics Web Seminar 1229121780083642 3
User Centered Design 101 Experience Dynamics Web Seminar 1229121780083642 3
Aravind Rajagopalan
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
Shawn Calvert
 

Ähnlich wie Visma fernberg helsinki2012 (20)

How UX Can Drive the Vision of Future Products - Arttu Niskasaari
How UX Can Drive the Vision of Future Products - Arttu NiskasaariHow UX Can Drive the Vision of Future Products - Arttu Niskasaari
How UX Can Drive the Vision of Future Products - Arttu Niskasaari
 
UX Explained
UX ExplainedUX Explained
UX Explained
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UX
 
EVOLVE'15 | Maximize | Ted Billups | Taming AEM
EVOLVE'15 | Maximize | Ted Billups | Taming AEMEVOLVE'15 | Maximize | Ted Billups | Taming AEM
EVOLVE'15 | Maximize | Ted Billups | Taming AEM
 
Webinar on UX ToolBox for Product Managers : UX-PM
Webinar on UX ToolBox for Product Managers : UX-PMWebinar on UX ToolBox for Product Managers : UX-PM
Webinar on UX ToolBox for Product Managers : UX-PM
 
Integration Of UX Practices And Agile Methodology
Integration Of UX Practices And Agile MethodologyIntegration Of UX Practices And Agile Methodology
Integration Of UX Practices And Agile Methodology
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
 
1
11
1
 
User Centered Design 101 Experience Dynamics Web Seminar 1229121780083642 3
User Centered Design 101 Experience Dynamics Web Seminar 1229121780083642 3User Centered Design 101 Experience Dynamics Web Seminar 1229121780083642 3
User Centered Design 101 Experience Dynamics Web Seminar 1229121780083642 3
 
1
11
1
 
Why are important Usability and Design
Why are important Usability and DesignWhy are important Usability and Design
Why are important Usability and Design
 
Making the Complex Simple
Making the Complex SimpleMaking the Complex Simple
Making the Complex Simple
 
IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016
IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016
IxDA Helsinki meet-up at Smartly.io, Thu, 25th August 2016
 
The User Experience Designer
The User Experience DesignerThe User Experience Designer
The User Experience Designer
 
Training Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training WebinarTraining Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training Webinar
 
User Experience: A Lean UX Process
User Experience: A Lean UX ProcessUser Experience: A Lean UX Process
User Experience: A Lean UX Process
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
Ux design-fundamentals
Ux design-fundamentalsUx design-fundamentals
Ux design-fundamentals
 
Ux Camp: Selling the value of UX
Ux Camp: Selling the value of UXUx Camp: Selling the value of UX
Ux Camp: Selling the value of UX
 
UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-founders
 

Kürzlich hochgeladen

Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
 
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdfBreaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
UK Journal
 

Kürzlich hochgeladen (20)

Working together SRE & Platform Engineering
Working together SRE & Platform EngineeringWorking together SRE & Platform Engineering
Working together SRE & Platform Engineering
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
 
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties ReimaginedEasier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
 
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
 
Microsoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - QuestionnaireMicrosoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - Questionnaire
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdfBreaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
 
Syngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdf
 
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsPLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
 

Visma fernberg helsinki2012