gordonbrander + ui 53
Lean UX: Getting Out Of The Deliverables Business | Smashing UX Design
4 days ago by gordonbrander
Prototyping! Prototyping! Prototyping!
agile
design
pattern
business
ux
ui
4 days ago by gordonbrander
Avengers - jayse
6 days ago by gordonbrander
Some fun concept UI work for the Avengers.
design
film
ui
ux
inspiration
6 days ago by gordonbrander
Bret Victor, beast of burden
february 2012 by gordonbrander
Just about the loveliest of personal sites. A collection of interesting creative artifacts.
inspiration
design
development
apple
web
ui
ux
february 2012 by gordonbrander
How one 9 year old uses an iPad | Mozilla User Research
ui
design
research
blog
learn
mozilla
january 2012 by gordonbrander
So after we spent 30 minutes walking through the apps he uses, which were just games and Photobooth, he showed me all the other capabilities of the iPad. “You can even use it as an iPod.” However when we looked at iTunes there was no music to be found. He admitted that he doesn’t listen to any music on it, but he wanted to make sure that I knew the device could do such things.
january 2012 by gordonbrander
Touching and Gesturing on the iPhone
december 2011 by gordonbrander
The iPhone exposes the following multitouch events to the DOM:
Touch (one finger):
OnTouchStart
OnTouchEnd
OnTouchMove (can be turned into swipe)
Gestures (2 finger):
OnGesture
javascript
touch
ios
development
web
ui
design
mobile
Touch (one finger):
OnTouchStart
OnTouchEnd
OnTouchMove (can be turned into swipe)
Gestures (2 finger):
OnGesture
december 2011 by gordonbrander
Rosenfeld Media - The Mobile Frontier: Mapping Touchscreens for Touch
december 2011 by gordonbrander
Analyzing the best areas for main actions on a touch screen device.
ui
design
usability
ios
touch
december 2011 by gordonbrander
A Brief Rant on the Future of Interaction Design
november 2011 by gordonbrander
Very, very good article on screen interaction, and the Future.
design
ui
interactive
web
philosophy
learn
bdw2011
november 2011 by gordonbrander
jRumble | A jQuery Plugin That Rumbles Elements
july 2011 by gordonbrander
A handy little script that buzzes or vibrates elements. Configurable. It would make a great way to say "error" politely.
jquery
animation
ui
javascript
opensource
plugin
july 2011 by gordonbrander
Designed for Use
july 2011 by gordonbrander
Lukas Mathis of http://ignorethecode.net has written a book on user interface design for the Pragmatic Bookshelf.
book
design
usability
ui
july 2011 by gordonbrander
The progress bar illusion
january 2011 by gordonbrander
Certain illusions will make loading appear 15% faster.
usability
design
web
ui
january 2011 by gordonbrander
I ♥ wireframes
august 2010 by gordonbrander
Wireframe Tumblog. Nice source of inspiration.
design
wireframe
ui
process
august 2010 by gordonbrander
Mag+ live with Popular Science+ on Vimeo
april 2010 by gordonbrander
We are watching this in Interactive 1.
design
ui
inspiration
ipad
film
april 2010 by gordonbrander
UX Magazine: The Impossible Bloomberg Makeover
march 2010 by gordonbrander
"The Bloomberg terminal is the perfect example of a lock-in effect reinforced by the powerful conservative tendancies of the financial ecosystem and its permanent need to fake complexity."
usability
ui
design
blog
business
march 2010 by gordonbrander
Apple Human Interface Guidelines
march 2010 by gordonbrander
In the same league as the Economist style guide.
web
design
ui
learn
march 2010 by gordonbrander
Matt Legend Gemmell: iPad Application Design
march 2010 by gordonbrander
Nice observations
app
design
ui
mobile
march 2010 by gordonbrander
Uniform - Sexy forms with jQuery
february 2010 by gordonbrander
Non-obtrusive jQuery masking/replacement for standard form elements, allowing you to style them. An easy accessible way to style select, radio, etc.
design
ui
javascript
jquery
plugin
web
development
opensource
february 2010 by gordonbrander
It's all about interaction: Drawing Ideas and Communicating Interaction
february 2010 by gordonbrander
A video on Wireframing interaction in design.
ui
design
illustration
wireframe
school
interactive1
february 2010 by gordonbrander
QuirksBlog: Native iPhone apps vs. Web apps
november 2009 by gordonbrander
PPK on the state of native vs web apps on the iPhone.
mobile
design
ui
standard
blog
ios
november 2009 by gordonbrander
Log in or sign up?
november 2009 by gordonbrander
Combining UI intelligently to reduce noise.
design
ui
november 2009 by gordonbrander
Graphical User Interface gallery
october 2009 by gordonbrander
Screenshots of various GUI's and UI Archetypes.
ui
usability
design
learn
october 2009 by gordonbrander
Treating User Myopia
october 2009 by gordonbrander
...users don't read. Pair this with "it's never the user's fault" and you've got yourself an interface.
design
usability
web
ui
october 2009 by gordonbrander
Android Intelligent Home Screen
september 2009 by gordonbrander
A fresh take on home screen UI for phones.
UI
mobile
android
design
opensource
mockup
september 2009 by gordonbrander
cypher13 design studio
august 2009 by gordonbrander
Gorgeous swiss minimalism from Boulder design trio. This site has a really nice interaction layer to it.
ui
boulder
denver
design
web
portfolio
swiss
javascript
minimalism
august 2009 by gordonbrander
Hand & Arrow Icons
august 2009 by gordonbrander
A PSD of cursors for displaying interaction states in Photoshop
design
photoshop
ui
free
august 2009 by gordonbrander
Managing UI Complexity by Brandon Walkin
august 2009 by gordonbrander
An article on methods of maintaining a good user interface in the face of an onslaught of features.
design
ui
web
blog
minimalism
august 2009 by gordonbrander
Virtual Keyboards on iPhone and Android
august 2009 by gordonbrander
Ignore the Code has an insightful essay on the details that go into making virtual keyboards usable
usability
ui
blog
ios
august 2009 by gordonbrander
jQuery DOM Window
august 2009 by gordonbrander
Ultra-basic, no-cruft modal box script. All CSS is in-lined programatically. Looks like a better choice than ThickBox.
javascript
jquery
modalbox
lightbox
script
library
ui
august 2009 by gordonbrander
iPhone Application Design Patterns
july 2009 by gordonbrander
A great abstract overview of the most common and efficient iPhone UI design patterns.
ui
design
development
usability
ios
july 2009 by gordonbrander
jQuery Swipe
july 2009 by gordonbrander
iPhone-style swiping on any elements. Yes, please.
ui
jquery
javascript
plugin
ios
july 2009 by gordonbrander
jQuery Masonry
june 2009 by gordonbrander
Gapless vertical stacking of boxes through jQuery. The only thing you have to specify is width. Think spacecollective gallery.
grid
design
web
css
javascript
jquery
plugin
ui
layout
swiss
june 2009 by gordonbrander
Edit-in-place with contentEditable property
may 2009 by gordonbrander
A cross-browser jQuery plugin making use of HTML5's contentEditable property.
web
development
javascript
jquery
ui
plugin
edit
html
may 2009 by gordonbrander
IE 6 min/max-width hack
march 2009 by gordonbrander
Cameron Moll's IE expression declaration that emulates min and max-width in one line.
css
web
design
development
accessibility
ie
usability
javascript
ui
march 2009 by gordonbrander
Rands In Repose: A Signature Cadence
december 2008 by gordonbrander
Web 2.0, how we think, writing in a personal voice and why Flickr loves you.
design
web
ui
community
flickr
culture
writing
december 2008 by gordonbrander
Lessons Learned while Building an iPhone Site
november 2008 by gordonbrander
Designers of Flickr's top-notch iPhone specific site speak.
design
web
ui
usability
flickr
ios
november 2008 by gordonbrander
spacecollective.org recent
october 2008 by gordonbrander
Creative grid-based post layout, with Ajax loading. Fun.
web
design
grid
ajax
UI
blog
inspiration
october 2008 by gordonbrander
Crystal project
october 2008 by gordonbrander
A set of GPL icons for lots and lots of things.
design
web
opensource
icon
UI
october 2008 by gordonbrander
Pattern Tap: Interface Collection for Design Inspiration
september 2008 by gordonbrander
It's another design inspiration gallery, only this time organized by pattern, e.g. "breadcrumbs", "backgrounds", "audio", etc. A much more useful way to do it, really.
design
inspiration
web
UI
september 2008 by gordonbrander
Aza’s Thoughts
june 2008 by gordonbrander
Aza Raskin's blog. Aza is a brilliantly unorthodox (and famous) UI designer.
design
web
UI
blog
usability
javascript
june 2008 by gordonbrander
StockIcons
april 2007 by gordonbrander
Another high-quality stock icon broker.
icon
stock
resource
UI
april 2007 by gordonbrander
Vanilla Forum
march 2007 by gordonbrander
A forum that doesn't suck. Open-source, standards-compliant, multi-lingual, fully extensible. And pretty to boot.
forum
opensource
cms
web
UI
march 2007 by gordonbrander
Great Design Is In The Details » Jaredigital Articles
february 2007 by gordonbrander
The littlest details can make the biggest difference. Jared looks at an IKEA mug and proves it.
design
usability
detail
UI
february 2007 by gordonbrander
Paper Prototyping
january 2007 by gordonbrander
A List Apart. When's the last time you got to eat the paste at a web developement meeting?
web
development
ui
learn
january 2007 by gordonbrander
Brown University
november 2006 by gordonbrander
An "accordion" style javascript UI. Pretty bold for a university.
web
design
html
css
javascript
UI
november 2006 by gordonbrander
A List Apart: Articles: Suckerfish Dropdowns
september 2006 by gordonbrander
Use sematic lists for dropdowns. Tastes good w/ or w/o CSS. Google digs it too.
css
design
ui
html
september 2006 by gordonbrander
A List Apart: Articles: CSS Design: Taming Lists
september 2006 by gordonbrander
Tame some lists.
css
design
ui
html
september 2006 by gordonbrander
related tags
accessibility ⊕ agile ⊕ ajax ⊕ android ⊕ animation ⊕ app ⊕ apple ⊕ bdw2011 ⊕ blog ⊕ book ⊕ boulder ⊕ business ⊕ cms ⊕ community ⊕ css ⊕ culture ⊕ denver ⊕ design ⊕ detail ⊕ development ⊕ edit ⊕ essay ⊕ film ⊕ flickr ⊕ forum ⊕ free ⊕ grid ⊕ html ⊕ icon ⊕ ie ⊕ illustration ⊕ inspiration ⊕ interactive ⊕ interactive1 ⊕ ios ⊕ ipad ⊕ javascript ⊕ jquery ⊕ layout ⊕ learn ⊕ library ⊕ lightbox ⊕ minimalism ⊕ mobile ⊕ mockup ⊕ modalbox ⊕ mozilla ⊕ opensource ⊕ pattern ⊕ philosophy ⊕ photoshop ⊕ plugin ⊕ portfolio ⊕ process ⊕ research ⊕ resource ⊕ school ⊕ script ⊕ standard ⊕ stock ⊕ swiss ⊕ touch ⊕ ui ⊖ usability ⊕ ux ⊕ web ⊕ wireframe ⊕ writing ⊕Copy this bookmark: