8.2 GUI and usability improvements: Difference between revisions

From OLPC
Jump to navigation Jump to search
m (Reverted edits by Quentinscott (Talk) to last revision by Gregorio)
 
(11 intermediate revisions by 4 users not shown)
Line 1: Line 1:
'''This page refers to a feature introduced in XO Software Release 8.2.0 (AKA build 767). See the 8.2.0 release notes [[Release_Notes/8.2.0|here]]'''
== GUI and usability improvements ==

= GUI and usability improvements =
A number of aspects of the XO user interface (called the Sugar UI or GUI) have been revamped to improve the user experience.
A number of aspects of the XO user interface (called the Sugar UI or GUI) have been revamped to improve the user experience.


This documentation refers to XO Software Release 8.2.0. See the release notes [[Release_Notes/8.2.0|here]]
===Home view===

==Home view==
There are now three distinct view options:
There are now three distinct view options:


Line 27: Line 31:
By hovering over the activity icon it's possible to add or remove it as a favorite activity, or remove the activity completely, uninstalling it permanently. To prevent accidental deletion, a confirmation step is required when deleting activities.
By hovering over the activity icon it's possible to add or remove it as a favorite activity, or remove the activity completely, uninstalling it permanently. To prevent accidental deletion, a confirmation step is required when deleting activities.


=== Frame ===
== Frame ==
In the new Frame, the edges represent: places, people, devices, and objects. The Frame is accessed by putting the cursor in the corner or on the edge of the screen (see Frame control panel for setting these options) or by pressing the Frame key in the upper right of the keyboard. If the Frame is started by key stroke it must be removed by keystroke.
In the new Frame, the edges represent: places, people, devices, and objects. The Frame is accessed by putting the cursor in the corner or on the edge of the screen (see Frame control panel for setting these options) or by pressing the Frame key in the upper right of the keyboard. If the Frame is started by key stroke it must be removed by keystroke.


Line 41: Line 45:
The left edge of the Frame serves as a multi-item clipboard. The currently selected item will be pasted when the paste button (or the shortcut control - v) is invoked.
The left edge of the Frame serves as a multi-item clipboard. The currently selected item will be pasted when the paste button (or the shortcut control - v) is invoked.


=== Journal ===
== Journal ==
The 8.2 release includes an updated Journal The look is cleaner and some additional features have been added to make object management easier.
The 8.2 release includes an updated Journal The look is cleaner and some additional features have been added to make object management easier.


;'''List view'''
;'''List view'''


The list view still contains a list of all of the objects created on the laptop, ordered by date. Resuming an activity is as simple as clicking on the activity icon itself. There are a few enhancements to the Journal list as well:
The list view contains a list of all of the objects created on the laptop, ordered by date. Resuming an activity by clicking on the activity icon itself. Enhancements to the Journal include:


;In-line renaming
;In-line renaming
It's now possible to rename entries directly within the list view, by clicking on the title text. A text field will appear to receive changes, which can be confirmed or canceled with enter and esc, respectively.
It's now possible to rename entries directly within the list view, by clicking on the title text. A text field will appear to receive changes, which can be confirmed or canceled with enter and esc keys, respectively.
;Object palettes
;Object palettes
The objects represented within the entries (specifically, activity and people icons) now have palettes attached to them. By hovering over their icons, it's possible to find out more information about them, such as the name of the person, and take actions on them, such as copying or deleting an entry. These changes make it possible to do more from the list, without having to constantly enter the detail view.
The activity and people icons within the Journal now have palettes (AKA drop down menus) attached to them. By hovering over their icons, it's possible to find out more information, such as the name of the person, and take actions on them, such as copying or deleting an entry. These changes make it possible to do more from the list, without having to constantly enter the detail view.
;Better feedback
;Better feedback
The Journal now provides better feedback in edge cases, for instance when there are no search results returned for a query, to prevent confusion.
The Journal now provides better feedback in edge cases to prevent confusion, for instance when there are no search results returned for a query.


;'''Details view'''
;'''Details view'''
By clicking on the details button (the little arrow) at the right of an entry, a child can view the details page for the entry. This includes a preview, editable description and tags, and other info about the entry. The toolbar at the top of the screen provides useful actions for launching, copying, or deleting the entry.
By clicking on the details button (the little arrow) at the right of an entry, you can view the details page for the entry. This includes a preview, editable description and tags, and other info about the entry. The toolbar at the top of the screen provides useful actions for launching, copying, or deleting the entry.


=== Graphical sugar control panel ===
== Graphical sugar control panel ==
Accessible from the pop-up menu of the XO icon in the [[home view]], the control panel currently provides a graphical interface for setting language, power, UI, date and other options. More detailed instructions can be found [[Sugar_Control_Panel#The_graphical_user_interface| here]].
Accessible from the pop-up menu of the XO icon in the home view, the control panel currently provides a graphical interface for setting language, power, UI, date and other options.


<gallery>
<gallery>
Image:Sugar_Control_Panel.png|'''Sugar Control Panel''' <br> Graphical interface for setting many XO preferences.
Image:Sugar_Control_Panel.png|'''Sugar Control Panel''' <br> Graphical interface for setting XO preferences.
Image:Sugar_Control_Panel_Language.png|'''Language''' <br> Allows selection of the default language.
Image:Sugar_Control_Panel_Language.png|'''Language''' <br> Allows selection of the default language.
Image:Sugar_Control_Panel_Power.png|'''Power''' <br> Enables power saving modes. See Improved Power Management section below for more details.
Image:Sugar_Control_Panel_Power.png|'''Power''' <br> Enables power saving modes.
Image:Sugar_Control_Panel_Frame.png|'''Frame''' <br> Sets the time it takes the Frame to appear when the cursor is on the corner or on the edge (side) of the screen.
Image:Sugar_Control_Panel_Frame.png|'''Frame''' <br> Sets the preferences for when the Frame appears.
Image:Sugar_Control_Panel_About_my_XO.png|'''About my XO''' <br> Shows the build number, firmware version and serial number.
Image:Sugar_Control_Panel_About_my_XO.png|'''About my XO''' <br> Shows the build number, firmware version and serial number.
Image:820_updateproposal.png|'''Software Updates'''<br> Checks for latest version of activities and optionally upgrades them
Image:820_updateproposal.png|'''Software Updates'''<br> Checks for latest version of activities and optionally upgrades them
Image:Sugar_Control_Panel_Date_and_Time.png|'''Date & Time''' <br> Allows setting of the Timezone. Note: this function no longer needs Super User access.
Image:Sugar_Control_Panel_Date_and_Time.png|'''Date & Time''' <br> Allows setting of the Timezone.
Image:Sugar_Control_Panel_About_Me.png|'''About Me''' <br> Sets the name and color of your XO icon. These values are seen by other XOs when using collaboration.
Image:Sugar_Control_Panel_About_Me.png|'''About Me''' <br> Sets the name and color of your XO icon. These values are seen by other XOs when using collaboration.
Image:Sugar Control Panel Network.png|'''Network''' <br> Allows turning off the wireless radio and identifies a school server for collaboration
Image:Sugar Control Panel Network.png|'''Network''' <br> Allows turning off the wireless radio and identifies a school server for collaboration

Latest revision as of 13:43, 31 May 2011

This page refers to a feature introduced in XO Software Release 8.2.0 (AKA build 767). See the 8.2.0 release notes here

GUI and usability improvements

A number of aspects of the XO user interface (called the Sugar UI or GUI) have been revamped to improve the user experience.

This documentation refers to XO Software Release 8.2.0. See the release notes here

Home view

There are now three distinct view options:

Freeform

This view shows only favorite activities. The activity icons can be positioned by dragging them around the screen.

Ring

This view shows only favorite activities. The activities are kept neatly ordered within a ring surrounding the XO.

List

This view shows every activity currently installed on the laptop, as well as other info about them such as their installation date and version number. The search field allows you to easily locate an activity in the list. Favorite activities can be specified here by clicking on the star icon next to an activity.

Launching activities

The Home view serves as a space for launching new activities. The Frame now shows the running activities. Clicking on an activity icon will launch it with a pulsing icon shown in the center until the activity starts. This feedback shows that the activity is starting and discourages users from launching many activities at once.

Removing activities
Activities can be individually erased to free up space

By hovering over the activity icon it's possible to add or remove it as a favorite activity, or remove the activity completely, uninstalling it permanently. To prevent accidental deletion, a confirmation step is required when deleting activities.

Frame

In the new Frame, the edges represent: places, people, devices, and objects. The Frame is accessed by putting the cursor in the corner or on the edge of the screen (see Frame control panel for setting these options) or by pressing the Frame key in the upper right of the keyboard. If the Frame is started by key stroke it must be removed by keystroke.

The Frame is accessible from anywhere
1. Places

The top edge shows the "places" within the UI. The zoom level buttons (Activity, Home, Groups, Neighborhood) appear here. The list of currently running activities also appear on the top edge of the frame. The most recent activity used is highlighted. The Journal is always present here as a running activity.

2. People

The right edge serves as an "active buddy list." Other XOs with whom the XO is collaborating appear on the right edge of the Frame.

3. Devices

System status is in the bottom edge of the Frame. The battery level, network status, USB devices (if present) and audio speaker all appear here.

4. Objects

The left edge of the Frame serves as a multi-item clipboard. The currently selected item will be pasted when the paste button (or the shortcut control - v) is invoked.

Journal

The 8.2 release includes an updated Journal The look is cleaner and some additional features have been added to make object management easier.

List view

The list view contains a list of all of the objects created on the laptop, ordered by date. Resuming an activity by clicking on the activity icon itself. Enhancements to the Journal include:

In-line renaming

It's now possible to rename entries directly within the list view, by clicking on the title text. A text field will appear to receive changes, which can be confirmed or canceled with enter and esc keys, respectively.

Object palettes

The activity and people icons within the Journal now have palettes (AKA drop down menus) attached to them. By hovering over their icons, it's possible to find out more information, such as the name of the person, and take actions on them, such as copying or deleting an entry. These changes make it possible to do more from the list, without having to constantly enter the detail view.

Better feedback

The Journal now provides better feedback in edge cases to prevent confusion, for instance when there are no search results returned for a query.

Details view

By clicking on the details button (the little arrow) at the right of an entry, you can view the details page for the entry. This includes a preview, editable description and tags, and other info about the entry. The toolbar at the top of the screen provides useful actions for launching, copying, or deleting the entry.

Graphical sugar control panel

Accessible from the pop-up menu of the XO icon in the home view, the control panel currently provides a graphical interface for setting language, power, UI, date and other options.