coding-blocks / coding-blocks/codingblocks.com1

UI bugs in Campus Ambassador page

Aberta
#910 1 comentário 0 reações 0 responsáveis Ver no GitHub
Linguagem predominante
HTML
Estrelas
58
Forks
168
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

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

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Avaliação

Esta issue ainda não foi avaliada.

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.