& User Experience.
As a DESIGN | MEDIA ARTS major and Film minor at UCLA, I spent a fair amount of time collecting all kinds of design artifacts, links, resources. Most designers have their own repository of go-to resources. This is mine, open sourced, so everyone can benefit from what I've learned over the years!
Naming a few of the lesser known...
Creating a visual cue to let users know something exists, and/or
when a control behaves as its appearance suggests. Something that has zero affordance is the right-click menu. On the screen, you have no idea what menu options may be available.
Heuristic evaluation is a usability inspection method that helps to identify usability problems in the user interface (UI) design. Think of it as a series of rules/tests you challenge a user experience with to understand if it's consistent and intuitive. Heuristic evaluations reveal where user experiences fail or break down.
Human Computer Interaction (HCI) involves the study, planning, and design of the interaction between people (users) and computers.
Human Factor Design
The multidisciplinary study of human biological, physical, psychological, and social characteristics in relation to environments, objects and services. Most commonly, this is typically concerned with ergonomics.
Low-fidelity prototype e.g. napkin drawings
A quick and easy translation of high-level design concepts to help quickly communicate framework or ideas. These may be sketches, drawings, shapes, paper cutouts etc.
High-fidelity prototype e.g. polished accurate product mockups
A prototype which is quite close to the final product, with lots of detail and a good indication of the final proposed aesthetics and functionality.
A visual representation of all the different navigation paths of your users’ interactions patterns. This might resemble something like a massive family tree, organizing what branches and connects to what - illustrating the full picture of how people may move around the experience.
Interviewing users in the location that they use the website or app, in order to understand their tasks and challenges.
The Innovator’s Dilemma [book]
The Innovator’s Solution [book]
The MAYA Principle [incremental changes]
Channeling Cialdini’s principles [article]
The Dunning-Kruger Effect [article]
Macro vs. Micro UX [article]
221 - USER-CENTERED
Nielson’s 10 Heuristics [framework for usability studies]
Gamestorming [design method]
Analytical UX Frameworks: AEIOU [design method]
The Art of Facilitation [book, essentials to meetings & group synergy]
222 - INCLUSIVE DESIGN
223 - TOOLS
What is a “Product Manager”?
231 - DEFINITIONS
A product manager’s job [Josh Elman]
UX and PM [Usability Counts]
What does a product manager do? [Brent Tworetzky]
What exactly is a product manager? [Martin Eriksson]
What does at product manager do? [Geoffrey Keating]
232 - COMPANY VARIATIONS / CULTURE DIFFERENCES
PMs at Google
PMs at LinkedIn
PMs at Facebook
PMs at Microsoft
PMs at Twitter
233 - FRAMEWORKS
234 - The PM INTERVIEW
Cracking the PM Interview by Gayle McDowell & Jackie Bavaro
Decode & Conquer by Lewis Lin
Interview Math by Lewis Lin
The Product Manager Interview by Lewis Lin
Case in Point by Marc Cosentino
Case Interview: 20 Days to Ace the Case by Destin Whitehurst & Erin Robinson
Swipe to Unlock by Parth Detroja, Neel Mehta, & Aditya Agashe
The PM Interview: Trove of practice problems to try and time yourself against or practice with a friend
PM Lesson by Stephen Cognetta: Another website with sample problems and very thorough explanations.
240 - DESIGN DOCS
241 - DESIGN VID CLIPS
DOCS & CLIPS
Stanford Crash Course 90min Design Thinking [free class]
UXforChange.com – A UX mentor exchange non-profit (meant for students, designers)
UW Human Centered Design & Engineering Certificate [night classes available for Seattleites]
FREE ASSETS &
A free database of anything and everything that’s public domain
Read more about it from
292 - FREE STOCK PHOTOS
293 - FREE FONTS
294 - FREE PHOTOSHOP ASSETS (List of 15)
PremiumPixels (PSDs, Icons)
PSD Explorer (Graphics, Icons, Assets)
365PSD (PSDs, Icons)
Design Instruct / Free (Graphics, Icons, Samples)
Purty Pixels (Assets, Graphics)
Bazaar Designs (Vectors, PSDs, web templates)
Free Vectors/Icons (all-free-download.com)
Map of the World Vector (designm.ag.com),
Map of the World Vector MORE (speckyboy.com)
Info Graphic Kid – Basic (PixelKit.com)
295 - FREE AUDIO SAMPLES
296 - PAID UI TEMPLATES
297 - TUTORIALS
Where to next?