Finishing the Layout Customizer

[Erin Yu]

On 13-May-08, at 7:33 PM, Daphne Ogle wrote:

> A bit tangential...
>
> - is the keyboard interaction specified anywhere?   I was looking  
> for it earlier and couldn't find it.
On the demo page:
http://build.fluidproject.org/sakai-imagegallery-tool/fluid-components/html/Lightbox.html
it states:
"To use the keyboard:
Select an image using i, k, m or j, or the arrow keys.
View an image by pressing Enter.
Move an image using CTRL + a direction key."

> - we didn't specify a "selected" visual effect for the lightbox.   
> Should we?  I just went into the demo and it is not easy (almost  
> impossible) to see which thumbnail you are in as you tab (except the  
> titles are part of the sequence and it's a little easier to see when  
> on the title).
It seems we do have defined "selected" effect.
If you tab to the items, you will see that the focus is indicated by  
the dark grey outline and light grey fill. The mouse-over focus looks  
slightly different: black outline and no fill (once you click, it then  
shows the grey outline and light grey fill).

> -Daphne
>
> 		
> On May 13, 2008, at 2:29 PM, Erin Yu wrote:
>
>> Here's the first draft for the keyboard interaction styling.
>>
>> 1. In terms of styling, I think the locked needs to be "flat- 
>> looking, not grabbable" (Gary's input) and the focus for keyboard  
>> navigation to be "selected, active looking"
>>
>> 2. I prefer the no-header for locked portlet, but if this isn't  
>> possible (because of the icons and menus that need to go in the  
>> header), then it may be better to make it look the same as the  
>> other portlets (as shown below, rather than introducing another  
>> colour).
>>
>> I've been chatting with Gary about this, and to his point, it may  
>> not be all that important for users to realize that a porlet is  
>> locked (until they start dragging, at which point they'll get the  
>> warning msg). I agree with him, and user testing might clarify this.
>>
>> Below shows the My Bookmarks portlet in focus (for keyboard-only  
>> navigation).
>>
>> <LayoutCustomizer.png>
>>
>>
>>
>> On 13-May-08, at 1:49 PM, Gary Thompson wrote:
>>
>>> Work on the Layout Customizer needs to be completed in this  
>>> iteration to
>>> make the 0.3 release.
>>>
>>> Here's what I think is left:
>>>
>>> 1. Complete designs
>>> Drag and drop mockups are posted to:
>>> http://wiki.fluidproject.org/display/fluid/Layout+Customizer+Mockups
>>>
>>> Erin has started work on the keyboard mockups.  I will work with  
>>> her to
>>> complete those in the next day or two.
>>>
>>> 2. Implement prototype
>>> It would be great to get a functional prototype on the uP3 release  
>>> for
>>> user testing.  Do we have any indication when that will be  
>>> available?  I
>>> can offer theme/skin development work to help get the prototype  
>>> ready.
>>>
>>> 3. User testing
>>> We have planned 10 user tests, currently 5 at Toronto and 5 at
>>> Berkeley.  I'd be glad to do some locally, it will just be friends  
>>> and
>>> family rather than students.
>>>
>>> 4. Make updates
>>> Based on the user testing results.
>>>
>>> 5. Update design pattern.
>>> I have this on my list, and would like to wait to do it until  
>>> after the
>>> user testing in case that surfaces any final changes.  Allison -  
>>> is that
>>> work to be done in the Fluid wiki or on OSDPL?
>>>
>>> I'm not sure we have Jira issues for all the remaining tasks (the  
>>> only
>>> ones I see in the current iteration spreadsheet are 560, 561, and  
>>> 562
>>> relating to user testing.  Shall I create issues for the other work?
>>>
>>> Am I missing anything?
>>>
>>> Thanks,
>>>
>>> Gary
>>> _______________________________________________
>>> fluid-work mailing list
>>> fluid-work at fluidproject.org
>>> http://fluidproject.org/mailman/listinfo/fluid-work
>>
>> _______________________________________________
>> fluid-work mailing list
>> fluid-work at fluidproject.org
>> http://fluidproject.org/mailman/listinfo/fluid-work
>
> Daphne Ogle
> Senior Interaction Designer
> University of California, Berkeley
> Educational Technology Services
> daphne at media.berkeley.edu
> cell (510)847-0308
>
>
>