Recommendations for Responsive Design
Tested on iPhone 5/ SE
The app looks almost fine on higher res mobile displays eg: Pixel, iPhone 8 and so.
1. TopBar
– Make the full TopBar visible
– Search bar should hide when search icon is not clicked.
– Make SearchBar corners round, similar to (Login Button)
2. Reduce Gap between the tree counter component
Bring the Tree-counter up; by 20-30px or more
The Balloon can go behind the Company.
3. AutoHide Menu
When menu Item is clicked; the menu should disappear.
4. Notifications
Notifications on responsive should stay like this:
(image from Nexus 5 – Screen)
Currently, In smaller screen, right side of notifications gets cut off. That should not happen.
5. Landing Page
User Profiles appear like shown on side.
More at: #115
6. Page Set Target
For Responsive,
– Keep Target Count and Target Year on different rows.
– Reduce the padding within the whitespace so form can look bigger.
7. General Pages (background) and white space.
Currently it appears as below:
It should have a full background color, and responsive.