ManchesterUX

Everything Manchester UX!

[UX Links @uxlinks]

50 Excellent websites for design inspiration 🙌

1. Awwwards
2. Behance
3. Dribbble
4. SiteInspire
5. UX Archive
6. Mobbin
7. Collect UI
8. Land-book
9. UI Jar
10. Design Vault
11. Refero
12. Pageflows
13. Scrnshts
14. Waveguide
15. GoodUX
16. Dark Mode Design
17. Minimal Gallery
18. Saaspo
19. UI Garage
20. Pinterest
21. One Page Love
22. Hover States
23. Pttrns
24. UXPin
25. Smashing Magazine
26. UX Collective
27. UI Movement
28. Godly
29. Web Designer Depot
30. Designmodo
31. 99designs Discover
32. SaaS Landing Page by Cruip
33. Designspiration
34. Screenlane
35. FigmaCrush
36. Landingfolio
37. Best Website Gallery
38. User Interface Design Patterns
39. UI Recipes
40. UX Library
41. SaaSFrame
42. Flowstep
43. NPM UI Patterns
44. Good UI
45. Admire The Web
46. Abduzeedo
47. Muzli
48. Designer News
49. UX Magazine
50. Boxes and Arrows

Save for later 🔖

#UX #UI #UXDesign #UIDesign #UserExperience #ProductDesign

[UX Links @uxlinks]

The ultimate UX/UI designer’s toolkit — 15 sites you need to know 🙌

1. https://t.co/2wRPMqcxEj
2. https://t.co/Eva3xQcRCL
3. https://t.co/96FPBs10SV
4. https://t.co/r0zkg4f5HP
5. https://t.co/eCSmioxKTt
6. https://t.co/PIJiOPlbe1
7. https://t.co/QDgugxHs7L
8. https://t.co/c9N1IVH8BK
9. https://t.co/G1A5w0iqIC
10. https://t.co/5GH1jZz8jo
11. https://t.co/W6IzyaV4uU
12. https://t.co/S44hyPzX2F
13. https://t.co/ZvTO5VG6Ow
14. https://t.co/AhL3zFxoZP
15. https://t.co/aKOODl9r46

Bookmark this. Your future self will thank you ✨

[ManchesterUX @ManchesterUX]

@uxlinks 😎

[UX Links @uxlinks]

Useful Flow Diagram to Help You Design for Better Errors! in your next Design Project! 🔥

FREE Cheatsheet attached! 🙌

Design thoughtful errors to improve user trust in our product.

First, anticipate and prevent errors

Make time for errors in your work process:
- Errors are not edge cases. They can impact user trust in our brand.
- Effective and considerate error design translates into better user retention and satisfaction.
- Bring up the topic of errors early on in the design cycle. Discuss with developers so the team makes time for errors in the sprint.
- Run an activity with your team using the workshops available in the Design Team Workshop Kit on Miro. Imagine everything that could go wrong when a user tries to perform an action, and plan how to prevent these errors from happening.

Design with errors in mind:
- Use smart defaults
- Use data to determine what defaults could be useful to reduce errors for users.

Highlight required fields:
If users often forget to fill out a required field, check that
- The label is clear
- The field stands out appropriately
- Were asking for this information at a good time for the user

Use help patterns when needed:
- Make sure users understand what they need to do, and that they have all the information they need to complete the action.
- For example, add more explanations or instructions next to a field. For better accessibility, position the information above the field if users should read the info before filling out the field.

Then, craft efficient errors

Create useful and usable errors:
- Focus on the solution
- Rather than dwelling on the error, nudge users towards the solution.
- Sometimes, you don't actually need to show an error message.
- Show users how to solve the error by themselves, without insisting on their mistake.

Make the error visible. It should be obvious to users where they need to act, and what they need to do:
- Use consistent messages
- Using the same patterns for errors makes them more scannable, and improves user recognition.
- Check if an error message pattern is available for your use case in the error messages guidelines. If you think you

Save it for future reference 🔖

#UX #UI #UXDesign #UIDesign #ProductDesign

[UX Links @uxlinks]

Excellent Cheatsheet for B2B UX Research 🙌 (Free below)

When you don’t have access to users, here’s what you can’t do — and what you can do instead.

by Vitaly Friedman

UX Research in B2B

Things you can't do
01 - Stakeholder interviews - too busy
02 - Competitor analysis - not public
03 - Data analysis - no data collected yet
04 - User interviews - no users yet
05 - Interview potential users - IP concerns
06 - Concept testing, prototypes - NDA
07 - Usability testing - IP concerns
08 - Sentiment analysis - no media presence
09 - Surveys - no users to send to
10 - Speak to support - no clearance
11 - Study help desk tickets - no clearance
12 - Use research tools - no procurement

Things you can do
01 - Focus on requirements + task analysis
02 - Study existing workflows, processes
03 - Study job postings to map roles/tasks
04 - Scrap frequent pain points, challenges
05 - Use Google Trends for related search queries
06 - Scrap insights to build a service blueprint
07 - Find + study people with similar tasks
08 - Shadow people performing similar tasks
09 - Interview colleagues closest to business
10 - Test with customer success, domain experts
11 - Build an internal UX testing lab
12 - Build trust, confidence with stakeholders

📎 Free Cheatsheet attached

#UX #UI #UXDesign #UIDesign #ProductDesign #B2B

[ManchesterUX @ManchesterUX]

@uxlinks 🔖

[UX Links @uxlinks]

https://t.co/CZoMBCBEk9

[UX Links @uxlinks]

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

[UX Links @uxlinks]

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

[UX Links @uxlinks]

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

[ManchesterUX @ManchesterUX]

@uxlinks 😎

[UX Links @uxlinks]

Useful iOS and Android Platform Design Comparison Cheatsheets to Boost your Next App Design Project 🙌

Save for reference 🔖

Includes:
- Visual Design Differences
- UI Control Differences
- Navigation Differences
- Other Differences

#UX #UI #UXDesign #UIDesign #ProductDesign #Business #iOS #iPhone #Android

[ManchesterUX @ManchesterUX]

@uxlinks 🔖

[UX Links @uxlinks]

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

[UX Links @uxlinks]

Download PDF 🙌

https://t.co/Kib3UaYHNv

[UX Links @uxlinks]

Learn about Google Design Sprints to hugely boost your next design project 🙌

Invented by Google, this is a design process that takes 5 days and addresses certain UX problems through defining a problem, brainstorming concepts, prototyping and validating a design solution.

Overview:

Monday
Map out the problem and pick an important place to focus.

Tuesday
Sketch competing solutions on paper. Begin planning customer’s test.

Wednesday
Make difficult decisions and turn your ideas into a testable hypothesis. Create a storyboard.

Thursday
Build a high- fidelity prototype. Write an interview script.

Friday
Test the prototype with real live humans. Analyze the results.

At the end of the sprint you should get the deliverables:
- Answers to the posed questions
- Flow diagrams, IA maps, storyboards, empathy maps
- Prototypes
- User testing reports
- A plan for the next steps

When to use design sprints:
- When you’re planning to launch a new product, service or a feature
- Adopting a new platform or environment
- Reiterating and improving an MVP or a product

#UX #UI #UXDesign #UIDesign #Google

[ManchesterUX @ManchesterUX]

@uxlinks Excellent 🔖

[ManchesterUX @ManchesterUX]

@uxlinks Excellent 🔖

[UX Links @uxlinks]

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

[UX Links @uxlinks]

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