WIP: GSOC 2019 Mock ups for Agora Android application: Mahesh Paliwal issue #91
issue #91 (closed) Given below are my UI mockups for Agora-vote android application.
Through my app I have tried to maintain a seamless user experience thus maintaining consistency with the Agora-vote website. With close attention to detail, I have incorporated every functionality available on the website at users's fingertips including the design, color and gradient.
APP Icon
Splash Activity
I have incorporated a splash screen to ensure user engagement while the app is loading.(With Spinning Logo)
Splash activity will redirect user to Sign-In Activity when app is loaded. (But if user has installed app for the first time then it will redirect user to App intro activity)
App Intro (Will run only once)
Push Notification of ongoing elections
SignIn Activity
The app is in sync with standard industry practices followed in sign-in activity thus showing error at appropriate places.
While waiting for a response from server during user sign-in/sign-up/forgot password or any other activity, the user is showed a rotating loader (Spinning Logo In Place of Button).
Sign Up Activity
ForgotPassword
Main Activity
Main Activity contains dashboard, create election , elections and profile as bottom navigation. The bottom navigation bar acts as a handy tool for users to navigate to important fragments of the app.
The top bar is provided with a navigation drawer, Agora logo and a notification icon for active elections and voting results.
The navigation drawer provides user easy access to commonly used features.
Dashboard Fragment
dashboard loading ( while fragment is fetching data from server)(loader ShimmerLayout)
Profile Fragment
Elections Fragment
The election fragment provides user easy access to tabbed fragments that include all, pending, active and finished elections.
ALL, PENDING , ACTIVE, FINISHED
Create Election
Although elaborate, the create election fragment enables user to easily create an election.
Voting Process
Preferential Ballot
Range Ballot
Score Ballot
showing user list of elections which are active (condition: user is in voter list)
Edit Elections
Election details for user (on clicking view button)
Basic
Voters
Ballots
Results
About Agora
Help
Notifications Layout
Thanks For Your Time