Skip to content

App Mockups

Vishal Sehgal edited this page May 11, 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.

Avatar Chooser Dialog


This is the dialog chooser contains these 12 avatars and opens when click on the Change Profile Picture on the get details Screen.

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.

Bookmark Filter When No Quizzes Bookmarked


When the Bookmark filter is selected on Home Screen and no Quizzes are bookmarked, then it shows something like this.

Unattempted Filter When No Quizzes Are Left


When the Unattempted filter is selected on Home Screen and no items are present i.e. it means all Quizzes are attempted, then it shows something like this.

Attempted Filter When No Quizzes Are attempted


When the Attempted filter is selected on Home Screen and no items are present i.e. it means no Quiz is attempted yet, then it shows something like this.

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

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.