SlideShare a Scribd company logo
Assignment
Wireframing
Name: Tushar Sharma
Email ID: tusharmps@gmail.com
Link for wireframe: https://drive.google.com/open?id=1UiLJSDxLVlug_eT65PHRAeY8JE3LLPLd
Assignment Instructions
Problem statement: In the previous session on ‘Introduction to Prototyping’, you developed paper prototypes for DoToday,
a startup working on a next-gen to-do list and task management app. Suppose the app, based on those paper prototypes,
was launched and received a huge response from users. But 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.
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
Screen No. 1-HomePage
This is the homepage of the web
app.
• The application has a logo,
search bar, username,
notifications, settings. The
window has been divided into
two panes- the left pane is a
container for inbox, list names,
easy option to add list.
• The right pane displays the
details of the main tabs(inbox
being displayed currently).
• There’s also a share option to
share your to do list with other
people & completed tasks-
which displays tasks which
have been finished
• Easy to add task by entering
the name of the task & pressing
enter
• Options to print, duplicate, send
the list in “Options drop down
box”
Screen No. 2- Edit task
This is the Edit task page
which can be invoked by
clicking on button on the
task. It contains the following
fields which can be edited:
• Set Date & time for the
task
• Add a subtask
• Add note to the task
• Add file to aid the task
• Submit button
A scroll bar has also been
added on the wireframe
Screen No. 3- Add list
This is the Add list page
which can be invoked by
clicking on Add List option in
the left pane.
• A new list name can be
added by entering the list
name I the text input box
• List members can be
added by typing the
email id & clicking on add
member
• The list of members is
shown with list owner at
the top
• Create list button to
create the list
Screen No. 4- Completed Tasks
This is the Completed Tasks
page which can be invoked
by clicking on “Completed
tasks” in the right pane.
• Shows the list of
completed tasks with
date
• Option to reschedule the
task
• List can be shared with
other people by using
“share” button in the right
pane.
Screen No. 5- ListName Page
This is the Listnamepage
which will be invoked by
clicking on listname tab in
the left pane or after creating
a new list
• Easy option to add tasks
by entering the name of
the task
• Option to invite people to
contribute to the list by
clicking on “Invite people
button”
Screen No. 6- Invite people
This is the “Invite People”
which will be invoked by
clicking on invite people button
on the right pane
• The “Listname” continues
to show as people will be
invited to this particular list
only
• People can be added by
entering the email id and
clicking on Add button
• List displays the users who
have already been added
• User can go back to the list
by clicking on “Go back to
Listname1” button
• User can connect with
Facebook by clicking on
Facebook icon & add Fb
friends to the list

More Related Content

What's hot

Lundquist final project storyboard 2
Lundquist final project storyboard 2Lundquist final project storyboard 2
Lundquist final project storyboard 2
werlocka
 
20 Tips to Improve Productivity with Microsoft Teams Accel365
20 Tips to Improve Productivity with Microsoft Teams Accel36520 Tips to Improve Productivity with Microsoft Teams Accel365
20 Tips to Improve Productivity with Microsoft Teams Accel365
Russ Basiura
 
Clear View For Website
Clear View For WebsiteClear View For Website
Clear View For Website
Antonios Chrysakis
 
Writing Studio
Writing StudioWriting Studio
Writing Studio
albeaudin
 
Avanti CMS UX Design Process Book
Avanti CMS UX Design Process BookAvanti CMS UX Design Process Book
Avanti CMS UX Design Process Book
Akansha Gupta
 
Office 365 Productivity Tips "New Year Brouhaha"
Office 365 Productivity Tips "New Year Brouhaha"Office 365 Productivity Tips "New Year Brouhaha"
Office 365 Productivity Tips "New Year Brouhaha"
Christian Buckley
 
Bulletin Boards - Creating Your First Bulletin Board
Bulletin Boards -  Creating Your First Bulletin BoardBulletin Boards -  Creating Your First Bulletin Board
Bulletin Boards - Creating Your First Bulletin Board
VisionsLive
 
Jeopardy1
Jeopardy1Jeopardy1
Jeopardy1
crazemegster
 
Integrating Your Social Web Presence: Two Sample Plans
Integrating Your Social Web Presence: Two Sample PlansIntegrating Your Social Web Presence: Two Sample Plans
Integrating Your Social Web Presence: Two Sample Plans
DeltinaU
 
Windowstechnicalpreviewqg
WindowstechnicalpreviewqgWindowstechnicalpreviewqg
Windowstechnicalpreviewqg
Alex Carranza
 
Microsoft Outlook 2010 - Orientation
Microsoft Outlook 2010 - OrientationMicrosoft Outlook 2010 - Orientation
Microsoft Outlook 2010 - Orientation
Juanita McDowell
 

What's hot (11)

Lundquist final project storyboard 2
Lundquist final project storyboard 2Lundquist final project storyboard 2
Lundquist final project storyboard 2
 
20 Tips to Improve Productivity with Microsoft Teams Accel365
20 Tips to Improve Productivity with Microsoft Teams Accel36520 Tips to Improve Productivity with Microsoft Teams Accel365
20 Tips to Improve Productivity with Microsoft Teams Accel365
 
Clear View For Website
Clear View For WebsiteClear View For Website
Clear View For Website
 
Writing Studio
Writing StudioWriting Studio
Writing Studio
 
Avanti CMS UX Design Process Book
Avanti CMS UX Design Process BookAvanti CMS UX Design Process Book
Avanti CMS UX Design Process Book
 
Office 365 Productivity Tips "New Year Brouhaha"
Office 365 Productivity Tips "New Year Brouhaha"Office 365 Productivity Tips "New Year Brouhaha"
Office 365 Productivity Tips "New Year Brouhaha"
 
Bulletin Boards - Creating Your First Bulletin Board
Bulletin Boards -  Creating Your First Bulletin BoardBulletin Boards -  Creating Your First Bulletin Board
Bulletin Boards - Creating Your First Bulletin Board
 
Jeopardy1
Jeopardy1Jeopardy1
Jeopardy1
 
Integrating Your Social Web Presence: Two Sample Plans
Integrating Your Social Web Presence: Two Sample PlansIntegrating Your Social Web Presence: Two Sample Plans
Integrating Your Social Web Presence: Two Sample Plans
 
Windowstechnicalpreviewqg
WindowstechnicalpreviewqgWindowstechnicalpreviewqg
Windowstechnicalpreviewqg
 
Microsoft Outlook 2010 - Orientation
Microsoft Outlook 2010 - OrientationMicrosoft Outlook 2010 - Orientation
Microsoft Outlook 2010 - Orientation
 

Similar to Website wirerframes

LinkedIn PM – project management native mobile app for iPad
LinkedIn PM – project management native mobile app for iPadLinkedIn PM – project management native mobile app for iPad
LinkedIn PM – project management native mobile app for iPad
karabressie
 
Sketch Assignment - Task Management
Sketch Assignment - Task ManagementSketch Assignment - Task Management
Sketch Assignment - Task Management
Suraj Rao
 
Creating an app on Ribily Part 3 flow creation
Creating an app on Ribily Part 3 flow creationCreating an app on Ribily Part 3 flow creation
Creating an app on Ribily Part 3 flow creation
Sagar Kalkhair
 
Creating an app on Ribily Part 3 - flow creation
Creating an app on Ribily Part 3 - flow creationCreating an app on Ribily Part 3 - flow creation
Creating an app on Ribily Part 3 - flow creation
Ribily
 
02 Creating A Task List
02 Creating A Task List02 Creating A Task List
02 Creating A Task List
Soe Naing Win
 
Enhanced Task Details Page Released 2022
Enhanced Task Details Page Released 2022Enhanced Task Details Page Released 2022
Enhanced Task Details Page Released 2022
Orangescrum
 
window_10_user_guide.pdf
window_10_user_guide.pdfwindow_10_user_guide.pdf
window_10_user_guide.pdf
Mertin2
 
Windows 10 Technical Preview - http://f2suporte.blogspot.com
Windows 10 Technical Preview - http://f2suporte.blogspot.comWindows 10 Technical Preview - http://f2suporte.blogspot.com
Windows 10 Technical Preview - http://f2suporte.blogspot.com
Wlademir RS
 
Activity wendy fritz jamaica 123
Activity wendy fritz jamaica 123Activity wendy fritz jamaica 123
Activity wendy fritz jamaica 123
Ybonnica22
 
GEIT 3341 DATABASE I LAB 2 GEIT 3341 Database I
GEIT 3341  DATABASE I  LAB 2  GEIT 3341 Database I  GEIT 3341  DATABASE I  LAB 2  GEIT 3341 Database I
GEIT 3341 DATABASE I LAB 2 GEIT 3341 Database I
MatthewTennant613
 
Wireframe & Prototype - Task Management
Wireframe & Prototype - Task ManagementWireframe & Prototype - Task Management
Wireframe & Prototype - Task Management
Suraj Rao
 
task manager presentation in Operating System
task manager presentation in Operating System task manager presentation in Operating System
task manager presentation in Operating System
FariaChaudhry6
 
Taskitpro Dashboard overview also see TaskitPro
Taskitpro Dashboard overview also see TaskitPro Taskitpro Dashboard overview also see TaskitPro
Taskitpro Dashboard overview also see TaskitPro
Michael Carew
 
Wireframes do today
Wireframes   do todayWireframes   do today
Wireframes do today
vipul80
 
Digital portfolio 2 navigation, html, blog, logo
Digital portfolio 2  navigation, html, blog, logoDigital portfolio 2  navigation, html, blog, logo
Digital portfolio 2 navigation, html, blog, logo
Sung Woo Yoo
 
New employee -author guide
New employee -author guideNew employee -author guide
New employee -author guide
drusinova
 
m365_slides.pptx
m365_slides.pptxm365_slides.pptx
m365_slides.pptx
adewad
 
Lesson Plan
Lesson Plan Lesson Plan
Lesson Plan
SikandarMastoi
 
Microsoft To Do explained
Microsoft To Do explainedMicrosoft To Do explained
Microsoft To Do explained
Claudia Lanteri
 
Lesson 4_5 Primavera 2.pptx..Enterprise Project Structure
Lesson 4_5 Primavera 2.pptx..Enterprise Project StructureLesson 4_5 Primavera 2.pptx..Enterprise Project Structure
Lesson 4_5 Primavera 2.pptx..Enterprise Project Structure
EngrMuhammadJavidNaw
 

Similar to Website wirerframes (20)

LinkedIn PM – project management native mobile app for iPad
LinkedIn PM – project management native mobile app for iPadLinkedIn PM – project management native mobile app for iPad
LinkedIn PM – project management native mobile app for iPad
 
Sketch Assignment - Task Management
Sketch Assignment - Task ManagementSketch Assignment - Task Management
Sketch Assignment - Task Management
 
Creating an app on Ribily Part 3 flow creation
Creating an app on Ribily Part 3 flow creationCreating an app on Ribily Part 3 flow creation
Creating an app on Ribily Part 3 flow creation
 
Creating an app on Ribily Part 3 - flow creation
Creating an app on Ribily Part 3 - flow creationCreating an app on Ribily Part 3 - flow creation
Creating an app on Ribily Part 3 - flow creation
 
02 Creating A Task List
02 Creating A Task List02 Creating A Task List
02 Creating A Task List
 
Enhanced Task Details Page Released 2022
Enhanced Task Details Page Released 2022Enhanced Task Details Page Released 2022
Enhanced Task Details Page Released 2022
 
window_10_user_guide.pdf
window_10_user_guide.pdfwindow_10_user_guide.pdf
window_10_user_guide.pdf
 
Windows 10 Technical Preview - http://f2suporte.blogspot.com
Windows 10 Technical Preview - http://f2suporte.blogspot.comWindows 10 Technical Preview - http://f2suporte.blogspot.com
Windows 10 Technical Preview - http://f2suporte.blogspot.com
 
Activity wendy fritz jamaica 123
Activity wendy fritz jamaica 123Activity wendy fritz jamaica 123
Activity wendy fritz jamaica 123
 
GEIT 3341 DATABASE I LAB 2 GEIT 3341 Database I
GEIT 3341  DATABASE I  LAB 2  GEIT 3341 Database I  GEIT 3341  DATABASE I  LAB 2  GEIT 3341 Database I
GEIT 3341 DATABASE I LAB 2 GEIT 3341 Database I
 
Wireframe & Prototype - Task Management
Wireframe & Prototype - Task ManagementWireframe & Prototype - Task Management
Wireframe & Prototype - Task Management
 
task manager presentation in Operating System
task manager presentation in Operating System task manager presentation in Operating System
task manager presentation in Operating System
 
Taskitpro Dashboard overview also see TaskitPro
Taskitpro Dashboard overview also see TaskitPro Taskitpro Dashboard overview also see TaskitPro
Taskitpro Dashboard overview also see TaskitPro
 
Wireframes do today
Wireframes   do todayWireframes   do today
Wireframes do today
 
Digital portfolio 2 navigation, html, blog, logo
Digital portfolio 2  navigation, html, blog, logoDigital portfolio 2  navigation, html, blog, logo
Digital portfolio 2 navigation, html, blog, logo
 
New employee -author guide
New employee -author guideNew employee -author guide
New employee -author guide
 
m365_slides.pptx
m365_slides.pptxm365_slides.pptx
m365_slides.pptx
 
Lesson Plan
Lesson Plan Lesson Plan
Lesson Plan
 
Microsoft To Do explained
Microsoft To Do explainedMicrosoft To Do explained
Microsoft To Do explained
 
Lesson 4_5 Primavera 2.pptx..Enterprise Project Structure
Lesson 4_5 Primavera 2.pptx..Enterprise Project StructureLesson 4_5 Primavera 2.pptx..Enterprise Project Structure
Lesson 4_5 Primavera 2.pptx..Enterprise Project Structure
 

More from Tushar Sharma

Industry project part2
Industry project part2Industry project part2
Industry project part2
Tushar Sharma
 
Industry project part1
Industry project part1Industry project part1
Industry project part1
Tushar Sharma
 
Growth hacking Mobile recharge Snapdeal
Growth hacking Mobile recharge SnapdealGrowth hacking Mobile recharge Snapdeal
Growth hacking Mobile recharge Snapdeal
Tushar Sharma
 
Product Analytics- SAAS Dasboard metrics
Product Analytics- SAAS Dasboard metricsProduct Analytics- SAAS Dasboard metrics
Product Analytics- SAAS Dasboard metrics
Tushar Sharma
 
Product analytics-Funnel Analysis
Product analytics-Funnel AnalysisProduct analytics-Funnel Analysis
Product analytics-Funnel Analysis
Tushar Sharma
 
Fitness+app+case+study
Fitness+app+case+studyFitness+app+case+study
Fitness+app+case+study
Tushar Sharma
 
Pm contextual+inquiry+ tushar_sharma
Pm contextual+inquiry+ tushar_sharmaPm contextual+inquiry+ tushar_sharma
Pm contextual+inquiry+ tushar_sharma
Tushar Sharma
 

More from Tushar Sharma (7)

Industry project part2
Industry project part2Industry project part2
Industry project part2
 
Industry project part1
Industry project part1Industry project part1
Industry project part1
 
Growth hacking Mobile recharge Snapdeal
Growth hacking Mobile recharge SnapdealGrowth hacking Mobile recharge Snapdeal
Growth hacking Mobile recharge Snapdeal
 
Product Analytics- SAAS Dasboard metrics
Product Analytics- SAAS Dasboard metricsProduct Analytics- SAAS Dasboard metrics
Product Analytics- SAAS Dasboard metrics
 
Product analytics-Funnel Analysis
Product analytics-Funnel AnalysisProduct analytics-Funnel Analysis
Product analytics-Funnel Analysis
 
Fitness+app+case+study
Fitness+app+case+studyFitness+app+case+study
Fitness+app+case+study
 
Pm contextual+inquiry+ tushar_sharma
Pm contextual+inquiry+ tushar_sharmaPm contextual+inquiry+ tushar_sharma
Pm contextual+inquiry+ tushar_sharma
 

Recently uploaded

Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Zilliz
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
Jakub Marek
 
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxOcean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
SitimaJohn
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
tolgahangng
 
OpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - AuthorizationOpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - Authorization
David Brossard
 
Webinar: Designing a schema for a Data Warehouse
Webinar: Designing a schema for a Data WarehouseWebinar: Designing a schema for a Data Warehouse
Webinar: Designing a schema for a Data Warehouse
Federico Razzoli
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
Zilliz
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
Wouter Lemaire
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
danishmna97
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Speck&Tech
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
Tomaz Bratanic
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
kumardaparthi1024
 
Recommendation System using RAG Architecture
Recommendation System using RAG ArchitectureRecommendation System using RAG Architecture
Recommendation System using RAG Architecture
fredae14
 
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing InstancesEnergy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Alpen-Adria-Universität
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Hiroshi SHIBATA
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
Matthew Sinclair
 
Project Management Semester Long Project - Acuity
Project Management Semester Long Project - AcuityProject Management Semester Long Project - Acuity
Project Management Semester Long Project - Acuity
jpupo2018
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
Edge AI and Vision Alliance
 

Recently uploaded (20)

Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
 
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxOcean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
 
OpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - AuthorizationOpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - Authorization
 
Webinar: Designing a schema for a Data Warehouse
Webinar: Designing a schema for a Data WarehouseWebinar: Designing a schema for a Data Warehouse
Webinar: Designing a schema for a Data Warehouse
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
 
Recommendation System using RAG Architecture
Recommendation System using RAG ArchitectureRecommendation System using RAG Architecture
Recommendation System using RAG Architecture
 
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing InstancesEnergy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
 
Project Management Semester Long Project - Acuity
Project Management Semester Long Project - AcuityProject Management Semester Long Project - Acuity
Project Management Semester Long Project - Acuity
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
 

Website wirerframes

  • 1. Assignment Wireframing Name: Tushar Sharma Email ID: tusharmps@gmail.com Link for wireframe: https://drive.google.com/open?id=1UiLJSDxLVlug_eT65PHRAeY8JE3LLPLd
  • 2. Assignment Instructions Problem statement: In the previous session on ‘Introduction to Prototyping’, you developed paper prototypes for DoToday, a startup working on a next-gen to-do list and task management app. Suppose the app, based on those paper prototypes, was launched and received a huge response from users. But 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. 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. Screen No. 1-HomePage This is the homepage of the web app. • The application has a logo, search bar, username, notifications, settings. The window has been divided into two panes- the left pane is a container for inbox, list names, easy option to add list. • The right pane displays the details of the main tabs(inbox being displayed currently). • There’s also a share option to share your to do list with other people & completed tasks- which displays tasks which have been finished • Easy to add task by entering the name of the task & pressing enter • Options to print, duplicate, send the list in “Options drop down box”
  • 4. Screen No. 2- Edit task This is the Edit task page which can be invoked by clicking on button on the task. It contains the following fields which can be edited: • Set Date & time for the task • Add a subtask • Add note to the task • Add file to aid the task • Submit button A scroll bar has also been added on the wireframe
  • 5. Screen No. 3- Add list This is the Add list page which can be invoked by clicking on Add List option in the left pane. • A new list name can be added by entering the list name I the text input box • List members can be added by typing the email id & clicking on add member • The list of members is shown with list owner at the top • Create list button to create the list
  • 6. Screen No. 4- Completed Tasks This is the Completed Tasks page which can be invoked by clicking on “Completed tasks” in the right pane. • Shows the list of completed tasks with date • Option to reschedule the task • List can be shared with other people by using “share” button in the right pane.
  • 7. Screen No. 5- ListName Page This is the Listnamepage which will be invoked by clicking on listname tab in the left pane or after creating a new list • Easy option to add tasks by entering the name of the task • Option to invite people to contribute to the list by clicking on “Invite people button”
  • 8. Screen No. 6- Invite people This is the “Invite People” which will be invoked by clicking on invite people button on the right pane • The “Listname” continues to show as people will be invited to this particular list only • People can be added by entering the email id and clicking on Add button • List displays the users who have already been added • User can go back to the list by clicking on “Go back to Listname1” button • User can connect with Facebook by clicking on Facebook icon & add Fb friends to the list