1109866 - [UX] Redesign "A something went wrong" chat window

Status: RESOLVED FIXED

(Hello (Loop) :: Client, defect, P3)

Description

[Sevaan Franks [:sevaan]]

The "A something went wrong" chat window needs to be redesigned as:

a) It's a bit visually boring
b) Localized text does not fit in buttons
c) There are a number of areas for improvement.

Comment 1

[Sevaan Franks [:sevaan]]

Attachment: Redesigned "Something went wrong" Window

Proposed changes:

- I'm not sure the text saying "You can click retry or email a link..." is necessary as it is just stating what the button options are.

- The cancel button is unnecessary and takes up room. We should train people to use the Exit button.

With these changes we end up with two buttons at the bottom which should allow for more text.

Comment 2

[Maire Reavy [:mreavy]]

If we need this in Fx35, it must be ready for implementation by tomorrow (Friday, Dec 12).

Comment 3

[Maire Reavy [:mreavy]]

So I think we've found a way to solve the immediate problem for Fx35 in bug 1105708 and the screen redesign can happen in Fx36.

Comment 4

[Maire Reavy [:mreavy]]

Moving P2->P3 (P3 is a "normal" bug that we want fixed for Fx36.)

Comment 5

[Maire Reavy [:mreavy]]

We fixed the fact that we couldn't display some foreign text in bug 1105708 in Fx35.  This makes it better.  Targeting for Fx38? since we won't get to this implementation before January and we're still waiting on a ui-review.

Comment 6

[:shell escalante]

make sure there is an implementation bug for this UX work

Comment 7

[:shell escalante]

adding reference in related bugs

Comment 8

[Mark Banner (:standard8)]

Bug 1119992 is not really the right bug to attach this work to. I've created bug 1135602 instead which is more specific.

Comment 9

[Mark Banner (:standard8)]

Comment on attachment 8534632 [details]
Redesigned "Something went wrong" Window

Assuming ui-review is no longer necessary - if it is, please re-request & re-open bug so we can track this to completion.

Comment 10

[Sevaan Franks [:sevaan]]

Comment on attachment 8534632 [details]
Redesigned "Something went wrong" Window

Arcadio, do you have any concerns with the modification of the Hello logo here?

Comment 11

[alainez]

Hey Sevaan, 

When we reviewed with Matej we mentioned something about the frown being an inverse of the smile and it looked more like a fret than a frown. 

Di you want Lee Tom to take a look at it and suggesting a different emotion there?

Comment 12

[Sevaan Franks [:sevaan]]

Sure, that would be great, thanks!

Comment 13

[Lee Tom]

Attachment: Screen Shot 2015-04-21 at 2.18.31 PM.png

I've been chipping away at trying to make an error icon that feels like it's still a part of the Hello logo styling.  This is not final-final, but I'm to a point where I feel comfortable sharing the progress with you. LMK what you think. Thanks!

Comment 14

[Sevaan Franks [:sevaan]]

Looking great, Lee.

Couple thoughts that may be worth playing with:

The eyes in the happy Hello logo are a little higher...maybe we should keep their position constant and just change the mouth.

Also, might be worth playing with the shape of the eyes to make them more downtrodden just to see if it adds to the sadness (may not help though).

Comment 15

[Lee Tom]

Thanks Sevaan. I actually iterated on a few versions where the eyes either stayed in the same position and altered the shapes of the eyes. I left the eyes as circles to keep the style consistent with our logo - I think it will help the icon look good if we ever display it at a small scale too. I purposefully lowered the placement of the eyes to enhance sadness or displeasure. It's a subtle suggestion that the 'head' is lowered or dropped slightly. 


(In reply to Sevaan Franks [:sevaan] from comment #14)
> Looking great, Lee.
> 
> Couple thoughts that may be worth playing with:
> 
> The eyes in the happy Hello logo are a little higher...maybe we should keep
> their position constant and just change the mouth.
> 
> Also, might be worth playing with the shape of the eyes to make them more
> downtrodden just to see if it adds to the sadness (may not help though).

Comment 16

[Sevaan Franks [:sevaan]]

Looks good then!

Comment 17

[Lee Tom]

Attachment: firefox-hello_icon_error.svg

Sevaan, here's the icon as SVG in default Hello blue (#0c99d5) 

Let me know if you have any questions/problems with the file. Thanks!