a generous designer's tumblr

this is future.
Apr 11 2010
Jan 08 2010

The many sliders of Photoshop CS4

Preferences > Memory Usage

Adjustments > Brightness/Contrast

Filters

Blur (note the rendering of the thumb arrow)

Layer Blending

Layer Style

Threshold

Color Balance

Things to keep in mind:

  1. These can be found in just Photoshop; I can’t imagine what I’d find elsewhere in the suite. Actually, fine, here’s the first one I found in Illustrator CS5:
  2. The most common out of all these seems to be second one, Brightness Adjustment.
  3. They’re all ugly. The only near-acceptable one is the Layer Style slider.
  4. None of these looks like the standard OS X slider:

Don’t mind the special function ones like Layer Blending, however blur takes the piss I mean you can see they even faked the runner under it probably because the UI drawing code used there doesn’t support alpha transparency, fucking amature hour if you ask me.

reblogged from adobegripes, posted by mrgan
Oct 01 2009

Courier User Interface on Vimeo (via Vimeo)

Aug 11 2009
Jul 22 2009
What can we learn about usability…
(via vamhazkrt)

What can we learn about usability…

(via vamhazkrt)

reblogged from vamhazkrt, posted by 9gag
May 14 2009
uiscraps:

Tumblr submit breaks convention
Conventions are important to follow, but are worth breaking in certain situations. Namely, when it won’t require any learning curve. This submit button on the left breaks a convention that I didn’t even know I followed.
Tumblr allows me to post with a bookmarklet. In this pop-up posting process, adding a link to this entry with the wysywg editor requires me to enter the address, title and/or target from another pop-up window. All good so far. But the “Insert” button is on the left, and every time I go to click it, my mouse wanders to the bottom right corner first.
In this example, it’s not especially taxing. But sometimes a larger pop-up appears, making the mousing around rather annoying.
Improvements to this could be to:
Downplay the “Cancel” button, so it doesn’t look like a button. Instead just a link that says “Cancel.”
Place the cancel button next to the submit button. Then I’d be less tempted to mouse to the bottom right corner, the typical finishing point for reading a page.
Flip the positioning, align the submit to the right side, cancel to the left.
These ideas are conveyed with excellent clarity and plentiful examples in Luke Wroblewski’s book Web Form Design: Filling in the Blanks. Or check out the Flickr set for all those examples from the book.

uiscraps:

Tumblr submit breaks convention

Conventions are important to follow, but are worth breaking in certain situations. Namely, when it won’t require any learning curve. This submit button on the left breaks a convention that I didn’t even know I followed.

Tumblr allows me to post with a bookmarklet. In this pop-up posting process, adding a link to this entry with the wysywg editor requires me to enter the address, title and/or target from another pop-up window. All good so far. But the “Insert” button is on the left, and every time I go to click it, my mouse wanders to the bottom right corner first.

In this example, it’s not especially taxing. But sometimes a larger pop-up appears, making the mousing around rather annoying.

Improvements to this could be to:

  1. Downplay the “Cancel” button, so it doesn’t look like a button. Instead just a link that says “Cancel.”
  2. Place the cancel button next to the submit button. Then I’d be less tempted to mouse to the bottom right corner, the typical finishing point for reading a page.
  3. Flip the positioning, align the submit to the right side, cancel to the left.

These ideas are conveyed with excellent clarity and plentiful examples in Luke Wroblewski’s book Web Form Design: Filling in the Blanks. Or check out the Flickr set for all those examples from the book.

reblogged from uiscraps, posted by uiscraps