📔 📚 A curated list of awesome resources : articles, books, videos, tools, podcasts about UI/UX.
The “UI” in UI design stands for “user interface.” The user interface is the graphical layout of an application, while the “UX” stands for “user experience.” A user’s experience of the app is determined by how they interact with it. ~ UX Planet
- Jupiter Design Community
- UX Design Hangout
- Figma Africa
- UX Guide
- Interaction Design Foundation (Paid)
- Clicked (An invite only community)
- UX Her
- UX/UI Design Projects
- List of UX Communities, mostly Slack
Fonts:
Colors:
- Contrast checker: WebAim
- Colour picker: Chrome Extenion
- Colour palletes: Colour Hunt
- Colour pallete generator: Muzli
- Coolors
- Who Can Use
Illustrations:
Wireframes
Design Systems
- Google's Material Design
- Shopify's Design System Polaris
- Microsoft's Fluent Design System, Microsoft: documentation (design)
- AirBnb' Design System
- The US Web Design System
UI Kits
Affinity Diagrams
- Jamboard.Google
- Notely
- Miro - Paid tool
- Padlet
Blob Maker:
Usability tests:
- UXCAM
- WatchSend
- UserZoom — Paid.
- Scala Preview
Build your portfolio:
Showcase your work:
Templates:
- Core design resource 1
- Core design resource 2
- Core design resource 3
- Material.io
- Shopify Design Resource
- Design System Checklist
- How to design a graph
- Complete list of UX deliverables
- UI Design Process
- User Interphace Pack for beginners
- How to create an Empathy Map
- Treford Resource Pack 1
- How to create a mockup for your design on photoshop
- How to develop an effective multi-device UX strategy
- Design for offline
- UX for the Next Billion Users
- A Product Designer's Guide to Competitive Analysis
- UX Challenges: links to courses and exercises
- Sound Style Guide
- How to write a UX case study
- UX Case study Template
- How to build a portfolio on Notion: VideoArticle
- Design Handoff
- How to collaborate on Adobe XD
- A beginner's guide to Information Architecture
- A tale of UX auditing and designing
- Patterns
Designing for Accesibility
- Google guidelines
- Understanding the need for accessibility, How the blind use technology to see the world
- IBM resource on accessibility
Design critique guide
-
Designing an Application for Saving & Investment — A UX Case Study
-
UX Portfolio Case Study template (plus examples from successful hires)
-
Entry level UX Portfolios mentioned in the Google UX Design Certification Course: Lisa's portolio, Dane's portfolio, Shabi's portfolio, Nichola's portfolio, Josh's portfolio
-
Like to check out the UX portfolios of interns at FAANG companies? Click this link: Cofolios
-
BONUS >>> GET MENTORSHIP
-
Don't know what problem to solve for your UX case study? Check here: Design challenges
-
Laws of UX. You can also check this article for examples of how the laws apply. Like to watch a video of the laws of UX instead? Click here.
- 100 days of UI — (You can also generate tasks from: Sharpen)
- UI/UX Female Bootcamp
- UX/ Product Design Internship Opportunities
- Career Foundry
- UX Planet
- The Nielsen Norman Group
- UX Collective
- Prototypr
- Muzli blog
- Sitepoint
- Ux Pin
- Bulding Amazing Things (Youtube Channel)
- The Futur (Youtube Channel)
| Name | Link to Blog/Content profile | Niche | Link to Twitter |
|---|---|---|---|
| Chris Do | https://thefutur.com/team/chris-do | CEO, TheFutur | @theChrisDo |
| Namnso Ukpanah | https://www.linkedin.com/in/namnsoukpanah/ | Figma Africa (Community lead) | @namnsoukpanah |
Found an awesome product designer, UI/UX designer, resource, article, blog, tool, video, speaker deck etc.? Please send me a pull request and follow the contributors guidelines.