agile usability approach, a presentation to the bank of qingdao

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

Upload: roberto-dadda

Post on 12-May-2015

640 views

Category:

Documents


12 download

TRANSCRIPT

Page 1: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Usability, key factor for the success of web user interface: an agile approach

可用性 - 成功的网页用户界面关键因素:一个便捷的方式

Roberto DADDA

Page 2: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

“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

Usability

Page 3: Agile usability approach, a presentation to the Bank of Qingdao

Roberto DADDA

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

有效性:指定用户在特定环境下达到指定目标时的精确性和完整性

效率:为达到目标精确性和完整性所用的资源

满意度:为用户和其他相关人员带来的工作系统舒适度和可接受程度。

可用性

Page 4: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

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)

Page 5: Agile usability approach, a presentation to the Bank of Qingdao

Roberto DADDA

可用性,一个多面概念

功能性(能达到承诺的各项功能)

可靠性(能不间断地运作)

可用性(符合用户的期望值)

有意义(所做的是重要的或有价值的)

娱乐性(愉快的使用过程)

Page 6: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 7: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Ergonomics

Page 8: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 9: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 10: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 11: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 12: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

human processor model

Page 13: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 14: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 15: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

●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

Page 16: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 17: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

✗After reworking for Christmas +80% (average 40%)

✗300.000 repeat customers (+67%)

Page 18: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 19: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Unusable!

Page 20: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 21: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 22: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 23: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 24: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 25: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 26: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 27: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Not always easy!

Page 28: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 29: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 30: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 31: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 32: Agile usability approach, a presentation to the Bank of Qingdao

October 26, 2011 PBZ - Zagreb 32

Roberto DADDA

Page 33: Agile usability approach, a presentation to the Bank of Qingdao

October 26, 2011 PBZ - Zagreb 33

Roberto DADDA

Page 34: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 35: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 36: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 37: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Surface

Skeleton

Structure

Scope

Strategy

Page 38: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

user tasks:• enter numbers• enter text• enter formulas• format cells• sort information• filter information• aggregate information• graph data• save data• import data • export data• print • …..

Surface

Skeleton

Structure

Scope

Strategy

Page 39: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

task panes

modal dialogs

modal wizards

Surface

Skeleton

Structure

Scope

Strategy

Page 40: Agile usability approach, a presentation to the Bank of Qingdao

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

Roberto DADDASurface

Skeleton

Structure

Scope

Strategy

Page 41: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Surface

Skeleton

Structure

Scope

Strategy

Page 42: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Do not focus on tools

Page 43: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 44: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 45: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 46: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

Page 47: Agile usability approach, a presentation to the Bank of Qingdao

Milano, November 22, 2012Roberto DADDA

robertodadda

[email protected] www.dadda.it