coding-blocks / coding-blocks/codingblocks.com1

UI bugs in Campus Ambassador page

Aperta
#910 1 commento 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
HTML
Stelle
58
Fork
168
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

# 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 :

![home_page_button_hover_img](https://i.ibb.co/W5R6SSq/Screenshot-34-LI.jpg)

Fig 2 :

![Campus_ambassdor_page](https://i.ibb.co/ZYp3p5z/Screenshot-2020-09-20-Coding-Blocks-Campus-Ambassador-Program-1.png)

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 :

![Check_box_filled_register_form](https://i.ibb.co/FmJZfcH/Screenshot-2020-09-20-Coding-Blocks-Campus-Ambassador-Program-2.png)

Fig 4 :

![Check_box_filled_login_page](https://i.ibb.co/kQPc5dr/Screenshot-2020-09-20-Login-Coding-Blocks-Account.png)

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 :

![Footer_Img](https://i.ibb.co/P10Gdrd/Screenshot-2020-09-20-Best-Programming-Courses-IT-Training-Institute-in-Delhi-NCR-Coding-Blocks-4.png)

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.

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.