SlideShare una empresa de Scribd logo
1 de 47
Descargar para leer sin conexión
可用性 - 成功的网页用户界面关键
       因素:一个便捷的方式
    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

Más contenido relacionado

Similar a Usability key for web interfaces

Does DevOps need a Leader ?
Does DevOps need a Leader ?Does DevOps need a Leader ?
Does DevOps need a Leader ?DevOps Indonesia
 
04 user centered design
04 user centered design04 user centered design
04 user centered designRoberto Dadda
 
The Web Designers Toolkit
The Web Designers ToolkitThe Web Designers Toolkit
The Web Designers ToolkitR/GA
 
【16-C-4】次期Internet Explorer、IE10とHTML5 API
【16-C-4】次期Internet Explorer、IE10とHTML5 API【16-C-4】次期Internet Explorer、IE10とHTML5 API
【16-C-4】次期Internet Explorer、IE10とHTML5 APIMicrosoft
 
IT od kuchni w Misys
IT od kuchni w MisysIT od kuchni w Misys
IT od kuchni w Misys3camp
 
OrientDB - Perché le tue applicazioni meritano un DB Multi-Model
OrientDB - Perché le tue applicazioni meritano un DB Multi-ModelOrientDB - Perché le tue applicazioni meritano un DB Multi-Model
OrientDB - Perché le tue applicazioni meritano un DB Multi-ModelDevDay
 
Human side of DevOps Transformation
Human side of DevOps TransformationHuman side of DevOps Transformation
Human side of DevOps TransformationDevOps Indonesia
 
Integrating UX into your Agile Team - Daniel Elizalde
Integrating UX into your Agile Team -  Daniel ElizaldeIntegrating UX into your Agile Team -  Daniel Elizalde
Integrating UX into your Agile Team - Daniel ElizaldeDaniel Elizalde
 
Dev Fest X (Sapporo) Android UI Patterns
Dev Fest X (Sapporo) Android UI PatternsDev Fest X (Sapporo) Android UI Patterns
Dev Fest X (Sapporo) Android UI PatternsYukio Andoh
 
UX Cocktail Hour
UX Cocktail HourUX Cocktail Hour
UX Cocktail HourInfo.nl
 
UXmas Cocktail Hours - Iskander Smit
UXmas Cocktail Hours - Iskander SmitUXmas Cocktail Hours - Iskander Smit
UXmas Cocktail Hours - Iskander SmitIskander Smit
 
実践Android Developer Testing
実践Android Developer Testing実践Android Developer Testing
実践Android Developer Testingussy
 
07 norms and standards
07 norms and standards07 norms and standards
07 norms and standardsRoberto Dadda
 
Android最新技術動向(2012.2)
Android最新技術動向(2012.2)Android最新技術動向(2012.2)
Android最新技術動向(2012.2)Makoto Anjo
 
Aris 9 See the Future Today
Aris 9 See the Future TodayAris 9 See the Future Today
Aris 9 See the Future TodaySoftware AG
 

Similar a Usability key for web interfaces (20)

01 usability
01 usability01 usability
01 usability
 
Does DevOps need a Leader ?
Does DevOps need a Leader ?Does DevOps need a Leader ?
Does DevOps need a Leader ?
 
04 user centered design
04 user centered design04 user centered design
04 user centered design
 
The Web Designers Toolkit
The Web Designers ToolkitThe Web Designers Toolkit
The Web Designers Toolkit
 
【16-C-4】次期Internet Explorer、IE10とHTML5 API
【16-C-4】次期Internet Explorer、IE10とHTML5 API【16-C-4】次期Internet Explorer、IE10とHTML5 API
【16-C-4】次期Internet Explorer、IE10とHTML5 API
 
IT od kuchni w Misys
IT od kuchni w MisysIT od kuchni w Misys
IT od kuchni w Misys
 
OrientDB - Perché le tue applicazioni meritano un DB Multi-Model
OrientDB - Perché le tue applicazioni meritano un DB Multi-ModelOrientDB - Perché le tue applicazioni meritano un DB Multi-Model
OrientDB - Perché le tue applicazioni meritano un DB Multi-Model
 
Solution for Manufacturer and Presentation Maker
Solution for Manufacturer and Presentation MakerSolution for Manufacturer and Presentation Maker
Solution for Manufacturer and Presentation Maker
 
NoSQL with Mongodb
NoSQL with MongodbNoSQL with Mongodb
NoSQL with Mongodb
 
Human side of DevOps Transformation
Human side of DevOps TransformationHuman side of DevOps Transformation
Human side of DevOps Transformation
 
Integrating UX into your Agile Team - Daniel Elizalde
Integrating UX into your Agile Team -  Daniel ElizaldeIntegrating UX into your Agile Team -  Daniel Elizalde
Integrating UX into your Agile Team - Daniel Elizalde
 
Dev Fest X (Sapporo) Android UI Patterns
Dev Fest X (Sapporo) Android UI PatternsDev Fest X (Sapporo) Android UI Patterns
Dev Fest X (Sapporo) Android UI Patterns
 
UX Cocktail Hour
UX Cocktail HourUX Cocktail Hour
UX Cocktail Hour
 
UXmas Cocktail Hours - Iskander Smit
UXmas Cocktail Hours - Iskander SmitUXmas Cocktail Hours - Iskander Smit
UXmas Cocktail Hours - Iskander Smit
 
Projectfork 4.0
Projectfork 4.0Projectfork 4.0
Projectfork 4.0
 
実践Android Developer Testing
実践Android Developer Testing実践Android Developer Testing
実践Android Developer Testing
 
07 norms and standards
07 norms and standards07 norms and standards
07 norms and standards
 
Android最新技術動向(2012.2)
Android最新技術動向(2012.2)Android最新技術動向(2012.2)
Android最新技術動向(2012.2)
 
Neo con e tool overview
Neo con e tool overviewNeo con e tool overview
Neo con e tool overview
 
Aris 9 See the Future Today
Aris 9 See the Future TodayAris 9 See the Future Today
Aris 9 See the Future Today
 

Más de Roberto Dadda

Más de Roberto Dadda (20)

02 unusability
02 unusability02 unusability
02 unusability
 
03 users models
03 users models03 users models
03 users models
 
05 1 artifacts
05 1 artifacts05 1 artifacts
05 1 artifacts
 
05 2 artifacts
05 2 artifacts05 2 artifacts
05 2 artifacts
 
08 vision and gestalt
08 vision and gestalt08 vision and gestalt
08 vision and gestalt
 
09 colors
09 colors09 colors
09 colors
 
10 form design
10 form design10 form design
10 form design
 
11 error management
11 error management11 error management
11 error management
 
12 tipography for the web
12 tipography for the web12 tipography for the web
12 tipography for the web
 
14 accessibility short
14 accessibility short14 accessibility short
14 accessibility short
 
13 equilibrium order time
13 equilibrium order time13 equilibrium order time
13 equilibrium order time
 
15 emotional design
15 emotional design15 emotional design
15 emotional design
 
Poli15 uffizi - 2016-02-03
Poli15   uffizi - 2016-02-03Poli15   uffizi - 2016-02-03
Poli15 uffizi - 2016-02-03
 
Poli15 careffour - 2015-12-01
Poli15   careffour - 2015-12-01Poli15   careffour - 2015-12-01
Poli15 careffour - 2015-12-01
 
Poli15 barbie - 20160202
Poli15   barbie - 20160202Poli15   barbie - 20160202
Poli15 barbie - 20160202
 
Poli15 guanda publishing - 2016-02-03
Poli15   guanda publishing - 2016-02-03Poli15   guanda publishing - 2016-02-03
Poli15 guanda publishing - 2016-02-03
 
Poli15 sansha
Poli15   sanshaPoli15   sansha
Poli15 sansha
 
Poli15 nescafé final analysis
Poli15   nescafé final analysisPoli15   nescafé final analysis
Poli15 nescafé final analysis
 
Poli15 Fujifilm
Poli15 FujifilmPoli15 Fujifilm
Poli15 Fujifilm
 
Poli15 Tiger
Poli15 Tiger Poli15 Tiger
Poli15 Tiger
 

Usability key for web interfaces

  • 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 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
  • 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 Roberto DADDA Milano, November 22, 2012
  • 13. Roberto DADDA Milano, November 22, 2012
  • 14. Roberto DADDA Milano, November 22, 2012
  • 15. ●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
  • 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! Roberto DADDA 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 focus on 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