Closed Bug 582101 Opened 14 years ago Closed 14 years ago

UX Overhaul

Categories

(Input :: General, defect, P1)

Tracking

(Not tracked)

VERIFIED FIXED

People

(Reporter: aakashd, Assigned: chowse)

References

Details

We'll use this bug as a tracker for work that needs to get accomplished to have a full UX Overhaul of both desktop and mobile firefox versions of the dashboard.

From a review with Chris, he won't be able to get the mobile pages done by 7/30 (instead looking for the Friday after at the latest), but can get the desktop stuff done by 7/30. Fred, I'd like to put you as the go-to guy here if you'd like to accept it ;).
I just announced to the localizers that RTL will not come until this UX overhaul launches. I am thinking once these CSS changes are in, we'll be able to apply the necessary changes for RTL relatively easily, but it doesn't make sense before that.
Blocks: 580573
Updated wireframes, including a few mobile versions:

http://people.mozilla.com/~chowse/drop/mozilla.com/input/v2/
http://people.mozilla.com/~chowse/drop/mozilla.com/input/v2/mobile/

A few key points:

* "Happy, Sad, and Sentiment" have been replaced w/ "Praise, Issues, and Type
  of Feedback" (respectively) throughout the site.

* I've (tentatively) renamed "Trends" as "Feedback" and "Clusters" as
  "Themes". I've also given "Themes" priority over "Sites". Interested in
  knowing what people think.

* I've been using a variety of names to refer to a single piece of feedback.
  We need to decide a single term for this. I'm leaning toward "comment".

* Some of my designs assume that we can list all messages associated with a
  cluster and collect demographic data from it. If this is not feasible or
  useful, let me know.

Have at it. I'll try to have CSS by Friday, once I've received people's feedback.
(In reply to comment #2)
> Updated wireframes, including a few mobile versions:
> 
> http://people.mozilla.com/~chowse/drop/mozilla.com/input/v2/
> http://people.mozilla.com/~chowse/drop/mozilla.com/input/v2/mobile/

Very nice. I like it a lot. Only thing I noticed: "Copy User Agent" might or might not be possible: JavaScript has no access to the clipboard, only Flash does. And I am mildly opposed to using Flash here.

Also, what do you think about bug 575770? I think we should either fix it in the redesign (or have a plan on how to fix it in a later revision) or wontfix it.

> A few key points:
> 
> * "Happy, Sad, and Sentiment" have been replaced w/ "Praise, Issues, and Type
>   of Feedback" (respectively) throughout the site.

wfm.

> * I've (tentatively) renamed "Trends" as "Feedback" and "Clusters" as
>   "Themes". I've also given "Themes" priority over "Sites". Interested in
>   knowing what people think.

Hm. I find "Feedback" to be too generic for the extracted terms. I mean, all of this is feedback. Perhaps "topics"?

> * I've been using a variety of names to refer to a single piece of feedback.
>   We need to decide a single term for this. I'm leaning toward "comment".

Yea, comment would work. I've been using "opinion" internally, that's another option.

> * Some of my designs assume that we can list all messages associated with a
>   cluster and collect demographic data from it. If this is not feasible or
>   useful, let me know.

I'll refer this one to Dave.

> Have at it. I'll try to have CSS by Friday, once I've received people's
> feedback.
(In reply to comment #3)
> Very nice. I like it a lot. Only thing I noticed: "Copy User Agent" might or
> might not be possible: JavaScript has no access to the clipboard, only Flash
> does. And I am mildly opposed to using Flash here.

I assumed something very subtle like Zero Clipboard (http://code.google.com/p/zeroclipboard/) might suffice here. If not, I can still do this with JS, but in a slightly more awkward fashion:

1. Open a lightbox with a single text field, containing the UA string.
2. Give the text field focus and select all text.
3. Wait for the user to copy the text (oncopy event), hit Esc, or click outside
   of the lightbox, then dismiss.

> Also, what do you think about bug 575770? I think we should either fix it in
> the redesign (or have a plan on how to fix it in a later revision) or wontfix
> it.

Not difficult to do. The timestamp on each comment could be a link to the individual message (a la Twitter). Or it could be another option on the drop-down.

> > * I've (tentatively) renamed "Trends" as "Feedback" and "Clusters" as
> >   "Themes". I've also given "Themes" priority over "Sites". Interested in
> >   knowing what people think.
> 
> Hm. I find "Feedback" to be too generic for the extracted terms. I mean, all of
> this is feedback. Perhaps "topics"?

Oops, should have been clearer. By 'Trends'/'Feedback', I'm referring to the live stream of feedback that you see when you first open the Dashboard. The list of extracted terms you see on the right will still be called 'Trends' or something similar.
I'd change "URL Provided?" to "Feedback with URL". It's not entirely obvious
that, when opened, its going to show a list of checkboxes or output of feedback
with URLs.

I'm loving it otherwise. By the way, no Flash on Input...ever.
We had a discussion earlier about the use of "Feedback" as the wording for the button on the top and I think that works in comparison with "Themes" and "Sites".
Style guide is now ready:

http://people.mozilla.com/~chowse/drop/mozilla.com/input/style/index.html

The feedback and search results pages are provided. The remaining pages are still in progress, but hopefully this should be enough work to begin with.
Okay I am picking the feedback/search pages up. Thanks for your great work so far, Chris!

I am keeping the old base template around, and am just making a new one, and I also keep your CSS files separate. I try to not change your CSS file at all, though I am adapting the URLs (from img/... to ../img/...).
All the remaining pages are now complete.

@wenzel: There has been one minor update to the feedback/search page: the center column (the one w/ the messages) now has slightly larger text. All these changes should be concentrated around ".message" selectors.
Depends on: 578055
Depends on: 578052
Depends on: 578037, 578035, 575794
Hey Chris, in terms of the Sites style. Where's the button for "sites with only one message" ?
(In reply to comment #10)
> Hey Chris, in terms of the Sites style. Where's the button for "sites with only
> one message" ?

Oops. Just uploaded a corrected version. Refresh to make sure you get the latest style sheet:

http://people.mozilla.com/~chowse/drop/mozilla.com/input/style/sites.html
Blocks: 586915
Blocks: 586916
Blocks: 586918
Blocks: 586920
Blocks: 586921
Blocks: 586923
Blocks: 586925
Blocks: 586926
Blocks: 586930
Blocks: 587580
Blocks: 587600
Blocks: 587616
Chris' work on this is done, so let's close this bug. If anything needs tweaked, we'll open a new bug.
Status: NEW → RESOLVED
Closed: 14 years ago
Resolution: --- → FIXED
Yeah; all 1.7 bugs are done and in, on prod; verified FIXED.
Status: RESOLVED → VERIFIED
Component: Input → General
Product: Webtools → Input
You need to log in before you can comment on or make changes to this bug.