Quantcast
Channel: ux – Bram.us
Browsing all 61 articles
Browse latest View live

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 Article



Image may be NSFW.
Clik here to view.

Paper 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 Article

Image may be NSFW.
Clik here to view.

iOS 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 Article

Image may be NSFW.
Clik here to view.

Sparkicons

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 Article

Image may be NSFW.
Clik here to view.

Increasing 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 Article


Image may be NSFW.
Clik here to view.

Snappy & 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 Article

Don’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 Article

URLs 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 Article


Image may be NSFW.
Clik here to view.

Chardin.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 Article


Image may be NSFW.
Clik here to view.

In 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 Article

Image may be NSFW.
Clik here to view.

The 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 Article

Image may be NSFW.
Clik here to view.

The 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 Article

Image may be NSFW.
Clik here to view.

jQuery.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 Article


7 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 Article

Image may be NSFW.
Clik here to view.

Everybody 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 Article


From “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 Article

Image may be NSFW.
Clik here to view.

The 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 Article


Image may be NSFW.
Clik here to view.

Fail 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 Article

Design 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 Article

Image may be NSFW.
Clik here to view.

Designing 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
Browsing all 61 articles
Browse latest View live




Latest Images