Human Computer Interaction

Application Process Flow

All Processes App Process Flow

An application process flow is a high-level understanding of how people interact & behave with our applications or system based on the three defined types of processes. Below we will describe the different types of processes used commonly by people to interact and complete tasks within applications. At a low level the page ui designs and components designs will affect the type of process that is inherited from them. The type of process used will directly affect users behaviour and interactions with applications. Applications are based on a CRUD system whereby users can typically create, read, update and delete within a mobile & online desktop experience.

Types of Process

 

Cyclical Process

Cyclical App Process Flow

 

Examples

Feedback forms

Completing actions & tasks on one single page cyclically. A user stays on a single page actively completing form fields & tasks. One page with associated tasks. For more simplified & less complex designs use a cyclical process.

 

 

Linear Process

 

Linear App Process Flow

Examples

Wizards / E-commerce Checkout

Completing tasks in a linear process from one page to the next including (SPA) single page applications, wizards & step-by-step forms. A user moves from page to page actively completing tasks with multiple steps.┬áMultiple pages with associated tasks. For a more complex design and larger scope of work use a linear process. The inclusion of visual indicators, step heading text and wizard steps can indicate to the person (using the application) how many and what steps there are to complete their goals. They should also know where they currently are, and where they’re going in future steps. It’s essentially a progress indicator of goals with both business objectives and peoples needs being met as easily and less painful as possible. Being able to go back and move forwards easily via the design is a good idea too. Outside of making mistakes (field level validation) people may want to go back to make changes after further thought and consideration. As Luke Wroblewski said “web forms suck!” (Web Form Design by Luke Wroblewski) and the form should be designed top to bottom, left to right (form level) with a clear path to completion. Luke Wroblewski suggests top aligned labels are generally preferred for making a form more readable and for efficient page scanning. This was validated by using eye-tracking tests. One day forms may never exist at all, let’s hope ­čÖé (Auto-completed information, Apple Pay, PayPal, Stripe e.t.c.)

 

 

Combined Process (Cyclical & Linear)

 

Cyclical and Linear App Process

Examples

Complex Apps

Taxation Applications (My Tax Australia)

 

Completing actions and tasks using both a cyclical and linear process. A user moves from page to page and/or tabs, external links while also completing multiple tasks on a single page. The user will move from a linear process to a cyclical process intermittently. Multiple pages with associated tasks. For highly complex designs and features use a combined process. By breaking complex tasks down into sections and pages that are manageable (in a step by step process) people are likely to be more effective and motivated to complete them. Look to have a save option of the users progress to enable them to come back & finish the tasks at a later time. This process assist people and the business to reach the desired goals or outcomes by reducing time, improving efficiencies, user experience & usability while making the tasks more manageable.

 


Simple interactions and a low level of cognitive load use a cyclical process. Complex interactions and intensive cognitive load look to a linear or combined process using content, instructions & design techniques (diagrams, infographics, charts, analytics, tooltips, explanations, block quotes, video & video tutorials, visual references, iconography, layout and symmetry, descriptive headers & text, more simplified/succinct language and simplified design, visual spacing & negative space e.t.c).

 

Seek to minimise extraneous cognitive load. Try to not over simplify or reduce cognitive load too much as complex tasks require continued cognitive load in the person completing the tasks in order for the information to be retained in memory and successfully completed. In some applications it’s as much a learning and education process to better inform people as to what to do, rather than assuming people will automatically know or understand what is required to proceed.

 

Further Reading:

Cognitive Load Theory

Extraneous Cognitive Load

Intrinsic Cognitive load

Instructional Design

Long Term Memory

Working Memory

System Complexity

Attention Aware Systems

Disorientation

Cognitive Offloading

Accessibility and impaired users