mozilla

Revision 473891 of UI guidelines

  • Revision slug: Web/Apps/Quickstart/Design/UI_guidelines
  • Revision title: UI guidelines
  • Revision id: 473891
  • Created:
  • Creator: chrisdavidmills
  • Is current revision? No
  • Comment

Revision Content

There's no "right way" to design a user interface, but there are plenty of ways to make your app less fun and easy to use. With this in mind, the following sections can help avoid making some of the most common UI mistakes, setting you on the path to making an app that is a joy to use no matter what platform it's running on.

Intro to Responsive Design

One app, multiple screens. How do you make a UI that looks and works as great on a smartphone as it does on the desktop? Learn how to design and build UIs that change to fit your user's screen.

Responsive Navigation Patterns

One app, multiple screens. How do you make a UI that looks and works as great on a smartphone as it does on the desktop? Learn how to design and build UIs that change to fit your user's screen.

UI Guidelines for Firefox OS

Want to make your app look and feel like it's a Firefox OS native? These guidelines will show you how.

Revision Source

<p>There's no "right way" to design a user interface, but there are plenty of ways to make your app less fun and easy to use. With this in mind, the following sections can help avoid making some of the most common UI mistakes, setting you on the path to making an app that is a joy to use no matter what platform it's running on.</p>
<h2 id="
________
__________Intro_to_Responsive_Design
________
______"><a href="/en-US/docs/Web_Development/Mobile/Responsive_design">Intro to Responsive Design </a></h2>
<p>One app, multiple screens. How do you make a UI that looks and works as great on a smartphone as it does on the desktop? Learn how to design and build UIs that change to fit your user's screen.</p>
<h2 id="
________
__________Responsive_Navigation_Patterns
________
______"><a href="/en-US/">Responsive Navigation Patterns </a></h2>
<p>One app, multiple screens. How do you make a UI that looks and works as great on a smartphone as it does on the desktop? Learn how to design and build UIs that change to fit your user's screen.</p>
<h2 id="
________
__________UI_Guidelines_for_Firefox_OS
________
______"><a href="/en-US/docs/Apps/UI-Guidelines">UI Guidelines for Firefox OS </a></h2>
<p>Want to make your app look and feel like it's a Firefox OS native? These guidelines will show you how.</p>
Revert to this revision