[Sugar-devel] [Karma] Re: svg and png for subjects in chakra

[Bryan Berry]

On Thu, 2009-08-20 at 16:37 +0545, Christoph Derndorfer wrote:
> I thought about the "stage 3" design some more and really think we need 
> to come up with a good idea on how accommodate all those lessons...
> 
> The "month" drop-down menu that Bryan suggested in his mockup is 
> something I don't like. First of all it's the only place in Karma (at 
> least so far) where we'd be using a drop down menu and secondly because 
> they're more complicated to implement, making it harder for people to 
> adapt the Chakra to their own needs.

drop-down menus are pretty easy afaik, unless i am missing something

> Also I was thinking that we should try to avoid using scrolling action 
> unless absolutely necessary (reasoning: I think it can be confusing for 
> new users, scrollbars are generally hard to handle and they don't look 
> so pretty) so I'd prefer to go for a single screen design (such as in 
> the current EPaath).

w/ a single screen design, chakra won't be able to accommodate an
arbitrary # of lessons in a given week w/out shrinking the lesson icons

Wny don't you create 2 mockups, one more like the old Epaath and the
other w/ the drop-down menu? then we can show it around and have better
idea of which may be best

> A question I have is whether we mainly want to identify lessons via (a) 
> their names or (b) the screenshots associated with them. I have a 
> feeling that EPaath's UI implicitly learns towards (b) at the moment. 
> I'm thinking that (b) might be an advantage for very young kids but in 
> general it's probably better to focus on the name of the lesson.
> 
> For the "navigation bar" one option I thought about was using the images 
> of the respective sub-categories instead of a text (so instead of Home - 
> Grade 1 we'd have: "Home"-icon - "Grade 1"-icon or something).

I prefer your idea to use icons

> Looking forward to your feedback.
> 
> Christoph
> 
> Christoph Derndorfer schrieb:
> > (CC'ing Felipe as I just realized that he hadn't been on this thread)
> >
> > Okay, I've attached screenshot.png to show what the current Chakra 
> > mockup looks like within Browse on the XO.
> >
> > I went for a grey background behind the icons because white is too 
> > harsh in my opinion (see white_bg.png for what it looks like). That 
> > brown at the bottom is also still quite hideous so we'll have to find 
> > a nice colour there.
> >
> > As for colours I also think that it might make sense to give the 
> > navigation bar (Home - Grade 1...) a different background colour to 
> > the surrounding background. What do you think about that?
> >
> > Now we also gotta figure out how to design "stage 3" (the actual 
> > lesson selection), should I do a quick mockup based on Bryan's 
> > suggestion 
> > (http://karmaproject.files.wordpress.com/2009/08/chakra33.png?w=872&h=428)? 
> >
> >
> > Another thing we should think about is just wide and high we want to 
> > keep that navigation area. The current dimensions seem to work quite 
> > well on the XO with the number of currently included icons. However 
> > for larger lesson bundles and especially also the lesson selection 
> > itself I'm not sure whether this provides us with enough screen real 
> > estate to nicely accommodate everything.
> >
> > Let me know what you think.
> >
> > Christoph
> >
> > Christoph Derndorfer schrieb:
> >> Great, thanks a lot!
> >>
> >> I'll integrate them into the Chakra mockup tomorrow... :-)
> >>
> >> Christoph
> >>
> >> Om Prakash Yadav schrieb:
> >>> Here are the buttons in individual transparent PNG file format.
> >>>
> >>> -----Original Message-----
> >>> From: Christoph Derndorfer [mailto:e0425826 at student.tuwien.ac.at] 
> >>> Sent: Wednesday, August 19, 2009 12:46 PM
> >>> To: Om Prakash Yadav
> >>> Cc: 'Bryan Berry'
> >>> Subject: Re: new svg and jpg
> >>>
> >>> Great stuff!
> >>>
> >>> Would it be possible for you to send me the PNGs for the individual 
> >>> buttons so I can easily integrate them in my current Chakra mockup?
> >>>
> >>> Thanks in advance,
> >>> Christoph
> >>>
> >>> Om Prakash Yadav schrieb:
> >>>> Modified and new buttons, please check them out.
> >>>> The buttons for grades for the main screen will follow the same 
> >>>> style but
> >>>> with letters only.
> >>>> I can give them to you in transparent PNG format for use in HTML page.
> >>>>
> >>>> -----Original Message-----
> >>>> From: Christoph Derndorfer [mailto:e0425826 at student.tuwien.ac.at] 
> >>>> Sent: Tuesday, August 18, 2009 2:14 PM
> >>>> To: Om Prakash Yadav
> >>>> Cc: 'Bryan Berry'
> >>>> Subject: Re: new svg and jpg
> >>>>
> >>>> I generally really like them but think that the fadeout into the 
> >>>> white at the top is too strong at the moment.
> >>>>
> >>>> Christoph
> >>>>
> >>>> Om Prakash Yadav schrieb:
> >>>>> Tell me how you like these and I will make the buttons for the 
> >>>>> rest of
> >>> the
> >>>>> subjects.
> >>>>>
> >>>>> -----Original Message-----
> >>>>> From: Christoph Derndorfer [mailto:e0425826 at student.tuwien.ac.at] 
> >>>>> Sent: Monday, August 17, 2009 10:30 PM
> >>>>> To: Bryan Berry
> >>>>> Cc: Om Prakash Yadav
> >>>>> Subject: Re: new svg and jpg
> >>>>>
> >>>>> Please find attached the latest version with the label now being 
> >>>>> "health"
> >>>>> rather than "medicine".
> >>>>>
> >>>>> Christoph
> >>>>>
> >>>>> Christoph Derndorfer schrieb:
> >>>>>> Quite a good start I dare say!
> >>>>>>
> >>>>>> I'll change the "medicine" to "health" text once the Inkscape 
> >>>>>> download is finished (any day now!!!;-)
> >>>>>>
> >>>>>> Christoph
> >>>>>>
> >>>>>> Bryan Berry schrieb:
> >>>>>>> --------------------------------------------------------------------- 
> >>>>>>>
> >>>>>>> ---
> >>>>>>>
> >>>>> -- 
> >>>>> Christoph Derndorfer
> >>>>> co-editor, olpcnews
> >>>>> url: www.olpcnews.com
> >>>>> e-mail: christoph at olpcnews.com
> >>>>>
> >>>>>
> >>>>> ------------------------------------------------------------------------ 
> >>>>>
> >>>>>
> >>>>
> >>>> ------------------------------------------------------------------------ 
> >>>>
> >>>>
> >>>
> >>
> >
> >
> > ------------------------------------------------------------------------
> >
> >
> > ------------------------------------------------------------------------
> >
> 
-- 
Bryan W. Berry
Technology Director
OLE Nepal, http://www.olenepal.org