coding-blocks / coding-blocks/codingblocks.com1

UI bugs in Campus Ambassador page

Abierto
#910 1 comentario 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
HTML
Estrellas
58
Forks
168
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

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

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.