[Design] Sidebar Collection icon treatments

Mimi Yin mimi at osafoundation.org
Wed Feb 15 10:58:40 PST 2006


I have put together 2 treatments of icons for the Sidebar collection  
icons. The goal is to plop them into 2 different builds and test them  
with users.

+ On top is a rounded "tongue" that slides out upon rollover.

+ Below is a highlight treatment which creates a "checkbox" area on  
the left and highlights the entire row with the "color of the calendar".

On the left: the collection - row is selected (with or without focus,  
the collection icon will look the same).
On the right: the collection - row is not selected.

Issues that needed to be addressed:
+ Need a way to display collection-specific icons, so that users can  
differentiate between People-based, Project-based, Date-based  
collections, just to name a few.

+ Rollover effect is too subtle and some users I tested didn't notice  
it or understand it to be "separate" from clicking on the row

+ Need to tie the various states together (Un-checked, Rollover,  
Checked, etc) better, so that they're clearly related.

Mimi
-------------- next part --------------
A non-text attachment was scrubbed...
Name: dotsevenSidebarStates_Test.png
Type: image/png
Size: 37983 bytes
Desc: not available
Url : http://lists.osafoundation.org/pipermail/design/attachments/20060215/8170bb30/dotsevenSidebarStates_Test.png


More information about the Design mailing list