Skip to content

App Mockups

Vishal Sehgal edited this page May 6, 2018 · 19 revisions

App Walkthrough


Link to Quiz App Prototype




Splash Screen


A splash screen is a graphical control element consisting of a window containing an image, a logo, and the current version of the software. A splash screen usually appears while a game or program is launching.

Log-in Screen


The Login Screen must contain a Google Sign in Button, Logo & a title.

Get Details Screen


This is the activity where we're getting important details of the user. The UI must contains 2 EditTexts - one for Full Name and one for Slack Handle, 1 TextView for displaying e-mail, 1 spinner for choosing scholarship track and one choose image icon.

Home Screen

Home Screen List Filter(Drop Down)


When the filter button pressed it open a dropdown menu slide-in from the top of the screen, after then when an option is selected the menu slide-up from the screen and after that the list will be filtered.

Navigation Drawer

Quiz Details Activity


This activity shows the quiz details and in which there is a FAB which when clicks Quiz plays, also in toolbar there is a button(help).

Quiz Discussion Activity


This is the discussion/ help activity of a particular Quiz in which the users can directly chat with the Quiz Moderator.

Notifications Activity

Notification Detail Activity

See User Profile Activity

Settings Activity

For Now, the settings activity contains 3 items, a SwitchPreference, a ListPreference, and a DialogPreference as shown in above image.

Clone this wiki locally