Assignment

Wireframing
Name: Neha Gupta
Email ID: creativedeisgner.neha@gmail.com
Link for wireframe: https://www.dropbox.com/s/35vdurnioi3ifqt/DO%20today.xd?dl=0
 Assignment Instructions

Problem statement: In the previous session, you developed a sketch for DoToday, a startup working on a next-gen
to-do list and task management app. Suppose the app, based on those sketches, was launched and received a huge
response from users. But the feedback was also received that a web version of the app is needed. As the PM, you
have decided to develop the web version based on the current mobile version. So you need to develop wireframes
for the layout of your web app. Once you have your wireframe, you also need to develop a prototype by adding
interactivity to your wireframe.

Objectives:

1.  Create the required wireframes and place the screenshot of each screen on relevant slides

2.  Prepare a slide showing the navigational flow for your wireframes

3.  Use POP or Mockingbot app to add interactivity and create the prototype

Feel free to add more slides as needed.

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
 Functional requirements

Functional requirements :

1.  Signing up through email or social account
2.  Signing in through email or social media account
3.  Add a new task
4.  Creating a list
5.  Creating a category
6.  Adding attributes to task such as date,time,decription,attachment,share with
7.  Completing a task
8.  Completing a list

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

Screen No. 1: Landing page

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

Screen No. 2 : Sign up page

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

Screen No. 3: Sign in page

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

Screen No. 4 : Home page after new user signs up

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

Screen No. 5 : Clicked on ‘Add new to do list'

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

Screen No. 5 -1: New to do list page with list name entered

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

Screen No. 5 -2: New to do list page with task name entered

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

Screen No. 5 -3: Task details screen when a user edits a task

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

Screen No. 6 : Home page when a returning user logs in

Place the screenshot of the wireframe Screen-1 here

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

Screen No. 7 : List Details page when a user selects a list from home

Place the screenshot of the wireframe Screen-1 here

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

Screen No. 7-1 : List Details page when a user completes a task

Place the screenshot of the wireframe Screen-2 here

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

 Navigational flow

Screen No. 5 -1: New

to do list page with
Screen No. 4 :
list name entered
Home page after
Screen No. 2 : new user signs up
Sign up page Screen No. 5 -2: New
Screen No. 5 :
to do list page with
Clicked on ‘Add
task name entered
Screen No. 1: new to do list'
Landing page
Screen No. 5 -3: Task
details screen when a
Screen No. 3: Screen No. 7 : List Details user edits a task
Sign in page page when a user selects
a list from home
Screen No. 6 : Home
page when a returning
user logs in Screen No. 7-1 : List
Details page when a
Link to prototype: user completes a task
https://www.dropbox.com/s/35vdurnioi3ifqt/DO%20today.xd?dl=0
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
 Prototype link

Link to prototype file:

https://www.dropbox.com/s/35vdurnioi3ifqt/DO%20today.xd?dl=0

Link to prototype video:

https://www.dropbox.com/s/ojfi6rvept16stf/prototype%201.mp4?dl=0

https://www.dropbox.com/s/m0xq70u4pe595ch/prototype%202.mp4?dl=0

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved

Disclaimer

All content and material on the UpGrad website is copyrighted material, either belonging to UpGrad or its bonafide contributors and is
purely for the dissemination of education. You are permitted to access print and download extracts from this site purely for your own
education only and on the following basis:-
●  You can download this document from the website for self use only.
●  Any copies of this document, in part or full, saved to disc or to any other storage medium may only be used for subsequent,
self viewing purposes or to print an individual extract or copy for non commercial personal use only.
●  Any further dissemination, distribution, reproduction, copying of the content of the document herein or the uploading thereof
on other websites or use of content for any other commercial/unauthorized purposes in any way which could infringe the
intellectual property rights of UpGrad or its contributors, is strictly prohibited.
●  No graphics, images or photographs from any accompanying text in this document will be used separately for unauthorised
purposes.
●  No material in this document will be modified, adapted or altered in any way.
●  No part of this document or UpGrad content may be reproduced or stored in any other web site or included in any public or
private electronic retrieval system or service without UpGrad’s prior written permission.
●  Any rights not expressly granted in these terms are reserved.

© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved