Giter Club home page Giter Club logo

sacredos's Introduction

sacredos's People

Contributors

m-valentino avatar xrainoxu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

sacredos's Issues

Minimize not working

The minimize button isn't working. The close and maximize buttons are working.

UX improvements on files.html

Oddy generated a report on what can be improved with UX.
Screenshot 2024-03-16 at 3 34 17 PM

Lack of file type differentiation.
Introduce distinctive icons for different file types to make them easily distinguishable at a glance. Use familiar visual cues associated with the file's purpose or content..

https://www.nngroup.com/articles/icon-usability/

https://blog.thenounproject.com/how-to-use-icons-in-ui-and-ux-design-best-practices/

Uniform file preview.
Implement dynamic file previews that reflect the actual content or the nature of the files, rather than placeholder Aa text. It will allow users to recognize files quickly..

https://stackoverflow.blog/2021/12/28/what-i-wish-i-had-known-about-single-page-applications/

https://forum.figma.com/t/export-losing-quality-even-using-png-and-2x-higher/3541?page=3

Ambiguous window title.
Clarify the window title to convey the purpose or contents of the window better. For instance, 'File Manager' instead of 'files.html' gives a clearer context..

https://ux.stackexchange.com/questions/51777/correct-window-dimensions

https://www.nngroup.com/articles/top-ten-guidelines-for-homepage-usability/

Unclear navigation path.
Enhance the visual representation of the navigation path to improve readability and make it more obvious it is a navigable breadcrumb trail..

https://app.uxcel.com/courses/ui-components-best-practices/breadcrumbs-best-practices-269

https://www.smashingmagazine.com/2022/04/breadcrumbs-ux-design/

Non-standard window controls.
Conform to standard OS window controls to meet user expectations and support intuitive interaction with window management..

https://developer.apple.com/design/human-interface-guidelines

https://ux.stackexchange.com/questions/124309/is-it-good-practice-to-remember-a-users-selection-of-an-option-as-a-new-default

Misleading delete icon.
Modify the delete icon to better represent the action it performs, avoiding confusion with close or exit actions typically associated with an 'X' icon..

https://ux.stackexchange.com/questions/115185/what-is-the-best-practice-for-delete-buttons-in-material-design

https://aashiqb.medium.com/hide-vs-disable-the-hidden-truth-f392c9f536d5

Inconsistent file naming.
Establish and enforce consistent naming conventions for files to aid in user recognition and organization..

https://www.linkedin.com/pulse/file-naming-conventions-within-ux-process-bonnie-carberry

https://stackoverflow.com/questions/1246546/best-practices-for-c-sharp-gui-naming-conventions

Poor contrast between elements.
Improve contrast between background and foreground elements to ensure all text and interactive elements are easily visible to all users..

https://artversion.com/blog/the-impact-of-color-contrast-for-accessibility-and-inclusivity-in-ui-ux-design/

https://www.reddit.com/r/UXDesign/comments/130fbbn/making_disabled_button_without_compromising_on/

Lack of action feedback.
Provide clear and immediate feedback for user actions, such as visual cues for hover or selection states to confirm interactivity..

https://medium.com/@sachinrekhi/don-normans-principles-of-interaction-design-51025a2c0f33

https://forum.figma.com/t/switch-to-enable-disable-the-interactive-components-per-instance/4398

Inadequate spacing and alignment.
Adjust spacing and alignment of UI elements to create a clean and organized layout that enhances readability and ease of use..

https://aelaschool.com/en/visualdesign/alignment-ui-invisible-structure-behind-designs/

https://forum.figma.com/t/creating-dynamic-component-with-auto-layout-with-components-of-different-alignments/55845

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.