← UI/UX
Know before drive
Table of contents
Introduction
- Elements of Design #video
- What is UX?
- Startups, this is how design works
- Complete Beginner’s Guide to Interaction Design by Andrew Maier on UX Booth
- First Principles of Interaction Design
- Gestalt principles
- API Design is UI for Developers by Terence Eden on his blog
Defining & Expanding User Experience
- Learning to See by Oliver Reichenstein
- Visual Hierarchy & Weight by Joshua Porter and Joshua Brewer on 52 Weeks of UX
- Learning from “bad” UI by Ryan on 37signals
- Interaction Design Checklist
White Space: Designing the Invisible
- Designing with White Space: Why 1+1=3 by DAVID KADAV on his blog
- Whitespace by Mark Boulton published January 09, 2007 on A List Apart
Achieving Visual Hierarchy
- On Visual Hierarchy by Ryan Heath
- Understanding Visual Hierarchy in Web Design by Brandon Jones on Sep 28th 2011 on Webdesign Tuts+
- Visual Hierarchy: How Well Does Your Design Communicate by Steven Bradley on December 15, 2009
- Contrast and Meaning by Aandy Rutledge April 24, 2007 on A List Apart
Deciding What's Good: Design Principles
- Sidebar: Visual Design Principles
- Dieter Rams Reflects on His Principles of Good Design
- 5 Principles of Good Visual Design
- Clean Up Your Mess: a Guide to Visual Design for Everyone
Color
- The Code Side Of Color by Ben Gremillion on Smashing Magazine
- An Introduction to Color Theory for Web Designers by Thomas Cannon on Webdesign Tuts+
- Color Theory for Designers, Part 1: The Meaning of Color by Cameron Chapman on Smashing Magazine
- Color Theory For Designers, Part 2: Understanding Concepts And Terminology by Cameron Chapman on Smashing Magazine
- Color Theory for Designer, Part 3: Creating Your Own Color Palettes by Cameron Chapman on Smashing Magazine
Animation, Direct Manipulation & Feedback
- Transitional Interfaces by Pasquale D’Silva on Medium
- Animated Transition
- When the UI Is Too Fast by Jakob Nielsen on July 8, 2013
Mobile
- Your Content, Now Mobile by Karen McGrane published November 05, 2012 on A List Apart
- Mo’ Pixels Mo’ Problems by Dave Rupert published September 25, 2012 on A List Apart
- Client Relationships and the Multi-Device Web by Tim Wright published July 23, 2013 on A List Apart
- Designing for the empty states by Craig Dennis on Codrops
Experimenting
- Hack Your Maps by Young Hahn published April 09, 2013 on A List Apart
- Flat UI and Forms by Jessica Enders published October 15, 2013 on A List Apart
- Translation is UX by Antoine Lefeuvre published December 04, 2012 on A List Apart
- Environmental Design with the Device API by Tim Wright published February 12, 2013 on A List Apart
And last, but not least
- Smart Quotes for Smart People by Jason Santa Maria
Some material was taken from the Hack Design lessons. I encourage you to dive into all the lessons on Hack Design