[Sugar-devel] [DESIGN] UI mockups

[Eben Eliason]

Actually, the mockup is incomplete. The gray fills are meant to
represent actual images that I simply didn't have time to add to the
mockup. Any entry without a preview at all was intended to have a
light outline, with its activity icon shown within it instead.

http://wiki.sugarlabs.org/go/Design_Team/Designs/Journal#10

Eben


On Sun, Aug 23, 2009 at 10:38 AM, Gary C Martin<gary at garycmartin.com> wrote:
> 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).
>
>
>
>
>
> Regards,
> --Gary
>
>
> _______________________________________________
> Sugar-devel mailing list
> Sugar-devel at lists.sugarlabs.org
> http://lists.sugarlabs.org/listinfo/sugar-devel
>
>