canmove, Confirmed users
570
edits
m (Update/reorder in prep for today's meeting) |
(Improved structure/formatting) |
||
| Line 3: | Line 3: | ||
An overview of the areas where we are looking at improving the user experience, and where we already have directions and decisions. | An overview of the areas where we are looking at improving the user experience, and where we already have directions and decisions. | ||
== UX Team Priorities for Firefox 3.7 == | == Priorities in upcoming releases == | ||
=== UX Team Priorities for Firefox 3.7 === | |||
* [[Firefox/Projects/3.7 and 4.0 Theme and UI Revamp|New Theme]] for Windows, OS X, Linux (shorlander + everyone) | * [[Firefox/Projects/3.7 and 4.0 Theme and UI Revamp|New Theme]] for Windows, OS X, Linux (shorlander + everyone) | ||
| Line 40: | Line 42: | ||
* Safari parity: reload unsuccessful pages when network returns | * Safari parity: reload unsuccessful pages when network returns | ||
== Content Creation & Input == | == The UX index == | ||
A list of the things we're currently looking at improving, independent of releases. | |||
=== Content Creation & Input === | |||
; Caps Lock indicator in password field: Similar to the Mac OS X login screen, we should indicate whether caps lock is enabled in password fields. | ; Caps Lock indicator in password field: Similar to the Mac OS X login screen, we should indicate whether caps lock is enabled in password fields. | ||
; File upload indicators: We should supply a standard way of showing progress on file uploads via forms, people are using Flash to do this right now, and it sucks. | ; File upload indicators: We should supply a standard way of showing progress on file uploads via forms, people are using Flash to do this right now, and it sucks. | ||
| Line 50: | Line 56: | ||
; Saving web pages in a way that doesn't suck: Receipts, offline reading (“read later”), backup of bookmarks (faaborg) | ; Saving web pages in a way that doesn't suck: Receipts, offline reading (“read later”), backup of bookmarks (faaborg) | ||
== Add-ons / Plug-ins / Extensions == | === Add-ons / Plug-ins / Extensions === | ||
; Better missing plugin experience: Shorter path from "there is a missing plugin on this page" to working content, the browser taking more work away from the user (boriss) | ; Better missing plugin experience: Shorter path from "there is a missing plugin on this page" to working content, the browser taking more work away from the user (boriss) | ||
; Better add-on installation and upgrade experience: Better indicators of the state of addons (upgrade available, out of date, etc), no restarting if possible, better "first run" addons experience which makes it clear where addon lives and what has changed. Less loose dialog boxes relating to addons appearing, more notices in content space (boriss) | ; Better add-on installation and upgrade experience: Better indicators of the state of addons (upgrade available, out of date, etc), no restarting if possible, better "first run" addons experience which makes it clear where addon lives and what has changed. Less loose dialog boxes relating to addons appearing, more notices in content space (boriss) | ||
| Line 59: | Line 65: | ||
; Better out-of-date addons dialog with Firefox upgrade: Possibly check for updates, don't mention if addon still works, make sure first message & interaction after upgrade isn't a bad experience (boriss) | ; Better out-of-date addons dialog with Firefox upgrade: Possibly check for updates, don't mention if addon still works, make sure first message & interaction after upgrade isn't a bad experience (boriss) | ||
== Tabs == | === Tabs === | ||
; Volume per tab: Some way to indicate "which tab is making noise" indicator (boriss) | ; Volume per tab: Some way to indicate "which tab is making noise" indicator (boriss) | ||
; Home tab: Replace the home button with a more functional Home Tab. (faaborg, limi, boriss) | ; Home tab: Replace the home button with a more functional Home Tab. (faaborg, limi, boriss) | ||
| Line 73: | Line 79: | ||
; Thumbnail view on page “media” tab: ? (shorlander) | ; Thumbnail view on page “media” tab: ? (shorlander) | ||
== Install/update == | === Install/update === | ||
; Improve installer experience on the Mac: Currently, a lot of people launch FF from the disk image. [http://limi.net/articles/improving-the-mac-installer-for-firefox/ Blog post], {{bug|516362}} (limi) | ; Improve installer experience on the Mac: Currently, a lot of people launch FF from the disk image. [http://limi.net/articles/improving-the-mac-installer-for-firefox/ Blog post], {{bug|516362}} (limi) | ||
; Visual design of the update dialog: (faaborg) | ; Visual design of the update dialog: (faaborg) | ||
| Line 80: | Line 86: | ||
; Don't import the standard bookmarks: We currently import bookmarks from IE (Windows Marketplace, Windows Update, etc) that aren't even usable from Firefox, and that the user didn't add. Filter these out when importing. | ; Don't import the standard bookmarks: We currently import bookmarks from IE (Windows Marketplace, Windows Update, etc) that aren't even usable from Firefox, and that the user didn't add. Filter these out when importing. | ||
== Improved Native Behaviors == | === Improved Native Behaviors === | ||
; Native OS X: <select>, dropdown menu should look like OSX dropdown menus rather than windows (shorlander) | ; Native OS X: <select>, dropdown menu should look like OSX dropdown menus rather than windows (shorlander) | ||
; Mac unified toolbar improvements: Doesn't scale gracefully currently (shorlander) | ; Mac unified toolbar improvements: Doesn't scale gracefully currently (shorlander) | ||
| Line 86: | Line 92: | ||
; New Mac default theme: (shorlander) | ; New Mac default theme: (shorlander) | ||
== UI/Widgets == | === UI/Widgets === | ||
; Eliminate unneeded windows: We have a lot of dedicated windows that add complexity for window management. Downloads, View source, etc should be rendered as tabs, then you can pull them out as dedicated windows if you want, and we should remember this decision. (limi) | ; Eliminate unneeded windows: We have a lot of dedicated windows that add complexity for window management. Downloads, View source, etc should be rendered as tabs, then you can pull them out as dedicated windows if you want, and we should remember this decision. (limi) | ||
; [[Preferences rethink]]: Preferences card sort + revisit how things are grouped and handled (Mike: “I don't want a cookie manager, I want one location that manages everything related to a site — cookies, geolocation settings, etc”). Also: Why do we have separate add-ons window? (limi) | ; [[Preferences rethink]]: Preferences card sort + revisit how things are grouped and handled (Mike: “I don't want a cookie manager, I want one location that manages everything related to a site — cookies, geolocation settings, etc”). Also: Why do we have separate add-ons window? (limi) | ||
| Line 96: | Line 102: | ||
; [[Firefox/Projects/Eradicate Startup Dialogs]]: Startup dialogs significantly impact the amount of time it takes users to get on the Web and retrieve a piece of information or complete a task, which is Firefox's primary purpose. (faaborg) | ; [[Firefox/Projects/Eradicate Startup Dialogs]]: Startup dialogs significantly impact the amount of time it takes users to get on the Web and retrieve a piece of information or complete a task, which is Firefox's primary purpose. (faaborg) | ||
== Downloads == | === Downloads === | ||
; [[Improved download manager]]: Eliminate separate easily-lost download window & put in place a download manager that's both non-distracting and easily trackable. Possibly a download tab for in-depth handling of downloads (search, sorting, clear logs, stats, etc) (limi, boriss) | ; [[Improved download manager]]: Eliminate separate easily-lost download window & put in place a download manager that's both non-distracting and easily trackable. Possibly a download tab for in-depth handling of downloads (search, sorting, clear logs, stats, etc) (limi, boriss) | ||
; Fix default behaviours to optimize for common actions: e.g. downloading a zip, playing an mp3, open a PDF | ; Fix default behaviours to optimize for common actions: e.g. downloading a zip, playing an mp3, open a PDF | ||
| Line 103: | Line 109: | ||
; Better indication of file type: Show the file type you're about to download in the cursor icon when hovering over binary downloads + PDFs (“the land mines of the internet”, no surprises when navigating) (faaborg + limi on the download side) | ; Better indication of file type: Show the file type you're about to download in the cursor icon when hovering over binary downloads + PDFs (“the land mines of the internet”, no surprises when navigating) (faaborg + limi on the download side) | ||
== Process improvements == | === Process improvements === | ||
; Visible “Feedback” button: We should add a very visible feedback button in the alpha/beta releases. (limi) | ; Visible “Feedback” button: We should add a very visible feedback button in the alpha/beta releases. (limi) | ||
; A Labs tab in Prefs: On nightly builds that gives you features that are experimental, and advertises what other builds are available (e.g. Taskfox). (faaborg) | ; A Labs tab in Prefs: On nightly builds that gives you features that are experimental, and advertises what other builds are available (e.g. Taskfox). (faaborg) | ||
== “Places” improvements == | === “Places” improvements === | ||
; History as a parallel timeline: Better indication in human terms and navigation of sites in history ([http://weizhou.wordpress.com/2008/07/07/prototype/ wei's sprint] [http://weizhoudesign.com/browserin2015.swf wei's video] [http://www.simile-widgets.org/timeline/ Simile Timeline] [http://www.slifelabs.com/ Slife] (limi) | ; History as a parallel timeline: Better indication in human terms and navigation of sites in history ([http://weizhou.wordpress.com/2008/07/07/prototype/ wei's sprint] [http://weizhoudesign.com/browserin2015.swf wei's video] [http://www.simile-widgets.org/timeline/ Simile Timeline] [http://www.slifelabs.com/ Slife] (limi) | ||
; Can't edit “Smart” bookmark folder: (shorlander) | ; Can't edit “Smart” bookmark folder: (shorlander) | ||
| Line 115: | Line 121: | ||
; Vista/Win7 explorer-like interface for navigating favorites: (faaborg, limi) | ; Vista/Win7 explorer-like interface for navigating favorites: (faaborg, limi) | ||
== Content == | === Content === | ||
; In-browser PDF display: Duh. It's 2009 already. (boriss) | ; In-browser PDF display: Duh. It's 2009 already. (boriss) | ||
; Better progress indicator: Better indicator for how much of a page is downloaded, maybe even separate indicator for page vs resources on the page? (limi) | ; Better progress indicator: Better indicator for how much of a page is downloaded, maybe even separate indicator for page vs resources on the page? (limi) | ||
| Line 123: | Line 129: | ||
; Visual improvements to “find text in page”: (boriss) | ; Visual improvements to “find text in page”: (boriss) | ||
== One input / Taskfox == | === One input / Taskfox === | ||
; Combine URL and search bar: We should make common actions available in the location bar. [https://bugzilla.mozilla.org/buglist.cgi?quicksearch=taskfox Bugs] (limi) | ; Combine URL and search bar: We should make common actions available in the location bar. [https://bugzilla.mozilla.org/buglist.cgi?quicksearch=taskfox Bugs] (limi) | ||
; Improve custom search creation: Attach “add custom search” onto search form completion dropdowns (possibly with threshold, detect search fields, 3rd time etc) (limi) | ; Improve custom search creation: Attach “add custom search” onto search form completion dropdowns (possibly with threshold, detect search fields, 3rd time etc) (limi) | ||
; Share link in location bar: Move the "Send Page" to the URL bar with a share icon, rename to "Share" (email, Facebook, etc) (faaborg, limi) | ; Share link in location bar: Move the "Send Page" to the URL bar with a share icon, rename to "Share" (email, Facebook, etc) (faaborg, limi) | ||
== Performance == | === Performance === | ||
; Web page quick look: User-triggered way to get an idea of where a link will go, possibly show a preview or some information about where a link leads (limi) | ; Web page quick look: User-triggered way to get an idea of where a link will go, possibly show a preview or some information about where a link leads (limi) | ||
; [http://limi.net/articles/resource-packages Resource Packages]: Provide alternative to CSS sprite insanity and make browsers faster by packaging resources in a .zip + manifest file. (limi) | ; [http://limi.net/articles/resource-packages Resource Packages]: Provide alternative to CSS sprite insanity and make browsers faster by packaging resources in a .zip + manifest file. (limi) | ||
| Line 138: | Line 144: | ||
; about;perf: Locally log UI performance metrics, button to submit information (faaborg) | ; about;perf: Locally log UI performance metrics, button to submit information (faaborg) | ||
== Notifications == | === Notifications === | ||
; Make notifications more readable, larger text: “Oops, this is embarrassing” is insanely small (shorlander) | ; Make notifications more readable, larger text: “Oops, this is embarrassing” is insanely small (shorlander) | ||
; No umprompted dialogs: Don't interrupt the users' workflow by introducing notifications, updates, etc (faaborg) | ; No umprompted dialogs: Don't interrupt the users' workflow by introducing notifications, updates, etc (faaborg) | ||
== Security == | === Security === | ||
(do this as part of Weave?) | (do this as part of Weave?) | ||
| Line 150: | Line 156: | ||
; Better management of logins: What is my username? What accounts do I have here? Do I have a passwords saved? How can I change what is saved for this site? (boriss) | ; Better management of logins: What is my username? What accounts do I have here? Do I have a passwords saved? How can I change what is saved for this site? (boriss) | ||
== More far-out ideas == | === More far-out ideas === | ||
; RTS scroll model for fullscreen: (faaborg) | ; RTS scroll model for fullscreen: (faaborg) | ||
; Ability to define certain sites as using the IE6 rendering engine for Enterprise deployments: (limi) | ; Ability to define certain sites as using the IE6 rendering engine for Enterprise deployments: (limi) | ||
; Expose platform-native widgets for web apps that work like client apps + Prism''' | ; Expose platform-native widgets for web apps that work like client apps + Prism''' | ||
; Flick navigation with UI feedback: (for fullscreen?) (faaborg) | ; Flick navigation with UI feedback: (for fullscreen?) (faaborg) | ||