User:Wade/Ideas/Activity Management: Difference between revisions

From OLPC
Jump to navigation Jump to search
m (Undo revision 252842 by Patrol (Talk))
 
(18 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{TOCright}}
== Problems addressed ==
== Problems addressed ==


Line 23: Line 24:


== Design ==
== Design ==

''Please forgive this early draft as it was sketched, photographed, wikified and described in one hour following Eben's post regarding the draggable desktop icons. This comment will be removed once the design is cleaned up a bit.''


This design removes the permanent activity icons from the home screen, and replaces them with a tag-centric view of previously created activity instances. In a sense, it is turning the home screen into a spatial view of the Journal, plus a mechanism for creating blank activities.
This design removes the permanent activity icons from the home screen, and replaces them with a tag-centric view of previously created activity instances. In a sense, it is turning the home screen into a spatial view of the Journal, plus a mechanism for creating blank activities.


It introduces a transient, grayscale activity ring which appears when the XO icon is clicked. Visually, this looks like creating new activity instances "out of the XO". It also introduces a tag-centric layout, where user-created tags orbit the XO, and activity instances orbit the tags.
It introduces a transient, grayscale activity ring which appears when the XO icon is clicked. Visually, this looks like creating new activity instances "out of the XO". It later (only once the user is ready) introduces a tag-centric layout, where user-created tags orbit the XO, and activity instances orbit the tags.


==== Rationale ====
==== Rationale ====
Line 45: Line 44:


==== New activity ring ====
==== New activity ring ====
User clicks on the XO, and the activity ring appears with the activity icons in grayscale. This appearing ring of grayscale icons is the standard metaphor for creating a ''blank'' activity. The fact that the icons appear out of the XO indicates that it's being created ''from the XO''.
User clicks on the XO, and the activity ring appears with the activity icons in grayscale. This appearing ring of grayscale icons is the standard metaphor for creating a ''blank'' activity.


The fact that the icons appear out of the XO indicates that it's being created ''from the XO''. To enforce this, the activity icons will be animated to appear inside the XO and to travel outwards until they reach their point on the circle.

* Clicking on an activity creates a blank activity instance.
* Hovering over activity icons show them in the user's color.
* Hovering over activity icons show them in the user's color.
* Clicking anywhere else dismisses the activity ring.
* Clicking anywhere else dismisses the activity ring.
* Dragging and releasing activities reorganizes the activities in the circle.


[[Image:Wade-Activity-Management-1.jpg]]
[[Image:Wade-Activity-Management-1.jpg]]
Line 55: Line 58:


==== Activity created ====
==== Activity created ====
User clicks on an icon, the colored icon travels to the outer ring, and the activities ring disappears.
When the clicks on an activity icon in the activity ring, the colored icon travels to the outer ring, and the activities ring disappears.


==== Activity launching ====
==== Activity launching ====
Line 64: Line 67:
----
----


==== Multiple created documents ====
==== Boot view after a while ====


Once the user has created many activity instances, they will surround the XO just like the current activities circle. When the user clicks the XO to create a blank activity, everything else on the screen fades out to light gray behind the activities ring.
Once the user has created several activity instances, they will come to surround the XO just like the current activities circle.

* Activity instances can be dragged around the circle to reorganize them.
* Activity instances icons have context menus showing name, small screenshot, time last resumed, Resume, Tag.
* When the user clicks the XO to create a blank activity, everything else on the screen fades out to light gray behind the activities ring.


[[Image:Wade-Activity-Management-6.jpg|640px]]
[[Image:Wade-Activity-Management-6.jpg|640px]]
Line 73: Line 80:
Tags are how activities are organized beyond the initial XO ring. The user uses the context menu to assign a tag to the activity (the rest of the context menu is omitted). Assume the tag "Math" is assigned.
Tags are how activities are organized beyond the initial XO ring. The user uses the context menu to assign a tag to the activity (the rest of the context menu is omitted). Assume the tag "Math" is assigned.


The use of tags is optional until the initial XO ring is filled.
The use of tags is completely optional until the initial XO ring has been filled with activity instances. The system never makes itself apparent until the user selects Tag from an activity instance's context menu.

Note- Metaphorically, the XO icon can be thought of as the ''root tag''.


==== Tag based layout ====
==== Tag based layout ====
With the tag assigned, the tag's visual representation (text in this case) appears in an outer ring, and the activity icon travels to orbit around the tag.
With the tag assigned, the tag's visual representation (text in this case) appears in an outer ring, and the activity icon travels to orbit around the tag.

This allows the entire screen to be filled up with activity instance icons, while preserving automatic organization.


[[Image:Wade-Activity-Management-3.jpg]]
[[Image:Wade-Activity-Management-3.jpg]]
Line 82: Line 93:
----
----


==== Multiple tags ====
==== Multiple tags on the home screen ====
An example of the home screen with a number of tags created.
An example of the home screen with a number of tags created.


If too many icons are created for a tag, all but the most recently used icons by small dots, and the user must focus the tag to open them.
If too many activity instances are assigned to a tag, all but the few most recently used become tiny dots, and the user must focus the tag to open them.


==== Tag focus ====
==== Tag focus (advanced) ====
The user clicks on the Math tag, and it travels to the center of the screen while the other tags disappear.
The user clicks on the Math tag, and it travels to the center of the screen while the other tags disappear.


The XO icon travels to the corner of the screen and becomes grayscale, this can be clicked to return to the home screen.
The XO icon travels to the corner of the screen and becomes grayscale, this can be clicked to return to the home screen.

We ''could'' extend tag focus to allow for tags within tags. This would create a hierarchical "galaxy" of activity instances, allowing for basically unlimited organizational freedom, while keeping the simple case simple.


[[Image:Wade-Activity-Management-4.jpg]]
[[Image:Wade-Activity-Management-4.jpg]]
Line 98: Line 111:
==== New Tagged activity ====
==== New Tagged activity ====


The user clicks the Math tag, and the grayscale activities ring appears out of the Math tag. When they click on an activity icon to create a blank activity instance, it will be created with the Math tag already assigned.
When the user clicks the Math tag, the grayscale activities ring appears out of the Math tag. When they click on an activity icon to create a blank activity instance, it will be created with the Math tag already assigned.

This allows users to ''effortlessly tag'', meaning all documents created within the tag's ''space'' will automatically receive the tag.


==== Tag creation dialog ====
==== Tag creation dialog ====
Line 105: Line 120:


[[Image:Wade-Activity-Management-5.jpg]]
[[Image:Wade-Activity-Management-5.jpg]]

==== Context menu ====

Since the home screen is now a view of the Journal, it needs to be able to show screenshots, resume activities, delete, etc. We could add a Details item to the regular context menu, but it might also be a good idea to build an ''extended context menu'' so that activity details can be easily viewed from the home screen.

This context menu sketch replaces the Details screen of the Journal with a more tightly packed version. The buttons correspond to Resume, Delete and Tag. Note that Delete should probably be moved over to the far right of the context menu, it's current position is dangerous.

[[Image:Wade-Activity-Management-7.jpg]]

Latest revision as of 03:23, 13 February 2011

Problems addressed

Over-tasked activity icon

The current activity management design double-tasks the activity icons in the home page with:

  1. Creation of blank activities.
  2. Resuming old activity instances.

This unfortunately fails to enforce the notion of an activity being separate from an activity instance, and will confuse users in the long run.

It also becomes cumbersome as soon as the user needs two instances of an activity. They will be forced to use a lengthy context menu, or to graduate to using the Journal regularly to start each activity instance, leaving the home screen basically useless.

In other words, I don't think the existing Activity Management design scales well past a single instance of each activity.

Lack of organizational tools

The current design basically requires users to drag around activity icons to organize them. Anyone who has used a modern desktop operating system will know that this is cumbersome to use, and in the hands of children may lead to chaotic home screen arrangements.

This dovetails with the previous problem, since documents (activity instances) cannot be placed on the home screen. If a user wanted to arrange their Write and Calculate together because they were doing math homework, and then later wants to do science homework with Measure, they must move the Write activity over next to the Measure activity to maintain any coherent grouping.

It becomes clear that the dragged icon system is simply a means to make room for more activities, and offers no organizational benefits.

Design

This design removes the permanent activity icons from the home screen, and replaces them with a tag-centric view of previously created activity instances. In a sense, it is turning the home screen into a spatial view of the Journal, plus a mechanism for creating blank activities.

It introduces a transient, grayscale activity ring which appears when the XO icon is clicked. Visually, this looks like creating new activity instances "out of the XO". It later (only once the user is ready) introduces a tag-centric layout, where user-created tags orbit the XO, and activity instances orbit the tags.

Rationale

  • Keeping with the constructionist nature of the machine, the user interface should be centered around what the user has created.
  • I believe the most common initial step when booting the XO will be to resume existing work.
  • This design makes obvious "where's my stuff", as everything the user has created is visible from the start.
  • This design makes it more clear who's XO this is. Rather than remembering the user's colors and seeing the standard list of installed activities, you will see your projects and tags.

Annotated Concept Sketches

Initial view at first boot

Initial view at first boot. No activity instances have been created yet.

An animated helper sprite is shown because the journal is empty. It animates and shows the user to click on the XO. This will be the subject of a future design page, but please take for granted that it's an animated glowing dot which circles the mouse cursor and then pretends to "click" on the XO. It might also involve voice.

New activity ring

User clicks on the XO, and the activity ring appears with the activity icons in grayscale. This appearing ring of grayscale icons is the standard metaphor for creating a blank activity.

The fact that the icons appear out of the XO indicates that it's being created from the XO. To enforce this, the activity icons will be animated to appear inside the XO and to travel outwards until they reach their point on the circle.

  • Clicking on an activity creates a blank activity instance.
  • Hovering over activity icons show them in the user's color.
  • Clicking anywhere else dismisses the activity ring.
  • Dragging and releasing activities reorganizes the activities in the circle.

Wade-Activity-Management-1.jpg


Activity created

When the clicks on an activity icon in the activity ring, the colored icon travels to the outer ring, and the activities ring disappears.

Activity launching

After a brief delay, the icon zooms up to fill the screen and pulses while the activity launches.

Wade-Activity-Management-2.jpg


Boot view after a while

Once the user has created several activity instances, they will come to surround the XO just like the current activities circle.

  • Activity instances can be dragged around the circle to reorganize them.
  • Activity instances icons have context menus showing name, small screenshot, time last resumed, Resume, Tag.
  • When the user clicks the XO to create a blank activity, everything else on the screen fades out to light gray behind the activities ring.

Wade-Activity-Management-6.jpg

Tag assignment

Tags are how activities are organized beyond the initial XO ring. The user uses the context menu to assign a tag to the activity (the rest of the context menu is omitted). Assume the tag "Math" is assigned.

The use of tags is completely optional until the initial XO ring has been filled with activity instances. The system never makes itself apparent until the user selects Tag from an activity instance's context menu.

Note- Metaphorically, the XO icon can be thought of as the root tag.

Tag based layout

With the tag assigned, the tag's visual representation (text in this case) appears in an outer ring, and the activity icon travels to orbit around the tag.

This allows the entire screen to be filled up with activity instance icons, while preserving automatic organization.

Wade-Activity-Management-3.jpg


Multiple tags on the home screen

An example of the home screen with a number of tags created.

If too many activity instances are assigned to a tag, all but the few most recently used become tiny dots, and the user must focus the tag to open them.

Tag focus (advanced)

The user clicks on the Math tag, and it travels to the center of the screen while the other tags disappear.

The XO icon travels to the corner of the screen and becomes grayscale, this can be clicked to return to the home screen.

We could extend tag focus to allow for tags within tags. This would create a hierarchical "galaxy" of activity instances, allowing for basically unlimited organizational freedom, while keeping the simple case simple.

Wade-Activity-Management-4.jpg


New Tagged activity

When the user clicks the Math tag, the grayscale activities ring appears out of the Math tag. When they click on an activity icon to create a blank activity instance, it will be created with the Math tag already assigned.

This allows users to effortlessly tag, meaning all documents created within the tag's space will automatically receive the tag.

Tag creation dialog

The tag creation dialog allows creating tags with text names and/or pre-made icons. Images can be pasted from the clipboard into the boxes to create new tag icon possibilities.

Wade-Activity-Management-5.jpg

Context menu

Since the home screen is now a view of the Journal, it needs to be able to show screenshots, resume activities, delete, etc. We could add a Details item to the regular context menu, but it might also be a good idea to build an extended context menu so that activity details can be easily viewed from the home screen.

This context menu sketch replaces the Details screen of the Journal with a more tightly packed version. The buttons correspond to Resume, Delete and Tag. Note that Delete should probably be moved over to the far right of the context menu, it's current position is dangerous.

Wade-Activity-Management-7.jpg