Super UXer

The ultimate UX/UI designer’s toolkit — 15 sites you need to know 🙌 1. uxlibrary.org 2. uxtools.co 3. kickassux.com 4. uxlib.org 5. uxcellence.com 6. uiuxlibrary.com 7. uigoodies.com 8. productdesignresources.com 9. designnotes.co 10. uxwritinghub.com 11. dribbble.com 12. awwwards.com 13. nngroup.com 14. muz.li 15. figma.com/community Bookmark this. Your future self will thank you ✨

15 Principles of Good Design to Boost Your Next Design Project 🙌 Great design isn’t just beautiful, it’s usable, accessible, and intentional. These 15 principles help guide meaningful UX 👇 1. Discoverability Users should easily find what actions are possible and where to begin. 2. Feedback Every action should have a clear, timely response to show it’s working. 3. Constraints Limit choices to prevent errors and guide users toward the correct path. 4. Mapping Controls should match users’ mental models (e.g., up means increase). 5. Consistency Keep patterns, terms, and visuals uniform across your product. 6. Affordances Design elements should suggest how they’re meant to be used (e.g., buttons look clickable). 7. Structure Group related content and actions logically to reduce cognitive load. 8. Simplicity Remove unnecessary elements—clarity beats clutter every time. 9. Tolerance Design should forgive errors—make undo easy and prevent destructive mistakes. 10. Equity Ensure your design works for users of all abilities and backgrounds. 11. Flexibility Support different user needs and preferences without forcing one path. 12. Perceptibility Make important information visible and legible to all users. 13. Ease Reduce friction—fewer steps, simpler wording, smarter defaults. 14. Comfort Design for emotional and physical ease—no stress, no strain. 15. Documentation When needed, provide clear guidance to help users succeed. Design with these in mind and you’ll build experiences people actually want to use 🙌 #UX #UIDesign #DesignPrinciples #ProductDesign #Startup #Business

Excellent Resource with FREE eBooks for Designers to 10x Your Knowledge! 🙌 Save to Bookmarks for reference 🔖 FREE Book Collections for: - Design systems - User Experience (UX) - Visual design - Usability - Typography - Front-End Development - Startup - Career #UX #UI #UXDesign #UIDesign #UserExperience #ProductDesign

Learn the Principles of Design with this quick, practical cheatsheet 🙌 Perfect to save for later 🔖 EMPHASIS Guide the eye with hierarchy — using colour, contrast, scale and rhythm. BALANCE Arrange elements so the visual weight feels evenly distributed. UNITY Make every element feel like it belongs — through harmony, balance and pattern. CONTRAST Highlight differences with opposing colours, shades or textures to create focus. RHYTHM Lead the eye through repetition of shapes, lines or colour to set the mood. PROPORTION Use scale to help the viewer compare elements and understand their importance. VARIETY Mix shapes, colours and textures to keep the design interesting and draw attention. Save or bookmark the cheatsheet 🔖 #UX #UI #UXDesign #UIDesign #ProductDesign

9 timeless design principles every UI designer should know 🙌 FREE Cheatsheet attached 🔖 Summary: 1. LAYOUT Layout is the arrangement of visual elements in a design to create balance, clarity, and visual appeal. 2. ALIGNMENT Aligning elements in a design along a common axis to create order and visual consistency. 3. HIERARCHY Organizing elements to establish a clear order of importance, guiding the viewer's attention. 4. PROXIMITY Placing related elements close together to indicate their connection or importance. 5. BALANCE Weighting or arranging the elements within the image to create visual, even distribution of shape and space. 6. REPETITION Consistently using the same design elements (e.g., fonts, colors, shapes) to create unity and reinforce visual identity. 7. COLOUR Utilising colours intentionally to convey mood, meaning, and visual impact in a design. 8. CONTRAST Contrast can highlight differences or add a focal point by using opposing colour, shade or textures. 9. NEGATIVE SPACE Also known as white space, it's the empty or unmarked area around or between design elements, used to enhance readability and create visual balance. Original cheatsheet by Jaxon White #UX #UI #UIDesign #UXDesign

Choosing the right web design layout can transform user experience 🙌 FREE cheatsheet attached 🔖 Here are 12 classic styles every designer should know: 🟦 Two-column → balanced text + sidebar 🟨 Split screen → compare options 🟧 Asymmetrical → bold + modern 📖 F-shape → natural reading flow ⚡ Z-shape → landing pages & CTAs 🗂️ Card/Block → scan-friendly chunks 🎥 Featured media → visual storytelling 🧩 Masonry → galleries & feeds 📰 Magazine → content-heavy layouts 📌 Fixed nav → menu always visible 📂 Hidden nav → minimalist menus 🎛️ Interactive → sliders & carousels Which layout do you use most? 👇 #UX #UI #UXDesign #UIDesign #ProductDesign

Excellent Cheatsheet on How to Pick the Right UX Research Method 🙌 Match the development phase, goal, and type of data to the right method: 📝 Define (Generative, Attitudinal, Quant) • Surveys 🔍Analyse (Generative, Behavioural, Qual) • User interviews • Diary studies • Ethnography • Contextual inquiry • Stakeholder workshops • Guerrilla research 📈 Implement (Formative, Behavioural) • Quant: A/B testing, Tree testing, Card sorting, Content testing, Analytics, Metrics • Qual: Usability testing, Content testing, Card sorting, Guerrilla research ✅ Evaluate (Summative) • Attitudinal, Quant: Surveys • Behavioural, Qual: Usability testing, Content testing, Contextual inquiry, Ethnography, Diary studies, Guerrilla research • Behavioural, Quant: Usability benchmarking, Analytics, Metrics, Content testing, A/B testing #UX #UI #UXResearch #ProductDesign #UserExperience

Learn about the Types of UX Deliverables to Boost Your Next Design Project 📷 FREE cheatsheet attached 📷 User Persona • Who your users are, holistically • Segmenting different types of customers • Understanding user needs and motivations Empathy Map • What users think, feel, say, and do when interacting with your product • Visualizing the internal ind external experienc or different persona • Aligning teams with empathy for the user Customer Journey Map • What your users do in the process of becoming a customer • Understanding the different steps and touch points users go through to become a customer • Identifying common pain points Jobs to be done • What your users are trying to accomplish in order to buy your product • Understanding the different steps and touch points users go through to become a customer • Prioritising development based on user goals User Stories • Why users want certain functionalities written from the user's perspective • Communicating the value of specific features for different customer types Task Analysis • How users accomplish their desired outcomes with your product • Breaking down all the steps a user takes to accomplish a goal • Identifying opportunities to solve user pain points more effectively #UX #UI #UXResearch #UXDesign #ProductDesign

Over 50 Excellent Figma Plugins to Boost Your Next Design Project! 🙌 - Clean Document - Logo Creator - Design Lint - Lorem Ipsum - Split Shape - Background Remover - Unsplash - Viewports - Find and Replace - Iconify - Content Reel - 3D Mockup - Lottie Files - Material Symbols - Design System Organizer - Wireframe - Figmotion - Isometric - Arc - Better Font Picker - Dopely Colors - Mapsicle - Anima - Mockuuups Studio - UIHUT - Draw Connector - TinyImage Compressor - Pitchdeck Presentation Studio - ProtoPie - HtmlGenerator - React Export - Vue Export - Svelte Export - Tailwind Export - CSS Styling Export - FigJam AI - EmojiOne - FontAwesome - Jam Icons - Twitter Emoji - Remove bg - Illustration Libraries - Artboard Studio - Vision Simulator - Color Mixer - Table Generator - Chart Generator - Shadow Creator - Live Text Input - Google Maps Embed - Drop-down Menu - Entrance Animation - Code Embed - Responsive Design - Breakpoints - Constraints Support #UX #UI #UXDesign #UIDesign #ProductDesignb

Check out the full website 🙌 principles.design

Excellent open source collection of Design Principles and methods! 🙌 The collection contains: - 195 Examples - 1448 Design Principles - 167 Creators What are Design Principles? Design Principles are a set of considerations that form the basis of any good product. Why use them? Design Principles help teams with decision making. A few simple principles or constructive questions will guide your team towards making appropriate decisions. Who uses them? Organisations, individuals and product teams have benefited from writing and following their principles. #UX #UI #UXDesign #UIDesign #ProductDesign #UserExperience

The ultimate UX/UI designer’s toolkit — 15 sites you need to know 🙌 1. uxlibrary.org 2. uxtools.co 3. kickassux.com 4. uxlib.org 5. uxcellence.com 6. uiuxlibrary.com 7. uigoodies.com 8. productdesignresources.com 9. designnotes.co 10. uxwritinghub.com 11. dribbble.com 12. awwwards.com 13. nngroup.com 14. muz.li 15. figma.com/community Bookmark this. Your future self will thank you ✨

The Product Design Journey: From Idea → Impact 🙌 Great products aren’t accidents. They’re built through a process: 1️⃣ Research with empathy 2️⃣ Define the problem 3️⃣ Ideate boldly 4️⃣ Prototype fast 5️⃣ Test + learn 6️⃣ Launch & refine ✨ Design isn’t just steps—it’s a mindset: human-centered, iterative, and purpose-driven. #UX #DesignThinking

Read the full post 🙌 uxdesign.cc/58-rules-for-stu…

58 rules for beautiful UI design 🙌 Save to bookmarks for reference 🔖 Hierarchy. Simplicity. Predictability. Progressive disclosure. Meaningful transitions. A solid reminder that great interfaces are systems — not decoration. #UX #UI #UXDesign #UIDesign #ProductDesign

Learn the User-Centric Content Design Process to Boost your Next Design Project! 🙌 Save to Bookmarks for reference 🔖 Empathise/ Understand - Research user needs/ business needs - Understand current landscape and assumptions - Identify current user behaviour Discovery typically includes: - Capturing insights through research, analysis and stakeholder interviews - Project canvas - Empathy map - Journey map - Product strategy Define - Define strategy - Define scope of work and resource/time needed - Define success criteria and measures Planning typically includes: - Defining strategy including content - Gathering requirements - Creating epics and user stories - Estimating time/resource Ideate - Co-design potential solutions (determine flow, features, format, structure Ideation typically includes: - Organising journey flow and features - IA, content prioritisation and messaging hierarchy - Sketching basic designs - Journey mapping - Language suggestions, defining voice/tone and key messages Design/ prototype - Collaboratively design solution - Write the content that will be tested with users - Document design decisions Prototyping typically includes: - Further design and content exploration - Using collaborative tools to design your proposed solution including content - Sharing design and rationale with key stakeholders - Pair writing Review - Peer reviews - Stakeholder reviews - Tech feasibility reviews Review typically includes: - Crits - Stakeholder feedback sessions - Show and tells Implement - Document content (if necessary - Work with dev to ensure accuracy of content - Work with other teams to ensure content alignment Implementation may include: - QA - Production of content including SEO requirements such as metadata and tags - Launch management/ internal communication of new features Test and learn - Test your solution through - AB testing, usability testing, or against success measures - Report on progress - Create hypotheses for optimisation Measurement typically includes: - Research methodology - Data and sentiment analysis - Content audits - Creating test plans #UX #UI #UXDesign #UIDesign #ProductDesign

20 EXCELLENT Websites to Inspire Your Next Design Project! 🙌 Save to your Bookmarks! 🔖 1. Awwwards .com 2. Behance .net 3. Designspiration .com 4. Screenlane .com 5. Dribbble .com 6. SiteInspire .com 7. Onepagelove .com 8. AdmireTheWeb .com 9. Mobbin .com 10. Abduzeedo .com 11. Collectui .com 12. Lapa .ninja 13. Uigarage .net 14. TemplateMonster .com 15. Thefwa .com 16. Webdesign-Inspiration .com 17. BestWebsite .gallery 18. Webflow .com/made-in-webflow 19. Pinterest .com 20. Pttrns .com by @UXlinks 🙌 #UX #UI #UXDesign #UIDesign #ProductDesign

Check out the FREE pdf Customer Journey Template 🙌 uxhints.com/wp-content/uploa…

Customer Journey Mapping is a powerful way to see your product through your customer’s eyes 🙌 FREE template example attached 🔖 This template shows 5 stages: 1️⃣ Awareness – Who’s in the market? 2️⃣ Consideration – Comparing providers 3️⃣ Acquisition – Subscribing to a plan 4️⃣ Service – Using the product 5️⃣ Loyalty – Extending & advocating Each stage highlights: 💭 What customers are thinking ⚡ What they’re doing 😊 How they’re feeling ❌ Pain points ✨ Opportunities Mapping the journey reveals gaps, pain points & quick wins—so you can design experiences that build trust, reduce friction & drive loyalty. #UX #CX #ProductDesign