UI/UX Design

1. Notification & Dialog Design
Application 1- Arogya setu
Application 2- Paytm
Website - 1 Make my trip
Website - 2 Make my trip
Website - Gmail
Task Brief- To identify a notification and dialog bar in a app/website.
Arjun gupta
500066972
Notification Representation
Notification Representation
Notification Representation
Modal Window
Modal Window
Non Modal Window
Validation,indication
Thank you.....
When we open Arogya Setu app.
the popup come with a message
it is a action based notification.
as it require user attention to
closeit.
On a landing page it is popup
with a message of asking
permission to turn on Bluetooth
it is a action based notification
as it require user action to turn
it on.
When we open a Paytm app it
shows a popup with some
advertisement it is action based
notification which require user
attention to close it.
When we open paytm and land it
on landing page the icon on right
corner gives a option of modal
dialog box as we can see
information of other section.
thus require action to continue it.
when I book a flight ticket from delhi to Mumbai
After entering my details its shows a popup of
modal dialog box which is necessary to see
whether details enter by me is correct or not.
It need intervention to continue process.
when I book a flight ticket from delhi to Mumbai
After entering my details proceed to payment page
its shows a validation with correct statement solution.
which help user to understand quickly. It also shows us
the icon indication which help user to find CVV number
on there card.
This is a non modal dialog box as it can provide us switch between
two option.we can see as well as write mails.it does interrupt us,
If require we can minimize it.