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 ✨

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

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 ✨

Excellent cheatsheet on the main types of User Research, to boost your next design project! 🙌 FREE cheatsheet attached 🔖 Qualitative Research - Provides rich insights into people, product, and problems by answering the question why? - For example: focus groups user interviews, field studies Quantitative Research - Analyses numerical data, identifies patterns, and makes predictions. Answers the questions what, where, and when? - For example: surveys, product analytics Attitudinal Research - Focuses on what people say - For example: user interviews, focus groups, surveys Behavioural Research - Focuses on what people do - For example: eye tracking, usability testing, heatmaps Generative Research - Develop a deeper understanding of your users and the problem you're trying to solve for them. Evaluative Research - Evaluate a product or concept and collect data that helps improve your solution. #UX #UI #UXDesign #UIDesign #ProductDesign #UserResearch By the Maze Team

Top UI UX Design Tools for Creators 🙌 FREE cheatsheet attached 🔖 What are your thoughts? -Whiteboarding ⁃Miro ⁃Mural ⁃Fig jam ⁃Google Jam ⁃Whimsical Prototyping ⁃Fig jam ⁃Axure ⁃Balsamiq ⁃Framer ⁃Mockplus Surveys ⁃Survey Monkey ⁃Google forms ⁃Jotform ⁃Survey legend ⁃Typeform Al Tools ⁃Midjourney ⁃Uizard ⁃Sider ⁃Galileo Al ⁃Upscale.media Usability Testing ⁃Usebrain ⁃UsabilityHub ⁃Maze ⁃Optimal Workshop ⁃Usertesting A/B Testing ⁃Optimizely ⁃Firebase ⁃Adobe Target ⁃AB Tasty ⁃Google optimize #UX #UI #UXDesign #UIDesign #ProductDesign