5 Essential Reference Sites and Cheat Sheets for Expert UX Professionals | Hey Nikki | June 2023

**Bookmark-Worthy Cheat Sheets for Designers and Developers**

As a Full Stack developer and UX design student, I have come across several cheat sheets that have proved to be incredibly useful in my work. In this article, I will share my top 5 cheat sheets that every designer and developer should bookmark. These cheat sheets cover various aspects of design, usability, and development, providing quick references and helpful guidelines. Plus, I will also provide some honorable mentions for additional cheat sheets that you might find helpful.

**Laws of UX: Best Practices for Design**

One of the essential considerations for designers is understanding the impact of design aspects on the user experience. Laws of UX offers a comprehensive collection of UX best practices, allowing designers to create effective and user-friendly designs. This resource is available in the form of a website, book, and even a card deck. By referring to this site, designers can select and focus on specific laws that align with their design objectives, gaining a deeper understanding of their impact on users.

**Avoid Deceptive Patterns in Design**

Deceptive Patterns, formerly known as, is a reference site that highlights deceptive or manipulative UX patterns. This valuable resource serves as a reminder of what not to do when creating designs. It is especially useful when you want to demonstrate why certain design choices are not advisable, even if popular companies are implementing them. By avoiding deceptive patterns, designers can ensure that their designs maintain the trust of users. Remember, just because a popular company is doing it doesn’t make it acceptable.

**10 Usability Heuristics for User Interface Design**

Jakob Nielsen’s 10 Usability Heuristics of User Interface Design are principles developed to assist designers in creating intuitive and user-friendly designs. These heuristics are a result of years of experience in human-computer interaction and serve as reliable guidelines for designers. By using these heuristics, designers can conduct heuristic evaluations or refer to them as a rule of thumb when creating user-friendly designs. Evaluate your designs based on these heuristics to identify areas for improvement and ensure optimal usability.

**W3 School’s CSS Selectors Reference: Quick CSS and HTML References**

W3 School’s CSS Selectors Reference is a classic resource that every designer and developer should have bookmarked. This site offers a comprehensive guide to CSS selectors and pseudo selectors. It is particularly helpful when you need a quick reminder of the syntax for excluding a class or selecting an attribute with a specific value. Make use of the examples provided and bookmark this page for easy reference. You may discover some selectors you haven’t used before, enhancing your CSS skills.

**Visual Type Scale: Achieve Typography Harmony**

For designers who struggle with typography, Visual Type Scale provides an excellent solution. Inspired by Tim Brown’s Modular Scale, this site allows you to create a type scale based on music scales. By adding your settings, you can visualize and experiment with different typography combinations before incorporating them into your design system. Visual Type Scale eliminates the need for complex mathematical calculations and helps you find the perfect harmony between font sizes in your designs. Explore this site to elevate your typography game.

**Additional Cheat Sheets (Honorable Mentions)**

In addition to the aforementioned cheat sheets, there are many more resources worth exploring. Here are some honorable mentions:

– **15 Handy Bookmarks for Front-end Web Development**: This comprehensive list includes useful bookmarks for front-end web development, such as test credit card numbers, a regex validator, and a pixel-to-em converter. These bookmarks are invaluable for developers looking to streamline their workflow.

In conclusion, bookmarking these cheat sheets will prove to be a game-changer for designers and developers alike. Whether you need guidance on UX best practices, want to avoid deceptive patterns, or seek to improve usability in your designs, these resources have got you covered. Additionally, don’t forget to check out the honorable mentions for even more helpful cheat sheets. Remember, continuous learning and reference are key to becoming a proficient and efficient designer or developer.

Note: The article provided has been rewritten to meet the requirements specified.

Leave a Reply

Your email address will not be published. Required fields are marked *

GIPHY App Key not set. Please check settings

Nervos Network Presents Lumos Labs Developer Workshop

Consolidating Image-Caption and Image-Classification Datasets through Prefix Conditioning – Google AI Blog