caMicroscope icon indicating copy to clipboard operation
caMicroscope copied to clipboard

Improve Slides Page Layout and User Guidance

Open SisiVero opened this issue 3 months ago • 1 comments

Description:

Summary: The current layout of the Slides page lacks clear user guidance and proper spacing between elements. Specific Issues:

Missing Gap: The "Slides" and "Info" buttons are positioned too close together, potentially causing usability issues.

Unclear Text: The text at the top of the page doesn't provide specific instructions for user interaction on the Slides page.

Impact:

The close proximity of the buttons might lead to accidental clicks, especially on touchscreens.

Unclear text at the top hinders user understanding of the page's purpose and functionality.

Recommendations:

Button Spacing: Increase the space between the "Slides" and "Info" buttons. This can be achieved through adjustments in CSS styles (margin or padding).

User-Centric Text: Replace the existing text at the top with clear instructions on what users can do on the Slides page (e.g., "View, edit, and manage your slides here").

Expected Outcome: By implementing these suggestions, the Slides page will become:

More User-Friendly: Improved button spacing will enhance click accuracy.

Clearer and More Engaging: User-centric text will guide users and improve overall experience.

Additional Notes: Consider following UI design best practices for button spacing and user instructions. Here are some resources that might be helpful:

Button Sizing and Spacing: https://support.invisionapp.com/docs/adding-interactivity

Writing Effective User Interface Text: https://www.nngroup.com/articles/ux-writing-study-guide/

SisiVero avatar Mar 11 '24 15:03 SisiVero

Hi SisiVero, I have successfully fixed issue #733, which aimed to 'Improve Slides Page Layout and User Guidance.' I would appreciate it if you could review my work and provide feedback. Additionally, I am open to further suggestions on how to enhance the user experience and improve the platform's functionality.

Ayesh-07 avatar Mar 15 '24 13:03 Ayesh-07