Ubuntu Wiki

Designed by MarkShuttleworth, specified in detail by Ivanka Majic and MatthewPaulThomas

There should be a “Me menu” representing you in Ubuntu. It should let you broadcast to social networks such as Twitter and Facebook, set your status for instant messaging in Empathy, and access settings for instant messaging, microblogging, and Ubuntu One.

This is the design specification for Me Menu. This specification contains some issues not yet resolved. Your feedback is welcome at MeMenu/Comments.

Rationale

The Me menu is the first port of call for the user to express their status and their identities to the world.

Artwork requirements summary

• A mockup of the menu with the whole Me item (picture + name) highlighted.

• A mockup of what the broadcast field should look like if the text in it is currently too long to be submitted (e.g. over Twitter’s 140-character limit).

• Mockups of each of the wireframes below.

Use cases

The menu itself

Unless otherwise specified, activating any menu item should close the menu before carrying out its function.

Title

The title of the menu should be an icon representing your current instant messaging status, followed by whichever form of your name you have chosen in About Me. If you have no instant messaging accounts set up, the icon should be the Offline icon. If you have multiple instant messaging accounts with different current statuses, the icon should be a thick dash, the same as used for indeterminate radio menu items.

Me item

The first item in the menu should consist of data from your Ubuntu account: your account picture on the leading side, and your “Real name” alongside, with 1 em spacing between them. It should behave exactly as a single menu item. It should be insensitive if gnome-about-me is not installed. Activating the item should open About Me.

The account picture should be scaled, maintaining proportion, to the largest size that will fit in a 3-em square. If you have no account picture, a default user account picture should appear instead.

The name should, if necessary, wrap to two lines of text. If it would take up more than two lines, the second line should end with an ellipsis.

TBD: A mockup showing the first item highlighted.

Broadcast field

The broadcast field should be present if you have at least one broadcast account set up. There is no extra submit button; text is submitted by pressing Enter.

The default contents of the field depends on what your last posting was to each of the set up broadcast accounts.

• If the last posting was the same to all broadcast accounts (for example, if you have only one broadcast account item set up), the default contents of the field should be the text of that last posting.
• In all other cases, the default contents of the field should be nothing.

Test case:

1. Using a separate program, post “hello world” to Twitter, “hello world” to Identica, and “hi there” to Facebook.
2. Open the Me menu. The broadcast field should be blank.
3. Using a separate program, post “hello world” to Facebook.
4. Open the Me menu. The broadcast field should say “hello world”.

Submitting text should do nothing (even leaving the caret where it is) if any of the set up broadcast accounts have a character limit that is exceeded by the field’s current context. Otherwise, submitting text should close the menu, and post that text to all broadcast accounts whose account items are checked. If any of them should accept the submission but fail, a notification bubble should be displayed with title text of the form “Status could not be updated” and body text of the form “for {comma-and-space-separated list of accounts that failed}”.

Otherwise, when you submit text the menu should close immediately, and then post the text to all those accounts for which your latest status is not that exact text already. (This is to partly prevent a temporary error on one account from tricking you into double-posting to all the other accounts.)

If posting fails for any account:

1. A notification bubble should appear with an error icon, title text of the form “Couldn’t post to Twitter”, and body text giving a more detailed reason.
2. Until you next successfully post to that account, an extra row should appear immediately below the field in the menu:

   Couldn’t post to Twitter

Instant messaging statuses

This section is present only if you have set up any instant messaging accounts in Empathy. It consists of radio items with icons and labels for “Available”, “Away”, “Busy”, “Hidden”, and “Offline”, and an item with label only for “Custom Status…”. Each item should be sensitive only if the account item is checked for at least one chat account that supports it. Test case: Check a Facebook item and no other items. “Available” and “Offline” should be sensitive, while the other status items should not. Test case: Check a Twitter item and no other items. None of the status items should be sensitive.

A status item should be checked if all your Empathy accounts are currently set to that status. It should be set to indeterminate status if not all, but at least one, of your Empathy accounts are set to that status.

Activating any of the items except “Custom Status…” should close the menu and set your instant messaging status for all checked chat accounts that support that status. Activating “Custom Status…” should open a dialog for setting a custom status.

The dialog should be resizable; any extra size should be consumed by an enlarging “Set status” field.

The “Set status” field should allow a single line of text, but wrap it to multiple lines if necessary.

The menu underneath should be for choosing the type of status: “Available”, “Away”, or “Busy”.

The “Set” button should have Enter as its access key. It should be sensitive even if the “Set status” field is empty; this should be equivalent to setting a non-custom status.

If submitted, the custom status should be set for all checked chat accounts that support custom statuses.

Settings items

The menu should end with a separator, a “Chat Accounts…” item, a “Broadcast Accounts…” item, and an “Ubuntu One…” item.

The “Chat Accounts…” item should be present only if Empathy is installed. Activating it should open Empathy’s Accounts window, or focus it if it is already open.

The “Broadcast Accounts…” item should be present only if Gwibber, or the general broadcast accounts utility, is installed. Activating it should open the general broadcast accounts utility (if it has been implemented), or otherwise Gwibber’s “Manage Accounts” window, or focus it if it is already open.

The “Ubuntu One…” item should be present only if the Ubuntu One control panel is installed. It should say “Ubuntu One Settings…” instead if you are currently logged in to Ubuntu One. Activating it should open that control panel, or focus it if it is already open.

Application integration for Ubuntu Lucid

For Lucid, these services should be integrated:

• Gwibber: Twitter, Facebook, Identica
• Empathy: msn, Google Talk, Yahoo Chat

Changes to About Me

The About Me window should be simplified to this.

The “Display” radio buttons determine how your name is displayed in the title of the menu.

Handling upgrades

Risks

• Facebook Chat does not have a “Hidden” status, so including it in a global IM status menu may mislead people about whether they are actually hidden. See also http://www.szetopia.com/im-presence

Future work

• Broadcast what I am listening to as a status
• Review all messaging apps
• Does the Social Networks service need an alternative list view to support accessibility?
• Generalize the broadcast account settings for use by other applications
  • API for those applications to access the settings

Service and account items

The service and account items represent your broadcast accounts and instant messaging accounts that Ubuntu knows about. The items should be present only if you have set up any broadcast or instant messaging accounts.

If you do have accounts set up, these should be displayed as toggle items in a grid that has up to five accounts per row. If you have more than one account set up, the first item should be an All item. This item should be labelled with the localization of the word “All” if it fits in the grid square, or otherwise an All icon (𝍖 an array of dots).Test case: Set up seven accounts. The first row should have five account items (“All” plus four accounts), and the second row should have three account items and two empty spaces.

For this specification, an account item in the on status is “checked”, and an item in the off state is “unchecked”. On first use of the menu, all account items should be checked. The state of each account item should persist even after restarting the computer. Activating an item should toggle it between checked and unchecked, but should not close the menu.

TBD: A mockup showing the difference between checked and unchecked.

Checking the All item should check all the other account items. The All item should be checked whenever — and only when — all accounts are checked. Unchecking it should uncheck every account.

In addition to being unchecked or checked, items for instant messaging accounts should also display whether your status for that service is available, away, busy, hidden, or offline.

TBD: A mockup showing an item in Offline state, and items in checked and unchecked statuses that are Available, Away, Busy, and Hidden.

So, each toggle button needs to have statuses visually representing two things: your IM status, and whether it is selected (checked).

The arrow keys should navigate through the items just as they would for cells in a spreadsheet. Test case: With the seven accounts still set up, open the menu and press Down twice. The “All” item (top left corner) should be highlighted. Press Right once, then Down twice. The text field should be focused. Press Up once. The seventh account (not the sixth!) should be highlighted.

Broadcast field

The broadcast field should be sensitive whenever at least one broadcast account item is checked.

Test case:

1. Using a separate program, post “hello world” to Twitter, “hello world” to Identica, and “hi there” to Facebook.
2. Open the Me menu. Select only Facebook. The field should say “hi there”.
3. Select Identica as well. The field should become empty.
4. Deselect Facebook, leaving only Identica. The field should say “hello world”.
5. Select Twitter as well. The field should still say “hello world”.
6. Deselect both Identica and Twitter, leaving nothing selected. The field should become insensitive.

Submitting text should do nothing (even leaving the caret where it is) if any of the checked broadcast accounts have a character limit that is exceeded by the field’s current context.

Whenever the contents of the field is not the same as the last-posted text, the field should contain an icon-only Reset button inside its trailing end. ↺ Pressing this button, or opening the menu, should reset the field to the last successfully transmitted entry.

The broadcast field should be present if you have at least one broadcast account set up.

Unresolved issues

• What if a service has no icon?

• If you have multiple microblogging accounts with the same service (e.g. a personal Twitter account and a corporate one), they’ll be indistinguishable in the menu.

  • Both could be resolved by using text items, instead of the grid of icons.
• Do we need to show a count for the 140 character limit, where you are broadcasting to accounts that have one?
  • We could leave space for this beside the field, so that the field doesn’t quite take up the full width of the menu.