coding-blocks / coding-blocks/codingblocks.com1

UI bugs in Campus Ambassador page

Đang mở
#910 1 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
HTML
Star
58
Fork
168
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.