https://wiki.sugarlabs.org/api.php?action=feedcontributions&user=18.85.18.134&feedformat=atomSugar Labs - User contributions [en]2024-03-29T13:43:31ZUser contributionsMediaWiki 1.35.2https://wiki.sugarlabs.org/index.php?title=Design_Team/Designs&diff=19269Design Team/Designs2008-02-25T21:41:30Z<p>18.85.18.134: </p>
<hr />
<div>This page serves as a showcase for deign ideas and discussion around the Sugar UI. Each topic below contains a "slideshow" illustrating our latest ideas and outlining some of the decisions and tradeoffs that were made in coming to them. Please feel free to add to the discussion sections to provide useful feedback as we iterate on the designs and move them toward implementation.<br />
<br />
For more detailed (and more technical) descriptions of some of the topics presented below, please visit the [[Specifications]] section of the wiki, which will drive the implementation of specific features.<br />
<br />
<br />
<br />
=== [[Designs/Activity Management | Activity Management]] ===<br />
<br />
This slideshow focuses on our new approaches to activity launching, switching, and management. Most importantly, it includes updated design ideas for the Home screen and a brand new Frame organization which enhances activity management, though has additional merits on its own as well.<br />
<br />
===[[Designs/Frame | Frame]]===<br />
<br />
This slideshow provides a deeper understanding of the reorganized Frame, describing its sections for people, places (and activities), clipboard, and devices. It also introduces the foundation of the notification system and explains its relationship to the Frame's layout and purpose as a persistent UI element.<br />
<br />
===[[Designs/Journal | Journal]]===<br />
<br />
This slideshow presents a brand new vision for the Journal, which is focused around two views: object and action. The object view will be reminiscent of the current Journal UI, presenting a list of objects stored on the system and providing access to detailed information and (now) their version histories. The action view, on the other hand, will serve as a friendly "journal-like" log of the child's interactions with the machine, referencing one or more objects but reading much like a scrapbook, and providing a friendly browsable interface into the content they have created.<br />
<br />
===[[Designs/Toolbars | Toolbars]]===<br />
<br />
This slideshow illustrates the latest thinking regarding toolbars and the nature of tabs within the interface.</div>18.85.18.134https://wiki.sugarlabs.org/index.php?title=Design_Team/Designs/Activity_Management&diff=19283Design Team/Designs/Activity Management2008-02-25T21:28:40Z<p>18.85.18.134: /* 04 */</p>
<hr />
<div>__NOTOC__<br />
<br />
====01====<br />
back | [[#02 | next]]<br />
[[Image:Activity_management-01.jpeg | thumb | center | 640px | <br />
<br />
The Home screen is a place from which to launch new or recently used activities. The child's ''favorite'' activities surround their XO, while their current activity is shown directly beneath it, consistent with the other zoom levels. Scaling of both the ring and the icons within it allow up to 40 activities to be shown.<br />
]]<br />
<br />
<br />
====02====<br />
[[#01 | back]] | [[#03 | next]]<br />
[[Image:Activity_management-02.jpeg | thumb | center | 640px | <br />
<br />
An addition to the XO menu provides a quick and easy link directly to a library containing additional activities. The activities available depend on the child's level of connectivity: local, to a school server, or to the internet. A single click will download a new activity and place it within the ring.<br />
]]<br />
<br />
<br />
====03====<br />
[[#02 | back]] | [[#04 | next]]<br />
[[Image:Activity_management-03.jpeg | thumb | center | 640px | <br />
<br />
When the machine boots, the Journal is the current activity. The Journal's palette provides useful information about its status, including the number of entries it contains as well as the remaining space.<br />
]]<br />
<br />
====04====<br />
[[#03 | back]] | [[#05 | next]]<br />
[[Image:Activity_management-04.jpeg | thumb | center | 640px | <br />
<br />
A child may launch an activity simply by clicking its icon in the ring. The palette for an activity offers to start the activity privately, with a friend, or publicly (and later with a specific group). It also reveals the most recent instances of the selected activity, allowing the child to resume one directly from Home screen.<br />
]]<br />
<br />
====05====<br />
[[#04 | back]] | [[#06 | next]]<br />
[[Image:Activity_management-05.jpeg | thumb | center | 640px | <br />
<br />
The toolbar within the Home screen contains two view options: radial and list. The radial view palette provides the option to "invert" the view, giving preference to resuming activities instead of starting new ones.<br />
]]<br />
<br />
====06====<br />
[[#05 | back]] | [[#07 | next]]<br />
[[Image:Activity_management-06.jpeg | thumb | center | 640px | <br />
<br />
When the alternate view is selected, the icons in the ring take on the colors of the most recent instance of each respective activity. Activities which haven't yet been instantiated &mdash; including any just installed &mdash; remain as gray outlines.<br />
]]<br />
<br />
====07====<br />
[[#06 | back]] | [[#08 | next]]<br />
[[Image:Activity_management-07.jpeg | thumb | center | 640px | <br />
<br />
The palettes for the activities now reveal first the most recent activity instances. The option to start a new instance, again in any sharing scope, lies at the bottom.<br />
]]<br />
<br />
====08====<br />
[[#07 | back]] | [[#09 | next]]<br />
[[Image:Activity_management-08.jpeg | thumb | center | 640px | <br />
<br />
As the mouse hovers over a listed instance, the icon in the ring takes on its colors to indicate that selecting it will secure its position as the most recent instance of the activity.<br />
]]<br />
<br />
====09====<br />
[[#08 | back]] | [[#10 | next]]<br />
[[Image:Activity_management-09.jpeg | thumb | center | 640px | <br />
<br />
Once the child selects an activity, its icon appears beneath the XO and pulses until the activity loads.<br />
]]<br />
<br />
====10====<br />
[[#09 | back]] | [[#11 | next]]<br />
[[Image:Activity_management-10.jpeg | thumb | center | 640px | <br />
<br />
The search field within the toolbar allows a child to seek out any activity installed on their laptop, including those not shown in their ring of favorites. It presents the option to create a new instance of an activity, or resume a recent one. If the particular one they desire isn't shown, the "More in Journal" button will take them directly to a complete list of matching activities.<br />
]]<br />
<br />
====11====<br />
[[#10 | back]] | [[#12 | next]]<br />
[[Image:Activity_management-11.jpeg | thumb | center | 640px | <br />
<br />
The child's running activities appear at the top edge of the Frame, adjacent to the zoom levels. Their position in the Frame makes them easy to access from anywhere, which also makes switching activities more natural. Additionally, the child may interact on them directly: for instance, they might drag a friend from the Neighborhood onto an activity icon to invite them.<br />
]]<br />
<br />
====12====<br />
[[#11 | back]] | [[#13 | next]]<br />
[[Image:Activity_management-12.jpeg | thumb | center | 640px | <br />
<br />
As the Journal is always running, it is also always available from the Frame.<br />
]]<br />
<br />
====13====<br />
[[#12 | back]] | [[#14 | next]]<br />
[[Image:Activity_management-13.jpeg | thumb | center | 640px | <br />
<br />
While clicking on any activity in the Frame will focus it, they also have palettes with additional options including a means to share or stop them.<br />
]]<br />
<br />
====14====<br />
[[#13 | back]] | next<br />
[[Image:Activity_management-14.jpeg | thumb | center | 640px | <br />
<br />
The list view of Home provides a filterable list of ''all'' activities installed on the machine. Those which the child stars within list view appear as favorites in the ring. Activities will be starred by default when downloaded to make them immediately available from the ring, but may later be removed as the child sees fit.<br />
]]<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
&nbsp;</div>18.85.18.134https://wiki.sugarlabs.org/index.php?title=Design_Team/Designs/Activity_Management&diff=19282Design Team/Designs/Activity Management2008-02-25T21:28:26Z<p>18.85.18.134: /* 05 */</p>
<hr />
<div>__NOTOC__<br />
<br />
====01====<br />
back | [[#02 | next]]<br />
[[Image:Activity_management-01.jpeg | thumb | center | 640px | <br />
<br />
The Home screen is a place from which to launch new or recently used activities. The child's ''favorite'' activities surround their XO, while their current activity is shown directly beneath it, consistent with the other zoom levels. Scaling of both the ring and the icons within it allow up to 40 activities to be shown.<br />
]]<br />
<br />
<br />
====02====<br />
[[#01 | back]] | [[#03 | next]]<br />
[[Image:Activity_management-02.jpeg | thumb | center | 640px | <br />
<br />
An addition to the XO menu provides a quick and easy link directly to a library containing additional activities. The activities available depend on the child's level of connectivity: local, to a school server, or to the internet. A single click will download a new activity and place it within the ring.<br />
]]<br />
<br />
<br />
====03====<br />
[[#02 | back]] | [[#04 | next]]<br />
[[Image:Activity_management-03.jpeg | thumb | center | 640px | <br />
<br />
When the machine boots, the Journal is the current activity. The Journal's palette provides useful information about its status, including the number of entries it contains as well as the remaining space.<br />
]]<br />
<br />
====04====<br />
[[#03 | back]] | [[#05 | next]]<br />
[[Image:Activity_management-04.jpeg | thumb | center | 640px | <br />
<br />
A child may launch an activity simply by clicking its icon in the ring. The palette for an activity offers to start the activity privately, with a friend, or publicly (and later with a specific group). It also reveals the most recent instances of the selected activity, allowing the child to resume one directly from Home view.<br />
]]<br />
<br />
====05====<br />
[[#04 | back]] | [[#06 | next]]<br />
[[Image:Activity_management-05.jpeg | thumb | center | 640px | <br />
<br />
The toolbar within the Home screen contains two view options: radial and list. The radial view palette provides the option to "invert" the view, giving preference to resuming activities instead of starting new ones.<br />
]]<br />
<br />
====06====<br />
[[#05 | back]] | [[#07 | next]]<br />
[[Image:Activity_management-06.jpeg | thumb | center | 640px | <br />
<br />
When the alternate view is selected, the icons in the ring take on the colors of the most recent instance of each respective activity. Activities which haven't yet been instantiated &mdash; including any just installed &mdash; remain as gray outlines.<br />
]]<br />
<br />
====07====<br />
[[#06 | back]] | [[#08 | next]]<br />
[[Image:Activity_management-07.jpeg | thumb | center | 640px | <br />
<br />
The palettes for the activities now reveal first the most recent activity instances. The option to start a new instance, again in any sharing scope, lies at the bottom.<br />
]]<br />
<br />
====08====<br />
[[#07 | back]] | [[#09 | next]]<br />
[[Image:Activity_management-08.jpeg | thumb | center | 640px | <br />
<br />
As the mouse hovers over a listed instance, the icon in the ring takes on its colors to indicate that selecting it will secure its position as the most recent instance of the activity.<br />
]]<br />
<br />
====09====<br />
[[#08 | back]] | [[#10 | next]]<br />
[[Image:Activity_management-09.jpeg | thumb | center | 640px | <br />
<br />
Once the child selects an activity, its icon appears beneath the XO and pulses until the activity loads.<br />
]]<br />
<br />
====10====<br />
[[#09 | back]] | [[#11 | next]]<br />
[[Image:Activity_management-10.jpeg | thumb | center | 640px | <br />
<br />
The search field within the toolbar allows a child to seek out any activity installed on their laptop, including those not shown in their ring of favorites. It presents the option to create a new instance of an activity, or resume a recent one. If the particular one they desire isn't shown, the "More in Journal" button will take them directly to a complete list of matching activities.<br />
]]<br />
<br />
====11====<br />
[[#10 | back]] | [[#12 | next]]<br />
[[Image:Activity_management-11.jpeg | thumb | center | 640px | <br />
<br />
The child's running activities appear at the top edge of the Frame, adjacent to the zoom levels. Their position in the Frame makes them easy to access from anywhere, which also makes switching activities more natural. Additionally, the child may interact on them directly: for instance, they might drag a friend from the Neighborhood onto an activity icon to invite them.<br />
]]<br />
<br />
====12====<br />
[[#11 | back]] | [[#13 | next]]<br />
[[Image:Activity_management-12.jpeg | thumb | center | 640px | <br />
<br />
As the Journal is always running, it is also always available from the Frame.<br />
]]<br />
<br />
====13====<br />
[[#12 | back]] | [[#14 | next]]<br />
[[Image:Activity_management-13.jpeg | thumb | center | 640px | <br />
<br />
While clicking on any activity in the Frame will focus it, they also have palettes with additional options including a means to share or stop them.<br />
]]<br />
<br />
====14====<br />
[[#13 | back]] | next<br />
[[Image:Activity_management-14.jpeg | thumb | center | 640px | <br />
<br />
The list view of Home provides a filterable list of ''all'' activities installed on the machine. Those which the child stars within list view appear as favorites in the ring. Activities will be starred by default when downloaded to make them immediately available from the ring, but may later be removed as the child sees fit.<br />
]]<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
&nbsp;</div>18.85.18.134