8.2 GUI and usability improvements: Difference between revisions

From OLPC
Jump to navigation Jump to search
(New page: == GUI and usability improvements == A number of aspects of the Sugar UI have been revamped to improve the user experience. ===Home view=== There are now three distinct view options: <ga...)
 
m (Reverted edits by Quentinscott (Talk) to last revision by Gregorio)
 
(18 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 ==
⚫
A number of aspects of the Sugar UI have been revamped to improve the user experience.


⚫
= GUI and usability improvements =
⚫
===Home view===
⚫
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==
There are now three distinct view options:
There are now three distinct view options:


Line 16: Line 20:
This view shows only favorite activities. The activities are kept neatly ordered within a ring surrounding the XO.
This view shows only favorite activities. The activities are kept neatly ordered within a ring surrounding the XO.
;List
;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 children to easily locate an activity in the list. Favorite activities can be specified here by starring them.
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
;Launching activities


The Home view serves as a space for launching new activities. The Frame now contains the running activities which used to appear in Home. 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.
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
;Removing activities


[[Image:Removing Activities8.2.0.png|thumb|right|Activities can be individually erased to free up space for new Activity course material]]
[[Image:Removing Activities8.2.0.png|thumb|right|Activities can be individually erased to free up space]]
By hovering over the activity icon it's possible to take other actions as well. For instance, one may easily 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 33: Line 37:


;1. Places
;1. Places
The top edge shows the "places" within the UI. The zoom level buttons appear here. The list of currently running activities also appear on the top edge of the frame; the active activity is highlighted. The Journal is always present here as a running activity.
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
;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.
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
;3. Devices
System status is in the bottom edge of the Frame. The battery level, network status (including the new mesh device, which allows one to switch channels), and speaker all appear here.
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
;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 shortcut) 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:

  • Home Freeform view

    Home Freeform view

  • Home Ring view

    Home Ring view

  • Home List view

    Home List view

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.

  • Sugar Control Panel Graphical interface for setting XO preferences.

    Sugar Control Panel
    Graphical interface for setting XO preferences.

  • Language Allows selection of the default language.

    Language
    Allows selection of the default language.

  • Power Enables power saving modes.

    Power
    Enables power saving modes.

  • Frame Sets the preferences for when the Frame appears.

    Frame
    Sets the preferences for when the Frame appears.

  • About my XO Shows the build number, firmware version and serial number.

    About my XO
    Shows the build number, firmware version and serial number.

  • Software Updates Checks for latest version of activities and optionally upgrades them

    Software Updates
    Checks for latest version of activities and optionally upgrades them

  • Date & Time Allows setting of the Timezone.

    Date & Time
    Allows setting of the Timezone.

  • About Me Sets the name and color of your XO icon. These values are seen by other XOs when using collaboration.

    About Me
    Sets the name and color of your XO icon. These values are seen by other XOs when using collaboration.

  • Network Allows turning off the wireless radio and identifies a school server for collaboration

    Network
    Allows turning off the wireless radio and identifies a school server for collaboration

Retrieved from "http://wiki.laptop.org/mediawiki/index.php?title=8.2_GUI_and_usability_improvements&oldid=256697"