Account screen cleanup

Bug #718629 reported by Danielle Foré
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Ubuntu One Control Panel
Fix Released
Medium
Natalia Bidart
ubuntuone-control-panel (Ubuntu)
Fix Released
Medium
Natalia Bidart
Natty
Fix Released
Medium
Natalia Bidart

Bug Description

This is a bit of a meta bug for a few smaller issues with the account screen :)

Bug #715825 - Personal Details and Your Services boxes are not homogenous
- fixed

Bug #706661 - Improve location of the "Get Support" button
- fixed

Bug #716516 - don't show "total storage" in "your services" if there is no additive process
- won't fix

* Frame borders are now deprecated: http://library.gnome.org/devel/hig-book/stable/controls-frames.html.en
- fixed

* Frames should use proper indentation and alignment. That is, not centered; left aligned.
- fixed

* Size of storage in "Services" frame should be right aligned for easier comparison and to maintain a justified look as per: http://library.gnome.org/devel/hig-book/stable/design-window.html.en
- won't fix: like I mentioned in bug #716516, the storage string is a fixed, non-translatable string sent from the server. We should do some complex parsing that is not planned for this cycle.

* There should be a separator between regular services and "Total Storage" to support the additive process.
- won't fix, same comment as before.

* The "Edit" and "Buy more storage and new plans" links should instead be buttons and expand to fit the frame in order to maintain a justified look as mentioned above.
- I changed the buttons to be as wide as the section they are in, and I set the link button to have the border relief 'normal'. I still think that buttons that wide are 'ugly' (at least from my point of view :-)). I didn't change them to be regular buttons since we need those to open urls, and that is what LinkButtons are for.

* The social network buttons should be right aligned in the window to finish off the justified look.
- fixed

I've attached a mockup of what all the changes together would look like :)

- Thanks!

Related branches

Revision history for this message
Danielle Foré (danrabbit) wrote :
Revision history for this message
Natalia Bidart (nataliabidart) wrote :

Daniel,

thanks a lot for helping on making the control panel looks better. Question, did you run this mockup by Ivanka/Cristian? I personally don't like removing the frame borders, nor changing the link buttons to regular buttons since they open stuff in the browser.
From my POV, a regular button indicates that something will happen in the same UI, while link buttons trivially mean that something will be opened in the browser.

Changed in ubuntuone-control-panel:
status: New → Triaged
importance: Undecided → Medium
assignee: nobody → Naty Bidart (nataliabidart)
Revision history for this message
Natalia Bidart (nataliabidart) wrote :

Ok, I've got confirmation from Daniel that the mock is approved.

description: updated
description: updated
Changed in ubuntuone-control-panel (Ubuntu):
assignee: nobody → Naty Bidart (nataliabidart)
importance: Undecided → Medium
milestone: none → natty-alpha-3
status: New → Triaged
Changed in ubuntuone-control-panel:
status: Triaged → In Progress
Changed in ubuntuone-control-panel:
status: In Progress → Fix Committed
Changed in ubuntuone-control-panel:
status: Fix Committed → In Progress
Revision history for this message
Danielle Foré (danrabbit) wrote :

Hey Naty, I'm going to re-open this as "In Progress"

I think we really need those links to be displayed as buttons. Especially since the strings are not the same length, the current display seems like text is just scattered across the page without any sort of alignment. Having homogeneous buttons gives more structure to the page and makes it not only more visually appealing, but easier to group objects and find what you're looking for in those groups. I would avoid using links unless there is a strong space saving concern or it is embedded within other text. Also remember that (especially in the case of help) users will expect a button that does in fact lead away from the window they are currently using :)

Of course, this is going to make it apparent that the two help buttons are not properly aligned to the window ;) That is, as per HIG they should be 12px away from the button of the window.

Also that string "Edit" under the "Personal Details" frame is not very explanatory. In the mockup I had it as "Edit Account Details" This (like the string for "Buy more..") is very explicit in its purpose. This should also help with the buttons appearing too wide ;)

Revision history for this message
Natalia Bidart (nataliabidart) wrote :

Hey Daniel!

I opened bug #725143 to follow the discussion on this matter.

Changed in ubuntuone-control-panel:
status: In Progress → Fix Released
Revision history for this message
Launchpad Janitor (janitor) wrote :

This bug was fixed in the package ubuntuone-control-panel - 0.9.0-0ubuntu1

---------------
ubuntuone-control-panel (0.9.0-0ubuntu1) natty; urgency=low

  * New upstream release:
    [ Natalia B. Bidart <email address hidden> ]
      - General 'Account' tab cleanup (LP: #718629).
      - 'Get support' button has now a better location (LP: #706661).
      - Account frames have now the same width (LP: #715825).
      - Tooltip for support button is now set (LP: #715883).
    [ Chris McGinlay <email address hidden> ]
      - Implement tooltips for Connect/Disconnect and Account/Cloud/Devices
      (LP:715820).

  * debian/control:
    - ubunutone-control-panel-gtk also depends on ubuntuone-client (>= 1.5.4).
 -- Natalia Bidart (nessita) <email address hidden> Mon, 28 Feb 2011 15:38:15 -0500

Changed in ubuntuone-control-panel (Ubuntu Natty):
status: Triaged → Fix Released
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.