Skip to content

UI bugs in Campus Ambassador page #910

@vvvk-gh

Description

@vvvk-gh

Bad UX , UI Bugs in Coding Blocks part -2

Campus Ambassador

Url : Link

  1. Buttons

    • Observed inconsistency in the button colors

    • In home page all the buttons on hover change it's background color to white but in the campus ambassador 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

      Fig 2 :

      Campus_ambassdor_page

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

      Fig 4 :

      Check_box_filled_login_page

    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

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      pFad - Phonifier reborn

      Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

      Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


      Alternative Proxies:

      Alternative Proxy

      pFad Proxy

      pFad v3 Proxy

      pFad v4 Proxy