See Gaia/Hacking to get started.
See Gaia/UxContributing to get started.
Here are some guidelines to finding and using the latest UX specifications, wireframes and mock-ups.
- All UX specifications, patterns and building blocks are posted in the User Experience section of the Mozilla Developer Network (MDN) at https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX.
- All UX wireframes and mock-ups are stored in Box (not Dropbox). The main UX directory in Box is called "Firefox OS UX". The folders you should refer to are:
- What folder names mean...
- You will often see three subfolders in a given folder: Visual, Interaction, and _Review.
- Here is an example of how this looks for Firefox OS UX > Applications > FM Radio: https://mozilla.box.com/files/0/f/864506832/FM_Radio
- The Visual folder will contain visual assets (PNG files, logos, images of various resolutions, scrims, etc.), including HD ones, for example.
- The Interaction folder will contain specs, wireframes and flows.
- The _Review folder may contain either of the above, but the fact that something is in _Review indicates that it is the "latest and greatest," currently in a "proposed" or review state, and not final but recent.
- The UX team has set Box folders as "Open Access". This allows view access to anyone with a link: You do not need to create or sign into a Box account in order to see UX specs and wireframes. For the time being, we prefer to have these files be view only and, for design consistency, to have the UX team be the sole editors of these files.
- The UX team also attaches spec files to individual bugs AND includes a link to Box elsewhere in the bug: in the Attachments section or in Comments. The URLs of the Box folder will also be included on spec documents to ensure that anyone who sees only a PDF also knows where to get the latest specs.
- Please contact Stephany (firstname.lastname@example.org) if you have any issues with access to Box.
The Gaia apps share/reuse some JS libraries (localization, gesture detection, etc.), localization strings (relative dates), and styles (from the building blocks effort, see above):
For the latest UX specifications, please visit https://mozilla.box.com/applications.
- FM Radio
- PDF Viewer
For the latest UX specifications, please visit https://mozilla.box.com/system.
- Apps (install, permissions, errors, management, updates, uninstall, reinstall)
- Internet Sharing & Tethering
- Consumption Control
- Do Not Track
- File Management
- First Run Experience
- Keyboard (text-entry ui, predictive and corrective text capabilities)
- Value selectors and Pickers
- Text-handling (cursor management and text selection)
- Localization & Internationalization
- Status Bar
- System Overlays
- Boot Screen
For 1.3, 1.4 and 1.5, the UX team will focus on a project called Haida: https://wiki.mozilla.org/FirefoxOS/Haida .