可用性 - 成功的网页用户界面关键
       因素:一个便捷的方式
    Usability, key factor for the success of web user
               interface: an agile approach


                                                Roberto DADDA




Roberto DADDA       Milano, November 22, 2012
Usability

“The effectiveness, efficiency and satisfaction with
which specified users achieve specified goals in
particular environments.”

●   effectiveness: the accuracy and completeness with which specified users can
    achieve specified goals in particular environments
●   efficiency: the resources expended in relation to the accuracy and completeness of
    goals achieved 
●   satisfaction: the comfort and acceptability of the work system to its users and other
    people affected by its use




Roberto DADDA                   Milano, November 22, 2012
可用性

“ 指定用户在特殊环境下达到指定目标时的有效性,效
 率和满意程度”

 有效性:指定用户在特定环境下达到指定目标时的精确性和完整性
 效率:为达到目标精确性和完整性所用的资源
 满意度:为用户和其他相关人员带来的工作系统舒适度和可接受程度。




  Roberto
Usable,
                                                  a many-sided
                                                     concept

  Functional (it does what it is claimed to do)
  ●



  Reliable (it works consistently)
  ●



  Usable (it works in a way that is consistent with the user's expectations)
  ●



  Meaningful (it does something important or valuable)
  ●



  Pleasurable (it is enjoyable to use)
  ●




Roberto DADDA                  Milano, November 22, 2012
可用性,
                        一个多面概念


    功能性(能达到承诺的各项功能)

    可靠性(能不间断地运作)

    可用性(符合用户的期望值)

    有意义(所做的是重要的或有价值的)

    娱乐性(愉快的使用过程)




    Roberto
Roberto DADDA   Milano, November 22, 2012
Ergonomics




Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
human processor model




Roberto DADDA    Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
●Add value via Web
  ●Benefit and usability greater than phone call

  ●Find-Choose-How to-Track



  ●On site test

  ●3.5 visitors/day
  ●Dismissing 80% of call center workforce




Roberto DADDA       Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
✗   After reworking for Christmas +80% (average 40%)

 ✗   300.000 repeat customers (+67%)




Roberto DADDA        Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Unusable!

Roberto DADDA    Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Not always easy!




Roberto DADDA     Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto
                                  DADDA




October 26, 2011   PBZ - Zagreb      32
Roberto
                                  DADDA




October 26, 2011   PBZ - Zagreb      33
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Surface


         Skeleton


         Structure

         Scope

         Strategy




Roberto DADDA        Milano, November 22, 2012
user tasks:
         Surface               • enter numbers
                               • enter text
                               • enter formulas
                               • format cells
         Skeleton              • sort information
                               • filter information
                               • aggregate information
         Structure             • graph data
                               • save data
                               • import data
         Scope                 • export data
                               • print
                               • …..
         Strategy




Roberto DADDA        Milano, November 22, 2012
Surface

                                                    task
         Skeleton                                  panes


         Structure                        modal dialogs


         Scope
                              modal wizards

         Strategy




Roberto DADDA        Milano, November 22, 2012
Roberto
          Surface                                        DADDA


          Skeleton


          Structure

          Scope

          Strategy




May 14-15, 2012       Agile Croatia Conference - Zadar      40
Surface


         Skeleton


         Structure

         Scope

         Strategy




Roberto DADDA        Milano, November 22, 2012
Do not focus on tools




Roberto DADDA     Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
Roberto DADDA   Milano, November 22, 2012
roberto@dadda.it                   www.dadda.it




                              robertodadda




Roberto DADDA         Milano, November 22, 2012

Agile usability approach, a presentation to the Bank of Qingdao

  • 1.
    可用性 - 成功的网页用户界面关键 因素:一个便捷的方式 Usability, key factor for the success of web user interface: an agile approach Roberto DADDA Roberto DADDA Milano, November 22, 2012
  • 2.
    Usability “The effectiveness, efficiency and satisfaction with which specified users achievespecified goals in particular environments.” ● effectiveness: the accuracy and completeness with which specified users can achieve specified goals in particular environments ● efficiency: the resources expended in relation to the accuracy and completeness of goals achieved  ● satisfaction: the comfort and acceptability of the work system to its users and other people affected by its use Roberto DADDA Milano, November 22, 2012
  • 3.
    可用性 “ 指定用户在特殊环境下达到指定目标时的有效性,效 率和满意程度” 有效性:指定用户在特定环境下达到指定目标时的精确性和完整性  效率:为达到目标精确性和完整性所用的资源  满意度:为用户和其他相关人员带来的工作系统舒适度和可接受程度。 Roberto
  • 4.
    Usable, a many-sided concept Functional (it does what it is claimed to do) ● Reliable (it works consistently) ● Usable (it works in a way that is consistent with the user's expectations) ● Meaningful (it does something important or valuable) ● Pleasurable (it is enjoyable to use) ● Roberto DADDA Milano, November 22, 2012
  • 5.
    可用性, 一个多面概念  功能性(能达到承诺的各项功能)  可靠性(能不间断地运作)  可用性(符合用户的期望值)  有意义(所做的是重要的或有价值的)  娱乐性(愉快的使用过程) Roberto
  • 6.
    Roberto DADDA Milano, November 22, 2012
  • 7.
    Ergonomics Roberto DADDA Milano, November 22, 2012
  • 8.
    Roberto DADDA Milano, November 22, 2012
  • 9.
    Roberto DADDA Milano, November 22, 2012
  • 10.
    Roberto DADDA Milano, November 22, 2012
  • 11.
    Roberto DADDA Milano, November 22, 2012
  • 12.
    human processor model RobertoDADDA Milano, November 22, 2012
  • 13.
    Roberto DADDA Milano, November 22, 2012
  • 14.
    Roberto DADDA Milano, November 22, 2012
  • 15.
    ●Add value viaWeb ●Benefit and usability greater than phone call ●Find-Choose-How to-Track ●On site test ●3.5 visitors/day ●Dismissing 80% of call center workforce Roberto DADDA Milano, November 22, 2012
  • 16.
    Roberto DADDA Milano, November 22, 2012
  • 17.
    After reworking for Christmas +80% (average 40%) ✗ 300.000 repeat customers (+67%) Roberto DADDA Milano, November 22, 2012
  • 18.
    Roberto DADDA Milano, November 22, 2012
  • 19.
    Unusable! Roberto DADDA Milano, November 22, 2012
  • 20.
    Roberto DADDA Milano, November 22, 2012
  • 21.
    Roberto DADDA Milano, November 22, 2012
  • 22.
    Roberto DADDA Milano, November 22, 2012
  • 23.
    Roberto DADDA Milano, November 22, 2012
  • 24.
    Roberto DADDA Milano, November 22, 2012
  • 25.
    Roberto DADDA Milano, November 22, 2012
  • 26.
    Roberto DADDA Milano, November 22, 2012
  • 27.
    Not always easy! RobertoDADDA Milano, November 22, 2012
  • 28.
    Roberto DADDA Milano, November 22, 2012
  • 29.
    Roberto DADDA Milano, November 22, 2012
  • 30.
    Roberto DADDA Milano, November 22, 2012
  • 31.
    Roberto DADDA Milano, November 22, 2012
  • 32.
    Roberto DADDA October 26, 2011 PBZ - Zagreb 32
  • 33.
    Roberto DADDA October 26, 2011 PBZ - Zagreb 33
  • 34.
    Roberto DADDA Milano, November 22, 2012
  • 35.
    Roberto DADDA Milano, November 22, 2012
  • 36.
    Roberto DADDA Milano, November 22, 2012
  • 37.
    Surface Skeleton Structure Scope Strategy Roberto DADDA Milano, November 22, 2012
  • 38.
    user tasks: Surface • enter numbers • enter text • enter formulas • format cells Skeleton • sort information • filter information • aggregate information Structure • graph data • save data • import data Scope • export data • print • ….. Strategy Roberto DADDA Milano, November 22, 2012
  • 39.
    Surface task Skeleton panes Structure modal dialogs Scope modal wizards Strategy Roberto DADDA Milano, November 22, 2012
  • 40.
    Roberto Surface DADDA Skeleton Structure Scope Strategy May 14-15, 2012 Agile Croatia Conference - Zadar 40
  • 41.
    Surface Skeleton Structure Scope Strategy Roberto DADDA Milano, November 22, 2012
  • 42.
    Do not focuson tools Roberto DADDA Milano, November 22, 2012
  • 43.
    Roberto DADDA Milano, November 22, 2012
  • 44.
    Roberto DADDA Milano, November 22, 2012
  • 45.
    Roberto DADDA Milano, November 22, 2012
  • 46.
    Roberto DADDA Milano, November 22, 2012
  • 47.
    roberto@dadda.it www.dadda.it robertodadda Roberto DADDA Milano, November 22, 2012