search

Yash-Ainapure / dypcetclubs.live

An initaitive repository for managing all college clubs and there Hiring process through a website. deployed backend on : https://dypcetclubs-live.onrender.com
https://dypcetclubs-live.vercel.app
MIT License
14 stars 32 forks source link

Enhance UI/UX of Quiz Creation #112

Open Laxmi01345 opened 3 days ago

Laxmi01345 commented 3 days ago

The current UI/UX of the "Create New Quiz" interface can be improved to provide a more user-friendly and visually appealing experience. Below are the suggested improvements:

Form Design:

  1. Improve the layout and alignment of the form fields (Quiz Title, Question, Options, Correct Answer).
  2. Improve the design of the "Add Question" and "Create Quiz" buttons for better visibility and engagement. Add hover effects to make these buttons interactive.

Responsiveness:

  1. Ensure the entire form is fully responsive across various screen sizes, especially mobile and tablet views.
  2. Adapt the layout for smaller screens by possibly stacking form fields or adjusting the font sizes to improve usability.

Color Scheme:

  1. Update the colour scheme to use more vibrant and contrasting colours for better readability.
  2. Ensure the text fields and buttons have adequate contrast with the background for users with visual impairments.
  3. These changes will significantly enhance the user experience and improve the overall visual design of the quiz creation interface.

Assign me this issue under gssoc-ext , hacktoberfest and level

Yash-Ainapure commented 2 days ago

The current UI/UX of the "Create New Quiz" interface can be improved to provide a more user-friendly and visually appealing experience. Below are the suggested improvements:

Form Design:

  1. Improve the layout and alignment of the form fields (Quiz Title, Question, Options, Correct Answer).
  2. Improve the design of the "Add Question" and "Create Quiz" buttons for better visibility and engagement. Add hover effects to make these buttons interactive.

Responsiveness:

  1. Ensure the entire form is fully responsive across various screen sizes, especially mobile and tablet views.
  2. Adapt the layout for smaller screens by possibly stacking form fields or adjusting the font sizes to improve usability.

Color Scheme:

  1. Update the colour scheme to use more vibrant and contrasting colours for better readability.
  2. Ensure the text fields and buttons have adequate contrast with the background for users with visual impairments.
  3. These changes will significantly enhance the user experience and improve the overall visual design of the quiz creation interface.

Assign me this issue under gssoc-ext , hacktoberfest and level

Sure,go ahead