582101 - UX Overhaul

Reporter

Description

•

15 years ago

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 ;).

Fred Wenzel [:wenzel]

Comment 1

•

15 years ago

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

Chris Howse [:chowse]

Assignee

Comment 2

•

15 years ago

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.

Fred Wenzel [:wenzel]

Comment 3

•

15 years ago

(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.

Chris Howse [:chowse]

Assignee

Comment 4

•

15 years ago

(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.

Aakash Desai [:aakashd]

Reporter

Comment 5

•

15 years ago

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.

Aakash Desai [:aakashd]

Reporter

Comment 6

•

15 years ago

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".

Chris Howse [:chowse]

Assignee

Comment 7

•

15 years ago

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.

Fred Wenzel [:wenzel]

Comment 8

•

15 years ago

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/...).

Chris Howse [:chowse]

Assignee

Comment 9

•

15 years ago

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.

Chris Howse [:chowse]

Assignee