Embed Size (px)
Citation preview
PMO INDIA APP Wireframe Design Phase - II
BICS India
Agenda
• App Overview
• Wireframe Design Presentation
• Team Members
• Conclusion
BICS India
Choose Language
Tap to select ‘English’ or ‘Hindi’
language
BICS India
PMO India Home Screen
Tapping this navigation icon, shows the main menu
Tapping this overflow icon, shows extra menu
Tapping this search icon, shows search bar
Clicking this image, takes to the latest news
article screen
The list is scrollable with constrained height.
BICS India
News Article Screen
Clicking on this speaker icon (Voice Out),
shows the social share menu
Tapping this back icon, goes to previous screen
Image of the article is displayed here
BICS India
News Article Screen
Tapping the list item, shares the
information on social media
E.g. Google+, Twitter, Facebook,
LinkedIn, etc…
BICS India
PMO India Home Screen
Profile picture and name of user
Tapping this menu item, takes to the
particular menu item screen
BICS India
Know Your PM
Tapping this grid item, take to the PM Profile screen
Tapping this grid item, takes to the History of PM screen
Tapping this grid item, takes to the Quotes of PM
Tapping this grid item, takes to the Former PM’s
Tapping this grid item, takes to the PMO Functional Chart
Tapping this grid item, takes to the PM Initiatives
Tapping this grid item, takes to the Virtual Tour
BICS India
PM Profile
Image and profile of the Prime Minister
Tapping the share button, shares with
social Network E.g. Google+, Twitter,
Facebook, LinkedIn, etc…
BICS India
Life History of PM
Life History of Prime Minister
BICS India
Quotes of PM
Quotes of our honorable Prime Minister
Tapping the Share button, gives options to share
content with social media E.g. Google+, Twitter,
Facebook, LinkedIn, etc…
Comment allows the user to share their thoughts
Like and Unlike button
BICS India
Former PM’s of India
Name of the former PM
Time period of the former PM
Tapping here shows the actual
content in full view
Image of former PM
BICS India
Functional Chart
Tapping on this down arrow expands the list item with
details, pushing the subsequent list item downwards.
Clicking on the phone number redirects phone app to
call.
The list is scrollable with
constrained height.
BICS India
PM Initiatives
Select the any one of the PM initiatives.
This redirects the link to load in the app browser
BICS India
PMO / PMR Virtual Tour
Tapping to choose the
place to view in virtual
Take into Virtual Tour
BICS India
Poll
Load the https://mygov.in/home/poll/ in app browser
using web view
Press the Vote button to take into next screen
BICS India
Voting Screen
Voting Screen
BICS India
Mann Ki Baat
Search the Mann Ki Baat option in the
date order
Latest Mann Ki Baat audio will get
featured here
The list gets updated and sorted in
the order of time.
Tapping on the list item, plays the
audio stream from soundcloud.
BICS India
PMO Channel
Tapping on search icon, shows the search bar to
search video.
Tapping on the more icon, shows the complete
list of relevant videos.
Recent video from PMO channel will show here.
Clicking on the list item, redirects to
YouTube app to play the video.
The list is scrollable with
constrained height.
BICS India
Buy
Clicking on this icon, shows menu which
contains sorting and wish list options
Clicking on cart icon, takes to proceed to pay screen.
Tapping on search icon, shows search
bar to find products.
Product name, image and price.
Clicking on the item takes to product
description screen.
Tapping on this icon, adds product to wish list.
BICS India
Product Description Screen
Product review
Product images
Tapping on buy now icon, takes to proceed to pay
screen.
Tapping on this icon, adds the product to the cart.
Product Description
BICS India
Proceed to Pay Screen
Tapping on this icon, takes to the payment
gateway screen to finish the purchase.
Tapping on this icon, drops the field
to enter card details
BICS India
Relief Fund Review Details
Load the https://pmnrf.gov.in/
in app browser
Click to Continue to pay
on next page
BICS India
Relief Fund Review Details
Click to go back on Form Page
Proceed to next page
BICS India
Relief Fund Proceed to Payment
Click Proceed to Next Page, choose the
payment option
BICS India
Relief Fund Payment Option
Choose the payment option
Go back to merchant site
BICS India
Relief Fund Enter Card Details
Pay By Credit Card
Enter the Credit Card Number
Enter the card Holder Name
BICS India
Interact with PM
Load the http://pmindia.gov.in/en/interact-
with-honble-pm/ in app browser
Enter the Email id and
Password to login
BICS India
Write to PM
Select the Subject like Agriculture, Information,
Science and Technology, Industries and etc…
Write the query to Our PM
based on above Subject
Click to submit your query
BICS India
Settings
Tapping the toggle on button, opens the date
picker to set the birthday reminder
Tapping the toggle on button, enables the
notification and options to customize.
Tapping the toggle on button, enables the
cache and options to clear cache.
Clicking this item, shows the basic
information about app
BICS India
Search Bar
Tapping on this icon, opens the Google Voice Search
Tapping on this icon, clears the search text.
BICS India
Over Flow Menu
Tapping on this item, opens the Login/Register screen
Tapping on this item, opens the PM Calendar Screen
Tapping on this item, opens the PM Gallery
BICS India
Login Screen
User Email Id and Password
Clicking on this item, takes to forgot password screen
Clicking on the item, takes to the registration screen.
Clicking on this button, makes user logged
in and takes to home screen
Clicking this item, sends the OTP
for login.
BICS India
Registration Screen
Text field requires user Full Name
Text field requires valid Email ID
Text field requires password with caps and numeric.
Dropdown to select Gender
Dropdown to select Country
Number field requires a valid phone number
Clicking this item, register the
new user.
BICS India
PM Calendar
Tap this icon to search date based
activities
Tap to select the Date, Month and Year
Current date and activities of PM
Remainder and activities on the day of PM
Activities of PM
BICS India
Gallery
Select the image to make
screen saver or App Day-Dream
Selecting the image to view
BICS India
Gallery - Set as Wallpaper / App Day-Dream
Long press on the image, shows the menu option pop-up
Set as Daydreamer
BICS India
Gallery -App Day-Dream
Feature
App Day Dream Feature
Enabled and shows an image
and a date
BICS India
Widgets
‘PMO Latest News Update’ appears on Widgets automatically
On tapping it shows the actual News Article
BICS India
Push Notification
Tapping on Push Notification
shows a particular article
BICS India
Our Team
Rajesh T
Duraivel M B
Karthik P
Gopinath R
Balaji D
Srinivas K
Thank You!
