coding-blocks / coding-blocks/codingblocks.com1
UI bugs in Campus Ambassador page
- Langage dominant
- HTML
- Étoiles
- 58
- Forks
- 168
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Description
# Bad UX , UI Bugs in Coding Blocks part -2
## Campus Ambassador
#### Url : [Link](https://codingblocks.com/campus-ambassador-program.html)
1. Buttons
* Observed inconsistency in the button colors
* In [home page](https://codingblocks.com/) all the buttons on hover change it's background color to white but in the [campus ambassador](https://codingblocks.com/campus-ambassador-program.html) page the buttons like signup , register now doesn't change its backgroud color on hover.
* Fig 1 is the button at homepage in hover state and Fig 2 is the button at campus ambassador page in hover state
Fig 1 :

Fig 2 :

Why to fix :
* As he gets used to hover effects in home page ,buttons in campus ambassadar page confuses the user whether the site completly is loaded or not.
* It's important to maintain consistency in all similar elements , by which user can eaily understand how the website works/beaves.
Suggestions :
* Fix the hover effects
2. Checkbox in register Form
* In consistency in check box filled state
* In the [login page](https://codingblocks.com/https://account.codingblocks.com/login) upon clicking the checkbox it's gets filled with orange color but the checks box in the campus ambassador register form shows ticks like below
Fig 3 :

Fig 4 :

Suggestion :
* Use any one of the above throughout the website.
* I prefer using the one in login page
3. Footer
* Too much information , Not properly aligned social icons , Data repetation
Fig 5 :

Why to fix :
* I personally hate it as a daily visitor / user .
* I feel like all data in the footer is repeated i know footer gives the quick links to access data faster but you have those links or data all over the page or also in navigation.
Suggestions :
* If your are planning to provide same links in the navbar please replace this rich footer with a simple one
* We can totally remove the twitter feed in
* Properly align the social icons
* Plan for one that looks like a footer in [Online Coding Blocks](https://online.codingblocks.com/) page.
Guide de contribution
Aucun guide de contribution indexé pour ce dépôt
Évaluation
Cette issue n'a pas encore été évaluée.