Click to search on your search term.
Subscribe to Fig Leaf Tutorials


Need help with a project? Contact us at sales@figleaf.com.
From code reviews to project "jumpstarts" and full life-cycle development, we've got you covered!
Check out our case studies!
Follow us on Twitter!
Click here to join our Facebook group!

Ready to upgrade your skills? Try these instructor-led classes in Washington, DC:
Ext JS 6 Bootcamp
12/04/2017

Designing for Phones

Page of 168

The Apple iPhone Human Interface Guidelines outline a number of best practices for mobile development including the following basic principles:

  • Do not display UI elements that are not absolutely necessary. Minimize the number of user controls and required input elements.
  • Since users can only see one screen at a time, you will likely need to reorganize how information is presented from your desktop application.
  • Using your application needs to be completely obvious. Use standard controls for which users have had prior experience. Provide UI elements that enable a user to go back and retrace their steps.
  • Users typically will use your application for very brief periods of time, and usually under distracting conditions. Streamline your processes to enable users to complete them as quickly as possible.
  • Minimize text input. Use table views, sliders, select boxes, etc.
  • Branding should be subtle and understated. For instance, do not display a 'splash screen' that would delay a user from using your application.
  • Use the user's location whenever possible.

There are three types of mobile applications:

  • Productivity applications (such as the mobile crime tracker) that organizes information hierarchically using multiple views
  • Utility applications that perform a single task (such as viewing current weather conditions) and employ a simple, attractive GUI
  • Immersive applications, such as games or simulations, that present the user with a custom GUI.

Note: This unit focuses on developing productivity and utility applications with Sencha Touch.

You can download the entire iPhone HIG at the following url:

http://bit.ly/bxbkCS

Page of 168
comments powered by Disqus