<div dir="ltr">The %age completion is calculated in a recursive manner, in simple terms it depends on the no. words in each grade. So, it doesn't depend on just one grade bar, but all of the grade bars. If I understand it correctly, (and I have checked by calculating manually :P ) if for eg, all of the words in a lesson of 28 words are untried (grade 0), and then 1 of the words is marked to be at the highest level (grade 7), then it will calculated as %age= (no. of words * grade of each word) / (total words * total grades=7)*100. So, in the eg stated it is (1*7)/(28*7)*100=3.57=4% as I checked. Even though this is quite difficult to depict as such in a progress bar, the bar can be seen as having layers one top of the other. Here we have grade 0 (untried words) as white part of the bar, and each grade as a light green layer in itself. Now as few words increase in grade, it can be viewed as placing another light green layer on top signifying the completion of that grade. This makes that part of the bar darker, depicting an overall increase in grade. (I tried this with mom, and she could infer this pretty easily :) )<br>
<br>So we get:<br><br>Lightest shade (white,empty) Darkest shade<div>--------------------------------------------------------------------------------------------------------------------------------------------------->>>>><br>
Lowest grade(untried, grade 0) Highest grade(7)<br><br>Though I suggest we still need to tell the user how the %age depends on all the shades collectively and not just one shade. (Starting tip of the day, or a starting demo? New feature, maybe?)<br>
<br><br>><span style="font-family:'DejaVu Sans Mono';font-size:12px">Could it be useful to put the percentage value always directly after the fifths box, mark the sixth and seventh box in a different color but again with different alpha values?</span><p style="font-family:'DejaVu Sans Mono';font-size:12px;margin:0px">
>That would at least stress the difference between learned and unlearned words and give an indication how the percentage value is computed.</p><p style="font-family:'DejaVu Sans Mono';font-size:12px;margin:0px">
</p>I didn't quite understand what you meant by the fifth box thing. Also, what do you mean by learned and unlearned words. I get tried and untried (grade 0=not viewed=white box=untried and grade 1 and above=tried).<br>
<br><br></div><div class="gmail_extra"><br><br><div class="gmail_quote">On Mon, Feb 3, 2014 at 8:16 PM, Andreas Cord-Landwehr <span dir="ltr"><<a href="mailto:cordlandwehr@kde.org" target="_blank">cordlandwehr@kde.org</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><u></u>
<div style="font-family:'DejaVu Sans Mono';font-size:9pt;font-weight:400;font-style:normal"><div class="im">
<p style="margin:0px;text-indent:0px">On Monday 03 February 2014 19:55:36 Amarvir Singh wrote:</p>
<p style="margin:0px;text-indent:0px">> I made some changes to the alpha values of the color according to the</p>
<p style="margin:0px;text-indent:0px">> .grade, increasing the value from low to high as grades increase (keeping</p>
<p style="margin:0px;text-indent:0px">> the color same across all grades in the Parley settings) This is much more</p>
<p style="margin:0px;text-indent:0px">> intuitive to a user, who might not even be aware of leitner boxes or</p>
<p style="margin:0px;text-indent:0px">> grades. Earlier, the statistics bar seemed to be a bit confusing, even to</p>
<p style="margin:0px;text-indent:0px">> me as a first time user. The % completion in the bar and the</p>
<p style="margin:0px;text-indent:0px">> progress-bar-like color filling seemed to be projecting information</p>
<p style="margin:0px;text-indent:0px">> different from each other, to a new user.</p>
<p style="margin:0px;text-indent:0px">> </p>
<p style="margin:0px;text-indent:0px">> Screenshot: <a href="http://i.imgur.com/o0l8KYI.png" target="_blank">http://i.imgur.com/o0l8KYI.png</a></p>
<p style="margin:0px;text-indent:0px">> </p>
<p style="margin:0px;text-indent:0px">> What I, hence, suggest is keeping the RGB value the same as a default (can</p>
<p style="margin:0px;text-indent:0px">> be changed acc to user's wish) and incrementing the alpha value.</p>
<p style="margin:0px;text-indent:0px"> </p>
</div><p style="margin:0px;text-indent:0px">Sounds reasonable to me. And I especially like the approach to use the same color but different alpha values. This seems to me to be the more intuitive approach, since it avoids that users have to learn colors but use the meaning that a high saturation is better than a low one.</p>
<p style="margin:0px;text-indent:0px">Though, I am unsure about the percentage value and the color of unlearned words. IMO it is hard to understand how the value is related to the bar. If I understand it correctly, the last bar element visualizes the untried words and the second last box the yet unlearned but tried words.</p>
<p style="margin:0px;text-indent:0px">Could it be useful to put the percentage value always directly after the fifths box, mark the sixth and seventh box in a different color but again with different alpha values?</p>
<p style="margin:0px;text-indent:0px">That would at least stress the difference between learned and unlearned words and give an indication how the percentage value is computed.</p>
<p style="margin:0px;text-indent:0px"> </p>
<p style="margin:0px;text-indent:0px">Greetings,</p>
<p style="margin:0px;text-indent:0px">Andreas</p></div><br>_______________________________________________<br>
kde-edu mailing list<br>
<a href="mailto:kde-edu@mail.kde.org">kde-edu@mail.kde.org</a><br>
<a href="https://mail.kde.org/mailman/listinfo/kde-edu" target="_blank">https://mail.kde.org/mailman/listinfo/kde-edu</a><br>
<br></blockquote></div><br></div></div>