Search by property
This page provides a simple browsing interface for finding entities described by a property and a named value. Other available search interfaces include the page property search, and the ask query builder.
List of results
- Fennec/Features/androidcopypaste + (If we could use the native method, we'd do … If we could use the native method, we'd do so, so, instead, we have to mimic it, much as we do with the Android Menu. This page here has a description of the behavior: http://developer.android.com/sdk/android-2.3-highlights.htmloll text. 2. Dragging the text back and forth through the field, and then long pressing to insert a cursor.)
'''One-touch word selection and copy/paste'''
Text Overflow We should also consider cases where text flows off the edge of a field, and how to get back to that to make changes. Android's native form fields handle this in two ways, as shown in this mockup: http://cl.ly/3y3u123U410L1L0u2W1n 1. Pressing and holding to activate a cursor, and then dragging that cursor to the edge of the field to scroll text. 2. Dragging the text back and forth through the field, and then long pressing to insert a cursor.
When entering text or viewing a web page, the user can quickly select a word by press-hold, then copy to the clipboard and paste. Pressing on a word enters a free-selection mode — the user can adjust the selection area as needed by dragging a set of bounding arrows to new positions, then copy the bounded area by pressing anywhere in the selection area.
http://developer.android.com/sdk/images/2.3/onetouch.png
For text entry, the user can slide-press to enter a cursor mode, then reposition the cursor easily and accurately by dragging the cursor arrow. With both the selection and cursor modes, no use of a trackball is needed.
http://developer.android.com/sdk/images/2.3/selection.png - DevTools/Features/Highlighter + (In progress mockups are here: https://wiki.mozilla.org/User:Rcampbell/DevToolsPlanning)
- Services/Sync/Sync Setup Improvements Mobile + (Initial UX mock ups. http://people.mozilla.com/~faaborg/files/projects/sync/usabilityProblems/# In progress UR Study flow: http://people.mozilla.com/~faaborg/files/projects/sync/setup-i2/index.html)
- Firefox/Features/InstallerUIRewrite + (Initial mockups can be found in [https://b … Initial mockups can be found in [https://bugzilla.mozilla.org/show_bug.cgi?id=651965 bug 651965]. Most recent mockup: https://bug651965.bugzilla.mozilla.org/attachment.cgi?id=543348 Note that after the user clicks install on step 1, even if they walk away Firefox will eventually be installed. This will likely improve conversion, since the stub installer is considerably smaller than the entire Firefox download (and they may lose interest at the download stage). Here's a [https://bug513414.bugzilla.mozilla.org/attachment.cgi?id=397421 high level view of our previous install process]evel view of our previous install process])
- Reading Mode + (Initial proposal can be found here: https://wiki.mozilla.org/Fennec/NativeUI/UserExperience/ReaderMode)
- Firefox/Features/Plugin keyboard focus + (Interaction is described in [https://bugzilla.mozilla.org/show_bug.cgi?id=491141 bug 491141].)
- Firefox/Features/Toolbarless + (Interaction is described in [https://bugzilla.mozilla.org/show_bug.cgi?id=644721 bug 644721].)
- Firefox/Features/URL Autocomplete + (Interaction is described in [https://bugzilla.mozilla.org/show_bug.cgi?id=566489 bug 566489].)
- Improve find-in-page + (Interaction is described in [https://bugzilla.mozilla.org/show_bug.cgi?id=566489 bug 566489].)
- Firefox/Features/Panorama Groups On Demand + (Interaction is described in [https://bugzilla.mozilla.org/show_bug.cgi?id=595601 bug 595601].)
- Firefox/Features/windows-scrolling + (Just pixel level scrolling precision, similar to scrolling in Firefox on OS X. Currently on Windows we only do line scrolling.)
- Platform/Features/WebRTC + (Latest spec can be viewed here: people.mozilla.com/~jboriss/specs/webrtc_spec.png)
- Features/Firefox Home/Search Recommendations + (Mockup in progress: http://www.flickr.com/photos/61892693@N03/5915761818/in/photostream)
- Web Apps integration + (Mockups: * *)
- Identity/Features/Firefox-native Verified Email Client + (Mockups: * [http://people.mozilla.com/~faaborg/files/projects/accountManager/ Verified Email (various)] * [http://people.mozilla.com/~faaborg/files/projects/firefoxAccount/ Firefox Account] * [[MozillaID#UX_Mockups|HTML client mockups]] (for reference))
- Security/Features/HighlightCleartextPasswords + (Multiple options here. See Open Issues.)
- Additional distribution points + (N/A)
- Retention measurement + (NA)
- Network Down page + (New Network Down message:<br> [[File:Network-down.png]] <br><br> A Network Down message would require changing the Server not found message:<br> [[File:Server-not-found.png]])
- Firefox/Features/Chrome migration + (No change from the current Import Wizard that users already get for importing from the various other browsers.)
- Privacy/Features/HttpsGoogleSearch + (No change in UX.)
- Firefox/Features/keywordurl follows searchbar + (No designs required for initial use case, … No designs required for initial use case, simply a "follow-me" function with no additional UI required. As a follow-on/enhancement, it would be a nice-to-have to develop UI within "Manage search engines..." to allow a user to specify a different search engine from the Search Bar for Location Bar searches.the Search Bar for Location Bar searches.)
- Services/Sync/EOL Sync Add On Phase 1 + (No extra UX work is necessary.)
- Firefox/Features/Media Controls Refresh + (Previous investigation at [[Firefox/Projects/Video_Controls]])
- DevTools/Features/ToolsWindow + (See [http://htmlpad.org/devtools-01-12-12/ … See [http://htmlpad.org/devtools-01-12-12/ this presentation] for some design points. The general idea is that the user will be able to pop tools out into windows. Rob also suggested on a [http://groups.google.com/group/mozilla.dev.apps.firefox/browse_thread/thread/5be23338e3106fe2# dev-apps-firefox thread] that tools should be logically grouped so as not to have a huge collection of windows.not to have a huge collection of windows.)
- Click-to-play part II + (See [https://bugzilla.mozilla.org/show_bug.cgi?id=754472 bug 754472].)
- SearchHijacking + (See bugs)
- In-content preferences + (See these pages for mockups and designs of the new in-content preferences: # http://blog.stephenhorlander.com/2010/06/in-content-ui-visual-unification/ # http://stephenhorlander.com/pages/incontent-ui-mockups/incontent-ui-mockups.html)
- DevTools/Features/EasyAttributeEditing + (Some discussion of [http://groups.google.c … Some discussion of [http://groups.google.com/group/mozilla.dev.apps.firefox/browse_thread/thread/54353f20e1af8c17# putting this functionality in the Infobar] occurred on dev-apps-firefox. [[DevTools/Features/RichInfobar]] was created along those lines, but broken up and replaced by this page and [[DevTools/Features/PseudoClassLock]].and [[DevTools/Features/PseudoClassLock]].)
- DevTools/Features/PseudoClassLock + (Some discussion of [http://groups.google.c … Some discussion of [http://groups.google.com/group/mozilla.dev.apps.firefox/browse_thread/thread/54353f20e1af8c17# putting this functionality in the Infobar] occurred on dev-apps-firefox. [[DevTools/Features/RichInfobar]] was created along those lines, but broken up and replaced by this page and [[DevTools/Features/EasyAttributeEditing]].[DevTools/Features/EasyAttributeEditing]].)
- Features/Desktop/Streamline Feature Selection + (Some investigatory mock-ups here: http://people.mozilla.com/~shorlander/ux-presentation/ux-presentation.html)
- Improve display of location bar results + (Some of the elements we want to improve:
* … Some of the elements we want to improve: * 32x32px icons * Better URL scan-ability * No use of bold, since it shifts the content, * More whitespace * No separator line * Ability to delete entry on hover * Remove scrollbar (height of dropdown increases to show all results returned [same limit]) * Semi-transparent background [[File:LocationBar-Results-i01.jpg|800px|left|thumb|First Design Iteration]] [[File:AwesomeBarResults-16x16-Colored-Border.png|800px|left|thumb|Mockup showing colored border on 16x16 icons]] [[File:AwesomeBarResults-16x16-Gray-Border.png|800px|left|thumb|Mockup showing gray border on 16x16 icons]]n 16x16 icons]] <br style="clear:both;" />)
- DevTools/Features/RichInfobar + (Stephen Horlander offered the suggestion o … Stephen Horlander offered the suggestion of putting a + at the end of the highlighter Infobar, and Paul Rouget had the suggestions of the click behavior on existing Infobar elements. * double-clicking the tag name or ID switches the label to a text box for editing. * classes and pseudo-classes can be toggled by clicking on them in the Infobar. If the user switches to another page element and then back after turning off a class, that class will be gone from the Infobar. * Clicking the + displays a text field with placeholder text along the lines of :pseudo, #id, or .class. * If the user types :, it would the field would contain ":active, focus, hover, visited, ..." with all of the text but the ":" selected. * ":a", ":h", etc. should autocomplete to the supported pseudo-classes * if the user starts the field with anything but "#", "." or ":" the field should turn red (or otherwise show the error state) * if the user types "#" and the node has an ID, the existing ID should be placed in the field, preselected with the cursor after the #in the field, preselected with the cursor after the #)
- Improve Panorama interactions + (The designs are mostly smaller interaction … The designs are mostly smaller interaction problems and confusing conceptual models. We have filed bugs for the individual issues (see the relevant bug section below), but overall, these are the issues we're addressing: '''Must-have:''' *You can't click a group to activate the whole group (Creating a new group and clicking in it should just create a blank new tab) (Don't show the drag cursor on groups now that entering the group is the dominant operation. Dragging could still work, of course.) (Remove New Tab button) *When creating a new group, autofocus the title field (also for creating groups by dragging) *Tabs should not be able to exist without a group *A "new group" control *An exit control *A text field to filter instead of the search icon '''Nice-to-have:''' *Multiselect is not supported in groups *Blank groups with no name get removed, shouldn't '''Stuff we are undecided about or don't know current state of:''' *Never show me groups when I haven't asked (closing the last tab in a group, Aero Peek) *Minimize need for manual positioning and grouping *Groups from Panorama could show in List All Tabs — but we should probably just show the group names, not individual tabs. Related: bug 596017 '''Fixed:''' *FIXED: Private mode ungroups your tabs *FIXED: When you close the last tab in a group, you automatically get sent to another open group, is this what we want? *FIXED: Hitting Cmd-W when in panorama removes the selected tab, which is unexpected (it feels like a window operation at that point) *WONTFIX: You can't detach a group to a window *FIXED: Text editing doesn't support arrow keysD: Text editing doesn't support arrow keys)
- Security/Features/CA pinning functionality + (The draft recommends that users have ways … The draft recommends that users have ways of querying which domains are pinned. We need to consider whether we think this is necessary and, if so, how to do it. (Perhaps integrated with the history view?) No UI will be provided to change the enforcement level. If site access is denied, we will need a screen explaining why. (There will be no override, as per spec.) We should already have mechanisms for clearing stored HSTS information when the user clears their history; pin information should go with it.istory; pin information should go with it.)
- Services/Sync/Push to device + (The following are needed from UX:
* How d … The following are needed from UX: * How do we trigger the feature? ** Context menu when cursor over link? ** Context menu anywhere on page? ** Context menu on tab in tab browser? ** Other? * Shortcut key(s) for above? * Images (for mobile) for above * What is the wording for above? * What does the design of the above look like ** Do we have sub-menu's listing target devices? ** Do we have a modal window/pane? ** Limited to sending to 1 device? * What's the behavior if Sync is not configured? * What's the behavior if multiple devices are not configured? * This will likely be the first time device names are seen by most users (currently buried in Sync preferences). Will that cause any issues? ** Poor device naming ** Orphaned/unused devices ** etc * What happens when a browser receives a link? ** Is new tab opened automatically? *** Does it gain focus? * What do we do if the receiver receives a HTTP redirect or URI change (via JavaScript)? ** A user having sent form data between devices might be upset that the page redirected to a mobile or desktop version and lost the form data. This isn't technically Firefox's fault, but it may be perceived as that. Should the browser consider detecting this and informing the user as such? i.e. "we did what you wanted but the site didn't preserve all your (important) data." * Anything else Some questions may require separate answers for separate form factors.eparate answers for separate form factors.)
- Security/Features/TLS Telemetry + (The study uses the default Telemetry UI/UX. The only code changes are to add more probes. Histogram names / descriptions may need to be localized.)
- Speedy Session Restore + (The user is notified of the first default … The user is notified of the first default session restore by an infobar that says something like: "Firefox has restored your previous browsing session. If you want, you can change this behavior." And has a button labeled "Configure", which opens the preference window to the General tab.the preference window to the General tab.)
- AddonSDKCryptoAPI + (There *may* be a single prompt (to ask for an initial passphrase or an occasional re-typing of this passphrase) that UX will need to give input on. TBD. This is based on current prototype designs, and may not be an issue at all.)
- Features/Mobile/Android Firefox Widget + (There are a couple of patterns for the des … There are a couple of patterns for the design of Android widgets in Froyo and Gingerbread, though also a lot of custom designs; in Honeycomb, there are more forms that are more standard. One issue to resolve is how the tablet version of this differs from the phone version. There is more value more quickly to the phone version, I think, in that users seem more likely to pass through the home screen before each new task (i.e. app switching is less well known). === Phone Design=== The following are two variants of the simplest possible Firefox widget, depending on whether we could tie in voice control. [http://www.flickr.com/photos/madhava_work/6196406060/ http://farm7.static.flickr.com/6178/6196406060_12cb5632a0_o.jpg] A further possibility is that the widget could be host to icons for sites that the user has designated as apps in Firefox on the phone and/or on other machines (they'd show up here via sync, in that case). This set could also include icons for installed web apps, if we don't want to put those directly on the desktop. [http://www.flickr.com/photos/madhava_work/6195895695/ http://farm7.static.flickr.com/6013/6195895695_afb0e47959_o.jpg] The following in the task flow for using the minimal version of the widget. In all cases, including the variant with app icons, tapping on a link to the web will bring up the tapped site in Firefox. [mockup goes on for a bit horizontally >> ] [http://www.flickr.com/photos/madhava_work/6196409282/ http://farm7.static.flickr.com/6155/6196409282_90640ae20d_b.jpg] === tablet variant === * TDB!640ae20d_b.jpg] === tablet variant === * TDB!)
- Fennec/Features/disc + (There are several different concepts we ca … There are several different concepts we can explore for first-run discoverability, as well as a few other ideas that might aid discoverability while the users are in product. ==== '''First-run Concepts''' ==== '''Idea #1:''' http://www.youtube.com/watch?v=1Ph3s2Zu2Xo The idea here would be to show the user a walk-through video with a dummy hand. This would be the most failsafe idea because we would show users exactly how to operate the UI. The negative here, is that it is very heavy-handed and assumes that our users don't know how to operate a touchscreen. '''Idea #2:''' http://www.youtube.com/watch?v=Jem7CgbM034 Essentially the same as idea #1, except we wouldn't show the dummy hand. '''Idea #3:''' http://www.youtube.com/watch?v=49Yh3UcoPS4 The idea here would be to take out any extraneous elements of the tutorial, such as the hands and/or notes. This idea is necessary because the notes are going to be hard to localize. '''Idea #4:''' http://www.youtube.com/watch?v=xmxQw_RExbo This idea is basically the same as #3, except we show the sidebar coming out of the same time. The advantage here is that it is much quicker, however it illustrates a state of the why they can never actually happened. '''''UX Recommendation: Idea #3''''' ==== Additional Concepts ==== '''Translucent Sidebars:''' http://www.youtube.com/watch?v=NzXPju5nW6o One of the reasons the sidebars are so hard to find is because they are pinned all the way to the side of the webpage. In addition to discoverability, this is also a problem because the user has to move away from the spot in the page they're currently looking at just to get to the sidebars. The idea here is that an "accelerator gesture", such as a double finger swipe, will bring a sidebar out in a translucent state. This would not conflict with the way the sidebars usually act. As you can see from the video, as the user swipes to the side, the translucency goes away. '''New tab animation:''' http://www.youtube.com/watch?v=n9XrI_DIEbQ Another discoverability problem that we have is that users don't know where their tabs are. We could add "new tab" to the android menu. When the users opens a new tab from the android menu, we would show this interstitial animation that would message to the user where their new tab resides.e to the user where their new tab resides.)
- Security/Features/SameDomainCookie + (There should be little or no user-visible associated with this feature.)
- Security/Features/Cert Blocklist via Update Ping + (There should not be any UX changes.)
- Security/Features/Browser CRL + (There should not be any UX changes.)
- Privacy/Features/Pref to limit number of fonts loaded per tab + (There will be no UX. The change will be a preference that would be disabled by default.)
- Thunderbird/Unified Searchbar + (There's a mockup at http://28.media.tumblr.com/tumblr_m0iwtyy6nh1qkoea4o1_1280.png which I think we can use as a basis for the visual aspects of this work.)
- Services/Sync/AndroidSyncPushToDevice + (There's very little UX involved here.)
- Privacy/Features/DOMCryptAPI + (This is a JavaScript DOM API - it's draft spec specifies no UI at this time. The experience will be a mostly asynchronous API)
- Fennec/Features/Gestures + (This is our new gesture set, as mapped to … This is our new gesture set, as mapped to current browser features. '''We will also have on-screen touch buttons/targets''', but we need to map all features to a gestures for accessibility reasons (more details on that soon)...BD or No Gesture'' </td> <td> --</td> </tr> <tr> <td> Site Info </td> <td> ''TBD or No Gesture'' </td> <td> --</td> </tr> <tr> <td> Settings/Preferences/Add-ons </td> <td> ''TBD or No Gesture'' </td> <td> --</td> </tr> <tr> <td> Share </td> <td> ''TBD or No Gesture'' </td> <td> --</td> </tr> <tr> <td> Contextual Menu </td> <td> Long Tap (on link) </td> <td> http://farm6.static.flickr.com/5301/5637693889_427310b30e_m.jpg</td> </tr> <tr> <td> Reload Page </td> <td> ''TBD or No Gesture'' </td> <td> --</td> </tr> <tr> <td> Stop Loading Page </td> <td> ''TBD or No Gesture'' </td> <td> --</td> </tr> <tr> <td> Access to Firefox Home </td> <td> ''TBD or No Gesture'' </td> <td> --</td> </tr> <tr> <td> Full Screen </td> <td> Five-finger Splay</td> <td> http://farm6.static.flickr.com/5103/5638098211_80a6b5cf8b_m.jpg</td> </tr> <tr> <td> Save as PDF </td> <td> ''TBD or No Gesture'' </td> <td> --</td> </tr> <tr> <td> Save Webpage </td> <td> ''TBD or No Gesture'' </td> <td> --</td> </tr> </table>)
'''Browser Function / Feature''' '''Gesture ''' '''Gesture Illustration''' Back Two-finger Swipe Left http://farm6.static.flickr.com/5310/5637707487_f85325f4f9_m.jpg Forward Two-finger Swipe Right http://farm6.static.flickr.com/5301/5638283158_21bbf92d00_m.jpg Scroll One-finger Drag http://farm6.static.flickr.com/5303/5637692115_3b116d3a8c_m.jpg Kinetic Scroll One-finger Swipe http://farm6.static.flickr.com/5261/5638115687_4bf2ca0be3_m.jpg Pan One-finger Drag (when page is zoomed in) http://farm6.static.flickr.com/5150/5638675196_147e579fbf_m.jpg Kenetic Pan One-finger Swipe (when page is zoomed in) http://farm6.static.flickr.com/5186/5638267958_621cdfa1b3_m.jpg Zoom In Double Tap ''or'' Spread Double Tap:
http://farm6.static.flickr.com/5221/5638269852_00de4efec8_m.jpg Spread:
http://farm6.static.flickr.com/5107/5638271730_ac56ea9a43_m.jpgZoom Out Double Tap (once zoomed level has maxed out ''or'' Pinch Double Tap:
http://farm6.static.flickr.com/5221/5638269852_00de4efec8_m.jpg Pinch:
http://img6.imagebanana.com/img/s9mf07q7/Pinch.pngView All Tabs Pinch (when page is at "fit width" zoom level) http://img6.imagebanana.com/img/s9mf07q7/Pinch.png Next Tab Three-finger Swipe Left http://farm6.static.flickr.com/5145/5638725358_0c6a20a7e8_m.jpg Previous Tab Three-finger Swipe Right http://farm6.static.flickr.com/5103/5638725422_96a695d44d_m.jpg Close Tab Five-finger Scrunch http://farm6.static.flickr.com/5149/5638272030_a170ba0c9e_m.jpg New Tab ''TBD or No Gesture'' -- Open in New Tab Long Tap (on link) then Tap on "Open in New Tab" http://farm6.static.flickr.com/5301/5637693889_427310b30e_m.jpg Bookmark Page Dog-ear (Diagonal Swipe from bottom-right to top-right) http://farm6.static.flickr.com/5183/5638098161_30204b9e9a_m.jpg Open Bookmarks ''TBD or No Gesture'' -- Follow Link One-finger Tap http://farm6.static.flickr.com/5221/5638268254_59e50ed9ae_m.jpg Access to Awesomebar ''TBD or No Gesture'' -- Show All History ''TBD or No Gesture'' -- Site Info ''TBD or No Gesture'' -- Settings/Preferences/Add-ons ''TBD or No Gesture'' -- Share ''TBD or No Gesture'' -- Contextual Menu Long Tap (on link) http://farm6.static.flickr.com/5301/5637693889_427310b30e_m.jpg Reload Page ''TBD or No Gesture'' -- Stop Loading Page ''TBD or No Gesture'' -- Access to Firefox Home ''TBD or No Gesture'' -- Full Screen Five-finger Splay http://farm6.static.flickr.com/5103/5638098211_80a6b5cf8b_m.jpg Save as PDF ''TBD or No Gesture'' -- Save Webpage ''TBD or No Gesture'' -- - Features/Firefox Home/Grid Layout + (Tiles should align on the left and right e … Tiles should align on the left and right edges, as much as possible. All content tiles should be sizes that are full multiples of eachother (eg, 1x1, 1x2, 2x1, 2x2 etc). See https://wiki.mozilla.org/Features/Firefox_Home/Grid_Layout Also, rather than using fixed width tiles, allow tiles to expand or contract slightly to fill the screen. See http://cl.ly/0b143h2o3H1L0o0f0N0neen. See http://cl.ly/0b143h2o3H1L0o0f0N0n)
- Security/Features/SSL Error Reporting + (Two parts:
# Collecting telemetry data fro … Two parts: # Collecting telemetry data from the "Untrusted Connection" error page probably does not require any user interface change. # New user interface for reporting [https://wiki.mozilla.org/Security/Features/CA_pinning_functionality Certificate Pinning] violations.tionality Certificate Pinning] violations.)
