Changes

<noinclude>{{TOCright}}<!-- START OF BLOCK -- 1. COPY & PASTE this BLOCK to below the END OF BLOCK line.

<noinclude>__TOC__<!-- START OF BLOCK -- 1. COPY & PASTE this BLOCK to below the END OF BLOCK line.

                                   2. PASTE it before any pre-existing proposal,

                                   2. PASTE it before any pre-existing proposal,

                                   3. then OVERWRITE the place holders with your information,

                                   3. then OVERWRITE the place holders with your information,

                                   5. Click [Show preview] to check formatting, and adjust as necessary.

                                   5. Click [Show preview] to check formatting, and adjust as necessary.

                                   6. Click [Save page] to complete the edit.

                                   6. Click [Save page] to complete the edit.

                                                                                               -->

                                                                                                

===<Your proposal's pithy name here>===  <!-- Leave the === prefix and suffix ===

===<Your proposal's pithy name here>===

 

:'''Rationale:'''                   <!-- leave this line -->

:'''Rationale:'''

:: <Your rationale here>

:: <Your rationale here>

:'''Features:'''                     <!-- leave this line -->

:'''Features:'''

:# <1st feature here>

:# <1st feature here>

:# <2nd feature here>

:# <2nd feature here>

:'''Implementation Details:'''       <!-- leave this line -->

:'''Implementation Details:'''

:: <Details here>

:: <Details here>

:'''Reviewer Comments:'''           <!-- leave this line -->

:'''Reviewer Comments:'''

:: comments here                 <!-- reviewers: leave the :: prefix and overwrite up to this signature code: --~~~~  

:: comments here (signed with: --~~~~)

END OF BLOCK line --></noinclude>

END OF BLOCK line

<!-- Pre-existing Proposal Block -->

Existing proposals block below:  --></noinclude>

==[[Design Team/Proposals/Toolbars/Icons|Icons]]==

===[[#Activity-wide Toolbar mock-ups|Activity-wide Toolbar mock-ups]]===

 

 

:: This proposal was an exploration that included early mockups based on Turtle Art and Write using a new Activity toolbar design. Main goals for the new toolbar design were for the Stop button to be available at all times; to replace the text tab sub-toolbar metaphor with something visual & larger; secondary toolbars that can be locked open to provide more tool space when needed. This work (after much discussion) eventually led to the new toolbar designs that landed in Sugar 0.86. --[[User:Garycmartin|Garycmartin]]

[[Image:journal_tag_mockup_frm_gary_v1.png|thumb|centre|640px|Example mock-up based on current Journal (0.84) using two lines for title and tags per each entry. Notes: Entries with no tags have their title vertically centred to keep visual balance; entries with more tags than can be displayed end with an ellipsis, this could just be indicative that there are more tags, or have hover hint function showing the remaining un-displayed tags. Clicking a tag should add it to the search field to allow drilling down into results.]]

 

TODO:

TODO:

==== Top level Activity toolbar for TurtleArt ====

==== Top level Activity toolbar for TurtleArt ====

[[Image:toolbar_mockup_gary_turtle_art-52_activity.png|thumb|centre|640px|Example showing basic top level Activity toolbar. Note that I am not trying to redesign TA's toolbar user interface, I am trying to swap in the new proposed design without changing any existing tab/tool design from Walter. The top level Activity toolbar is present at all times. It provides access to naming, collaboration, icons for existing TA tabs, the keep icon, the stop icon.]]

[[Image:toolbar_mockup_gary_turtle_art-52_activity.png|thumb|centre|640px|Example showing basic top level Activity toolbar. Note that I am not trying to redesign TA's toolbar user interface, I am trying to swap in the new proposed design without changing any existing tab/tool design from Walter. The top level Activity toolbar is present at all times. It provides access to naming, collaboration, icons for existing TA tabs, the keep (version) icon, the stop icon.]]

==== Icon replacement of "Share with:" menu ====

==== Icon replacement of "Share with:" menu ====

[[Image:toolbar_mockup_gary_turtle_art-52_share_with.png|thumb|centre|640px|Share with is replaced with an button icon and palette to provide enough space for the tabs to move into the main Activity toolbar as icons. Note that this leaves just enough space for six replacement tab icons (enough to cover the existing Write toolbar tab content).]]

[[Image:toolbar_mockup_gary_turtle_art-52_share_with.png|thumb|centre|640px|Share with is replaced with an button icon and palette to provide enough space for the tabs to move into the main Activity toolbar as icons. Note that this leaves just enough space for six replacement tab icons (enough to cover the existing Write toolbar tab content). Note that the toolbar icon would change to indicate the collaboration state.]]

 

 

[[Image:toolbar_mockup_gary_share_with_v2.png|thumb|centre|640px|Small "private" rework trying to indicate isolation/boundary. Based on the media-playback-start icon.]]

==== Example TrutleArt "Project" tab ====

==== Example TrutleArt "Project" tab ====

[[Image:toolbar_mockup_gary_turtle_art-52_project.png|thumb|centre|640px|I've used TA's Activity icon for the primary "project" tab, this could be a technique used for all default tab contents if needed. We could also design a generic "project" icon and perhaps use it in other activities.]]

[[Image:toolbar_mockup_gary_turtle_art-52_project.png|thumb|centre|640px|I've used TA's Activity icon for the primary "project" tab, this could be a technique used for all default tab contents if needed. We could also design a generic "project" icon and perhaps use it in other activities. Note that the secondary toolbar is pinned open (it's icon was clicked once), an that this triggers a resize of the below canvas to fit the space (well see lot's of Activity bugs with resizing, but we already have this issue to fix due to now needing to support screen pixel dimensions other than 1200x900).]]

==== Example TrutleArt "Edit" tab ====

==== Example TrutleArt "Edit" tab ====

[[Image:toolbar_mockup_gary_turtle_art-52_edit.png|thumb|centre|640px|using Eben's generic icon for edit here, it's a good strong, memorable silhouette icon, though it may not be clear in other cultures]]

[[Image:toolbar_mockup_gary_turtle_art-52_edit.png|thumb|centre|640px|using Eben's generic icon for edit here, it's a good strong, memorable silhouette icon (though it may not be clear in all cultures). Worth noting that icons that have clear names are going to be important, imaging a teacher trying to explain which icon to click or in text documentation, i.e "Click the scissors icon if you need to use copy and paste."]]

==== Example TrutleArt "Save as" tab ====

==== Example TrutleArt "Save as" tab ====

[[Image:toolbar_mockup_gary_turtle_art-52_save_as.png|thumb|centre|640px|I've just tried to show Walter's existing "Save at" tab here, though I do think import/export is a better text description ;-)]]

[[Image:toolbar_mockup_gary_turtle_art-52_save_as.png|thumb|centre|640px|I've just tried to show Walter's existing "Save at" tab here, though I do think import/export is a better text description ;-)]]

 

 

 

 

 

 

 

 

==Subpages==

==Subpages==

{{Special:PrefixIndex/{{PAGENAMEE}}/}}

{{Special:PrefixIndex/{{PAGENAMEE}}/}}

</noinclude>

</noinclude>