[Design] Sidebar Collection icon treatments

[Mimi Yin]

Hi Philippe,

Thanks for your questions: see answers below...

On Feb 15, 2006, at 11:30 AM, Philippe Bossut wrote:

> Hi,
>
> - Like the "tongue" better than the "squared" ones
> - What about the unselected collection? Is that just the colored  
> (blue) background being absent?

The highlight is absent because the user hasn't rolled over the  
collection - row AND the collection - row is not selected.

> - Is the color of the icon/tongue fixed (i.e. blue) or is it  
> supposed to match the system highlight color? (e.g. on my machine,  
> it's orange because that's what I've chosen in the system prefs)

The tongue color matches the color of the calendar. (I chose blue to  
make sure it would work with a blue selection highlight color, which  
is the out of the box default.)

The same goes for the "highlight" color (bottom-right set). The  
collection - rows aren't selected, but when you rollover or mousedown  
on the collection icon, the entire row is highlighted with a color  
that matches the calendar color.

>
> Cheers,
> - Philippe
>
> Mimi Yin wrote:
>> 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
>>
>> --------------------------------------------------------------------- 
>> ---
>>
>> --------------------------------------------------------------------- 
>> ---
>>
>> _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
>>
>> Open Source Applications Foundation "Design" mailing list
>> http://lists.osafoundation.org/mailman/listinfo/design
>>
> _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
>
> Open Source Applications Foundation "Design" mailing list
> http://lists.osafoundation.org/mailman/listinfo/design