[Sugar-devel] [DESIGN] UI mockups

Gary C Martin gary at garycmartin.com
Sun Aug 23 10:38:31 EDT 2009


On 23 Aug 2009, at 12:34, Simon Schampijer wrote:

> On 08/22/2009 09:30 PM, Aleksey Lim wrote:
>> On Sat, Aug 22, 2009 at 08:16:38PM +0100, Gary C Martin wrote:
>>> On 22 Aug 2009, at 19:50, Aleksey Lim wrote:
>>>
>>>> On Sat, Aug 22, 2009 at 02:05:03PM +0000, Aleksey Lim wrote:
>>>>> On Wed, Aug 19, 2009 at 05:12:34PM +0200, Simon Schampijer wrote:
>>>>>> [forwarded from christian]
>>>>>>
>>>>>> Hi all,
>>>>>>
>>>>>> I've attached two (annotated) PDFs with mockups of the issues
>>>>>> we talked
>>>>>> about on Sunday. The first has several options for the Journal,
>>>>>> exploring various toolbars, the grid view, and tagging; the
>>>>>> second looks
>>>>>> at simple vs. complex toolbars in activities.
>>>>>>
>>>>>> Make sure you read the annotations, and let me know what you
>>>>>> think. Once
>>>>>> we have reached a consensus, I can generate PNGs and post to
>>>>>> the wiki.
>>>>>>
>>>>>>
>>>>>> Christian
>>>>>>
>>>>>> PS. Let's also figure out a time to chat, unless email seems
>>>>>> sufficient.
>>>>>> I can be available for a short time around 10am (EST)/2pm
>>>>>> (UTC) tomorrow
>>>>>> morning, if necessary.
>>>>>>
>>>>>> [1] http://shell.sugarlabs.org/~erikos/090818_journal_thumbnails.pdf
>>>>>> [2] http://shell.sugarlabs.org/~erikos/090818_toolbars.pdf
>>>>> You can try Thumbs view implementation from cloned repo[3]
>>>>> or see screenshot[4].
>>>>>
>>>>> In comparing with mockups it has lack of multi selection and  
>>>>> sorting
>>>>> features, I heard that we are not in consensus on that(?)
>>>>> * using check boxes of Shift key to multi select
>>>>> * using title like buttons[5] or something else
>>>>>
>>>>> Also I moved details button from cell bottom to the left.
>>>>>
>>>>> [3] http://git.sugarlabs.org/projects/sugar/repos/thumbs
>>>>> [4] http://wiki.sugarlabs.org/go/File:Thumbs.png
>>>>> [5] http://wiki.sugarlabs.org/go/Design_Team/Designs/Journal#10
>>>> I've encountered another problem - I can't get rid of popups in
>>>> thumbs view, since all workspace belongs to thumbs.
>>>> I think we can do not auto popup palette and open them only on  
>>>> right
>>>> click.
>>> What is it like if just the thumb image rectangle has the auto
>>> pop-up?
>>
>> Thats it, only thumb rectangle is sensitive but even in that case  
>> auto
>> popups could be annoying.
>
> To me, the delay for the palette looks good enough to prevent  
> accidental popups.
>
> I have attached a screenshot where some of the thumbnails have no  
> border and therefore the shape of the thumb can not be distinguished  
> that well. Maybe we should add a little black border by default?

FWIW, Eben used a light grey fill in his design for empty thumbs, not  
sure if there was a specific decision behind that. Just did a quick  
mock-up with light grey fills vs. outlines, and they both seem to work  
well (though the fill is perhaps a little stronger).

-------------- next part --------------
A non-text attachment was scrubbed...
Name: thumbview2.png
Type: image/png
Size: 102063 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090823/b0d7d917/attachment-0001.png 
-------------- next part --------------



Regards,
--Gary



More information about the Sugar-devel mailing list