SlideShare a Scribd company logo
1 of 16
Download to read offline
Name: Pushpender Singh
Email ID: Pushpendersingh93@gmail.com
Assignment
Sketch
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Suppose you’re working as a PM at DoToday, a startup working on a next-gen to-do list and task management app.
You want to launch the smartphone app, for Android and iOS. You understand that the app functionality would be
the same for both of these, and hence you only want to focus on sketching it out. As the sole product manager
working on this app, you have a few ideas regarding the design and functionality that you’d want to incorporate.
The objectives of this assignment are:
1. Create the required sketches and place the screenshot of each screen on relevant slides
2. Prepare a slide showing the flow of your sketch
Note: Only think of the functionalities you would like to have in both of these apps and sketch the paper
prototypes based on that. Also, don't worry about the nuts and bolts like login or registration; concentrate on the
cool stuff.
Assignment Instructions
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Feedback received from the user: User logins to DoToday App with Options of using their google login, facebook ad
Email Login for syncing the List with email account.
Initial Sketch After Feedback
Login APP Page
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Feedback received from the user: User needs Tasks Notification options and Add Task creation on home page.
Initial Sketch After Feedback
Home Screen
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Feedback received from the user: User wanted to have logout and help/feedback options in Dotoday App.
Initial Sketch After Feedback
Menu Page – on clicking the menu option in app
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Feedback received from the user: User expectations were met with Tasks options under menu tab in App
Initial Sketch After Feedback
Task options in Menu Bar in APP
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Feedback received from the user: User expectations were met for for New Task creation options having new task name,
date/time and Bucket options to categorize tasks
Initial Sketch After Feedback
New Task Creation Page
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Feedback received from the user: User can also create new category of list under which he can park his tasks.
Initial Sketch After Feedback
New Category Task Creation snapshot
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Feedback received from the user: Under menu options scheduled Task, user can categorize task under default, personal,
work and shopping lists.
Initial Sketch After Feedback
Bucketing Task under different types
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Feedback received from the user: Under menu options of app, user can explore completed Task sections for closed list
cases.
Initial Sketch After Feedback
Completed Task options in menu Bar of APP
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Feedback received from the user: In this stage, User can complete the task by clicking on Task finished section checkbox.
Post feedback from user, Back button is added at the top of Task creation Task bar.
Initial Sketch After Feedback
Marking Tasks as Finished/Completed
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Feedback received from the user: In this stage, User can unmark the completed task by unchecking the Task finished
section checkbox. Post feedback from user, Back button is added at the top of Task creation Task bar.
Initial Sketch After Feedback
Unmarking the completed Tasks as not completed
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Feedback received from the user: User Can find the options on the side dotted list which are task list, arrange in order,
share tasks and Delete Tasks.
Initial Sketch After Feedback
Three Dot options of DoToday App
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
Feedback received from the user: User can delete the tasks by clicking on the tasks and followed by Bin delete button.
Initial Sketch After Feedback
Deleting the Task from the List
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved
SKETCH FLOW OF TASK
© Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved© 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.

More Related Content

Similar to Sketch

SYST15892 Interactive User Interface Design Phase IV Usa.pdf
SYST15892  Interactive User Interface Design Phase IV  Usa.pdfSYST15892  Interactive User Interface Design Phase IV  Usa.pdf
SYST15892 Interactive User Interface Design Phase IV Usa.pdf
acsmadurai
 
Latest_Portfolio_Anxiao_chen
Latest_Portfolio_Anxiao_chenLatest_Portfolio_Anxiao_chen
Latest_Portfolio_Anxiao_chen
Anxiao Chen
 

Similar to Sketch (20)

Mvp assignment
Mvp assignmentMvp assignment
Mvp assignment
 
Task management app wireframe+prototype amit katyayan
Task management app wireframe+prototype amit katyayanTask management app wireframe+prototype amit katyayan
Task management app wireframe+prototype amit katyayan
 
Steam Project.docx
Steam Project.docxSteam Project.docx
Steam Project.docx
 
Wireframe prototype - Mockups
Wireframe prototype - MockupsWireframe prototype - Mockups
Wireframe prototype - Mockups
 
SYST15892 Interactive User Interface Design Phase IV Usa.pdf
SYST15892  Interactive User Interface Design Phase IV  Usa.pdfSYST15892  Interactive User Interface Design Phase IV  Usa.pdf
SYST15892 Interactive User Interface Design Phase IV Usa.pdf
 
Hci final report
Hci final reportHci final report
Hci final report
 
Marketing Strategy: 'Plan It' App
Marketing Strategy: 'Plan It' AppMarketing Strategy: 'Plan It' App
Marketing Strategy: 'Plan It' App
 
FINAL REPORT
FINAL REPORTFINAL REPORT
FINAL REPORT
 
[#GHConf17] Using In-app Growth Patterns to Drive Engagement and Retention Ac...
[#GHConf17] Using In-app Growth Patterns to Drive Engagement and Retention Ac...[#GHConf17] Using In-app Growth Patterns to Drive Engagement and Retention Ac...
[#GHConf17] Using In-app Growth Patterns to Drive Engagement and Retention Ac...
 
Hang preso 4
Hang preso 4Hang preso 4
Hang preso 4
 
Cv rohit shrivastava_4+_exp
Cv rohit shrivastava_4+_expCv rohit shrivastava_4+_exp
Cv rohit shrivastava_4+_exp
 
Unit 35 lo3
Unit 35 lo3Unit 35 lo3
Unit 35 lo3
 
Bubble(No code Tool)
Bubble(No code Tool)Bubble(No code Tool)
Bubble(No code Tool)
 
Funnel Analysis
Funnel AnalysisFunnel Analysis
Funnel Analysis
 
Growth Hacking
Growth HackingGrowth Hacking
Growth Hacking
 
Latest_Portfolio_Anxiao_chen
Latest_Portfolio_Anxiao_chenLatest_Portfolio_Anxiao_chen
Latest_Portfolio_Anxiao_chen
 
Tools to Save Time
Tools to Save TimeTools to Save Time
Tools to Save Time
 
GoLyft Internship Report
GoLyft Internship ReportGoLyft Internship Report
GoLyft Internship Report
 
Project Management - Web Application Report
Project Management - Web Application ReportProject Management - Web Application Report
Project Management - Web Application Report
 
Roles and Permissions - Liferay Developer
Roles and Permissions - Liferay Developer Roles and Permissions - Liferay Developer
Roles and Permissions - Liferay Developer
 

More from pushpender singh (8)

Product Backlog of Travel App
Product Backlog of Travel AppProduct Backlog of Travel App
Product Backlog of Travel App
 
Identifying Metrics
Identifying MetricsIdentifying Metrics
Identifying Metrics
 
Design Fundamentals
Design FundamentalsDesign Fundamentals
Design Fundamentals
 
Product Artifacts case study
Product Artifacts case studyProduct Artifacts case study
Product Artifacts case study
 
User Research
User ResearchUser Research
User Research
 
contextual inquiry
contextual inquirycontextual inquiry
contextual inquiry
 
competitor analysis
competitor analysiscompetitor analysis
competitor analysis
 
Wipro six sigma - pushpender singh
Wipro six sigma - pushpender singhWipro six sigma - pushpender singh
Wipro six sigma - pushpender singh
 

Recently uploaded

Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
EADTU
 
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
中 央社
 
Personalisation of Education by AI and Big Data - Lourdes Guàrdia
Personalisation of Education by AI and Big Data - Lourdes GuàrdiaPersonalisation of Education by AI and Big Data - Lourdes Guàrdia
Personalisation of Education by AI and Big Data - Lourdes Guàrdia
EADTU
 
SURVEY I created for uni project research
SURVEY I created for uni project researchSURVEY I created for uni project research
SURVEY I created for uni project research
CaitlinCummins3
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
中 央社
 
SPLICE Working Group: Reusable Code Examples
SPLICE Working Group:Reusable Code ExamplesSPLICE Working Group:Reusable Code Examples
SPLICE Working Group: Reusable Code Examples
Peter Brusilovsky
 

Recently uploaded (20)

Observing-Correct-Grammar-in-Making-Definitions.pptx
Observing-Correct-Grammar-in-Making-Definitions.pptxObserving-Correct-Grammar-in-Making-Definitions.pptx
Observing-Correct-Grammar-in-Making-Definitions.pptx
 
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
 
UChicago CMSC 23320 - The Best Commit Messages of 2024
UChicago CMSC 23320 - The Best Commit Messages of 2024UChicago CMSC 23320 - The Best Commit Messages of 2024
UChicago CMSC 23320 - The Best Commit Messages of 2024
 
Trauma-Informed Leadership - Five Practical Principles
Trauma-Informed Leadership - Five Practical PrinciplesTrauma-Informed Leadership - Five Practical Principles
Trauma-Informed Leadership - Five Practical Principles
 
Supporting Newcomer Multilingual Learners
Supporting Newcomer  Multilingual LearnersSupporting Newcomer  Multilingual Learners
Supporting Newcomer Multilingual Learners
 
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
 
An Overview of the Odoo 17 Knowledge App
An Overview of the Odoo 17 Knowledge AppAn Overview of the Odoo 17 Knowledge App
An Overview of the Odoo 17 Knowledge App
 
Personalisation of Education by AI and Big Data - Lourdes Guàrdia
Personalisation of Education by AI and Big Data - Lourdes GuàrdiaPersonalisation of Education by AI and Big Data - Lourdes Guàrdia
Personalisation of Education by AI and Big Data - Lourdes Guàrdia
 
ESSENTIAL of (CS/IT/IS) class 07 (Networks)
ESSENTIAL of (CS/IT/IS) class 07 (Networks)ESSENTIAL of (CS/IT/IS) class 07 (Networks)
ESSENTIAL of (CS/IT/IS) class 07 (Networks)
 
8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management
 
OS-operating systems- ch05 (CPU Scheduling) ...
OS-operating systems- ch05 (CPU Scheduling) ...OS-operating systems- ch05 (CPU Scheduling) ...
OS-operating systems- ch05 (CPU Scheduling) ...
 
How to Send Pro Forma Invoice to Your Customers in Odoo 17
How to Send Pro Forma Invoice to Your Customers in Odoo 17How to Send Pro Forma Invoice to Your Customers in Odoo 17
How to Send Pro Forma Invoice to Your Customers in Odoo 17
 
SURVEY I created for uni project research
SURVEY I created for uni project researchSURVEY I created for uni project research
SURVEY I created for uni project research
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
 
Mattingly "AI & Prompt Design: Named Entity Recognition"
Mattingly "AI & Prompt Design: Named Entity Recognition"Mattingly "AI & Prompt Design: Named Entity Recognition"
Mattingly "AI & Prompt Design: Named Entity Recognition"
 
SPLICE Working Group: Reusable Code Examples
SPLICE Working Group:Reusable Code ExamplesSPLICE Working Group:Reusable Code Examples
SPLICE Working Group: Reusable Code Examples
 
diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....
 
Major project report on Tata Motors and its marketing strategies
Major project report on Tata Motors and its marketing strategiesMajor project report on Tata Motors and its marketing strategies
Major project report on Tata Motors and its marketing strategies
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
 
Spring gala 2024 photo slideshow - Celebrating School-Community Partnerships
Spring gala 2024 photo slideshow - Celebrating School-Community PartnershipsSpring gala 2024 photo slideshow - Celebrating School-Community Partnerships
Spring gala 2024 photo slideshow - Celebrating School-Community Partnerships
 

Sketch

  • 1. Name: Pushpender Singh Email ID: Pushpendersingh93@gmail.com Assignment Sketch
  • 2. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Suppose you’re working as a PM at DoToday, a startup working on a next-gen to-do list and task management app. You want to launch the smartphone app, for Android and iOS. You understand that the app functionality would be the same for both of these, and hence you only want to focus on sketching it out. As the sole product manager working on this app, you have a few ideas regarding the design and functionality that you’d want to incorporate. The objectives of this assignment are: 1. Create the required sketches and place the screenshot of each screen on relevant slides 2. Prepare a slide showing the flow of your sketch Note: Only think of the functionalities you would like to have in both of these apps and sketch the paper prototypes based on that. Also, don't worry about the nuts and bolts like login or registration; concentrate on the cool stuff. Assignment Instructions
  • 3. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Feedback received from the user: User logins to DoToday App with Options of using their google login, facebook ad Email Login for syncing the List with email account. Initial Sketch After Feedback Login APP Page
  • 4. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Feedback received from the user: User needs Tasks Notification options and Add Task creation on home page. Initial Sketch After Feedback Home Screen
  • 5. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Feedback received from the user: User wanted to have logout and help/feedback options in Dotoday App. Initial Sketch After Feedback Menu Page – on clicking the menu option in app
  • 6. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Feedback received from the user: User expectations were met with Tasks options under menu tab in App Initial Sketch After Feedback Task options in Menu Bar in APP
  • 7. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Feedback received from the user: User expectations were met for for New Task creation options having new task name, date/time and Bucket options to categorize tasks Initial Sketch After Feedback New Task Creation Page
  • 8. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Feedback received from the user: User can also create new category of list under which he can park his tasks. Initial Sketch After Feedback New Category Task Creation snapshot
  • 9. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Feedback received from the user: Under menu options scheduled Task, user can categorize task under default, personal, work and shopping lists. Initial Sketch After Feedback Bucketing Task under different types
  • 10. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Feedback received from the user: Under menu options of app, user can explore completed Task sections for closed list cases. Initial Sketch After Feedback Completed Task options in menu Bar of APP
  • 11. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Feedback received from the user: In this stage, User can complete the task by clicking on Task finished section checkbox. Post feedback from user, Back button is added at the top of Task creation Task bar. Initial Sketch After Feedback Marking Tasks as Finished/Completed
  • 12. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Feedback received from the user: In this stage, User can unmark the completed task by unchecking the Task finished section checkbox. Post feedback from user, Back button is added at the top of Task creation Task bar. Initial Sketch After Feedback Unmarking the completed Tasks as not completed
  • 13. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Feedback received from the user: User Can find the options on the side dotted list which are task list, arrange in order, share tasks and Delete Tasks. Initial Sketch After Feedback Three Dot options of DoToday App
  • 14. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved Feedback received from the user: User can delete the tasks by clicking on the tasks and followed by Bin delete button. Initial Sketch After Feedback Deleting the Task from the List
  • 15. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved SKETCH FLOW OF TASK
  • 16. © Copyright 2018. UpGrad Education Pvt. Ltd. All rights reserved© 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.