Theory/Process
Design Videos and Podcasts
- Interviews with Interaction Designers
- Bill Moggridge: Objectified
- John Meada: Simple Life
- Design Matters Podcasts
- Design Better
- 99% Invisible
- Creative Mornings
- Design Observer
- Motion Hatch
UX Theory/Process
- Difference Between UX and UI
- Effectively Planning UX Design Projects
- What is User Experience Design? Video
- What is User Experience Design Process?
- 5 Steps for User Research
- What is Digital Product Design?
UI Theory/Process
- Flat Design. History, Benefits and Practice
- Flat and Thin are In
- Design for Fingers, Touch, and People
- Mobile UX Design: Key Principles
- 8 Rules for Perfect Mobile Design
- Laws of Simplicity
- The Personality Layer
- Redesigning with Personality
Usability & Accessibility
- Good UI (tests on real-world examples)
- One Thumb, One Eyeball Test
- Don’t Make Me Think
- How Blind People See the Internet
- Web Accessibility
- 7 Things Every Designer Needs to Know About Accessibility
Social Impact
Coginition
DESIGN
Prototyping Design Toolkits
Device Design Guidelines
- iOS Human Interface Guidelines
- Google Material Design
- Microsoft Windows Design
- Android Standards
- Screen Sizes
UI Patterns
Icon Design
- 10 Essential Tips for UI Icons
- Small Elements, Big Impact
- Designing for UI
- UI Design Glossary
- The Noun Project
- Free Icons Sets
Wireframing
Prototyping/Testing
Tool Comparison Videos
- Sketch and Craft Plugin (Mac only, Lunacy app is equivalent for PC) // can create wireframes, upload images, make interactive in Sketch, use a free plugin called Craft to sync up with InVision App to then share link with users, can save a shared version and leave comments in Sketch Cloud – but cannot co-edit live with teammate.
- Invision // Can upload images, create clickable hot spots, share link with testers, leave comments, bring into Freehand for more comments and collaboration with teammate.
- Figma // Can create wireframes, upload images, or Sketch files on browser, make interactive in Figma, share the link with testers, leave comments, can also co-edit the Figma file with teammate.
- Adobe XD // Can create wireframes, upload images, make interactive in XD, share link with testers, leave comments (and possibly co-edit XD file with teammate – it is however in Beta mode and has demonstrated potential issues)
- POP from Marvel // Can create quick wireframes on browser, use provided templates, or upload images, create clickable hot spots, share link with testers, leave comments.
Sketch
- Download Sketch
- Best Sketch Video Tutorial List
- How to Design and Develop a Landing Page
- LevelUp Tutorials
- LearnSketch.com
- Sketch Freebies
- Learn Sketch 3
- Sketch YouTube Channel
Invision
- Sign up for Free
- Video Tutorial
- Leaving Comments
- Using Freehand (whiteboard mode)
Adobe XD
Figma
Sketching Templates
Usability Testing
- Paper Prototyping
- POP (Paper Prototyping App)
- Google Paper Prototyping Example (video) (3:24 is paper prototype)
- Google Digital Prototyping Example (video)
- 7-Step Roadmap to Usability Testing
- 7 Simple Steps to Start Usability Testing
Concept Video Creation
- 5 Awesome Mobile App Videos
- Great Resources for Building a Killer App Trailer
- Create and Composite a Mobile Phone App Demo Template
Inspiration
Blogs/Mags
- Design Better
- UX Collective
- UX Planet
- The UX Blog
- IDEO
- A List Apart
- Smashing Magazine
- iA
- UX Mag
- The Usability Post
- Gizmodo
- Wired
- Mashable
- FastCo.Design
- Eye on Design
- Hey Designer
- Sidebar