Before editing this page, please contact the drafter or approver of the spec. Feel free to drop comments in the Comments section

Summary

In Karmic we identified a few UI/usability issues that stuck out while still appearing doable from a workload perspective. The three areas chosen were:

  1. passphrase experience - make editing and providing passphrases a more user friendly experience; for that we hide usually not needed details from passphrase dialog and ensure that the passphrase format is remembered for WEP keys (e.g. if you provided a ascii passphrase you will see the same if you "show key"
  2. mobile broadband wizard - improve the first connect experience to allow users to directly connect; also fix inconsistencies on how the passphrase is presented for wep (ascii/hex).
  3. in order to disable background scanning the AP menu will be extended to have "Show more ..." button; upon click NM will perform an explicit scan and update the AP list dynamically.

Release Notes

NetworkManager in Ubuntu 9.10 features an improved passphrase user experience for WEP keys; a tighter integration of the Mobile Broadband Wizard in the applet ensures that users can get on their 3G network more easily. By disabling automatic background scanning, Ubuntu 9.10 improves network stability for wifi connections.

Use-Cases

A wants to connect to a wireless network that requires a passphrase; he is confused by all the options presented in the password dialog

B wants to change his passphrase and is confused by the hex value displayed in the connection editor

C has a NetworkManager that does not do background scanning; after being connected to some SSID for a while he wants to change the network he is connected to, however, there are no other networks visible in the applet.

D plugs in his 3G card for the first time; after going through the configuration wizard he wants to go online directly without clicking on the applet first.

D changes provider and wants to reconfigure his provider info in the nm connection editor; he opens the 3G configuration page and wants to be able to use the wizard he used to initially configure his 3G connection, instead of filling out the required information manually

Design

Based on the use cases above, this spec identified three main topics to tackle during karmic cycle WRT network manager UI:

Implementation

Details and mock-ups on the main topics.

Key / Passphrase UI

Wireless Network Authentication Required (WEP) Dialog

This dialog is displayed the first time a user selects a wireless network that's configured to use WEP. It's also re-displayed if association fails, as it's assumed the user entered the wrong key.

The changes to this dialog include:

The current dialog looks like this:

Wireless Network Authentication Required (WEP) dialog

The new dialog hides the WEP Index, and Auth combo boxes. Clicking the Advanced button causes these widgets to be displayed.

The new dialog looks like this ( note - icons aren't shown ):

New Wireless Network Authentication Required (WEP) dialog

TODO [awe] - update screenshot

Finally, I'm not sure if the following mockup breaks GNOME policy for dialogs or not, but the following is an example of the Authentication dialog fully stripped of extraneous text:

Simple Wireless Network Authentication Required (WEP) dialog

Based on design team feedback, this is too stripped down.

This could be used for WEP or WPA, by simply changing the key / passphrase label dynamically.

Wireless Network Authentication Required (WPA/WPA2) Dialog

This dialog is displayed the first time a user selects a wireless network that's configured to use WPA/WPA2 Personal. It's also re-displayed if association fails, as it's assumed the user entered the wrong key.

The changes to this dialog include:

The current dialog looks like this:

Wireless Network Authentication Required (WPA) dialog

The new dialog looks like this ( note - icons aren't shown ):

New Wireless Network Authentication Required (WPA) dialog

TODO [awe] - update screenshot

Edit Wireless Network : Wireless Security Tab

The Network Connections application allows a user to edit the details of saved wireless networks. If a user clicks on the Wireless Security tab for a network, and then clicks the Show Password checkbox, the key / passphrase is displayed as a hexadecimal string even if it was originally entered as an ASCII string.

Here's a screen shot of the dialog displaying a hexadecimal key:

Edit Wireless Network Security Tab

Here's how it would look with the password displayed as entered:

Revised Edit Wireless Network Security Tab

Note -- there needs to be some investigation into whether or not this is technically feasible. It's known that wpa_supplicant supports both string and hexadecimal keys. What's not known is whether the applet code can be re-factored to support storage of secrets as entered.

Applet Menu Changes

Revised Applet Dialog

Connect to more SSID experience

The following workflow is suggested

  1. user clicks on applet

  2. network manager applet opens menu that looks like: 

    (menu opened)
   ...
   | (o) Known AP 1                   |
   | (O) Connected AP 2               |
   | -------------------------------- |
   | More Networks ...                |
   ------------------------------------

  3. user clicks on "More Networks ..." changes menu to: 

       ...
   | (o) /Known AP 1/                 |
   | (O) /Connected AP 2              |
   | -------------------------------- |
   | (S) Searching ...                |
   ------------------------------------
  ( with (S) being a spinning throbber)
    while scanning all AP menu entries should be insensitive to avoid accidental clicks on APs that suddenly might appear when scan has finished
  4. scanning is completed (max 8 seconds); all menu entries are

    • sensitive again: 

         | (o) Known AP 1                   |
   | (O) Connected AP 2               |
   | (o) Known AP 2                   |
   | (o) Known AP 3                   |
   | -------------------------------- |
   | More Networks ...                |
   ------------------------------------
  5. user selects his new AP and gets connected
  6. no background scanning is automatically done by NM until user asks for it by pushing the "More Networks ..." entry.

Mobile Broadband Wizard Experience

Future Ideas

The following are a few ideas that should be considered for future enhancements:

Test Plan

Defining a testplan is a work item associated with this spec

Comments

DesktopTeam/Specs/Karmic/NetworkUI (last edited 2009-08-07 16:57:19 by 89)