Case Study: Red Hat No Knickers
Blade Runner Sketchbook (1982)
Bootstrap
… a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more. Nerd alert: Bootstrap is built with Less and was designed to work out of the gate with modern browsers in mind.
The Messy Art Of UX Sketching
UI Parade – User Interface Inspiration
UX Teams: Stop it with the wireframes. Please.
Complexity and User Experience
Jon Bolt explores how changing the discussion from "functionality" to "complexity" helps product owners and designers better evaluate the real impact new features have on a product.
○ Multiscreen Experience
Prinzipien und Muster für das Informationsmanagement in der Digitalen Gesellschaft (Beta)
6 Things I Learned About Print Stylesheets From HTML5 Boilerplate
Print stylesheets can be a pain if you don’t know what you’re doing. Before you even approach one you need to make sure to do some solid research into how to go about it. Today we’re going to help you along by first discussing the conceptual considerations that you need t...
Facilitating Effortless Discovery of Content for Teaching
As video becomes more popular online, we look at a project where video discovery and delivery best practices are beginning to be defined.
Work by Dan Mall
Want To Create A Great Product? First, Forget "User Friendliness"
User-friendliness is the inevitable result of a smart design approach, not the starting point. Here are three criteria to help you develop a useful design brief that will ultimately yield a great product.
How to Design a Mobile Responsive Website
When, why, and how should you go about designing a responsive website? Equator web designer and UX Booth contributor Elaine Simpson breaks down the basics of responsive web design.
Emailology - The Science of Looking Good in the Inbox
Pixel Hinting Vectors in Photoshop
PNG Masking
… How to Dynamically Shape Any Image on Your Website
Inspiration: Fluid & Responsive Design
Responsive design all started with this article by Ethan Marcotte. Some people see it as a trend. But it is more than just a trend. It is a new design solution — it helps to resolve the design problems associated with the different resolutions and devices (desktop, laptop, tablet, and mobile). I’m going to share […]
Comprehensive Review Of Usability And User Experience Testing Tools
This is an experiment in a slightly different format for Smashing Magazine – using a storytelling approach to convey the same lessons learned that a traditional article would have provided.
Bit Byte Bit
Beyond Task Completion: Flow in Design
In flow, the experience is rich and deep, and helps users be productive and highly creative.
Beyond Task Completion: Flow in Design
In flow, the experience is rich and deep, and helps users be productive and highly creative.
UI Stencils
Stencils, Sketch Pads & Accessories for User Interface Design
ClickDummy - Clickable Mockups
Turn your mockups into prototypes and get feedback fast
Free Download: Cheat Sheet For Designing Web Forms
16 Pixels: For Body Copy. Anything Less Is A Costly Mistake
Please note that this article used to have [another layout](http://web.archive.org/web/20130104231015/https://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake) that got lost in space during the migration of content to new servers.
Guesses vs. Data as Basis for Design Recommendations
Even the tiniest amount of empirical facts (say, observing 2 users) vastly improves the probability of making correct UI design decisions.
Contract Killer: The Next Hit
After spending weeks searching for a contract that was simple for me and my clients to understand, in 2008 I wrote my own and published it on 24ways ( http://24ways.org/2008/contract-killer ) for anyone to use. Now it’s time for an update.
Type study: A responsive 3D text effect
Effective Use of Color and Graphics in Applications for Children, Part I: Toddlers and Preschoolers
“The effective use of color and graphics in children’s media is one of the most important aspects of design to ensure that you deliver optimal content and a memorable user experience to young users.”
The T-Model and Strategies for Hiring IA Practitioners: Part 1
Web magazine about user experience matters, providing insights and inspiration for the user experience community