Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.
-
Upload
bruno-thomas -
Category
Documents
-
view
213 -
download
0
Transcript of Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.
![Page 1: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/1.jpg)
Gabriel Spitz
1
Activity Flow Design
Lecture # 12
Guiding the flow of activities
![Page 2: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/2.jpg)
Gabriel Spitz
2
Activity Flow - Recap
Is concerned with the dynamic aspect of the interface
The focus in designing the Activity Flow is on helping user navigate through the interface effectively and efficiently
![Page 3: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/3.jpg)
Gabriel Spitz
3
Consideration in Activity Flow Design
The design of Activity flow for a unit of work needs to consider: The set of steps that must be executed to accomplish a unit of
work The temporal order in which interaction steps should or must
be executed The way by which the interface enforces and communicate to
users the desired order of the interaction The way by which the interface supports the user during the
interaction
![Page 4: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/4.jpg)
Gabriel Spitz
4
Activity Flow – Communicating & Enforcing
The interface can communicate & enforce the desired sequence of the interaction by: Using wizards Using Modal dialogs Using Modes
![Page 5: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/5.jpg)
Gabriel Spitz
5
Enforcing Action Sequence –Using Modality
One way of communicating & enforcing a desired sequence of action is by force
Modal dialog boxes force the user to respond before another action can occur
![Page 6: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/6.jpg)
Gabriel Spitz
6
Enforcing a Sequence of action – Using Wizard
Wizard, is another form of modal interaction, it is often used to enforce a specific sequence of action
![Page 7: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/7.jpg)
Gabriel Spitz
7
Enforcing an action - Using Mode
Modes like modality forces the user down a specific path
Mode is state of the system in which the same users’ action in the application is interpreted differently depending on the mode
Modality forces user action
Mode determines the outcome of an action
![Page 8: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/8.jpg)
Gabriel Spitz
8
Mode - Example
Same input actionArrow tool
Basic shape tool
![Page 9: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/9.jpg)
Gabriel Spitz
9
Modes -Examples Tool Mode
The output of users’ action is determined by the selected tool
![Page 10: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/10.jpg)
Gabriel Spitz
10
Modes
Modes of MS Word
Note; these modes apply only within word document
![Page 11: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/11.jpg)
Gabriel Spitz
11
Attitude Toward Modes
Modes are fundamentally evil and should be avoided
Modes provide support and guidance and should be included in UI design
A major problem is in the scope of the mode Within or between conceptual spaces
![Page 12: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/12.jpg)
Gabriel Spitz
12
Value of Modes
Users can inform the application of their intentions
In turn the application can guide the user
For example By limiting the scope of what users’ action can do – e.g., using
a text box tool, vs., using a rectangle tool
![Page 13: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/13.jpg)
Gabriel Spitz
13
Maximizing Value of Modes
Use modes consistently
Do not initiate modes unexpectedly
Make it clear / visible to the user that s/he is entering a specific mode E.g. Insert vs. Overwrite modes in Word
Always enable users to escape from modes harmlessly
![Page 14: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/14.jpg)
Gabriel Spitz
14
Restricting Sequence of Access
An additional way of communicating & enforcing a desired sequence of action is to restrict access to “non-valid” commands or objects
This can be done by disabling or locking out the “non-valid” commands
![Page 15: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/15.jpg)
Gabriel Spitz
15
Disabling Commands - Example
By disabling “inappropriate” commands the application:
- informs the user
- constrains the next user action
- ensures only valid action
![Page 16: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/16.jpg)
Gabriel Spitz
16
Invisible Restricted Access
A less usable way of restricting access to a specific command
The Send button is enabled, but email cannot be sent
![Page 17: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/17.jpg)
Gabriel Spitz
17
Aiding Users in Sequencing Tasks
The third mechanism used to communicate to users the sequence of steps to be taken is the Activity List
A Activity list is a suggested set of steps that needs to be completed in order to execute a unit of work
![Page 18: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/18.jpg)
Gabriel Spitz
18
An Activity List - Example
A training application
Each time a task is completed a check mark is placed next to the completed task
![Page 19: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/19.jpg)
Gabriel Spitz
19
Activity List - Example
![Page 20: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/20.jpg)
Gabriel Spitz
20
Activity List
Activity List is a highly usable approach of leading users through a set of tasks The required flow is explicit and visible The flow can be made modeless or modal The interface supports users memory The interface supports partial work
![Page 21: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/21.jpg)
Gabriel Spitz
21
Guidance
The fourth and least imposing mechanism for guiding users through a sequence of steps
Common examples of guidance mechanisms include: Tutorials Help
![Page 22: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/22.jpg)
Gabriel Spitz
22
Guidance - Example
![Page 23: Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.](https://reader034.fdocuments.in/reader034/viewer/2022051821/5697bfd21a28abf838caba74/html5/thumbnails/23.jpg)
Gabriel Spitz
23
Summary - Supporting Activity Flow
Limiting the user to one sequence of tasks Modal dialogs, Modes, Wizards
Presenting users with only valid commands Disabling invalid commands and objects
Presenting users with the list of tasks to be completed
Providing users with optional guidance