<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4ac3e129-9101-46c7-9d95-86b9800c1dd9/Left_Arrow_-_Grapes.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4ac3e129-9101-46c7-9d95-86b9800c1dd9/Left_Arrow_-_Grapes.png" width="40px" /> Back to dli5.com
</aside>
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a908f21b-79c1-4361-a4f4-391e927f059c/Moon_-_Silver.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a908f21b-79c1-4361-a4f4-391e927f059c/Moon_-_Silver.png" width="40px" /> Last Updated: September 29, 2023
</aside>
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0714b6be-99ce-416f-8010-058f749f5a22/Bubbles_-_Grapes.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0714b6be-99ce-416f-8010-058f749f5a22/Bubbles_-_Grapes.png" width="40px" /> General Design Resources
๐ Learn UX
๐ก Design Inspiration
๐ผ Illustrations & Animations
๐๏ธ Design Ethics
๐ UX Research
โ๏ธ UX Writing
๐ Books
</aside>
<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/20737138-50b0-4115-bebc-70eccfffe8e6/Eye_-_Banana.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/20737138-50b0-4115-bebc-70eccfffe8e6/Eye_-_Banana.png" width="40px" /> Design for Novice & Low-Literacy Users
๐จ The Essentials
โญ Google Stuff
๐ค๐ฝ A Local Touch
๐๏ธ Urdu Design
๐ฅ Gender and Design
๐๏ธ For Visual Learners
๐ Miscellaneous
</aside>
<aside> ๐ค If youโve landed on this page, youโre probably looking for UX stuff.
Congrats, youโve hit the jackpot.
Here youโll find a curated list of everything we use at dli5 to help us do our work. And while thereโs a ton of other resources out there that we could have included, this one is based on everything weโve personally used. So you know itโs worth your while.
This page is divided into two sections: the first is for general design resources, and the second is specifically for designing for low-literacy and novice users of technology, including left-to-right languages.
Donโt forget to bookmark us! And visit dli5.com/learn for more UX goodies!
</aside>
The best site to begin, of course. cough cough
5-minute cases studies (full of memes) on what makes for great UX. The direct inspiration for dli5's origins.
Similar to Built for Mars, but with the added focus on product growth (as the name implies). Also has a great cheatsheet for the intersection between psychology and design.
A collection of industry-specific UX playbooks by Google. Full of helpful screenshots on what good UX looks like. They're super easy to scroll through and are divided by which part of the site you intend to improve.
A very, very fun webpage to learn about the stages of user-centered design by getting you to design a Batman suit.
There's plenty to do on the NN Group site, but I recommend the 'Articles' section. Short reads on various UX principles, many of which are also summarized in videos on their YouTube channel.
A handy list of, well, checklists, to make sure you haven't made any UX bloopers. Thereโs one for every flow and page.
FUN GAME. Test your UI skills by understanding how subtle changes can make the whole thing feel 'off' and impact usability.
Short articles and examples of - as the name suggests - really good UX.
I personally think 'laws' is a strong word, but this is a good list of principles that you should follow in general when designing.
Speaking of design principles, this is another list of them in action - but it's not particularly well curated.
A step-by-step 'course' for the design process, with a decent selection of articles for each step. Use this if you want to see the lay of the land without diving into an intensive course.
The mother load of bookmarks for everything a designer might need.
Seriously, if you only open one link, this should be it.
Another all-in-one list for product design specifically.
A dli5 favorite - tons and tons of screenshots for dozens of apps; you can filter for specific pages or flows as well.
A cross between Mobbin and Built For Mars: UX teardowns specifically for onboarding patterns.
Similar to Mobbin, but not as nice.
Similar to Mobbin and UI Garage, but even less nice. And not very free.
Mobbin, but for desktop websites instead of apps.
Similar to WebFrame (desktop patterns) but extremely limited free offering.
'Award-winning' websites.
Landing pages. That's it. All about inspiration and resources for your landing page.
Fun, quirky websites for when you have a fun, quirky project.
If you're looking for a UX challenge to practice your craft, there's a bunch of them here. You can also submit your output to the site for some cash prizes.
And if you want to practice your UI instead, here's quite a few randomized prompts for you to think about.
For when you need illustrations but can't afford an illustrator:
These websites all offer free, customizable illustrations for a quick fix (although they come at the cost of looking very generic if you over-use them)