Archived posts from a dozen years ago.

Elements of Ui Design – ColorPicker

23 November 2007

Update: the source code is included in the Fotowall project. The files you’re looking for are the ColorPickerItem ones.

Say you’re writing an application and you want to let the user to change the color of an item; what will you do?

The standard approach is to popup a color dialog with the standard HSV selector and all the sliders and values and buttons and confusion. Another approach is to pop down a combobox with a selection of default colors where the user won’t find the colour she is looking for (unless it’s RED, of course :-)).
Both approaches need you to get shocked by another window appearing right in front of you, so you loose the context and move the mouse far away from where it was.

Let’s take a look at this new approach:

[youtube=http://www.youtube.com/watch?v=XcLwLQQGiks]

The 2d (yet perspective transformed) dialog smoothly fades in when hovering the color and your favorite hue is just 1 or 2 clicks apart!

Comments
Comments Off on Elements of Ui Design – ColorPicker
Categories
Computer Graphics, Software
Tags
colorpicker, graphicsview

Blogroll

  • Ariya Hidayat's Blog
  • Davide La Rosa
  • PlanetKDE
  • Pollycoke
  • Qt Labs
  • Yanko Design
  • Zack Rusin's Blog

Recent Posts

  • How to recognize a revolution
  • KDE 3 on “The Social Network” movie
  • Delicious Transblurency [1]
  • Grab one, it’s free!
  • Gift a cool idea!

Tags

amarok Android avanguardia cheating colorpicker creativity curriculum figosità fotowall future graphicsview heroes kde3 kde4 life M31 multi-touch nokia open source planetkde planetqt posterazor qt qtsoftware statistics summer of code wallpaper x.org

Archives

  • April 2011 (1)
  • September 2010 (1)
  • April 2010 (1)
  • January 2010 (1)
  • December 2009 (3)
  • October 2009 (1)
  • September 2009 (4)
  • August 2009 (1)
  • July 2009 (3)
  • June 2009 (3)
  • May 2009 (2)
  • April 2009 (3)
  • March 2009 (1)
  • January 2009 (2)
  • May 2008 (1)
  • April 2008 (1)
  • January 2008 (2)
  • December 2007 (1)
  • November 2007 (1)
  • September 2007 (3)