Articles tagged: UX
Found 43 documents
- Archive/Apps/Design The items under this section apply generally to Web app design.
- Archive/Apps/Design/Patterns Patterns are methods of interaction with your app. Unlike the building blocks, which describe ...
- Archive/Apps/Design/Patterns/Drawer/Coding Here you can find examples of how to create a drawer on Firefox OS, as well as downloads for the ...
- Archive/Apps/Design/Patterns/Entry_sheet An entry sheet is used to edit a single setting or option in your app that either contains a ...
- Archive/Apps/Design/Patterns/Multi_select Multi-select mode is used to let the user perform "bulk actions;" that is, to select a number of ...
- Archive/Apps/Design/Patterns/Multi_select/Coding Here you can find examples of how to implement the multi-select mode (also known as "edit mode") ...
- Archive/Apps/Design/Patterns/Search A search bar lets users use keywords to locate content within an app, on the device, or online. ...
- Archive/Apps/Design/Planning/Installed_app_considerations When designing an installable Open Web App, there are a number of considerations to keep in mind ...
- Archive/Apps/Graphics_and_UX When creating Open Web Apps, you need to give a lot of consideration to the look and feel, user ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Action_menu An action menu presents a list of actions, related to the app's content, from which the user may ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Action_menu/Coding Here you can find examples of how to create action menus on Firefox OS, as well as downloads for ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Button Performs an action when tapped by the user. These are highly flexible user interface objects ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Button/Coding Here you can find examples of how to create buttons on Firefox OS, as well as downloads for the ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Confirmation A confirmation prompt asks the user to take or confirm an action, such as responding to a system ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Confirmation/Coding Here you can find examples of how to create confirmations on Firefox OS, as well as downloads ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Filter Filters can be used for two purposes: data filtering, in which the user can view a single set of ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Header A header labels the active view. In addition, it can contain top-level navigation and inputs for ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Header/Coding This article presents examples and coding instructions for creating headers in your Firefox OS ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Input_area An input area is a data entry field. There are many variations on what an input area can look ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/List Lists are used to display a set of consecutive items, such as a list of contacts or a list of ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Object_menu An object menu is a menu that lets the user directly manipulate objects without having to open ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Progress_and_activity Progress and activity indicators are used to provide visual feedback that a process is active.
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Scrolling Scrolling areas are used to let the user move text and/or images across the device's display.
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Seek_bar Seek bars have a draggable thumb the user can touch and drag back and forth to scroll through ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Status Relays information to the user in a transitory fashion, typically to confirm a user action or to ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Status/Coding Here you can find examples of how to create banners /status bars on Firefox OS, as well as ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Switch A switch is any control which presents two mutually exclusive options or states. Switches are ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Switch/Coding Here you can find examples of how to create switches on Firefox OS, as well as downloads for the ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Tabs Tabs are used as a navigational widget that let the user switch among sets of views. This way, a ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Tabs/Coding Here you can find examples of how to create tabs on Firefox OS, as well as downloads for the CSS ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Toolbar Toolbars contain actions, indicators, and navigation elements associated with the current view. ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Toolbar/Coding Here you can find examples of how to create toolbars on Firefox OS, as well as downloads for the ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Value_selector Value selectors let the user choose one of a number of possible values, and are typically used ...
- Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Value_selector/Coding Here you can find examples of how to create value selectors on Firefox OS, as well as downloads ...
- Archive/Firefox_OS/Firefox_OS_apps/Copy_styleguide
- Archive/Firefox_OS/Firefox_OS_apps/Design_asset_library
- Mozilla/Developer_guide/Requesting_feedback_and_ui-review_for_desktop_Firefox_front-end_changes Submitting patches that alter the user interface of Firefox doesn't need to be a scary or long ...
- Mozilla/Firefox_OS_for_TV/User_interface_animation_design The approach to design Firefox OS for Television is fundamentally different from phones or ...
- Mozilla/Firefox_OS_for_TV/UX_overview This article explores the topic of UX design for Firefox OS on TVs, including details of general ...
- Mozilla/Firefox_OS_for_TV/UX_overview/App_layout_guide This section provides guidelines for the legibility and readibility of text and items in the TV app.
- Mozilla/Firefox_OS_for_TV/UX_overview/Building_blocks This article provides guidance on the main Firefox OS building blocks relevant to Firefox OS for ...
- Mozilla/Firefox_OS_for_TV/UX_overview/Icon_design This article explains how to create app icons for Firefox OS Smart TVs using the relevant subset ...