Flowcharting: The UX Socket Wrench

69
1 Flowcharting: The UX Socket Wrench Darren Kall KALL Consulting customer and user experience design and strategy 1 hour version: 1Feb2012 © Kall Consulting 2012 +1 937-648-4966 --- [email protected]

description

Flowcharting is an underutilized but versatile tool that supports quality web interaction design. A lot of websites and web apps are good looking and use the latest technology, but are hard to use because the people who are designing them didn’t plan the feature relationships and navigation paths in the product. Flowcharting is a tool to help improve this aspect of web design. This talk covers a ridiculously condensed history of flowcharting, shows many uses related to web site, web app and desktop product design, shares case studies, and describes an award-winning flowcharting technique.

Transcript of Flowcharting: The UX Socket Wrench

Page 1: Flowcharting: The UX Socket Wrench

UX Review1

1

Flowcharting:The UX Socket Wrench

Darren Kall

KALL Consultingcustomer and user experience design and strategy

1 hour version: 1Feb2012

© Kall Consulting 2012 +1 937-648-4966 --- [email protected]

Page 2: Flowcharting: The UX Socket Wrench

UX Review2

2

Versatile Tool

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 3: Flowcharting: The UX Socket Wrench

UX Review3

3

Limitations

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 4: Flowcharting: The UX Socket Wrench

UX Review4

4

History

Flowcharting is not new.

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 5: Flowcharting: The UX Socket Wrench

UX Review5

5

IBM 1984

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Interaction Design

Page 6: Flowcharting: The UX Socket Wrench

UX Review6

6

W. Edwards Deming - 1950

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Process

Page 7: Flowcharting: The UX Socket Wrench

UX Review7

7

St. Petronius – 450 AD

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Memory Aid

Page 8: Flowcharting: The UX Socket Wrench

UX Review8

8

Egypt – 900 BC

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Instruction

Page 9: Flowcharting: The UX Socket Wrench

UX Review9

9

Egypt – 900 BC

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Instruction

Page 10: Flowcharting: The UX Socket Wrench

UX Review10

10

15,000 – 10,000 BC

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Task Flow

Page 11: Flowcharting: The UX Socket Wrench

UX Review11

11

Modern Day

Product design is complicated

The larger and more complex - the more appropriate to use flowcharting

Humans have limited memory, limited ability to visualize, etc.

Flowcharting augments human limitations in design

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Product Design

Page 12: Flowcharting: The UX Socket Wrench

UX Review12

12

Why Flowchart?

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

The value of making a flowchart is

KNOWING

Page 13: Flowcharting: The UX Socket Wrench

UX Review13

13

How-To

• Standards by discipline/industry

• De facto standards

• Applications online and desktop

• Manual

• Automated

• I’m telling you the way I do it(biases showing)

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 14: Flowcharting: The UX Socket Wrench

UX Review14

14

IxD Example

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Description

Page 15: Flowcharting: The UX Socket Wrench

UX Review15

15

IxD Example

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Inspection

Finding what is missing early:• Pre-existing state• Notifying user• How assigned? Programmatic,

manager, but not self?• Conflict with active content work• Conflict with populated working

list• Navigation back and forth to

working list to update• No way to tell task list that task

was complete• Dead-ended in working area

when task list was completeCognitive Walkthrough

Page 16: Flowcharting: The UX Socket Wrench

UX Review16

16

SAC Method

Started with a standard process flow chart method that I learned at IBM

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Process DecisionNO

YESUser input

User input

Page 17: Flowcharting: The UX Socket Wrench

UX Review17

17

SAC Method

Added the predecessors and dependencies while I was at AT&T Bell Labs

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Dependencies

Supply

Action

Customer

ENTRY

FTR-000FTR-000

EXIT

FTR-000

Process Decision

FTR-000

Data created

FTR-000

Document name or type

FTR-000

Data created

FTR-000

NO

YESUser input

FTR-000

BUTTON

FTR-000

Process

User input

FTR-000

BUTTON

System View

Opportunity Mapping

Page 18: Flowcharting: The UX Socket Wrench

UX Review18

18

SAC Method

Extended to screen mock-ups and complete actions possible to user while at Microsoft

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Possibilities

UI display

Window

FTR-000

UI display

Con-Area

FTR-000

UI display

Dialog

FTR-000

UI display

PH

FTR-000

UI display

Other

FTR-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

Page 19: Flowcharting: The UX Socket Wrench

UX Review19

19

Microsoft Best Practice

Spread from UX/IxD to PM/BA

Dev mapped code flow onto this flowchart

Test used the flowchart as test plan

Eliminated spec

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Spec replacement

Test Plans

Code Mapping

Page 20: Flowcharting: The UX Socket Wrench

UX Review20

20

Microsoft Best Practice

Became a collaborative technique

Supported agile and waterfall development

Living document, communications tool

On wall behind office - scratching and tapping

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Collaboration

Page 21: Flowcharting: The UX Socket Wrench

UX Review21

21

Other Uses

Other ways to use flowcharting for KNOWING

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 22: Flowcharting: The UX Socket Wrench

UX Review22

22

Contents

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Planning

Week 1

Week 2

Week 3

Week 4

DESK CAR

Dictating

Dictating

Writing

Writing

Writing

Writing

Writing

Writing

Practice Planned vs. Actual

Page 23: Flowcharting: The UX Socket Wrench

UX Review23

23

Collaborative Flowchart Experiment

Professional UX team collaborative flowcharting a UI

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Interaction Design

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

12 Pages

Page 24: Flowcharting: The UX Socket Wrench

UX Review24

24

Collaborative Flowchart Experiment

Cross-disciplinary Participatory Design Group

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Participatory Design

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text . To change the width of the comment , drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text . To change the width of the comment , drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text . To change the width of the comment , drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text . To change the width of the comment , drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text . To change the width of the comment , drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text . To change the width of the comment , drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text . To change the width of the comment , drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

User input

FTR-000

BUTTON

User input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Win dow

FTR-000

User input

FTR-000

BUTTONUser input

HT ML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

UI display

W in do w

F TR-000

User input

F TR-000

BUTT ON

User input

HTM L LINK

F TR-000

User input

T AB

F TR-000

User input

O THER

F TR-000

User input

JAVASCRIPT

F TR-000

F TR-000

Process

F TR-000

Process

F TR-000

Process

F TR-000

Process

UI display

Dialog

F TR-000

UI display

O ther

F TR-000

ENTRY

F TR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

F TR-000

UI display

Dialog

F TR-000

Existing feature

F TR-000Internal storage

F TR-000

Document name or type

F TR-000

Decision

F TR-000

UI display

O ther

F TR-000

Data created

F TR-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

UI display

W ind ow

FT R-000

User input

FT R-000

BUTT ON

User input

HTM L L INK

FT R-000

User input

TAB

FT R-000

User input

O THER

FT R-000

User input

JAVASCRIPT

FT R-000

FT R-000

Process

FT R-000

Process

FT R-000

Process

FT R-000

Process

UI display

Dialo g

FT R-000

UI display

O ther

FT R-000

ENTRY

FT R-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FT R-000

UI display

Dialo g

FT R-000

Existing feature

FT R-000Internal storage

FT R-000

Document name or type

FT R-000

Decision

FT R-000

UI display

O ther

FT R-000

Data created

FT R-000

70 Pages

Page 25: Flowcharting: The UX Socket Wrench

UX Review25

25

Hierarchical Navigation Patent

Parent – Child – Sibling Navigation

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Navigation

Decision

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

EXIT

FTR-000

EXIT

FTR-000

EXIT

User input

FTR-000

BUTTON

User input

FTR-000

BUTTON

User input

FTR-000

BUTTON

User input

FTR-000

BUTTON

User input

FTR-000

BUTTONUser input

OTHER

FTR-000

User input

OTHER

FTR-000

User input

OTHER

FTR-000

User input

OTHER

FTR-000

User input

OTHER

FTR-000

User input

OTHER

FTR-000

Page 26: Flowcharting: The UX Socket Wrench

UX Review26

26

Eye Tracking

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Layout Design

Page 27: Flowcharting: The UX Socket Wrench

UX Review27

27

Conceptual Modeling

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

User Scenarios

Page 28: Flowcharting: The UX Socket Wrench

UX Review28

28

Storyboards

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Story Boards

Page 29: Flowcharting: The UX Socket Wrench

UX Review29

29

Transitions

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

State Diagrams

Page 30: Flowcharting: The UX Socket Wrench

UX Review30

30

Pain Points

Summarize test results: pathways and pain points

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Usability Study Results

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

Page 31: Flowcharting: The UX Socket Wrench

UX Review31

31

Comparison

Us vs. Them UX comparison cause analysisUser’s Cognitive Map vs. Actual Functionality

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Competitive UX

User input

FTR-000

BUTTON

User input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

UI display

Window

FTR-000

User input

FTR-000

BUTTONUser input

HTML LINK

FTR-000

User input

TAB

FTR-000

User input

OTHER

FTR-000

User input

JAVASCRIPT

FTR-000

FTR-000

Process

FTR-000

Process

FTR-000

Process

FTR-000

Process

UI display

Dialog

FTR-000

UI display

Other

FTR-000

ENTRY

FTR-000

Area header

The height of the text box and its associated line

increases or decreases as you add text. To change the width of the comment, drag

the side handle.

Document name or type

FTR-000

UI display

Dialog

FTR-000

Existing feature

FTR-000Internal storage

FTR-000

Document name or type

FTR-000

Decision

FTR-000

UI display

Other

FTR-000

Data created

FTR-000

Cognitive Map vs. Actual

Page 32: Flowcharting: The UX Socket Wrench

UX Review32

32

Why Flowchart?

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

The value of making a flowchart is

KNOWINGThe value of having a flowchart is

SHOWING

Page 33: Flowcharting: The UX Socket Wrench

UX Review33

33

Scope

All processes can be flowcharted regardless of complexity or purpose

It may be unreadable, but it is chartable

It may be silly to chart it, but it can be done

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Communication

Page 34: Flowcharting: The UX Socket Wrench

UX Review34

34

Napkin Drawing

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Simplicity

Page 35: Flowcharting: The UX Socket Wrench

UX Review35

35

Yeast Budding

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Complexity

Page 36: Flowcharting: The UX Socket Wrench

UX Review36

36

Can We Date?

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Decision Making Aid

Page 37: Flowcharting: The UX Socket Wrench

UX Review37

37

Moscow Campaign

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Change

Movement

Page 38: Flowcharting: The UX Socket Wrench

UX Review38

38

Relationships

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Taxonomy

Relationship

Page 39: Flowcharting: The UX Socket Wrench

UX Review39

39

Italy’s Poor and Location

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Distribution

Page 40: Flowcharting: The UX Socket Wrench

UX Review40

40

Medical Clinic Patient Record

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

User Research

Page 41: Flowcharting: The UX Socket Wrench

UX Review41

41

Shopping Behavior

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

User Research

Page 42: Flowcharting: The UX Socket Wrench

UX Review42

42

Login Design

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Problem Solving

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

PSWD attempt

Average Success Trial of Forgetters with no Lock Out, No CS, and no Self Help

Average Abandon Trial of Forgetters with no Lock Out, No CS, and no Self Help

Average Call if have CS Link

Average Self Help if have Self Help Link

Average CS Call if have CS Link and Self Help Link

Average Self Help if have Self Help Link and Lock Out @ 3

Purple add Self Help Link, Blue add CS link, Yellow you know you’ve got a hacker

Sense Making

Page 43: Flowcharting: The UX Socket Wrench

UX Review43

43

Jason Shiga

Graphic designer with a degree in pure mathematics = flowchart graphic novelist

Choose your own adventure from 3,856 possible outcomes of his book

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Storytelling

Page 44: Flowcharting: The UX Socket Wrench

UX Review44

44

Jason Shiga

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 45: Flowcharting: The UX Socket Wrench

UX Review45

45

Rube Goldberg

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Humor

Page 46: Flowcharting: The UX Socket Wrench

UX Review46

46

Rube Goldberg

Rube’s day job

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Real “Flow”

Page 47: Flowcharting: The UX Socket Wrench

UX Review47

47

Summary of Uses

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Interaction Design

Process

Memory Aid

Instruction Task Flow

Product Design

Description

Inspection

Cognitive Walkthrough

Dependencies

System View

Possibilities

Spec replacement

Test Plans

Code Mapping

Collaboration

Planning

Planned vs. Actual

Opportunity Mapping

Participatory Design

NavigationLayout Design

User Scenarios

Story boards

State DiagramsUsability Study Results

Competitive UX

Cognitive Map vs. Actual

CommunicationSimplicity

Complexity

Decision Making Aid Change

MovementTaxonomy

Relationship

Distribution

User ResearchProblem Solving

Sense Making

Storytelling

Humor

Real “Flow”

Page 48: Flowcharting: The UX Socket Wrench

UX Review48

48

Style

Not just boxes and arrows

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 49: Flowcharting: The UX Socket Wrench

UX Review49

49

Spaghetti Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 50: Flowcharting: The UX Socket Wrench

UX Review50

50

Spaghetti Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 51: Flowcharting: The UX Socket Wrench

UX Review51

51

Swim Lane Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 52: Flowcharting: The UX Socket Wrench

UX Review52

52

Decision Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 53: Flowcharting: The UX Socket Wrench

UX Review53

53

Decision Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 54: Flowcharting: The UX Socket Wrench

UX Review54

54

Map Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 55: Flowcharting: The UX Socket Wrench

UX Review55

55

Map Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 56: Flowcharting: The UX Socket Wrench

UX Review56

56

Map Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 57: Flowcharting: The UX Socket Wrench

UX Review57

57

Game Style

Californiaforeclosure process

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 58: Flowcharting: The UX Socket Wrench

UX Review58

58

Chutes and Ladders Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 59: Flowcharting: The UX Socket Wrench

UX Review59

59

Chutes and Ladders Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 60: Flowcharting: The UX Socket Wrench

UX Review60

60

Chutes and Ladders Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 61: Flowcharting: The UX Socket Wrench

UX Review61

61

Icon Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 62: Flowcharting: The UX Socket Wrench

UX Review62

62

Ancestry Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 63: Flowcharting: The UX Socket Wrench

UX Review63

63

River Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 64: Flowcharting: The UX Socket Wrench

UX Review64

64

River Style

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 65: Flowcharting: The UX Socket Wrench

UX Review65

65

Ancestry and River Styles Combined

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

Page 66: Flowcharting: The UX Socket Wrench

UX Review66

66

Conclusions

© Kall Consulting 2012 --- +1 937-648-4966 --- [email protected]

To know it -flow it.

Page 67: Flowcharting: The UX Socket Wrench

UX Review67

67

Thank You

Darren Kall• [email protected]• http://www.linkedin.com/in/darrenkall• @darrenkall• +1 (937) 648-4966

We’re glad to help your company become more

customer and user-centric.

© Kall Consulting 2012 --- Proprietary and Confidential --- +1 937-648-4966 --- [email protected]

Page 68: Flowcharting: The UX Socket Wrench

UX Review68

68

Photo Credits<name> <link>

arms flow http://www.vestaldesign.com/blog/

california foreclosure flowchart the game board http://legalaidfortenants.com/california water flow http://aquafornia.com/where-does-californias-water-come-fromcan we date decision flow http://www.whatwouldjenniferdo.com/cave painting http://www.freerepublic.com/focus/f-chat/2660040/postscave painting http://liman.goodforum.net/t1428-resimcave painting http://www.oddee.com/item_93915.aspxcave painting http://www.nmia.com/~jaybird/ThomasBakerPaintings/lascaux_bison.htmlcoal flow http://blogs.wvgazette.com/coaltattoo/2009/07/15/a-coal-industry-flow-chart/comedy relationship flow http://flowingdata.com/2008/09/05/flowchart-shows-you-what-to-say-during-sex/deming process drawing http://brokensymmetry.typepad.com/broken_symmetry/2009/11/the-new-economics-by-w-edwa

rds-deming.htmlDistribution of poor in Italy http://www.flickr.com/photos/8787306@N02/2988132140egyptian wrestlers http://es.wikipedia.org/wiki/Archivo:Beni_Hassan_tomb_15_wrestling_detail.jpgeye tracking http://lonewolflibrarian.wordpress.com/category/eye-tracking/handsaw http://www.rflegends.com/ibm flowchart template http://www.retroist.com/2009/01/11/ibm-flowcharting-template/icon style mining flowchart http://globalminingsolutions.com/wash-plant-flow-chart/Jason Shiga http://justwilliamsluck.blogspot.com/2010/06/chocolate-or-vanilla.html

© Kall Consulting 2012 --- Proprietary and Confidential --- +1 937-648-4966 --- [email protected]

Page 69: Flowcharting: The UX Socket Wrench

UX Review69

69

Photo Credits<name> <link>

menstrual cycle http://jezebel.com/5388607/menstrual-flow+chart-coolest-thing-weve-seen-all-weekMinard map Russian campaign Napoleon http://nl.wikibooks.org/wiki/Geo-visualisatie/Communicatienew jobs financial http://www.disinfo.com/2010/03/what-happened-to-the-employees-of-collapsed-wall-street-com

panies/petro chemical ancestry http://www.petrochemistry.net/from-petrochemicals-to-everyday-products-flowchart.htmlrube goldberg http://hacknmod.com/hack/top-7-incredible-rube-goldberg-machines/shiga detail http://justwilliamsluck.blogspot.com/2010/06/chocolate-or-vanilla.htmlsocket wrench set http://www.made-in-china.comspaghetti chart http://geek.michaelgrace.org/category/security/spatial analysis shopping behavior http://www.innovativegis.com/basis/papers/other/colloquium/colloquium.htmstate diagram http://publib.boulder.ibm.com/infocenter/dmndhelp/v6r2mx/index.jsp?topic=/com.ibm.websphe

re.bpc.620.doc/doc/bpc/cactivity_state.htmlstations of the cross http://www.leonardporter.com/cctk_precedents.htmlstory board italian thermometer http://www.industrialdesignserved.com/gallery/Thermoplay/137795story board postits http://www.sapdesignguild.org/editions/edition3/interact_design.aspswim lane diagram http://paulmathiesen.wordpress.com/typeface decision flow http://www.ozymandias.com/typeface-selection-flowchartUPA poster http://www.cmsconsultants.org/resources/poster/world polution flowchart http://www.coolinfographics.com/blog/tag/environmentyeast budding http://www.ee.kth.se/control/research/systemsbiology/sb_sysid.php

© Kall Consulting 2012 --- Proprietary and Confidential --- +1 937-648-4966 --- [email protected]