What makes someone leave a website?
Bad Navigation Too Many Ads Bad Content Structure Obtrusive use of Audio & Video The Registation Requirement Boring Content, Boring Design Poor Legibility Lack of Frequency What Makes Someone...
View ArticlePaper Prototyping
As a designer I find it’s important to remove myself from the digital space and explore solutions that can originate in physical space. Interface Origami →
View ArticleiOS WebKit browsers and auto-zooming form controls
One thing about iOS browsers that can be pretty frustrating, both as a developer and as a user, is when you open a site on an iPhone or iPod Touch (not iPad) and want to enter some text in a text...
View ArticleSparkicons
Sparkicon: a small, inline icon with additional link meta data to describe either the content and/or the behaviour when the user clicks the link. Think those little icons on Wikipedia (indicating the...
View ArticleIncreasing the Clickable Area of Inline Links
p a { margin: -.5em; padding: .5em; position: relative; } Neat little hack! Demo → Increasing the Clickable Area of Inline Links →
View ArticleSnappy & User Friendly Dropdown Menus
At every position of the cursor you can picture a triangle between the current mouse position and the upper and lower right corners of the dropdown menu. If the next mouse position is within that...
View ArticleDon’t Be Afraid To Teach Interactions
A couple of weeks ago, I was using the latest version of the Rdio app and realized that I had no idea how to put a song into a playlist. After hopelessly tapping around, I got a bit annoyed and posted...
View ArticleURLs are for People, not Computers
We are all familiar with URLs: the string uniquely identifying the requested document. However, we don’t always consider they are more than that: URLs are user facing and should be considered important...
View ArticleChardin.js
Chardin.js is a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour which I loved. Chardin.js — Simple...
View ArticleIn Defence of the Floppy Disk Save Symbol
Those who believe that the floppy cannot represent saving a document because nobody uses real floppy disks anymore miss an important point: while symbols initially piggyback on the meaning we assigned...
View ArticleThe Psychology of Waiting, Loading Animations, and Facebook
When Facebook users were presented with a custom loading animation in the Facebook iOS app they blamed the app for the delay. But when users were shown the iOS system spinner, they were more likely to...
View ArticleThe container model and blended content
One of the key differences between our new beta site and the current Guardian site is the way we approach content curation and presentation. From the outset we knew we wanted to create a modular...
View ArticlejQuery.aim
jQuery plugin which anticipates on which element the user is going to hover/click Cool idea! Experimental/buggy though. A UX Idea: I know where you are aiming! →jQuery.aim source (GitHub) → jQuery.aim...
View Article7 Principles of Rich Web Applications
My approach is to examine the usage of JavaScript exclusively from the lens of user experience (UX). In particular, I put a strong focus on the idea of minimizing the time it takes the user to get the...
View ArticleEverybody Scrolls.
We wanted to know how page design impacts user behaviors and to what extent visual cues help users scroll below the fold. To find out, we conducted user testing with 48 participants over 3 days....
View ArticleFrom “User Stories” to “Jobs Stories”
Jobs stories slightly revise the format to be less prescriptive of a user action, and thereby give more meaningful information for the designer and developer to build for the user’s expected outcome....
View ArticleThe anatomy of a credit card form
At Wave, our Invoice product enables business owners to create and send invoices to their customers, and to have those invoices paid via credit card. My job was to design the credit card form, given a...
View ArticleFail them faster
GDS – Government Digital Services – recently reworked a few application forms they have. Instead of letting the user complete everything, and then – at the end – give a notice that they’re not eligible...
View ArticleDesign for Realtime – User experience principles for realtime and reactive...
Great set of example videos (both right and wrong) on how to properly build interfaces that are updated reactively – without a page refresh (viz. “the realtime feed”). Imagine the difficulty in...
View ArticleDesigning More Efficient Forms: Structure, Inputs, Labels and Actions
I see it happening a lot: forms without any structure, with wrong types of inputs, with no proper labels, with … – And that’s a bad thing. All the required HTML elements (<fieldset>,...
View Article
More Pages to Explore .....