← Back to team overview

touch-packages team mailing list archive

[Bug 1362161] [NEW] Overview needs visual improvements

 

Public bug reported:

We got design feedback on the overview, see below with my replies, will
post more as I know more:

> *All Tab*
>
>   * *Rounded Corners* - The rounded corners of the cards themselves look
>     more like the Ubuntu bezier curve. These should be standard rounded
>     edges. As a point of reference, these appear to be correct on the
>     'Favourites' tab.

That's because they're actually images of the same size as the dash,
scaled down, so the radius looks smaller. We'll try changing the radius
to small and resolve the scaling issue.

>   * *Aspect Ratio *- This is incorrect. Currently the cards are too tall
>     in this tab.

Agreed, we need to override aspect ratio to be that of the dash.

>   * *Shadows *- These cards shouldn't have any inner or drop shadows.

Same issue as with corners above. We should be able to disable the
shadows though.

>   * *Label Overlay *- For the dark overlays - these should be 15%
black.

Everywhere? We allowed for scopes to override this explicitly based on
the visual designs.

>   * *Text Labels*: The labels should be vertically and horizontally
>     centered in the overlay.

We have a fix for the horizontal alignment, vertical, however, is not
something that the toolkit allowed. Should we always make them centered
in the overlay if there's only the title (across the whole dash, not
just in overview)?

>   * *Dimensions / Margins *- The cards also seem very tight on the BQ
>     phone. I guess this is because it's a smaller viewport. Hopefully
>     updating the aspect ratio etc… will help clean this up a little.

It's the same 40GU width. We did not, however, apply the latest margins
and sizes from the dash redlines you prepared, yet. It's all still as
spec'ed out in the dash toolkit spec.

> *Favourites Tab*
>
>   * These are a lot more accurate in general :)...
>   * *Overlays* - The overlay should be taller to match the designs (5GU).

The overlay is defined to be as high as the maximum header + 1GU
padding. Meaning in this case it's two lines of title text + 2GU. Again,
that's the case across the dash, if we wanted to change it.

>   * *Text Labels* - Again the text label needs to be centered
>     horizontally and vertically (regardless of whether or not they're
>     one or two lines long).

See above.

ProblemType: Bug
DistroRelease: Ubuntu 14.10
Package: unity8 8.00+14.10.20140825.3-0ubuntu1
ProcVersionSignature: Ubuntu 3.16.0-10.15-generic 3.16.1
Uname: Linux 3.16.0-10-generic x86_64
NonfreeKernelModules: nvidia wl
ApportVersion: 2.14.6-0ubuntu2
Architecture: amd64
CurrentDesktop: Unity
Date: Wed Aug 27 14:46:48 2014
SourcePackage: unity8
SystemImageInfo: Error: [Errno 2] Nie ma takiego pliku ani katalogu: 'system-image-cli'
UpgradeStatus: No upgrade log present (probably fresh install)

** Affects: unity8
     Importance: Medium
     Assignee: Albert Astals Cid (aacid)
         Status: Triaged

** Affects: unity8 (Ubuntu)
     Importance: Undecided
         Status: Confirmed


** Tags: amd64 apport-bug third-party-packages utopic

** Changed in: unity8 (Ubuntu)
       Status: New => Confirmed

** Also affects: unity8
   Importance: Undecided
       Status: New

** Changed in: unity8
       Status: New => Triaged

** Changed in: unity8
   Importance: Undecided => Medium

** Changed in: unity8
     Assignee: (unassigned) => Albert Astals Cid (aacid)

-- 
You received this bug notification because you are a member of Ubuntu
Touch seeded packages, which is subscribed to unity8 in Ubuntu.
https://bugs.launchpad.net/bugs/1362161

Title:
  Overview needs visual improvements

Status in The Unity 8 shell:
  Triaged
Status in “unity8” package in Ubuntu:
  Confirmed

Bug description:
  We got design feedback on the overview, see below with my replies,
  will post more as I know more:

  > *All Tab*
  >
  >   * *Rounded Corners* - The rounded corners of the cards themselves look
  >     more like the Ubuntu bezier curve. These should be standard rounded
  >     edges. As a point of reference, these appear to be correct on the
  >     'Favourites' tab.

  That's because they're actually images of the same size as the dash,
  scaled down, so the radius looks smaller. We'll try changing the
  radius to small and resolve the scaling issue.

  >   * *Aspect Ratio *- This is incorrect. Currently the cards are too tall
  >     in this tab.

  Agreed, we need to override aspect ratio to be that of the dash.

  >   * *Shadows *- These cards shouldn't have any inner or drop
  shadows.

  Same issue as with corners above. We should be able to disable the
  shadows though.

  >   * *Label Overlay *- For the dark overlays - these should be 15%
  black.

  Everywhere? We allowed for scopes to override this explicitly based on
  the visual designs.

  >   * *Text Labels*: The labels should be vertically and horizontally
  >     centered in the overlay.

  We have a fix for the horizontal alignment, vertical, however, is not
  something that the toolkit allowed. Should we always make them
  centered in the overlay if there's only the title (across the whole
  dash, not just in overview)?

  >   * *Dimensions / Margins *- The cards also seem very tight on the BQ
  >     phone. I guess this is because it's a smaller viewport. Hopefully
  >     updating the aspect ratio etc… will help clean this up a little.

  It's the same 40GU width. We did not, however, apply the latest
  margins and sizes from the dash redlines you prepared, yet. It's all
  still as spec'ed out in the dash toolkit spec.

  > *Favourites Tab*
  >
  >   * These are a lot more accurate in general :)...
  >   * *Overlays* - The overlay should be taller to match the designs (5GU).

  The overlay is defined to be as high as the maximum header + 1GU
  padding. Meaning in this case it's two lines of title text + 2GU.
  Again, that's the case across the dash, if we wanted to change it.

  >   * *Text Labels* - Again the text label needs to be centered
  >     horizontally and vertically (regardless of whether or not they're
  >     one or two lines long).

  See above.

  ProblemType: Bug
  DistroRelease: Ubuntu 14.10
  Package: unity8 8.00+14.10.20140825.3-0ubuntu1
  ProcVersionSignature: Ubuntu 3.16.0-10.15-generic 3.16.1
  Uname: Linux 3.16.0-10-generic x86_64
  NonfreeKernelModules: nvidia wl
  ApportVersion: 2.14.6-0ubuntu2
  Architecture: amd64
  CurrentDesktop: Unity
  Date: Wed Aug 27 14:46:48 2014
  SourcePackage: unity8
  SystemImageInfo: Error: [Errno 2] Nie ma takiego pliku ani katalogu: 'system-image-cli'
  UpgradeStatus: No upgrade log present (probably fresh install)

To manage notifications about this bug go to:
https://bugs.launchpad.net/unity8/+bug/1362161/+subscriptions


Follow ups

References