SlideShare a Scribd company logo

Flowcharting: The UX Socket Wrench

Download as PPTX, PDF
Darren Kall, profile picture
Darren Kall

The document discusses the evolution and methodology of UX review flowcharting, highlighting its historical context and practical applications in modern design. It emphasizes the importance of flowcharting as a tool to manage complex product designs and improve user experience by enhancing cognitive capabilities. The document also explores various methods and best practices adapted from experiences with large organizations like IBM and Microsoft.

TechnologyBusiness
Related topics:
User Experience Design • Web Design and Development
1 of 69
Downloaded 11 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
1 UX Review 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 --- darrenkall@kallconsulting.com 1
2 Versatile Tool UX Review © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 2
3 Limitations UX Review © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 3
4 History UX Review Flowcharting is not new. © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 4
5 1984 IBM UX Review Interaction Design © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 5
6 Edwards Deming - 1950 W. UX Review Process © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 6
7 Petronius – 450 AD St. UX Review Memory Aid © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 7
8 – 900 BC Egypt UX Review Instruction © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 8
9 – 900 BC Egypt UX Review Instruction © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 9
10 – 10,000 BC 15,000 UX Review Task Flow © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 10
11 Modern Day UX Review 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 Product Design © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 11
12 Flowchart? Why UX Review The value of making a flowchart is KNOWING © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 12
13 How-To UX Review • 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 --- darrenkall@kallconsulting.com 13
14 Example IxD UX Review Description © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 14
15 Example IxD UX Review 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 complete Cognitive Walkthrough Inspection © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 15
16 Method SAC UX Review Started with a standard process flow chart method that I learned at IBM NO Process Decision User input YES User input © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 16
17 Method SAC UX Review Added the predecessors and dependencies while I was at AT&T Bell Labs FTR-000 FTR-000 Document name Data Supply or type created FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 NO User input EXIT ENTRY Process Decision Action BUTTON FTR-000 YES User input BUTTON FTR-000 FTR-000 Customer Data Process created Opportunity Mapping System View Dependencies © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 17
18 Method SAC UX Review Extended to screen mock-ups and complete actions possible to user while at Microsoft FTR-000 FTR-000 Process UI display Window FTR-000 FTR-000 FTR-000 User input HTML LINK Process FTR-000 UI display FTR-000 User input Con-Area BUTTON User input TAB FTR-000 FTR-000 FTR-000 FTR-000 UI display User input UI display UI display TAB Window Dialog FTR-000 Dialog FTR-000 User input User input JAVASCRIPT FTR-000 OTHER UI display FTR-000 PH FTR-000 User input FTR-000 FTR-000 BUTTON User input User input Process JAVASCRIPT FTR-000 HTML LINK UI display FTR-000 Other FTR-000 UI display User input Other OTHER FTR-000 Process Possibilities © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 18
19 Microsoft Best Practice UX Review Spread from UX/IxD to PM/BA Dev mapped code flow onto this flowchart Test used the flowchart as test plan Eliminated spec Code Mapping Test Plans Spec replacement © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 19
20 Microsoft Best Practice UX Review Became a collaborative technique Supported agile and waterfall development Living document, communications tool On wall behind office - scratching and tapping Collaboration © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 20
21 Uses Other UX Review Other ways to use flowcharting for KNOWING © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 21
22 Contents UX Review DESK CAR Week 1 Writing Dictating Dictating Week 2 Writing Week 3 Writing Writing Writing Week 4 Practice Writing Planned vs. Actual Planning © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 22
23 Collaborative Flowchart Experiment UX Review Professional UX team collaborative flowcharting a UI FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box and its associated line FTR-000 ENTRY The height of the text box and its associated line FTR-000 and its associated line FTR-000 increases or decreases as and its associated line FTR-000 increases or decreases as increases or decreases as you add text. To change the increases or decreases as you add text. To change the FTR-000 UI display UI display you add text. To change the width of the comment, drag you add text. To change the FTR-000 width of the comment, drag UI display UI display FTR-000 width of the comment, drag the side handle. FTR-000 width of the comment, drag the side handle. the side handle. Dialog Dialog Process the side handle. Process Dialog FTR-000 Dialog FTR-000 FTR-000 Process Process FTR-000 Data Data Data created Area header Data created Area header created Area header created Area header FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 User input User input Process Internal FTR-000 User input Process Internal FTR-000 HTML LINK HTML LINK Process Internal FTR-000 FTR-000 storage Process Internal FTR-000 FTR-000 storage HTML LINK HTML LINK FTR-000 storage Existing FTR-000 storage Existing Existing User input FTR-000 feature Existing User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature BUTTON BUTTON User input User input BUTTON BUTTON User input User input TAB TAB TAB FTR-000 TAB FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 UI display User input UI display User input UI display UI display UI display User input UI display User input UI display TAB UI display TAB Window Window TAB FTR-000 Dialog TAB FTR-000 Dialog Window FTR-000 FTR-000 Window FTR-000 FTR-000 FTR-000 Dialog FTR-000 Dialog FTR-000 FTR-000 Document name FTR-000 FTR-000 Document name User input User input Document name User input or type Document name User input or type User input User input User input or type JAVASCRIPT User input or type JAVASCRIPT OTHER OTHER JAVASCRIPT JAVASCRIPT OTHER OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 BUTTON BUTTON User input User input BUTTON User input Process BUTTON User input Process User input User input User input Process JAVASCRIPT User input Process JAVASCRIPT HTML LINK HTML LINK JAVASCRIPT FTR-000 JAVASCRIPT FTR-000 HTML LINK HTML LINK FTR-000 Document name FTR-000 Document name Document name FTR-000 or type Document name FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display User input Other User input Other User input Other User input Other OTHER OTHER FTR-000 FTR-000 OTHER FTR-000 OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Decision Decision Decision FTR-000 UI display Decision FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Process Other Process Other Process Other FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box and its associated line FTR-000 ENTRY The height of the text box and its associated line FTR-000 and its associated line FTR-000 increases or decreases as and its associated line FTR-000 increases or decreases as increases or decreases as you add text. To change the increases or decreases as you add text. To change the FTR-000 UI display UI display you add text. To change the width of the comment, drag you add text. To change the FTR-000 width of the comment, drag UI display UI display FTR-000 width of the comment, drag the side handle. FTR-000 width of the comment, drag the side handle. Dialog Dialog the side handle. Process the side handle. Process Dialog FTR-000 Dialog FTR-000 FTR-000 Process FTR-000 Process Data Data Data created Area header Data created Area header created Area header created Area header FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 User input FTR-000 FTR-000 User input Process Internal FTR-000 User input Process Internal FTR-000 HTML LINK HTML LINK Process Internal FTR-000 FTR-000 storage Process Internal FTR-000 FTR-000 storage HTML LINK HTML LINK FTR-000 storage Existing FTR-000 storage Existing Existing User input FTR-000 feature Existing User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature BUTTON BUTTON User input User input BUTTON BUTTON User input TAB User input TAB 12 Pages TAB FTR-000 TAB FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 UI display User input UI display User input UI display UI display UI display User input UI display User input UI display TAB UI display TAB Window Window TAB FTR-000 Dialog TAB FTR-000 Dialog Window FTR-000 FTR-000 Window FTR-000 FTR-000 FTR-000 Dialog FTR-000 Dialog FTR-000 FTR-000 Document name FTR-000 FTR-000 Document name User input User input Document name User input or type Document name User input or type User input User input User input or type JAVASCRIPT User input or type JAVASCRIPT OTHER OTHER JAVASCRIPT JAVASCRIPT OTHER OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 BUTTON User input FTR-000 FTR-000 BUTTON User input User input BUTTON User input Process BUTTON User input Process User input User input User input Process HTML LINK JAVASCRIPT User input Process HTML LINK JAVASCRIPT JAVASCRIPT FTR-000 JAVASCRIPT FTR-000 HTML LINK HTML LINK FTR-000 Document name FTR-000 Document name Document name FTR-000 or type Document name FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display User input Other User input Other User input Other OTHER User input Other OTHER FTR-000 FTR-000 OTHER FTR-000 OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Decision Decision Decision FTR-000 UI display Decision FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Process Other Process Other Process Other FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box and its associated line FTR-000 ENTRY The height of the text box and its associated line FTR-000 and its associated line FTR-000 increases or decreases as and its associated line FTR-000 increases or decreases as increases or decreases as you add text. To change the increases or decreases as you add text. To change the FTR-000 UI display UI display you add text. To change the width of the comment, drag you add text. To change the FTR-000 width of the comment, drag UI display UI display FTR-000 width of the comment, drag the side handle. FTR-000 width of the comment, drag the side handle. Dialog Dialog the side handle. Process the side handle. Process Dialog FTR-000 Dialog FTR-000 FTR-000 Process FTR-000 Process Data Data Data created Area header Data created Area header created Area header created Area header FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 User input User input Process Internal FTR-000 User input Process Internal FTR-000 HTML LINK HTML LINK Process Internal FTR-000 FTR-000 storage Process Internal FTR-000 FTR-000 storage HTML LINK HTML LINK FTR-000 storage Existing FTR-000 storage Existing Existing User input FTR-000 feature Existing User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature BUTTON BUTTON User input User input BUTTON BUTTON User input TAB User input TAB TAB FTR-000 TAB FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 UI display User input UI display User input UI display UI display UI display User input UI display User input UI display TAB UI display TAB Window Window TAB FTR-000 Dialog TAB FTR-000 Dialog Window FTR-000 FTR-000 Window FTR-000 FTR-000 FTR-000 Dialog FTR-000 Dialog FTR-000 FTR-000 Document name FTR-000 FTR-000 Document name User input User input Document name User input or type Document name User input or type User input User input User input or type JAVASCRIPT User input or type JAVASCRIPT OTHER OTHER JAVASCRIPT JAVASCRIPT OTHER OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 BUTTON User input FTR-000 FTR-000 BUTTON User input User input BUTTON User input Process BUTTON User input Process User input User input User input Process HTML LINK JAVASCRIPT User input Process HTML LINK JAVASCRIPT JAVASCRIPT FTR-000 JAVASCRIPT FTR-000 HTML LINK HTML LINK FTR-000 Document name FTR-000 Document name Document name FTR-000 or type Document name FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display User input Other User input Other User input Other OTHER User input Other OTHER FTR-000 FTR-000 OTHER FTR-000 OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Decision Decision Decision FTR-000 UI display Decision FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Process Other Process Other Process Other Interaction Design © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 23
24 Collaborative Flowchart Experiment UX Review Cross-disciplinary Participatory Design Group FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box ENTRY ENTRY ENTRY The height of the text box ENTRY ENTRY The height of the text box The height of the text box The height of the text box The height of the text box The height of the text box and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the FTR-000 UI display UI display UI display UI display UI display UI display UI display UI display UI display UI display width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag the side handle. the side handle. the side handle. the side handle. the side handle. Dialog the side handle. the side handle. the side handle. the side handle. the side handle. Process Dialog Dialog Dialog Dialog Dialog Dialog Dialog Dialog Dialog FTR-000 Process FTR-000 Process FTR-000 Process FTR-000 Process Process Process FTR-000 Process Process Process FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Data Data Data Data Data created Area header Data Area header Area header Area header Data Data Area header Data Data created Area header created created created created Area header created Area header created created Area header created Area header FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input User input User input User input Process Internal FTR-000 User input User input User input User input User input FTR-000 HTML LINK storage Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 HTML LINK HTML LINK HTML LINK Process Internal FTR-000 Process Internal FTR-000 HTML LINK Process Internal FTR-000 Process Internal FTR-000 Existing HTML LINK FTR-000 storage FTR-000 storage FTR-000 storage HTML LINK HTML LINK FTR-000 storage HTML LINK HTML LINK FTR-000 storage Existing Existing Existing FTR-000 storage FTR-000 storage Existing FTR-000 storage FTR-000 storage User input FTR-000 feature Existing Existing Existing Existing Existing User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature BUTTON User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input BUTTON BUTTON BUTTON BUTTON BUTTON User input User input User input BUTTON BUTTON User input BUTTON BUTTON TAB User input User input User input User input User input FTR-000 TAB TAB TAB TAB FTR-000 FTR-000 TAB TAB TAB TAB TAB FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 UI display FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input UI display UI display User input UI display User input UI display User input UI display User input UI display UI display UI display UI display UI display UI display UI display UI display UI display TAB Window User input UI display User input UI display User input UI display User input UI display User input UI display FTR-000 Dialog TAB TAB TAB TAB FTR-000 FTR-000 Window Window Window Window TAB FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog TAB TAB FTR-000 Dialog TAB TAB Document name Window FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Window Window FTR-000 FTR-000 Window Window FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input or type Document name Document name Document name Document name User input User input User input User input JAVASCRIPT OTHER Document name User input or type User input or type User input or type Document name Document name User input or type Document name Document name User input User input User input User input User input User input or type JAVASCRIPT JAVASCRIPT JAVASCRIPT User input or type User input or type JAVASCRIPT User input or type User input or type OTHER OTHER OTHER OTHER JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT OTHER OTHER OTHER OTHER OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 BUTTON User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input Process User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 BUTTON BUTTON BUTTON BUTTON JAVASCRIPT User input User input User input User input HTML LINK User input Process User input Process User input Process User input Process FTR-000 BUTTON BUTTON BUTTON BUTTON BUTTON User input JAVASCRIPT JAVASCRIPT JAVASCRIPT User input User input JAVASCRIPT User input User input User input Process HTML LINK HTML LINK HTML LINK User input Process User input Process HTML LINK User input Process User input Process Document name FTR-000 FTR-000 FTR-000 FTR-000 JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT FTR-000 or type HTML LINK HTML LINK HTML LINK HTML LINK HTML LINK FTR-000 Document name Document name Document name FTR-000 FTR-000 Document name FTR-000 FTR-000 Document name FTR-000 or type FTR-000 or type FTR-000 or type Document name Document name FTR-000 or type Document name Document name FTR-000 UI display FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display User input Other FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display OTHER User input Other User input Other User input Other User input Other FTR-000 FTR-000 User input Other OTHER FTR-000 OTHER FTR-000 OTHER FTR-000 User input Other User input Other OTHER FTR-000 User input Other User input Other Decision FTR-000 FTR-000 FTR-000 FTR-000 OTHER OTHER OTHER OTHER OTHER FTR-000 UI display FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Decision Decision Decision FTR-000 FTR-000 Decision FTR-000 FTR-000 FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Decision Decision Decision Decision Decision FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Process Other Process Other Process Other Process Other Process Other Process Other Process Other Process Other FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box ENTRY ENTRY ENTRY The height of the text box ENTRY ENTRY The height of the text box The height of the text box The height of the text box The height of the text box The height of the text box and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the FTR-000 UI display UI display UI display UI display UI display UI display UI display UI display UI display UI display width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag the side handle. the side handle. the side handle. the side handle. the side handle. Dialog the side handle. the side handle. the side handle. the side handle. the side handle. Process Dialog Dialog Dialog Dialog Dialog Dialog Dialog Dialog Dialog FTR-000 Process FTR-000 Process FTR-000 Process FTR-000 Process Process Process FTR-000 Process Process Process FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Data Data Data Data Data created Area header Data Area header Area header Area header Data Data Area header Data Data created Area header created created created created Area header created Area header created created Area header created Area header FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input User input User input User input Process Internal FTR-000 User input User input User input User input User input FTR-000 HTML LINK storage Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 HTML LINK HTML LINK HTML LINK Process Internal FTR-000 Process Internal FTR-000 HTML LINK Process Internal FTR-000 Process Internal FTR-000 Existing HTML LINK FTR-000 storage FTR-000 storage FTR-000 storage HTML LINK HTML LINK FTR-000 storage HTML LINK HTML LINK FTR-000 storage Existing Existing Existing FTR-000 storage FTR-000 storage Existing FTR-000 storage FTR-000 storage User input FTR-000 feature Existing Existing Existing Existing Existing User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature BUTTON User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input BUTTON BUTTON BUTTON BUTTON BUTTON User input User input User input BUTTON BUTTON User input BUTTON BUTTON TAB User input User input User input User input User input FTR-000 TAB TAB TAB TAB FTR-000 FTR-000 TAB TAB TAB TAB TAB FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 UI display FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input UI display UI display User input UI display User input UI display User input UI display User input UI display UI display UI display UI display UI display UI display UI display UI display UI display TAB Window User input UI display User input UI display User input UI display User input UI display User input UI display FTR-000 Dialog TAB TAB TAB TAB FTR-000 FTR-000 Window Window Window Window TAB FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog TAB TAB FTR-000 Dialog TAB TAB Document name Window FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Window Window FTR-000 FTR-000 Window Window FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input or type Document name Document name Document name Document name User input User input User input User input JAVASCRIPT OTHER Document name User input or type User input or type User input or type Document name Document name User input or type Document name Document name User input User input User input User input User input User input or type JAVASCRIPT JAVASCRIPT JAVASCRIPT User input or type User input or type JAVASCRIPT User input or type User input or type OTHER OTHER OTHER OTHER JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT OTHER OTHER OTHER OTHER OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 BUTTON User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input Process User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 BUTTON BUTTON BUTTON BUTTON JAVASCRIPT User input User input User input User input HTML LINK User input Process User input Process User input Process User input Process FTR-000 BUTTON BUTTON BUTTON BUTTON BUTTON User input JAVASCRIPT JAVASCRIPT JAVASCRIPT User input User input JAVASCRIPT User input User input User input Process HTML LINK HTML LINK HTML LINK User input Process User input Process HTML LINK User input Process User input Process Document name FTR-000 FTR-000 FTR-000 FTR-000 JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT FTR-000 or type HTML LINK HTML LINK HTML LINK HTML LINK HTML LINK FTR-000 Document name Document name Document name FTR-000 FTR-000 Document name FTR-000 FTR-000 Document name FTR-000 or type FTR-000 or type FTR-000 or type Document name Document name FTR-000 or type Document name Document name FTR-000 UI display FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display User input Other FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display OTHER User input Other User input Other User input Other User input Other FTR-000 FTR-000 User input Other OTHER FTR-000 OTHER FTR-000 OTHER FTR-000 User input Other User input Other OTHER FTR-000 User input Other User input Other Decision FTR-000 FTR-000 FTR-000 FTR-000 OTHER OTHER OTHER OTHER OTHER FTR-000 UI display FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Decision Decision Decision FTR-000 FTR-000 Decision FTR-000 FTR-000 FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Decision Decision Decision Decision Decision FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Process Other Process Other Process Other Process Other Process Other Process Other Process Other Process Other FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box ENTRY ENTRY ENTRY The height of the text box ENTRY ENTRY The height of the text box The height of the text box The height of the text box The height of the text box The height of the text box and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the FTR-000 UI display UI display UI display UI display UI display UI display UI display UI display UI display UI display width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag the side handle. the side handle. the side handle. the side handle. the side handle. Dialog the side handle. the side handle. the side handle. the side handle. the side handle. Process Dialog Dialog Dialog Dialog Dialog Dialog Dialog Dialog Dialog FTR-000 Process FTR-000 Process FTR-000 Process FTR-000 Process Process Process FTR-000 Process Process Process FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Data Data Data Data Data created Area header Data Area header Area header Area header Data Data Area header Data Data created Area header created created created created Area header created Area header created created Area header created Area header FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input User input User input User input Process Internal FTR-000 User input User input User input User input User input FTR-000 HTML LINK storage Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 HTML LINK HTML LINK HTML LINK Process Internal FTR-000 Process Internal FTR-000 HTML LINK Process Internal FTR-000 Process Internal FTR-000 Existing HTML LINK FTR-000 storage FTR-000 storage FTR-000 storage HTML LINK HTML LINK FTR-000 storage HTML LINK HTML LINK FTR-000 storage Existing Existing Existing FTR-000 storage FTR-000 storage Existing FTR-000 storage FTR-000 storage User input FTR-000 feature Existing Existing Existing Existing Existing User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature BUTTON User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input BUTTON BUTTON BUTTON BUTTON BUTTON User input User input User input BUTTON BUTTON User input BUTTON BUTTON TAB User input User input User input User input User input FTR-000 TAB TAB TAB TAB FTR-000 FTR-000 TAB TAB TAB TAB TAB FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 UI display FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input UI display UI display User input UI display User input UI display User input UI display User input UI display UI display UI display UI display UI display UI display UI display UI display UI display TAB Window User input UI display User input UI display User input UI display User input UI display User input UI display FTR-000 Dialog TAB TAB TAB TAB FTR-000 FTR-000 Window Window Window Window TAB FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog TAB TAB FTR-000 Dialog TAB TAB Document name Window FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Window Window FTR-000 FTR-000 Window Window FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input or type Document name Document name Document name Document name User input User input User input User input JAVASCRIPT OTHER Document name User input or type User input or type User input or type Document name Document name User input or type Document name Document name User input User input User input User input User input User input or type JAVASCRIPT JAVASCRIPT JAVASCRIPT User input or type User input or type JAVASCRIPT User input or type User input or type OTHER OTHER OTHER OTHER JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT OTHER OTHER OTHER OTHER OTHER FTR-000 70 Pages FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 BUTTON User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input Process User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 BUTTON BUTTON BUTTON BUTTON JAVASCRIPT User input User input User input User input HTML LINK User input Process User input Process User input Process User input Process FTR-000 BUTTON BUTTON BUTTON BUTTON BUTTON User input JAVASCRIPT JAVASCRIPT JAVASCRIPT User input User input JAVASCRIPT User input User input User input Process HTML LINK HTML LINK HTML LINK User input Process User input Process HTML LINK User input Process User input Process Document name FTR-000 FTR-000 FTR-000 FTR-000 JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT FTR-000 or type HTML LINK HTML LINK HTML LINK HTML LINK HTML LINK FTR-000 Document name Document name Document name FTR-000 FTR-000 Document name FTR-000 FTR-000 Document name FTR-000 or type FTR-000 or type FTR-000 or type Document name Document name FTR-000 or type Document name Document name FTR-000 UI display FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display User input Other FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display OTHER User input Other User input Other User input Other User input Other FTR-000 FTR-000 User input Other OTHER FTR-000 OTHER FTR-000 OTHER FTR-000 User input Other User input Other OTHER FTR-000 User input Other User input Other Decision FTR-000 FTR-000 FTR-000 FTR-000 OTHER OTHER OTHER OTHER OTHER FTR-000 UI display FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Decision Decision Decision FTR-000 FTR-000 Decision FTR-000 FTR-000 FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Decision Decision Decision Decision Decision FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Process Other Process Other Process Other Process Other Process Other Process Other Process Other Process Other FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box ENTRY ENTRY ENTRY The height of the text box ENTRY
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench
Flowcharting: The UX Socket Wrench

More Related Content

PPTX
You learn more from talking with angry customers
Darren Kall
 
PDF
PeopleSoft Overview
Innovativ Consulting Partners
 
PPT
Profile-Amol Tondwalkar
tondwalkaramol
 
PDF
Hands onagile2012shared
drewz lin
 
PPTX
Lessons for Large Scale Lean and Agile Product Development - Atlassian Summit...
Atlassian
 
PPTX
Architectural considerations
Iasa UK
 
PPTX
Iasa North Welcome
Iasa UK
 
PDF
Amerishoring Overview
Amerishoring2010
 
You learn more from talking with angry customers
Darren Kall
 
PeopleSoft Overview
Innovativ Consulting Partners
 
Profile-Amol Tondwalkar
tondwalkaramol
 
Hands onagile2012shared
drewz lin
 
Lessons for Large Scale Lean and Agile Product Development - Atlassian Summit...
Atlassian
 
Architectural considerations
Iasa UK
 
Iasa North Welcome
Iasa UK
 
Amerishoring Overview
Amerishoring2010
 

What's hot (6)

PDF
Corporate presentation deck (en) 1.8 detail
BICorporate
 
PDF
TejaServices 2.0 Model
Raja Nagendra Kumar
 
PDF
Case Study: Coca-Cola
SysAid Technologies
 
PDF
Slow and dirty with callouts
AgileOnTheBeach
 
PDF
Vistx Whteboard Management Solutions
Frank Hicks
 
PPT
Driving ROI and Adoption in Exceptional Social Experiences with Gamification
Perficient, Inc.
 
Corporate presentation deck (en) 1.8 detail
BICorporate
 
TejaServices 2.0 Model
Raja Nagendra Kumar
 
Case Study: Coca-Cola
SysAid Technologies
 
Slow and dirty with callouts
AgileOnTheBeach
 
Vistx Whteboard Management Solutions
Frank Hicks
 
Driving ROI and Adoption in Exceptional Social Experiences with Gamification
Perficient, Inc.
 
Ad

Viewers also liked (7)

PDF
Prefab1200
Fab Lab LIMA
 
PPTX
Dr.guruprasad orthotics and prosthetics
sguruprasad311286
 
PPTX
VDI Design Guide
Dan Brinkmann
 
PPT
Casting procedure & defects
Bhanu Chandar
 
PPTX
Casting procedure & casting defects
Priyanka Chowdhary
 
PDF
Molding and Casting - Making a Mold with Machinable Wax
Saverio Silli
 
PDF
Molding and Casting 2 - Rubber Mold and Casting Resin
Saverio Silli
 
Prefab1200
Fab Lab LIMA
 
Dr.guruprasad orthotics and prosthetics
sguruprasad311286
 
VDI Design Guide
Dan Brinkmann
 
Casting procedure & defects
Bhanu Chandar
 
Casting procedure & casting defects
Priyanka Chowdhary
 
Molding and Casting - Making a Mold with Machinable Wax
Saverio Silli
 
Molding and Casting 2 - Rubber Mold and Casting Resin
Saverio Silli
 
Ad

Similar to Flowcharting: The UX Socket Wrench (20)

PPTX
2011 World Usability Day - Darren Kall - Kall Consulting
Lextant
 
PPTX
Rug Presentation Conagra
tecrecruiter
 
PDF
SharePoint Conference Recap - BI
Knowledge Management Associates, LLC
 
PDF
Everware cbdi opposites attract 04-12-11
davemayo
 
PPT
Introduction_to_Scrum_Agile_Values
Laszlo Szalvay
 
PDF
Development of IMPROV: A Provisioning Solution at UNC-Chapel Hill
celeste_copeland
 
PPT
Top 10 IT enterprise trends 2012
CSC Australia
 
PPTX
Factors Affecting How We Work
Alan Lepofsky
 
PDF
OBIEE On Cloud
guestb9ab838
 
PPTX
Cloud services slides 6 18 2012
bcarr1010
 
KEY
Agile Program Management Best Practices
Pete Behrens
 
PDF
Programmer Anarchy
Antonio Terreno
 
PPTX
Unbiased customer interviews v022 for slideshare kall consulting
Darren Kall
 
PDF
Making IT Simple: A Pragmatic Approach to Cloud Computing
Bob Rhubart
 
PDF
Cloud managed services offerings
eCloudChain Consulting
 
PDF
Cloud managed services offerings ecloudchain
seodigitzecloud
 
PDF
Cloudbusting sept 2012
Richard Bowden
 
PDF
Making Scrum Stick Inside Heavy Regulated Industries (2012)
Laszlo Szalvay
 
PDF
Opposites Attract SOA, Agile, MDA
Denzil Wasson
 
PDF
Agile Planning
Matt Block, CSP
 
2011 World Usability Day - Darren Kall - Kall Consulting
Lextant
 
Rug Presentation Conagra
tecrecruiter
 
SharePoint Conference Recap - BI
Knowledge Management Associates, LLC
 
Everware cbdi opposites attract 04-12-11
davemayo
 
Introduction_to_Scrum_Agile_Values
Laszlo Szalvay
 
Development of IMPROV: A Provisioning Solution at UNC-Chapel Hill
celeste_copeland
 
Top 10 IT enterprise trends 2012
CSC Australia
 
Factors Affecting How We Work
Alan Lepofsky
 
OBIEE On Cloud
guestb9ab838
 
Cloud services slides 6 18 2012
bcarr1010
 
Agile Program Management Best Practices
Pete Behrens
 
Programmer Anarchy
Antonio Terreno
 
Unbiased customer interviews v022 for slideshare kall consulting
Darren Kall
 
Making IT Simple: A Pragmatic Approach to Cloud Computing
Bob Rhubart
 
Cloud managed services offerings
eCloudChain Consulting
 
Cloud managed services offerings ecloudchain
seodigitzecloud
 
Cloudbusting sept 2012
Richard Bowden
 
Making Scrum Stick Inside Heavy Regulated Industries (2012)
Laszlo Szalvay
 
Opposites Attract SOA, Agile, MDA
Denzil Wasson
 
Agile Planning
Matt Block, CSP
 

More from Darren Kall (9)

PDF
Harvesting user insights revolve conf v09
Darren Kall
 
PPTX
Workshop: Gathering User Insight
Darren Kall
 
PPTX
Usable security it isn't secure if people can't use it mwux 2 jun2012
Darren Kall
 
PPTX
Usable security- It isn't secure if people can't use it. O-ISC conference 14m...
Darren Kall
 
PPT
"This Product Sucks!" Better Experiences, Better Business, Better World
Darren Kall
 
PPT
"This Product Sucks!" Better Experiences, Better Business, Better World
Darren Kall
 
PPT
This Product Sucks: The Business Impacts of User Experience Breakdowns
Darren Kall
 
PPT
You Learn More from Talking with Angry Customers: Transforming Customer Anger...
Darren Kall
 
PPT
This Product Sucks! for Midwest UX Conference
Darren Kall
 
Harvesting user insights revolve conf v09
Darren Kall
 
Workshop: Gathering User Insight
Darren Kall
 
Usable security it isn't secure if people can't use it mwux 2 jun2012
Darren Kall
 
Usable security- It isn't secure if people can't use it. O-ISC conference 14m...
Darren Kall
 
"This Product Sucks!" Better Experiences, Better Business, Better World
Darren Kall
 
"This Product Sucks!" Better Experiences, Better Business, Better World
Darren Kall
 
This Product Sucks: The Business Impacts of User Experience Breakdowns
Darren Kall
 
You Learn More from Talking with Angry Customers: Transforming Customer Anger...
Darren Kall
 
This Product Sucks! for Midwest UX Conference
Darren Kall
 

Recently uploaded (20)

PPTX
20250228 LYD VKU AI Blended-Learning.pptx
DatVoNgoc
 
PDF
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
PDF
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
PDF
Unlocking AI with Model Context Protocol (MCP)
Brian McKeiver
 
PDF
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
PDF
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
PPTX
Machine Learning_overview_presentation.pptx
kondavamsidharreddy2
 
PPT
Teaching material agriculture food technology
LiaRayya
 
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
PDF
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
PPTX
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
PDF
Approach and Philosophy of On baking technology
30anthuong17
 
PPTX
A Presentation on Artificial Intelligence
memembruh336
 
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
flufftailshop
 
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
IAESIJAI
 
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
PDF
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Chinchu40
 
20250228 LYD VKU AI Blended-Learning.pptx
DatVoNgoc
 
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
Unlocking AI with Model Context Protocol (MCP)
Brian McKeiver
 
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
Machine Learning_overview_presentation.pptx
kondavamsidharreddy2
 
Teaching material agriculture food technology
LiaRayya
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
Approach and Philosophy of On baking technology
30anthuong17
 
A Presentation on Artificial Intelligence
memembruh336
 
Mobile App Security Testing_ A Comprehensive Guide.pdf
flufftailshop
 
Advanced methodologies resolving dimensionality complications for autism neur...
IAESIJAI
 
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Chinchu40
 

Flowcharting: The UX Socket Wrench

  • 1. 1 UX Review 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 --- darrenkall@kallconsulting.com 1
  • 2. 2 Versatile Tool UX Review © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 2
  • 3. 3 Limitations UX Review © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 3
  • 4. 4 History UX Review Flowcharting is not new. © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 4
  • 5. 5 1984 IBM UX Review Interaction Design © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 5
  • 6. 6 Edwards Deming - 1950 W. UX Review Process © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 6
  • 7. 7 Petronius – 450 AD St. UX Review Memory Aid © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 7
  • 8. 8 – 900 BC Egypt UX Review Instruction © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 8
  • 9. 9 – 900 BC Egypt UX Review Instruction © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 9
  • 10. 10 – 10,000 BC 15,000 UX Review Task Flow © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 10
  • 11. 11 Modern Day UX Review 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 Product Design © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 11
  • 12. 12 Flowchart? Why UX Review The value of making a flowchart is KNOWING © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 12
  • 13. 13 How-To UX Review • 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 --- darrenkall@kallconsulting.com 13
  • 14. 14 Example IxD UX Review Description © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 14
  • 15. 15 Example IxD UX Review 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 complete Cognitive Walkthrough Inspection © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 15
  • 16. 16 Method SAC UX Review Started with a standard process flow chart method that I learned at IBM NO Process Decision User input YES User input © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 16
  • 17. 17 Method SAC UX Review Added the predecessors and dependencies while I was at AT&T Bell Labs FTR-000 FTR-000 Document name Data Supply or type created FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 NO User input EXIT ENTRY Process Decision Action BUTTON FTR-000 YES User input BUTTON FTR-000 FTR-000 Customer Data Process created Opportunity Mapping System View Dependencies © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 17
  • 18. 18 Method SAC UX Review Extended to screen mock-ups and complete actions possible to user while at Microsoft FTR-000 FTR-000 Process UI display Window FTR-000 FTR-000 FTR-000 User input HTML LINK Process FTR-000 UI display FTR-000 User input Con-Area BUTTON User input TAB FTR-000 FTR-000 FTR-000 FTR-000 UI display User input UI display UI display TAB Window Dialog FTR-000 Dialog FTR-000 User input User input JAVASCRIPT FTR-000 OTHER UI display FTR-000 PH FTR-000 User input FTR-000 FTR-000 BUTTON User input User input Process JAVASCRIPT FTR-000 HTML LINK UI display FTR-000 Other FTR-000 UI display User input Other OTHER FTR-000 Process Possibilities © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 18
  • 19. 19 Microsoft Best Practice UX Review Spread from UX/IxD to PM/BA Dev mapped code flow onto this flowchart Test used the flowchart as test plan Eliminated spec Code Mapping Test Plans Spec replacement © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 19
  • 20. 20 Microsoft Best Practice UX Review Became a collaborative technique Supported agile and waterfall development Living document, communications tool On wall behind office - scratching and tapping Collaboration © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 20
  • 21. 21 Uses Other UX Review Other ways to use flowcharting for KNOWING © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 21
  • 22. 22 Contents UX Review DESK CAR Week 1 Writing Dictating Dictating Week 2 Writing Week 3 Writing Writing Writing Week 4 Practice Writing Planned vs. Actual Planning © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 22
  • 23. 23 Collaborative Flowchart Experiment UX Review Professional UX team collaborative flowcharting a UI FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box and its associated line FTR-000 ENTRY The height of the text box and its associated line FTR-000 and its associated line FTR-000 increases or decreases as and its associated line FTR-000 increases or decreases as increases or decreases as you add text. To change the increases or decreases as you add text. To change the FTR-000 UI display UI display you add text. To change the width of the comment, drag you add text. To change the FTR-000 width of the comment, drag UI display UI display FTR-000 width of the comment, drag the side handle. FTR-000 width of the comment, drag the side handle. the side handle. Dialog Dialog Process the side handle. Process Dialog FTR-000 Dialog FTR-000 FTR-000 Process Process FTR-000 Data Data Data created Area header Data created Area header created Area header created Area header FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 User input User input Process Internal FTR-000 User input Process Internal FTR-000 HTML LINK HTML LINK Process Internal FTR-000 FTR-000 storage Process Internal FTR-000 FTR-000 storage HTML LINK HTML LINK FTR-000 storage Existing FTR-000 storage Existing Existing User input FTR-000 feature Existing User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature BUTTON BUTTON User input User input BUTTON BUTTON User input User input TAB TAB TAB FTR-000 TAB FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 UI display User input UI display User input UI display UI display UI display User input UI display User input UI display TAB UI display TAB Window Window TAB FTR-000 Dialog TAB FTR-000 Dialog Window FTR-000 FTR-000 Window FTR-000 FTR-000 FTR-000 Dialog FTR-000 Dialog FTR-000 FTR-000 Document name FTR-000 FTR-000 Document name User input User input Document name User input or type Document name User input or type User input User input User input or type JAVASCRIPT User input or type JAVASCRIPT OTHER OTHER JAVASCRIPT JAVASCRIPT OTHER OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 BUTTON BUTTON User input User input BUTTON User input Process BUTTON User input Process User input User input User input Process JAVASCRIPT User input Process JAVASCRIPT HTML LINK HTML LINK JAVASCRIPT FTR-000 JAVASCRIPT FTR-000 HTML LINK HTML LINK FTR-000 Document name FTR-000 Document name Document name FTR-000 or type Document name FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display User input Other User input Other User input Other User input Other OTHER OTHER FTR-000 FTR-000 OTHER FTR-000 OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Decision Decision Decision FTR-000 UI display Decision FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Process Other Process Other Process Other FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box and its associated line FTR-000 ENTRY The height of the text box and its associated line FTR-000 and its associated line FTR-000 increases or decreases as and its associated line FTR-000 increases or decreases as increases or decreases as you add text. To change the increases or decreases as you add text. To change the FTR-000 UI display UI display you add text. To change the width of the comment, drag you add text. To change the FTR-000 width of the comment, drag UI display UI display FTR-000 width of the comment, drag the side handle. FTR-000 width of the comment, drag the side handle. Dialog Dialog the side handle. Process the side handle. Process Dialog FTR-000 Dialog FTR-000 FTR-000 Process FTR-000 Process Data Data Data created Area header Data created Area header created Area header created Area header FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 User input FTR-000 FTR-000 User input Process Internal FTR-000 User input Process Internal FTR-000 HTML LINK HTML LINK Process Internal FTR-000 FTR-000 storage Process Internal FTR-000 FTR-000 storage HTML LINK HTML LINK FTR-000 storage Existing FTR-000 storage Existing Existing User input FTR-000 feature Existing User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature BUTTON BUTTON User input User input BUTTON BUTTON User input TAB User input TAB 12 Pages TAB FTR-000 TAB FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 UI display User input UI display User input UI display UI display UI display User input UI display User input UI display TAB UI display TAB Window Window TAB FTR-000 Dialog TAB FTR-000 Dialog Window FTR-000 FTR-000 Window FTR-000 FTR-000 FTR-000 Dialog FTR-000 Dialog FTR-000 FTR-000 Document name FTR-000 FTR-000 Document name User input User input Document name User input or type Document name User input or type User input User input User input or type JAVASCRIPT User input or type JAVASCRIPT OTHER OTHER JAVASCRIPT JAVASCRIPT OTHER OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 BUTTON User input FTR-000 FTR-000 BUTTON User input User input BUTTON User input Process BUTTON User input Process User input User input User input Process HTML LINK JAVASCRIPT User input Process HTML LINK JAVASCRIPT JAVASCRIPT FTR-000 JAVASCRIPT FTR-000 HTML LINK HTML LINK FTR-000 Document name FTR-000 Document name Document name FTR-000 or type Document name FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display User input Other User input Other User input Other OTHER User input Other OTHER FTR-000 FTR-000 OTHER FTR-000 OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Decision Decision Decision FTR-000 UI display Decision FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Process Other Process Other Process Other FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box and its associated line FTR-000 ENTRY The height of the text box and its associated line FTR-000 and its associated line FTR-000 increases or decreases as and its associated line FTR-000 increases or decreases as increases or decreases as you add text. To change the increases or decreases as you add text. To change the FTR-000 UI display UI display you add text. To change the width of the comment, drag you add text. To change the FTR-000 width of the comment, drag UI display UI display FTR-000 width of the comment, drag the side handle. FTR-000 width of the comment, drag the side handle. Dialog Dialog the side handle. Process the side handle. Process Dialog FTR-000 Dialog FTR-000 FTR-000 Process FTR-000 Process Data Data Data created Area header Data created Area header created Area header created Area header FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 User input User input Process Internal FTR-000 User input Process Internal FTR-000 HTML LINK HTML LINK Process Internal FTR-000 FTR-000 storage Process Internal FTR-000 FTR-000 storage HTML LINK HTML LINK FTR-000 storage Existing FTR-000 storage Existing Existing User input FTR-000 feature Existing User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature BUTTON BUTTON User input User input BUTTON BUTTON User input TAB User input TAB TAB FTR-000 TAB FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 UI display User input UI display User input UI display UI display UI display User input UI display User input UI display TAB UI display TAB Window Window TAB FTR-000 Dialog TAB FTR-000 Dialog Window FTR-000 FTR-000 Window FTR-000 FTR-000 FTR-000 Dialog FTR-000 Dialog FTR-000 FTR-000 Document name FTR-000 FTR-000 Document name User input User input Document name User input or type Document name User input or type User input User input User input or type JAVASCRIPT User input or type JAVASCRIPT OTHER OTHER JAVASCRIPT JAVASCRIPT OTHER OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 BUTTON User input FTR-000 FTR-000 BUTTON User input User input BUTTON User input Process BUTTON User input Process User input User input User input Process HTML LINK JAVASCRIPT User input Process HTML LINK JAVASCRIPT JAVASCRIPT FTR-000 JAVASCRIPT FTR-000 HTML LINK HTML LINK FTR-000 Document name FTR-000 Document name Document name FTR-000 or type Document name FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display User input Other User input Other User input Other OTHER User input Other OTHER FTR-000 FTR-000 OTHER FTR-000 OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Decision Decision Decision FTR-000 UI display Decision FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Process Other Process Other Process Other Interaction Design © Kall Consulting 2012 --- +1 937-648-4966 --- darrenkall@kallconsulting.com 23
  • 24. 24 Collaborative Flowchart Experiment UX Review Cross-disciplinary Participatory Design Group FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box ENTRY ENTRY ENTRY The height of the text box ENTRY ENTRY The height of the text box The height of the text box The height of the text box The height of the text box The height of the text box and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the FTR-000 UI display UI display UI display UI display UI display UI display UI display UI display UI display UI display width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag the side handle. the side handle. the side handle. the side handle. the side handle. Dialog the side handle. the side handle. the side handle. the side handle. the side handle. Process Dialog Dialog Dialog Dialog Dialog Dialog Dialog Dialog Dialog FTR-000 Process FTR-000 Process FTR-000 Process FTR-000 Process Process Process FTR-000 Process Process Process FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Data Data Data Data Data created Area header Data Area header Area header Area header Data Data Area header Data Data created Area header created created created created Area header created Area header created created Area header created Area header FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input User input User input User input Process Internal FTR-000 User input User input User input User input User input FTR-000 HTML LINK storage Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 HTML LINK HTML LINK HTML LINK Process Internal FTR-000 Process Internal FTR-000 HTML LINK Process Internal FTR-000 Process Internal FTR-000 Existing HTML LINK FTR-000 storage FTR-000 storage FTR-000 storage HTML LINK HTML LINK FTR-000 storage HTML LINK HTML LINK FTR-000 storage Existing Existing Existing FTR-000 storage FTR-000 storage Existing FTR-000 storage FTR-000 storage User input FTR-000 feature Existing Existing Existing Existing Existing User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature BUTTON User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input BUTTON BUTTON BUTTON BUTTON BUTTON User input User input User input BUTTON BUTTON User input BUTTON BUTTON TAB User input User input User input User input User input FTR-000 TAB TAB TAB TAB FTR-000 FTR-000 TAB TAB TAB TAB TAB FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 UI display FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input UI display UI display User input UI display User input UI display User input UI display User input UI display UI display UI display UI display UI display UI display UI display UI display UI display TAB Window User input UI display User input UI display User input UI display User input UI display User input UI display FTR-000 Dialog TAB TAB TAB TAB FTR-000 FTR-000 Window Window Window Window TAB FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog TAB TAB FTR-000 Dialog TAB TAB Document name Window FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Window Window FTR-000 FTR-000 Window Window FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input or type Document name Document name Document name Document name User input User input User input User input JAVASCRIPT OTHER Document name User input or type User input or type User input or type Document name Document name User input or type Document name Document name User input User input User input User input User input User input or type JAVASCRIPT JAVASCRIPT JAVASCRIPT User input or type User input or type JAVASCRIPT User input or type User input or type OTHER OTHER OTHER OTHER JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT OTHER OTHER OTHER OTHER OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 BUTTON User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input Process User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 BUTTON BUTTON BUTTON BUTTON JAVASCRIPT User input User input User input User input HTML LINK User input Process User input Process User input Process User input Process FTR-000 BUTTON BUTTON BUTTON BUTTON BUTTON User input JAVASCRIPT JAVASCRIPT JAVASCRIPT User input User input JAVASCRIPT User input User input User input Process HTML LINK HTML LINK HTML LINK User input Process User input Process HTML LINK User input Process User input Process Document name FTR-000 FTR-000 FTR-000 FTR-000 JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT FTR-000 or type HTML LINK HTML LINK HTML LINK HTML LINK HTML LINK FTR-000 Document name Document name Document name FTR-000 FTR-000 Document name FTR-000 FTR-000 Document name FTR-000 or type FTR-000 or type FTR-000 or type Document name Document name FTR-000 or type Document name Document name FTR-000 UI display FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display User input Other FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display OTHER User input Other User input Other User input Other User input Other FTR-000 FTR-000 User input Other OTHER FTR-000 OTHER FTR-000 OTHER FTR-000 User input Other User input Other OTHER FTR-000 User input Other User input Other Decision FTR-000 FTR-000 FTR-000 FTR-000 OTHER OTHER OTHER OTHER OTHER FTR-000 UI display FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Decision Decision Decision FTR-000 FTR-000 Decision FTR-000 FTR-000 FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Decision Decision Decision Decision Decision FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Process Other Process Other Process Other Process Other Process Other Process Other Process Other Process Other FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box ENTRY ENTRY ENTRY The height of the text box ENTRY ENTRY The height of the text box The height of the text box The height of the text box The height of the text box The height of the text box and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the FTR-000 UI display UI display UI display UI display UI display UI display UI display UI display UI display UI display width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag the side handle. the side handle. the side handle. the side handle. the side handle. Dialog the side handle. the side handle. the side handle. the side handle. the side handle. Process Dialog Dialog Dialog Dialog Dialog Dialog Dialog Dialog Dialog FTR-000 Process FTR-000 Process FTR-000 Process FTR-000 Process Process Process FTR-000 Process Process Process FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Data Data Data Data Data created Area header Data Area header Area header Area header Data Data Area header Data Data created Area header created created created created Area header created Area header created created Area header created Area header FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input User input User input User input Process Internal FTR-000 User input User input User input User input User input FTR-000 HTML LINK storage Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 HTML LINK HTML LINK HTML LINK Process Internal FTR-000 Process Internal FTR-000 HTML LINK Process Internal FTR-000 Process Internal FTR-000 Existing HTML LINK FTR-000 storage FTR-000 storage FTR-000 storage HTML LINK HTML LINK FTR-000 storage HTML LINK HTML LINK FTR-000 storage Existing Existing Existing FTR-000 storage FTR-000 storage Existing FTR-000 storage FTR-000 storage User input FTR-000 feature Existing Existing Existing Existing Existing User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature BUTTON User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input BUTTON BUTTON BUTTON BUTTON BUTTON User input User input User input BUTTON BUTTON User input BUTTON BUTTON TAB User input User input User input User input User input FTR-000 TAB TAB TAB TAB FTR-000 FTR-000 TAB TAB TAB TAB TAB FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 UI display FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input UI display UI display User input UI display User input UI display User input UI display User input UI display UI display UI display UI display UI display UI display UI display UI display UI display TAB Window User input UI display User input UI display User input UI display User input UI display User input UI display FTR-000 Dialog TAB TAB TAB TAB FTR-000 FTR-000 Window Window Window Window TAB FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog TAB TAB FTR-000 Dialog TAB TAB Document name Window FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Window Window FTR-000 FTR-000 Window Window FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input or type Document name Document name Document name Document name User input User input User input User input JAVASCRIPT OTHER Document name User input or type User input or type User input or type Document name Document name User input or type Document name Document name User input User input User input User input User input User input or type JAVASCRIPT JAVASCRIPT JAVASCRIPT User input or type User input or type JAVASCRIPT User input or type User input or type OTHER OTHER OTHER OTHER JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT OTHER OTHER OTHER OTHER OTHER FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 BUTTON User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input Process User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 BUTTON BUTTON BUTTON BUTTON JAVASCRIPT User input User input User input User input HTML LINK User input Process User input Process User input Process User input Process FTR-000 BUTTON BUTTON BUTTON BUTTON BUTTON User input JAVASCRIPT JAVASCRIPT JAVASCRIPT User input User input JAVASCRIPT User input User input User input Process HTML LINK HTML LINK HTML LINK User input Process User input Process HTML LINK User input Process User input Process Document name FTR-000 FTR-000 FTR-000 FTR-000 JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT FTR-000 or type HTML LINK HTML LINK HTML LINK HTML LINK HTML LINK FTR-000 Document name Document name Document name FTR-000 FTR-000 Document name FTR-000 FTR-000 Document name FTR-000 or type FTR-000 or type FTR-000 or type Document name Document name FTR-000 or type Document name Document name FTR-000 UI display FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display User input Other FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display OTHER User input Other User input Other User input Other User input Other FTR-000 FTR-000 User input Other OTHER FTR-000 OTHER FTR-000 OTHER FTR-000 User input Other User input Other OTHER FTR-000 User input Other User input Other Decision FTR-000 FTR-000 FTR-000 FTR-000 OTHER OTHER OTHER OTHER OTHER FTR-000 UI display FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Decision Decision Decision FTR-000 FTR-000 Decision FTR-000 FTR-000 FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Decision Decision Decision Decision Decision FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Process Other Process Other Process Other Process Other Process Other Process Other Process Other Process Other FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box ENTRY ENTRY ENTRY The height of the text box ENTRY ENTRY The height of the text box The height of the text box The height of the text box The height of the text box The height of the text box and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 and its associated line FTR-000 increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as increases or decreases as you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the you add text. To change the FTR-000 UI display UI display UI display UI display UI display UI display UI display UI display UI display UI display width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag FTR-000 width of the comment, drag the side handle. the side handle. the side handle. the side handle. the side handle. Dialog the side handle. the side handle. the side handle. the side handle. the side handle. Process Dialog Dialog Dialog Dialog Dialog Dialog Dialog Dialog Dialog FTR-000 Process FTR-000 Process FTR-000 Process FTR-000 Process Process Process FTR-000 Process Process Process FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Data Data Data Data Data created Area header Data Area header Area header Area header Data Data Area header Data Data created Area header created created created created Area header created Area header created created Area header created Area header FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input User input User input User input Process Internal FTR-000 User input User input User input User input User input FTR-000 HTML LINK storage Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 Process Internal FTR-000 HTML LINK HTML LINK HTML LINK Process Internal FTR-000 Process Internal FTR-000 HTML LINK Process Internal FTR-000 Process Internal FTR-000 Existing HTML LINK FTR-000 storage FTR-000 storage FTR-000 storage HTML LINK HTML LINK FTR-000 storage HTML LINK HTML LINK FTR-000 storage Existing Existing Existing FTR-000 storage FTR-000 storage Existing FTR-000 storage FTR-000 storage User input FTR-000 feature Existing Existing Existing Existing Existing User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature BUTTON User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input FTR-000 feature User input BUTTON BUTTON BUTTON BUTTON BUTTON User input User input User input BUTTON BUTTON User input BUTTON BUTTON TAB User input User input User input User input User input FTR-000 TAB TAB TAB TAB FTR-000 FTR-000 TAB TAB TAB TAB TAB FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 UI display FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input UI display UI display User input UI display User input UI display User input UI display User input UI display UI display UI display UI display UI display UI display UI display UI display UI display TAB Window User input UI display User input UI display User input UI display User input UI display User input UI display FTR-000 Dialog TAB TAB TAB TAB FTR-000 FTR-000 Window Window Window Window TAB FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog TAB TAB FTR-000 Dialog TAB TAB Document name Window FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Window Window FTR-000 FTR-000 Window Window FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog FTR-000 Dialog User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input or type Document name Document name Document name Document name User input User input User input User input JAVASCRIPT OTHER Document name User input or type User input or type User input or type Document name Document name User input or type Document name Document name User input User input User input User input User input User input or type JAVASCRIPT JAVASCRIPT JAVASCRIPT User input or type User input or type JAVASCRIPT User input or type User input or type OTHER OTHER OTHER OTHER JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT OTHER OTHER OTHER OTHER OTHER FTR-000 70 Pages FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 BUTTON User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 User input Process User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 User input FTR-000 FTR-000 BUTTON BUTTON BUTTON BUTTON JAVASCRIPT User input User input User input User input HTML LINK User input Process User input Process User input Process User input Process FTR-000 BUTTON BUTTON BUTTON BUTTON BUTTON User input JAVASCRIPT JAVASCRIPT JAVASCRIPT User input User input JAVASCRIPT User input User input User input Process HTML LINK HTML LINK HTML LINK User input Process User input Process HTML LINK User input Process User input Process Document name FTR-000 FTR-000 FTR-000 FTR-000 JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT JAVASCRIPT FTR-000 or type HTML LINK HTML LINK HTML LINK HTML LINK HTML LINK FTR-000 Document name Document name Document name FTR-000 FTR-000 Document name FTR-000 FTR-000 Document name FTR-000 or type FTR-000 or type FTR-000 or type Document name Document name FTR-000 or type Document name Document name FTR-000 UI display FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 or type FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display User input Other FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display OTHER User input Other User input Other User input Other User input Other FTR-000 FTR-000 User input Other OTHER FTR-000 OTHER FTR-000 OTHER FTR-000 User input Other User input Other OTHER FTR-000 User input Other User input Other Decision FTR-000 FTR-000 FTR-000 FTR-000 OTHER OTHER OTHER OTHER OTHER FTR-000 UI display FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 Decision Decision Decision FTR-000 FTR-000 Decision FTR-000 FTR-000 FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Decision Decision Decision Decision Decision FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display FTR-000 UI display Process Other Process Other Process Other Process Other Process Other Process Other Process Other Process Other Process Other FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 FTR-000 ENTRY The height of the text box ENTRY ENTRY The height of the text box ENTRY The height of the text box ENTRY The height of the text box ENTRY ENTRY ENTRY The height of the text box ENTRY