DEV Community

Kabue Charles
Kabue Charles

Posted on

21 4

UX/UX Good Practices and Design Guidelines

If you are a full stack developer or a front-end developer, here is a curated list of Design guidelines, principles and good practices that can help you polish your User interface as well as user Experience.
This is also good for an indiehacker too if you are working on a personal project but don't have enough finances to hire a designer.

  1. https://www.indiehackers.com/forum/resources-to-help-you-improve-your-ui-design-134dbd3367
  2. https://www.indiehackers.com/forum/how-do-you-make-apps-look-polished-with-no-design-background-cc1183aad2?utm_source=Indie+Hackers+Newsletter&utm_campaign=indie-hackers-newsletter-20180314&utm_medium=email
  3. https://www.julian.com/learn/growth/intro
  4. https://www.thinkwithgoogle.com/marketing-resources/experience-design/speed-is-key-optimize-your-mobile-experience/
  5. https://developers.google.com/web/fundamentals/design-and-ux/principles/
  6. https://lawsofux.com/
  7. https://twitter.com/i/moments/880688233641848832
  8. http://nelucebotari.webflow.io/#contact
  9. https://codeburst.io/5-javascript-style-guides-including-airbnb-github-google-88cbc6b2b7aa
  10. https://medium.freecodecamp.org/google-publishes-a-javascript-style-guide-here-are-some-key-lessons-1810b8ad050b
  11. https://uxplanet.org/7-inexcusable-yet-common-ux-gaffes-that-make-you-look-like-a-total-amateur-cb504a74b917
  12. https://uxplanet.org/
  13. https://www.indiehackers.com/@pedrocortes/the-anatomy-of-a-great-landing-page-694e691963
  14. https://dev.to/oninross/the-art-of-minimalism-with-ux-4ppd
  15. http://www.centerline.net/blog/user-experience-design-process-infographic/ ( https://i.pinimg.com/736x/c6/9b/89/c69b89d2a5c5000bf9ff30a515a4e58e--app-design-design-websites.jpg )
  16. https://dequeuniversity.com/rules/axe/2.2/color-contras
  17. https://dev.to/assaultoustudios/a-ux-review-framework-anyone-can-use-bhn
  18. https://developers.google.com/web/fundamentals/design-and-ux/principles/

here is a gist you can fork to add more resources...

UX/UX Good Practices and Design Guidelines

  1. https://www.indiehackers.com/forum/resources-to-help-you-improve-your-ui-design-134dbd3367
  2. https://www.indiehackers.com/forum/how-do-you-make-apps-look-polished-with-no-design-background-cc1183aad2?utm_source=Indie+Hackers+Newsletter&utm_campaign=indie-hackers-newsletter-20180314&utm_medium=email
  3. https://www.julian.com/learn/growth/intro
  4. https://www.thinkwithgoogle.com/marketing-resources/experience-design/speed-is-key-optimize-your-mobile-experience/
  5. https://developers.google.com/web/fundamentals/design-and-ux/principles/
  6. https://lawsofux.com/
  7. https://twitter.com/i/moments/880688233641848832
  8. http://nelucebotari.webflow.io/#contact
  9. https://codeburst.io/5-javascript-style-guides-including-airbnb-github-google-88cbc6b2b7aa
  10. https://medium.freecodecamp.org/google-publishes-a-javascript-style-guide-here-are-some-key-lessons-1810b8ad050b
  11. https://uxplanet.org/7-inexcusable-yet-common-ux-gaffes-that-make-you-look-like-a-total-amateur-cb504a74b917
  12. https://uxplanet.org/
  13. https://www.indiehackers.com/@pedrocortes/the-anatomy-of-a-great-landing-page-694e691963
  14. https://dev.to/oninross/the-art-of-minimalism-with-ux-4ppd 15: http://www.centerline.net/blog/user-experience-design-process-infographic/ ( https://i.pinimg.com/736x/c6/9b/89/c69b89d2a5c5000bf9ff30a515a4e58e--app-design-design-websites.jpg )
  15. https://dequeuniversity.com/rules/axe/2.2/color-contras
  16. https://dev.to/assaultoustudios/a-ux-review-framework-anyone-can-use-bhn
  17. https://developers.google.com/web/fundamentals/design-and-ux/principles/
  18. https://icons8.com/articles/most-hated-ui-ux-design-pattern/
  19. https://medium.com/@simomagazz/homepage-design-for-2018-15-epic-ux-tips-9a9f5004c540
  20. https://www.humanproofdesigns.com/ (especially the footer, signin callout)
  21. https://www.nickkolenda.com/user-experience/

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (1)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs