Difference between revisions of "Design Team/Designs/Activity Management"

From Sugar Labs
Jump to: navigation, search
(14)
(Design Proposals)
 
(12 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
__NOTOC__
 
__NOTOC__
 +
 +
==Current Design==
  
 
====01====
 
====01====
 
back | [[#02 | next]]
 
back | [[#02 | next]]
[[Image:Activity_management-01.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-00.jpg | thumb | center | 640px |  
  
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.
+
The Home screen is a place from which to launch new or recently used activities.  The child's ''favorite'' activities may be arranged around their XO, while their current activity is shown directly beneath it, consistent with the other zoom levels. Scaling of the icons as the view fills up will allow hundreds of activities to be shown.
 
]]
 
]]
  
Line 11: Line 13:
 
====02====
 
====02====
 
[[#01 | back]] | [[#03 | next]]
 
[[#01 | back]] | [[#03 | next]]
[[Image:Activity_management-02.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-01.jpg | thumb | center | 640px |  
  
An addition to the XO menu provides a quick and easy link directly to a library containing additional activitiesThe 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.
+
While activities appear in their raw, uninstantiated (gray outline) state at first, they take on the colors of the most recent instance once started.  This provides a way for children to dive directly into projects they've been working on recently from Home, and helps prevent them from creating lots of new instances by accidentThis also lends a touch of personalization to the view, allowing the colors to allude to their collaborative experiences.
 
]]
 
]]
  
Line 19: Line 21:
 
====03====
 
====03====
 
[[#02 | back]] | [[#04 | next]]
 
[[#02 | back]] | [[#04 | next]]
[[Image:Activity_management-03.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-02.jpg | thumb | center | 640px |  
  
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.
+
The XO is the heart of the interface.  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 Home, where it will appear in its uninstantiated state for easy identification.
 
]]
 
]]
  
 
====04====
 
====04====
 
[[#03 | back]] | [[#05 | next]]
 
[[#03 | back]] | [[#05 | next]]
[[Image:Activity_management-04.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-03.jpg | thumb | center | 640px |  
  
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.
+
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.
 
]]
 
]]
  
 
====05====
 
====05====
 
[[#04 | back]] | [[#06 | next]]
 
[[#04 | back]] | [[#06 | next]]
[[Image:Activity_management-05.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-04.jpg | thumb | center | 640px |  
  
The toolbar within the Home screen contains two view options: cluster and list.  The cluster view palette provides the option to "invert" the view, giving preference to resuming activities instead of starting new ones.
+
A child may launch an activity simply by clicking its icon.  The palette for an activity offers a list of recent instances of the activity, as well as the option to start a new instance from scratch.  It also offers the option to start the new instance privately, with a friend, or publicly (and later with a specific group).
 
]]
 
]]
  
 
====06====
 
====06====
 
[[#05 | back]] | [[#07 | next]]
 
[[#05 | back]] | [[#07 | next]]
[[Image:Activity_management-06.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-05.jpg | thumb | center | 640px |  
  
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  — including any just installed — remain as gray outlines.
+
As the mouse hovers over a listed instance, the activity icon takes on its colors to indicate that selecting it will secure its position as the most recent instance of the activity.
 
]]
 
]]
  
 
====07====
 
====07====
 
[[#06 | back]] | [[#08 | next]]
 
[[#06 | back]] | [[#08 | next]]
[[Image:Activity_management-07.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-06.jpg | thumb | center | 640px |  
  
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.
+
Once the child selects an activity, its icon appears beneath the XO.
 
]]
 
]]
  
 
====08====
 
====08====
 
[[#07 | back]] | [[#09 | next]]
 
[[#07 | back]] | [[#09 | next]]
[[Image:Activity_management-08.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-07.jpg | thumb | center | 640px |  
  
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.
+
The launching of an activity automatically transitions to the activity zoom level, where a large, pulsing representation of the activity appears.  This provides immediate and obvious feedback to the children, to let them know both that the action they took had an effect, and that they should wait for the launch to complete.  This provides a friendly and entertaining method of feedback, while simultaneously discouraging children from launching many activities at the same time.
 
]]
 
]]
  
 
====09====
 
====09====
 
[[#08 | back]] | [[#10 | next]]
 
[[#08 | back]] | [[#10 | next]]
[[Image:Activity_management-09.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-08.jpg | thumb | center | 640px |  
  
Once the child selects an activity, its icon appears beneath the XO and pulses until the activity loads.
+
The Frame does remain available, allowing more advanced users to navigate elsewhere, continue other work, or launch more activities if they desire to.
 
]]
 
]]
  
 
====10====
 
====10====
 
[[#09 | back]] | [[#11 | next]]
 
[[#09 | back]] | [[#11 | next]]
[[Image:Activity_management-10.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-09.jpg | thumb | center | 640px |  
  
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 favoritesIt presents the option to create a new instance of an activity, or resume a recent oneIf the particular one they desire isn't shown, the "More in Journal" button will take them directly to a complete list of matching activities.
+
The child's running activities appear at the top edge of the Frame, adjacent to the zoom levelsTheir position in the Frame makes them easy to access from anywhere, which also makes switching activities more naturalAdditionally, the child may interact on them directly: for instance, they might drag a friend from the Neighborhood onto an activity icon to invite them.
 
]]
 
]]
  
 
====11====
 
====11====
 
[[#10 | back]] | [[#12 | next]]
 
[[#10 | back]] | [[#12 | next]]
[[Image:Activity_management-11.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-10.jpg | thumb | center | 640px |  
  
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.
+
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.
 
]]
 
]]
  
 
====12====
 
====12====
 
[[#11 | back]] | [[#13 | next]]
 
[[#11 | back]] | [[#13 | next]]
[[Image:Activity_management-12.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-11.jpg | thumb | center | 640px |  
  
As the Journal is always running, it is also always available from the Frame.
+
Pressing the ALT key while in home will transition all of the activity icons to their raw, uninstantiated representation, allowing more advanced users to create new instances without needing to access their palettes.
 
]]
 
]]
  
 
====13====
 
====13====
 
[[#12 | back]] | [[#14 | next]]
 
[[#12 | back]] | [[#14 | next]]
[[Image:Activity_management-13.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-12.jpg | thumb | center | 640px |  
  
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.
+
Drag'n'drop support allows children to arrange their icons into groups according to their own categorization, offering a greater level of flexibility.
 
]]
 
]]
  
 
====14====
 
====14====
[[#13 | back]] | next
+
[[#13 | back]] | [[#15 | next]]
[[Image:Activity_management-14.jpeg | thumb | center | 640px |  
+
[[Image:Activity_management-2-13.jpg | thumb | center | 640px |
 +
 
 +
Finally, the list view of Home reveals an ordered list of all activities installed on the laptop.  It offers automatic grouping when more than one version of an activity is present, as well as additional information that may be relevant to show for lesser used activities.  It also provides a quick way to star and un-star activities, to change the set of activities which appear in the free layout view.
 +
]]
 +
 
 +
====15====
 +
[[#14 | back]] | next
 +
[[Image:Activity_management-2-14.jpg | thumb | center | 640px |  
  
 
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.
 
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.
 
]]
 
]]
 +
 +
==Design Proposals==
 +
[[Design Team/Proposals/Home View]]
 +
 +
==Previous Designs==
 +
 +
[http://wiki.laptop.org/index.php?title=Designs/Activity_Management&oldid=112067  25 February 2008]
 +
 +
 +
 +
 +
 +
[[Category:Design]]
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 

Latest revision as of 17:16, 22 October 2009


Current Design

01

back | next

The Home screen is a place from which to launch new or recently used activities. The child's favorite activities may be arranged around their XO, while their current activity is shown directly beneath it, consistent with the other zoom levels. Scaling of the icons as the view fills up will allow hundreds of activities to be shown.


02

back | next

While activities appear in their raw, uninstantiated (gray outline) state at first, they take on the colors of the most recent instance once started. This provides a way for children to dive directly into projects they've been working on recently from Home, and helps prevent them from creating lots of new instances by accident. This also lends a touch of personalization to the view, allowing the colors to allude to their collaborative experiences.


03

back | next

The XO is the heart of the interface. 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 Home, where it will appear in its uninstantiated state for easy identification.

04

back | next

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.

05

back | next

A child may launch an activity simply by clicking its icon. The palette for an activity offers a list of recent instances of the activity, as well as the option to start a new instance from scratch. It also offers the option to start the new instance privately, with a friend, or publicly (and later with a specific group).

06

back | next

As the mouse hovers over a listed instance, the activity icon takes on its colors to indicate that selecting it will secure its position as the most recent instance of the activity.

07

back | next

Once the child selects an activity, its icon appears beneath the XO.

08

back | next

The launching of an activity automatically transitions to the activity zoom level, where a large, pulsing representation of the activity appears. This provides immediate and obvious feedback to the children, to let them know both that the action they took had an effect, and that they should wait for the launch to complete. This provides a friendly and entertaining method of feedback, while simultaneously discouraging children from launching many activities at the same time.

09

back | next

The Frame does remain available, allowing more advanced users to navigate elsewhere, continue other work, or launch more activities if they desire to.

10

back | next

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.

11

back | next

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.

12

back | next

Pressing the ALT key while in home will transition all of the activity icons to their raw, uninstantiated representation, allowing more advanced users to create new instances without needing to access their palettes.

13

back | next

Drag'n'drop support allows children to arrange their icons into groups according to their own categorization, offering a greater level of flexibility.

14

back | next

Finally, the list view of Home reveals an ordered list of all activities installed on the laptop. It offers automatic grouping when more than one version of an activity is present, as well as additional information that may be relevant to show for lesser used activities. It also provides a quick way to star and un-star activities, to change the set of activities which appear in the free layout view.

15

back | next

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.

Design Proposals

Design Team/Proposals/Home View

Previous Designs

25 February 2008