coding-blocks / coding-blocks/codingblocks.com1

UI bugs in Campus Ambassador page

Offen
#910 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
HTML
Sterne
58
Forks
168
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

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

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.