mozilla

Revision 474533 of UI guidelines

  • Revision slug: Web/Apps/Quickstart/Design/UI_guidelines
  • Revision title: UI guidelines
  • Revision id: 474533
  • 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.

Firefox OS Styleguide

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

Revision Source

<div class="summary">
  <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>
</div>
<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/docs/Web/Apps/Design/Responsive_Navigation_Patterns">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="Firefox_OS_Styleguide"><a href="http://www.mozilla.org/en-US/styleguide/products/firefox-os/">Firefox OS Styleguide</a></h2>
<p>Want to make your app look and feel like it's a Firefox OS native? This styleguide will show you how.</p>
Revert to this revision