Redesigning the Country Selector - Baymard Institute
november 2011 by roel
So we took it upon ourselves to redesign the country selector.
Using principles of progressive enhancement we turn a standard drop-down into an advanced auto-complete field. This means the drop-down remains accessible, while providing a much better experience in modern browsers – handling typos, multiple spelling sequences, synonyms and prioritization.
forms
javascript
ui
Using principles of progressive enhancement we turn a standard drop-down into an advanced auto-complete field. This means the drop-down remains accessible, while providing a much better experience in modern browsers – handling typos, multiple spelling sequences, synonyms and prioritization.
november 2011 by roel
The method still works - (37signals)
may 2009 by roel
While I might use some different language today, this technique I posted in 2004 (inspired by Alexander) is still a major help when I’m designing a UI with many elements to juggle. The reason I come back to it is that it helps me design with language first instead of empty templates. Too often a design starts top-down with empty content areas (maybe a main column and a sidebar) and then we fill those boxes in until its “done.” Filling in the boxes would work fine, except having a bunch of stuff on the page doesn’t mean we served the design goals.
howto
design
inspiration
webdesign
usability
sketch
wireframe
patterns
ui
learning
may 2009 by roel
Accordion v2.0 Demo
november 2008 by roel
Finally a lightweight accordion that is built with scriptaculous and works properly in every browser.
web2.0
ui
script
webdesign
scriptaculous
tools
web
november 2008 by roel
Silverback — guerrilla usability testing
november 2008 by roel
Spontaneous, unobtrusive usability testing software for designers and developers.
video
usability
application
macosx
webdesign
tools
research
ui
november 2008 by roel
Featured Greasemonkey User Script: Make Google Reader Widescreen-Friendly
october 2008 by roel
The Google Reader for Wider Screens Greasemonkey script uses all the horizontal space available in GReader for better viewing on wide monitors.
greasemonkey
productivity
googlereader
ui
lifehacker
october 2008 by roel
A List Apart: Articles: Look at it Another Way
september 2008 by roel
Step out of your problem-solving role Whether we’re improving what we make, how we make it, or how we share it, we normally take the perspective of the creator by default. We can’t help it. We’re drawn into decisions about all sorts of details. We love the minutia—solving problems, finding a way around a limitation. We don’t try to see past our own role in the process. The field of user experience (UX) helps us change that. UX practitioners examine the everyday lives of the people we endeavor to help.
usability
ui
interface
psychology
userexperience
web
webdesign
september 2008 by roel
Aza’s Thoughts » Ubiquity In Depth
august 2008 by roel
Ubiquity is an experiment two parts. It’s both an interface and a development platform. Ubiquity 0.1 focuses on the platform aspects, while beginning to explore language-driven methods of controlling the browser.
web
usability
ui
ubiquity
mozilla
mashup
august 2008 by roel
Mozilla Labs » Blog Archive » Introducing Ubiquity
august 2008 by roel
Today we’re announcing the launch of Ubiquity, a Mozilla Labs experiment into connecting the Web with language in an attempt to find new user interfaces that could make it possible for everyone to do common Web tasks more quickly and easily.
webservices
mozilla
tools
web2.0
ui
ubiquity
browser
e-mail
mashup
august 2008 by roel
related tags
application ⊕ browser ⊕ design ⊕ e-mail ⊕ education ⊕ forms ⊕ googlereader ⊕ greasemonkey ⊕ howto ⊕ inspiration ⊕ interface ⊕ javascript ⊕ learning ⊕ lifehacker ⊕ macosx ⊕ mashup ⊕ mozilla ⊕ patterns ⊕ productivity ⊕ psychology ⊕ research ⊕ script ⊕ scriptaculous ⊕ sketch ⊕ tools ⊕ ubiquity ⊕ ui ⊖ usability ⊕ userexperience ⊕ ux ⊕ video ⊕ web ⊕ web2.0 ⊕ webdesign ⊕ webservices ⊕ wireframe ⊕Copy this bookmark: