Task flow

Task flow

Task flow

11

11

11

Task flow focus on the single task. Task flow shows how a user might accomplish their task using the app, it breaks down all the possible steps that the user might take and maps it out in a linear path with no alternative pathways, it is a step by step process of completing a task.

Task flow focus on the single task. Task flow shows how a user might accomplish their task using the app, it breaks down all the possible steps that the user might take and maps it out in a linear path with no alternative pathways, it is a step by step process of completing a task.

Task flow focus on the single task. Task flow shows how a user might accomplish their task using the app, it breaks down all the possible steps that the user might take and maps it out in a linear path with no alternative pathways, it is a step by step process of completing a task.

1.Create new planner

1.Create new planner

1.Create new planner

2.Set timer

2.Set timer

2.Set timer

3.Upload video

3.Upload video

3.Upload video

Low fidelity wireframes

Low fidelity wireframes

Low fidelity wireframes

15

15

15

+ more

+ more

+ more

Low-fidelity wireframes are basic wireframes that outline blueprints for web pages or app screens. I have created low fidelity wireframes that does not have actual assets and presented in greyscale.

Low-fidelity wireframes are basic wireframes that outline blueprints for web pages or app screens. I have created low fidelity wireframes that does not have actual assets and presented in greyscale.

Low-fidelity wireframes are basic wireframes that outline blueprints for web pages or app screens. I have created low fidelity wireframes that does not have actual assets and presented in greyscale.

17

17

17

High fidelity wireframes are designed to be like the final product containing images, colours, Typography, editorial content and branding elements.

High fidelity wireframes are designed to be like the final product containing images, colours, Typography, editorial content and branding elements.

High fidelity wireframes are designed to be like the final product containing images, colours, Typography, editorial content and branding elements.

+ more

+ more

+ more

Prototype

Prototype

Prototype

18

18

18

A prototype is a simple model or a mockup of a concept, idea, product or service. It is used to test or validate design assumptions that were made to construct the prototype quickly and in a less expensive way than developing a full-fledged product or service. The prototype also gives an idea of how to refine or alter it to move closer to the finished product or service offering.

A prototype is a simple model or a mockup of a concept, idea, product or service. It is used to test or validate design assumptions that were made to construct the prototype quickly and in a less expensive way than developing a full-fledged product or service. The prototype also gives an idea of how to refine or alter it to move closer to the finished product or service offering.

A prototype is a simple model or a mockup of a concept, idea, product or service. It is used to test or validate design assumptions that were made to construct the prototype quickly and in a less expensive way than developing a full-fledged product or service. The prototype also gives an idea of how to refine or alter it to move closer to the finished product or service offering.

Create a free website with Framer, the website builder loved by startups, designers and agencies.