Perfectly Awesome
Posts by Date
Posts by Topic
Posts by Title
About
UI & UX Resources:
accounts & self-service
ai
ambiguity
analogies
analytics
animation
annotation
assistants
attention
autocompletion
barcodes
behaviors
benchmarking
best practices & checklists
biases
biases (social)
brands
buttons
cards
change blindness
choices
cognition/perception
colors
community patterns
cookies
creepiness
critical incident technique
cultures
customers
custsvc
dark patterns
design guides
design patterns
design patterns (web)
ecommerce
ecommerce page examples (Baymard)
elements
elements/forms
empathy
evaluation
exit intent
explainers
eye movement
fidelity
flat design
frameworks
frameworks, tools
friction
front end design
game patterns
glossaries
grids
hiring
hooks
html
images & photos
info design
intent
interactions
interfaces
intuition
invisibility
job / career
jobs to be done
kerning
knolling
landing pages
language
layouts
leadership
leaks
lean
learning
links
locality
logins
logos
lorem ipsum
mass-market products
methods
microinteractions
minimalism
mistakes
mobile e-commerce
navigation
onboarding
packaging
parallax
pdfs
performance
personas
platforms
principles, guidelines, frameworks
privacy
product lists & filtering
product pages
progressive disclosure
readability
reputational UI elements
research
resources
responsive UI
rewards
salience
scale
scarcity
scenario maps
search
security
shopping carts
similarity
sitemaps
sketching
social interaction elements
spatial memory
stories
style guides
symbols
tables
tbd
themes
tools
touch
trends
typography
usability
use cases
user testing
video
visual Hierarchy
visualization
whitespace
wireframes
word clouds
accounts & self-service
Account dashboard
Address book
My Account dropdown
Newsletter management
Order returns
Order tracking
Orders overview
Stored credit cards
ai
Artificial Intelligence, Supervised Learning, and User Experience
ambiguity
Doubt
Navigating Ambiguity (UXmatters)
analogies
How To Think Visually Using Visual Analogies - Infographic - Adioma
Visual analogies
analytics
Vanity Metrics - Add Context to Add Meaning
animation
4 UI Animation Examples That Showcase Effective Individual Components
5 Ways to Boost Engagement With Animation
Creating Animations with UIKit and Core Animation
Durations & Motions (NN Group)
Durations (NN Group)
The Proper Use (UX Design)
The Role of Animation and Motion in UX
Usability (NN Group)
animations & duration
annotation
Annotation is Now a Web Standard (Hypothes.is)
assistants
The Paradox of Intelligent Assistants - Poor Usability, High Adoption
attention
isolation
reduction
tunneling
autocompletion
Autocomplete as an interface | benkuhn.net
barcodes
Brilliant Barcode Designs
behaviors
4 Cognitive Psychology Tricks
Cognitive Bias & Mental Mistakes
Crash Course in User Psychology (The Hipper Element)
Do We Create Shoplifters? (Unintended Consequences)
Familiarity
Needs vs intent (Google)
Privilege vs Empathy
authority principle
interactions & shaping user behaviors
reciprocity decay
user behaviors & mental models/
benchmarking
4,096 E-Commerce Design Examples Distributed Across 52 Page Types - Baymard
7 Steps to Benchmark Your Product’s UX
Benchmarking UX - Tracking Metrics
Top 60 E-Commerce Sites Ranked by UX Performance
baymard.com
best practices & checklists
10 UX lessons I learned building my product from scratch
Baymard Institute
Feature design checklist – UX Collective
Front-End Performance (Smashing Magazine)
Front-End Performance Checklist 2020
Gorgeous UI pt 2 (erikdkennedy)
Gorgeous UI, pt 1 (erikdkennedy)
People, Products, and Epiphanies – Google Design – Medium
Practical UX Design Tips for Startups and Teams on a Budget
Smart Interface Design Patterns Checklists PDF
UI Design Best Practices for Better Scannability
UX Checklist (GitHub)
User Interfaces, Usability & UX
habits-of-expert-software-designers/
the-obvious-ui-is-often-the-best-ui-7a2559
biases
curiosity
endowment effect
framing
illusion of control
limited choices
limited durations
loss aversion
need for closure
negativity bias
optimism bias
peak-end rules
scarcity
set completion
status-quo bias
value attribution
biases (social)
authority
competition
consistency
liking
nostalgia
positive mimicry
reciprocation
reputation
revenge
role playing
self expression
social proof
status
brands
To Truly Delight Customers, You Need Aesthetic Intelligence
buttons
Button Design Guide
How to design better buttons
Split Buttons
cards
Alternatives to Pinterest
Best Pinterest cards
Designing Card-Based User Interfaces
change blindness
Change Blindness (NN Group)
What is Change Blindness (Noupe)
choices
Dot Voting for Decisions & Priorities
Hick's Law (interaction-design.org)
cognition/perception
Cognitive Mapping in User Research
Cognitive Maps, Mind Maps, and Concept Maps
Design Psychology and Neuroscience
Using Cognitive Psychology in UX Design
Weber’s Law
colors
Building Your Color Palette
Capture Attention Through Color Psychology
Capturing Attention (UX Matters)
Color Theory (Color Matters)
Contrasting Colors (Canva)
How Color Impacts UX
How Color Impacts UX (WebDesignerDepot)
Hues, Tints, Tones, Shades (MyBluPrint)
What Color Is This?
Why Facebook is Blue (Buffer)
community patterns
Flagging & Reporting Content
Pay to Promote
Rate Content
Vote to Promote
Wikis
cookies
This is the most interesting UI design of the year so far
creepiness
Creepiness–Convenience Tradeoff
critical incident technique
Intro (NN Group)
cultures
Understanding Cultures
customers
What You Need to Know About Negotiating Design Ideas with Skeptical Custome
custsvc
if-you-run-a-small-business-park-in-the-back-of-the-parking-lot
dark patterns
CSS background-image properties as anti-patterns (NY Studio 107)
Catalog (Dark Patterns)
Dark Patterns - Types of Dark Pattern
Study of Over 11,000 Online Stores Finds Dark Patterns on 1,254 sites
dark-patterns
dark-patterns-in-design/
design guides
8 Design Guidelines for Complex Applications
UX Design — Smashing Magazine
design patterns
10 Great Sites for UI Design Patterns | Interaction Design Foundation
Design Patterns catalog (Refactoring.guru)
Patterns | GoodUI
Smart Interface Design Patterns In Your Pocket
UI-Patterns.com
account registration
blank slates
coachmarks
guided tours
inline hints
lazy registration
paywalls
playthroughs
walkthroughs
design patterns (web)
Design Interface Patterns (Designing Interfaces)
Designing Interfaces (OReilly)
Designing Web Interfaces
Explore-and-Exploit Interfaces (Medium)
Good UI Principles (Good UI)
ecommerce
7 Ecommerce UX Tips That Drive Sales
7 tips that drive sales (UX Matters)
Guidelines (NN Group)
How Sephora sucks all my money through great UX and psychology
Product Page UX (NN Group)
UX Guidelines for Ecommerce Homepages, Category Pages, and Product Listing
UX Guidelines for Ecommerce product pages
ecommerce page examples (Baymard)
Dropdown menus
Home
Toplevel navigation
elements
Adaptive Views
Archives
Article Lists
Carousels
Categorization
Continuous Scrolling
Copy Boxes
Dashboards
Event Calendars
FAQs
Favorites
Pagination
Periodic Table of UX Elements
Progressive Disclosure
Tag Clouds
Tags
The Elements of UI Engineering - Overreacted
Thumbnail Images
tooltips
elements/forms
Autosaving
Calendar Picker
Captchas
Expandable Inputs
Fill in the Blanks
Forgiving Formats
Good Defaults
Inplace Editors
Input Feedback
Input Prompts
Keyboard Shortcuts
Morphing Controls
Password Strength Meters
Previews
Rule Builders
Settings / Preferences
Structured Formats
Undo
WYSIWYG editors
empathy
Sympathy vs. Empathy in UX
behaviors - empathy
evaluation
How to run an heuristic evaluation – UX Mastery
exit intent
10 Ways to Use Exit-Intent Popups to Improve UX
explainers
Completeness Meters
Inline Help Boxes
Steps Remaining
Wizards
eye movement
Is The F-Pattern Still Relevant in Web Design?
The Lawn Mower Eyetracking Pattern
fidelity
Creating Low-Fidelity or High-Fidelity Prototypes, Part 1
Creating Low-Fidelity or High-Fidelity Prototypes, Part 2
flat design
Design Contest
frameworks
Designing Interfaces
GoodUI Fastforward
Google says Flutter, its open source UI framework, now has nearly 500,000 users
Six Circles - A Experience Design Framework - theuxblog.com
Tailwind UI
The Principles Of Visual Communication
frameworks, tools
Favorite frameworks & tools
friction
Frictionless UX
front end design
Front End Interview Handbook
game patterns
The Secret to Happy UX - from a Game Designer
appropriate challenges
intentional gaps
levels
periodic events
self-monitoring
storytelling
glossaries
a-comprehensive-list-of-ux-design-methods-deliverables
grids
5 Design Ideas (Canva)
8-point-grid-vertical-rhythm-90d05ad95032
hiring
Applying UX-Workshop Techniques to the Hiring Process
hooks
Making the Hook Model actionable
html
HTML templates
images & photos
10-open-source-free-svg-icon-libraries
Galleries
How to Film & Photograph (NN Group)
Image Zoom
Responsive Images - A Reference Guide from A to Z
Slideshows
Stock Photos (Canva)
open-source SVG icon libraries (Themesberg)
info design
Optimizing Information Design
intent
How do Needs drive Intent? (Google)
interactions
Digital.HEB
Drag & Drop
Read Write Web
Shaping User Behaviors (Medium)
interfaces
The UX of LEGO Interface Panels – George Cave
intuition
4-rules-intuitive-ux
invisibility
The most effective technology is technology that no one sees
job / career
Crafting a UX Portfolio
It’s time to do away with the UX discipline
Reflections from a designer turned product manager - 6 unexpected difference
user-experience-careers/
jobs to be done
The Jobs To Be Done Playbook
kerning
Canva
knolling
50 Examples (The Ultra Linx)
landing pages
DesignLab improvements
How to optimize SaaS landing pages for rapid comprehension
Landing Pages - The Complete Guide
language
How to adapt your product’s UX for the Chinese market
Why Japanese Web Design is so Different (RandomWire)
Why do Chinese Websites Have all those Numbers? (New Republic)
layouts
Web Layout Best Practices - 12 Timeless UI Patterns Analyzed
leadership
Molding Yourself into a Leader, Part 1
leaks
https://goodui.org/leaks/list/
lean
The Lean Product Playbook
learning
Learnability
links
Better Link Labels
locality
Locality Laws (Learn UI)
The 3 Laws of Locality – Learn UI Design
logins
Login Walls Stop Users in Their Tracks
logos
Creative Bloq
lorem ipsum
How Lorem Ipsum Kills Your Designs
mass-market products
Our Users Are Everyone - Designing Mass-Market Products for Large User Aud
methods
The 6 UX Methods That Proved to Be Effective in Driving Results
microinteractions
H-E-B Digital | Microinteractions can make a big difference
How to use Tooltips as Micro-Interactions (Web Designer Depot)
minimalism
Great products do less, but better
good-ux-boring-ui/
mistakes
Discussion Guide Gaffes and How to Fix Them
mobile e-commerce
Billing Address
Categories
Checkout Account Selection
Home
Navigation
Order Confirmation
Order Review
Payment Method
Products
Search Autocompletes
Search Results
Searches
Shipping Address
Shipping Method
Shopping Carts
navigation
Accordions
Breadcrumbs
Fat Footers
Home Links
Horizontal Dropdown
Modal Windows
Notifications
Shortcut Dropdowns
Vertical Dropdown
Waypoints (Matthew Strom)
how-hiking-trails-are-created
onboarding
Mobile App Onboarding (NN Group)
packaging
Awesome Package Design Blogs to Inspire Your Work | Creative Market Blog
parallax
What Parallax ... Lacks (NN Group)
pdfs
Read PDFs online? Just Say No. (NN Group)
performance
front end checklist (2019)
performant-front-end-architecture
personas
3 Persona Types - Lightweight, Qualitative, and Statistical
Personas (UX for the Masses)
The Dangers of Overpersonalization
platforms
Storming Reddits Moat
principles, guidelines, frameworks
Awesome Design Principles (Robin Stickel)
Contrast & Similarity (Smashing Mag)
Dominance, Focal Points & Hierarchy (Smashing Mag)
Flow & Rhythm (Smashing Mag)
Perception & Gestalt (Smashing Mag)
Six Circles
Space & Figure-Ground Relations (Smashing Mag)
The Laws of UX
Weight & Direction (Smashing Mag)
privacy
Privacy-Aware Design Framework
privacy-better-notifications-ux-pe
product lists & filtering
Comparison tool
List by category
List from search
Sorting tool
product pages
Image gallery overlays
Spec sheets
User reviews
Video & 360 views
product pages
progressive disclosure
Designing for Progressive Disclosure
readability
Readability Formulas - 7 Reasons to Avoid Them and What to Do Instead
reputational UI elements
collectible achievements
leaderboards
research
The Complete Guide to UX Research Methods
resources
Awesome Design Resources (GitHub)
Awesome UX (GitHub)
Complete Guide to UX Research Methods (TopTal)
Top books, movies, and series recommended by designers in 2019
an awesome list about User Experience disciplines
responsive UI
Brad Frost
Large-Scale Responsive Site Design (UX Booth)
rewards
8 Ways to Emotionally Reward Your Users
achievements
completions
delighters
fixed
powers
praise
prolonged play
unlocking features
variable
salience
salience-the-psychology-of-an-experience-you-can’t-ignore
scale
Scale & Design (Canva)
scarcity
Scarcity - The Psych Bias that become a Norm (UX Collective)
scenario maps
Example Scenario Maps (UX for the Masses)
search
3 SERP features - advanced snips, people ask ask, & knowledge panels (NN Group)
7 Things I Wish Every Search Did (Intercom)
Autocomplete pattern
Autocompletion
Different Information-Seeking Tasks
Live filter pattern
No results page
Results page
Search fields
security
Never use the word User in your code
shopping carts
Account info
Address validations
Billing addresses
Cross-selling
Delivery & shipping methods
Gifting
Order confirmations
Order reviews
Shipping addresses
Shopping carts
Store pickups
payment
similarity
Similarity Principle in Visual Design
sitemaps
Example Sitemaps (UX for the Masses)
sketching
Sketching (UX for the Masses)
social interaction elements
activity streams
auto-sharing
chats
following
friending
friends list
invitations
reactions
spatial memory
Spatial Memory (NN Group)
stories
Building Narrative into Your User Interface, Part 2
Example StoryBoards (UX for the Masses)
Intro to Storyboarding (Johnny Holland)
Intro to Storyboarding (Smashing Magazine)
The Role Of Storyboarding In UX Design
behaviors and storytelling
style guides
Buffer's Style Guide
Creating a Style Guide (A List Apart)
Creating a UX Design Style Guide
Example Style Guide (Starbucks)
Style Guides (UX for the Masses)
symbols
How to Create Better Alerts and Symbols in Your Designs
tables
Alternating Row Colors
Sort by Column
Table Filters
tbd
I wanted to write a book, but ended up with a card deck
Making the Fogg Behavior Model actionable
The Experience Economy
The User Experience of Public Bathrooms
UX Advice | Simon McCade | Product Designer for SaaS Companies | Bristol
User-Experience Quiz - 2019 UX Year in Review
a gist
adactio principles
interactive-the-secret-to-hotel-room-design-is-part-art-part-science/
passfail -squarespace
the-third-user
themes
How to Leverage Thematic Analysis for Better UX
tools
12 Best Free UX/UI Prototyping Tools for Web/App Designers in 2020
7 Ways to Analyze a Customer-Journey Map
Cognitive/Mind/Concept Maps (NN Group)
Content Models (UXM)
Empathy Maps (Innovation Games)
Empathy Maps (UXM)
Example UX docs (UXM)
Example UX docs and deliverables (UXM)
Experience Mapping(wnialloconnor)
Experience maps (Adaptive Path)
Figma Crash Course
Figma tutorial
Free UX Tools (UX for the Masses)
Free UX/UI prototyping tools, Feb'2020 (Noupe)
Journey Maps (ConversionXL)
Process Diagrams (UX for the Masses)
Recently Viewed – Figma
Storybook Tutorial
Task Grids (UX for the Masses)
Uxbox – The open-source prototyping tool
Visual Inspiration Tools (Awwwards)
Yworks tools
empathy maps (NN Group)
figma-linux
journey mapping 101 (NN Group)
touch
A Design Language for Touch, Gesture, and Motion
Design Language (UX Matters)
Design for Touch (UX Matters)
Designing for Touch
Drag & Drop design
trends
2019-ui-and-ux-design-trends/
typography
50 Examples of letterpress (Canva)
Atkinson Hyperlegible Font
Glossary (Canva)
How to Pick Font Families (Lifewire)
Intro (Practical Typography)
Typographic Hierarchy (Tutsplus)
usability
Chapter 2. Who’s using the app?
Remote Moderated Usability Tests
Usability Testing 101
use cases
Airline Boarding Passes (Squarespace)
How To Deliver A Successful UX Project In The Healthcare Sector
I Learned Everything I Needed to Know about UX While Working in Restaurants (NN Group)
In Defense of Post-its
Lessons on Visualization from the Industrial Environment
The Power of a Free Popsicle
The Weird Science Behind Chain Restaurant Menus
Why-do-we-keep-building-cars-with-touchscreens?
history-door-handle-designs
user testing
Why you only need to test with 5 users (NN Group)
video
How to Film and Photograph Online Content for Usability - UX Details for Video
visual Hierarchy
Design Principles - an Introduction to Visual Hierarchy
visualization
10 Rules (Plos)
10 Tips for Building a Visual Language
Beautiful Reasons (Accurat Studio)
Periodic Table (Visual Literacy)
See Googles first guidelines for data visualization
Style Tiles
Visual Design Terms Cheat Sheet
whitespace
Canva
wireframes
Gallery (Pinterest)
How to Create a Wireframe
Pinterest wireframes
word clouds
TagCrowd
Wordle (Boxes & Arrows)