Top 50+ UX Resources 2024

HOW TO USE: Select at least 1 from the blue or grey boxes e.g. BOOK + #General-Reading           

Please refresh the page after every search to reset the categories & tags

Platform:
Real life projects for your portfolio

Real life projects for your portfolio

No items found.

Fake projects for fake clients make fake portfolio's which don't impress or land you the job. Instead do real work for Not-for-profits and get real life experience and a real project into your portfolio with 'Catch a fire'. These are volunteer projects, but much better for experience and kudos.

Collection:
Blush free illustrations

Blush free illustrations

Tell your story with illustrations

#Free
#Design
#Graphic-Design
#Graphics

Easily create and customize stunning illustrations with collections made by artists across the globe. Try it, it’s kind of fun.

Note that ideally you'd download and use SVG vector files, but only the small png's are free, the SVG's are a paid thing.

Software:
Flourish

Flourish

Create beautiful infographics by entering numbers - the graphic is built for you!

#Design-Tools
#Tool
#Presentations
#Portfolio
#Images

Did you know that you can create simple graphs from data on an excel sheet? Well flourish does this on steroids and the infographics can be totally modified to suit your branding desires. Not only that but they're automatically made interactive and animated and can be inserted into any web page by copying the code. A free plan is available if you don't mind your assets being public.

Book:
24 amazing design books

24 amazing design books

business advice, inclusive design guidance, creative inspiration

#Advanced-Reading
#Colour
#Design
#General-Reading
#Inspiration
Approach / Technique:
Adobe XD Tutorials

Adobe XD Tutorials

Quick start right from basic to laying out your first project in about an hour

#Design-Skills
#Design
#Design-Help
#Free

Make sure you know these productivity approaches when starting out with Adobe XD

Website:
Blobbb fun

Blobbb fun

A free tool for anyone to create and download SVG blob-like shapes online

#Design-Tools
#Design
#Free
#Graphic-Design
#Tool

Quickly and easily create shapes to put into designs with flat colour, gradients or patterns. Download as an SVG which can be further edited, or as code.

Adobe XD Shortcuts

Adobe XD Shortcuts

Great design is created by many iterations, therefore speed is paramount and shortcuts are the way!

#Design
#Design-Help
#Design-Skills
#Design-Tools
#Folio-Design

Copy and paste keyboard shortcuts are amazing tools, but imagine if you had 50+ of these super-powers under your belt?! Design is a competitive world, and professional designers are fast. You absolutely need these shortcuts - learn them and use them on a daily basis until it's second nature. Best used alongside a wacom tablet (and largish screen)

Website:
UX Mastery

UX Mastery

Learning community for human-centred designers

#General-Reading
#Theory

Article topics include 'ask the experts', 'Career Advice' and a podcast

Software:
Miro

Miro

An Online Whiteboard & Visual Collaboration Platform

#Design-Sprints
#Design-Tools
#Presentations
#Tool
#Collaboration

When running design sprints or other types of team collaboration, this tool is very useful whether in the same room or for an online team. e.g. everyone breaks out to spend 5 minutes coming up with ideas, and work blooms all over the artboard.

Article / List / Review:
UX Myths

UX Myths

#UX

UX Myths collects the most frequent user experience misconceptions and explains why they don't hold true. And you don't have to take our word for it, we'll show you a lot of research findings and articles by design and usability gurus.

Article / List / Review:
Nielsen Norman Group

Nielsen Norman Group

A huge collection of evidence-based research, articles, and reports related to UX designing

#UX
#Design

The oldest firm helping build a great user experience. From providing articles to holding conferences all across the globe

Collection:
6 free resource downloads

6 free resource downloads

every week from creative market

#Free
#Images
#Fonts
#Graphic-Design
#Design

Every week there's a new selection of goodies to download - Vectors, Textures, Graphics, Images, Fonts and more!

Collection:
Freepik

Freepik

Device mockups and images to download

#Free
#Images
#Device-Mockups
#Icons
#Presentations

Create a beautiful mock up of your design on a mobile phone, a tablet, a laptop a desktop or all of these. Showcase the designs in your portfolio in context

Company:
Patagonia

Patagonia

Fighting Climate Change

#Real-World-Folio-Work
#NGO

Real life work examples in your portfolio are impressive to potential employers - here's an opportunity

Approach / Technique:
Backups

Backups

External hard-drive or automated software backup

#Files
#Security

Make it a habit to back up your work to an external hard drive regularly. During the course, at least once per month so you don't lose your portfolio work

Approach / Technique:
Folder structures

Folder structures

#Portfolio
#Organising

As you progress through the course and create your projects, it's a good idea to keep them really well organised so that you don't have to search through loads of files later. I recommend project folders with a structure inside something like Brief, User research, Personas, Designs, User Testing, Results and more as you see fit.

Approach / Technique:
Browser bookmarks

Browser bookmarks

#Resource-Management
#Organising

Keep your best resources and tools organised in your browser bookmarks

Software:
Asana

Asana

Similar to Trello or Monday.com but this is the best

#Project-Management

Asana is a great way to manage your tasks and keep resources organised.

Collection:
Hand drawn wireframe Kit for Adobe XD

Hand drawn wireframe Kit for Adobe XD

#Wireframes
#UI-Kit
#Templates
Software:
iMovie - Mac only

iMovie - Mac only

#Video-Editing
#Presentations

May not be the best choice, but you can import your audio file and create a video presentation.

Software:
Google slides

Google slides

#Presentations

Easy, free, can import nicely designed elements from Adobe XD

Software:
Audacityteam

Audacityteam

Easily edit your presentation audio

#Audio-Editing
#Presentations

For 'intro to UX' task 7, you need to make a presentation. One good way is to write a script, record the audio, edit the audio, then create the visual presentation to match the audio file in Powerpoint or Google slides and record the screen as you change the slides in time with the audio. Then just match up the audio and video file in something like Imovie. To make it easier on yourself and allow you to cut out the odd stumble, you can use something like 'audacityteam.org/' to edit your audio. What I do, is if I make a mistake on a sentence, I just say the whole sentence again, and edit it all later. It's easier than you might think

Platform:
Bubble

Bubble

Bubble is the most powerful no-code platform, empowering entrepreneurs to build production-ready web apps

#Web-Design
#Database

Huge learning curve plus knowledge of programming logic needed, but you can build almost anything with this, however you need a third party to get an app into the app store, so look into that before using for a native app.

Platform:
Adobe Portfolio

Adobe Portfolio

#Folio-Design

I haven't used this, but it's likely really easy to create a folio, BUT you have to have an active subscription to Adobe (min €11.89/month) - if so, this is a poor option because UX designers don't particularly need expensive Adobe apps, when you have free Figma and free Adobe XD as your main design app. The only reason this would be a potential choice is if you choose to get the subscription of Adobe XD so that you can put more than 1 live clickable prototype into your projects. Even then, Wix is a competitor (with monthly costs to link to your own domain)

Platform:
Wordpress

Wordpress

#Web-Design

Can seem quite technical for beginners, not great user interface, personally I would avoid. If you do use it, try Elementor plugin for drag and drop, plus Divi template for ease of use.

Platform:
Squarespace

Squarespace

#Web-Design

The easiest drag and drop builder, but also the most limited. Responsive. It cannot do different code for mobile.

Platform:
Webflow

Webflow

#Web-Design
#Portfolio

Medium learning curve. The best for 'Designers' who don't want to code by hand, but have a knowledge of HTML, CSS, CSS Grid and Flexbox. Very creative, you can build almost anything, but limited when it comes to complex sites requiring complex database backends e.g. if you wanted to build a site like Etsy or Amazon, then go for Bubble.io instead

Platform:
Wix

Wix

#Web-Design

Drag and drop, ideal for beginners, limited mobile responsiveness.

Article / List / Review:
Graphic design software list

Graphic design software list

#Graphic-Design
Software:
Affinity Designer

Affinity Designer

Like photoshop and illustrator all in one affordable app

#Design-Tools
#Graphic-Design

Pixel persona handles photo based elements (Like Adobe Photoshop), Vector persona handles vector elements (like Adobe illustrator)

Software:
Sketchapp

Sketchapp

#UI-Design

The old favourite UI design tool before Figma OK, but not as good as Figma or XD, and not used in the industry so much now, in Europe at least

Software:
Figma

Figma

share prototypes with team members via collaboration, activity log, analytics/reporting, version control

#UI-Design

The most popular UI design tool in European companies in my experience because it has more team features, however XD is nicer for individual use with efficient features like repeat grid

Software:
Adobe XD

Adobe XD

Create web designs for all screen sizes, share clickable prototypes, embed prototypes into your portfolio pages, auto animation, responsive resize, repeat grid

#UI-Design
#Presentations
#Graphics
#Graphic-Design
#Free

My favourite UI design tool, I think better for animations and interactions, but not as strong as Figma for team usage. The free version is the full software, the only limits: one active shared document, two editors and one active shared link. This is okay for trying out the software, but it isn't much good if you want other team members, stakeholders or clients to be able collaborate on your designs.

TOP TIP! Create graphics in Free XD to use in your presentations! Use the free version of XD to create great looking .png elements to drop into your slides/movie. You can give the artboard a transparent background too (artboard = no fill) and then export as a png so there's no white rectangular backgrounds

Sharing and collaboration usage limits on the Starter plan? Share links: 1 active shared link - €11.89/ month for unlimited shared prototype links, PDF Exports and video exports. For students first year, ALL adobe apps (inc photoshop etc = US$239.88/yr.

Article / List / Review:
Review of design tools

Review of design tools

#Design-Tools
Collection:
Font pairing

Font pairing

#Design-Skills
#Design-Help
#Fonts

When you choose fonts for a CV or your portfolio, or for a project, the fonts are very important. One quick way to make an attractive readable choice, is to choose a font pair, one for the headings and one for the body copy. These links are just 2 examples of font pairing sites, search for others. These are good because they have google fonts which are free.

Collection:
Google fonts

Google fonts

#Free
#Fonts

These fonts are free to use in websites, and you can download them for use in your design software too. Generally I only offer google fonts to clients, because other fonts generally cost $ and technical fiddling is necassary

Collection:
UI kits for Adobe XD

UI kits for Adobe XD

#UI-Kit
#UI

Jumpstart your designs and if you didn't start with a design background, you can disguise it using these kits.

Collection:
Icons in SVG format

Icons in SVG format

(vector which you can edit in Adobe XD)

#Icons
#Free

There are so many of these icon sites, just always try to get an svg (vector format) because then you can edit it easily e.g. colours, rather than a pixel based jpg or png file

Collection:
Free images at Unsplash

Free images at Unsplash

Please credit the original creator as requested

#Images
#Free
Software:
OBS Studio

OBS Studio

#Screen-Recording
#Tool
#Presentations
#User-Research
#User-Testing

on user interviews, keep the small window of the user in the bottom corner so it doesn't go over the top of the screen that the user is interacting with. Pay attention to the file format, since some formats aren't good for editing software if you want to edit it later. For presentations you can You can either pre-record your audio, or talk as you click through your slides and record your screen to create your presentation. Probably there are several other ways to do this.

Website:
Convert lower case to uppercase or sentence case or vice versa

Convert lower case to uppercase or sentence case or vice versa

#Tool
#Text
Website:
Coolors

Coolors

Tool to create colour palettes

#Colour
#Tool

You can upload a photograph and extract a colour palette from it, this is useful to do with clients sometimes. Also good for gradients. Pay attention to the tutorial widget on first entry which teaches you how to generate random palettes just by hitting space-bar and many more extremely useful tips & time-savers.

Website:
Colour Theory for Web Designers

Colour Theory for Web Designers

#General-Reading
#Colour
#Theory

A good basic grounding for those with not so much artistic or graphic training

Website:
Daily UI

Daily UI

#UI
#UI-Challenge

1 UI design challenge emailed to you every day, good to put them up onto dribbble.com to extend your folio

Website:
Behance

Behance

Social design site

#Inspiration
Website:
Dribbble

Dribbble

Social design site

#Inspiration

Probably the top site to see other designers work. Easy to search for a keyword and get pages of results for inspiration

Book:
Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days

Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days

by Jake Knapp

#Advanced-Reading
#Design-Sprints

A very specific, pragmatic and realistic approach to solve the big questions in the early stages of new ventures

Book:
Design Thinking Methodology Book

Design Thinking Methodology Book

by Emrah Yayici

#Advanced-Reading
#Design-Thinking

Describes how to apply design thinking and lean and agile methodologies together

Book:
This Is Service Design Doing: Applying Service Design Thinking in the Real World

This Is Service Design Doing: Applying Service Design Thinking in the Real World

by Marc Stickdorn, Markus Edgar Hormess, Adam Lawrence, Jakob Schneider

#Advanced-Reading
#Service-Design

It's good for a UX designer to be aware of service design because it will often impact on your projects

Book:
Lean UX: Applying Lean Principles to Improve User Experience

Lean UX: Applying Lean Principles to Improve User Experience

by Jeff Gothelf, Josh Seiden

#Advanced-Reading
#UX

This book is part of the newer Lean movement, which followed Eric Ries 'Lean Startup' work

Book:
Creative Workshop: 80 Challenges to Sharpen Your Design Skills

Creative Workshop: 80 Challenges to Sharpen Your Design Skills

by David Sherwin

#Training
#Design-Skills

80 creative challenges that will help you achieve a breadth of stronger design solutions

Book:
The field guide to human centred design

The field guide to human centred design

#General-Reading
#Design-Thinking

Useful book on how to approach your design thinking process

Book:
Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability

Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability

by Steve Krug

#General-Reading
#Usability

Specific about design for web

Book:
The Design of Everyday things

The Design of Everyday things

by Donald Norman

#General-Reading
#Design

Broadly about designing for humans. Raises your expectations about how things should be designed, is quite general and entertaining but has some old-fashioned looking diagrams (still relevant though!)

LEARN BY EMAIL (FREE)

Design Principles

Learn by watching me apply key design principles
1 email per week with videos & free resources

Unsubscribe anytime. See a sample

Artfuly logo
AboutSend an Email
Follow Artfuly on YoutubeFollow Artfuly on Tiktok
PrivacyImpressum