Channels ▼

Avo Reid

Dr. Dobb's Bloggers

Mobile Application Development - Best Practice #1

June 18, 2009

Call me Captain Obvious because this first one is:

Remember the mobile device is not a desktop

Just because its possible to port a desktop application to a mobile device doesn't mean the resulting application will be a successful mobile application, on the contrary it will probably be a bad mobile application.  Microsoft has learned this lesson from some of the earliest version of Windows Mobile and accompanying applications.

Some of the important factors that fundamentally differentiate mobile devices from desktops are:

  • constrained user interface
  • one handed users
  • on and off (unreliable) connections
  • low bandwidth
  • user behaviour can be different outside the office
  • user mobile behvious can be different than stationary behaviour

Some of the best mobile applications on the market today are iPhone applications.  Apple from the start has focused developers on the Human Interface of the application, publishing the "Human Interface Principles: Creating a Great User Interface".  These principles are the basis for applicaiton development on the Mac desktop under OS/X and have been refined for the iPhone.

Apple elegantly states:

Great applications follow certain fundamental human interface design principles, regardless of the hardware they run on. That's because these principles are based on the way people-users-think and work, not on the capabilities of the device.

Don't underestimate the powerful effect the user interface has on people. A user interface that is unattractive, convoluted, or illogical can make even a great application seem like a chore to use. But a great user interface enhances the application and inspires a positive emotional attachment in users, earning their loyalty.

Apple describes 6 principles to be followed for a great user interface.

  1. Metaphors - use real world objects and actions in your application, users can readily relate to their purpose and outcome, and this will enable novice users to quickly grasp how your application works. Another way to put it is to incorporate the user's mental model of the domain wherever possible.  An example is a folder, users can relate to the folders in the real world as containers of things so users easily transition to folders on a computing device where data can be added and removed.

    Metaphors that Apple has included in it's UI Toolkit include iPod playback controls, tapping controls to make things happen, sliding on-off switches, and picker wheels that enable the user to 'flick' through lists of data.

  2. Direct Manipulation - enable the user to feel they are controlling something trangible,  so objects should remain visible during an action and provide immediate feedback once the action is complete.

    The iPhone Multi-Touch interface for example enables users to use gestures to flip the view from portrait to landscape, finger tapping and scrolling, and multi-finger resizingee on screen without the use of an intermediate device such as a mouse, key board key or pointer.

  3. See and Point - use choices and options in list form wherever possible and minimize text input, this will enable the user to 'see and point' rather than using the keyboard to type the entry, this minimizes validation logic in the applications.

  4. Feedback - applications should respond to user actions with a visible change, audible feedback helps but it must be in addition to visible feedback since mobile devices may be in use in places where the user can't hear or has intentionally muted the device.  Ways to enhance feedback include animation but only if it is subtle and meaningful.

  5. User Control - the user, not your application, should initiate and control actions. Users should be allowed to cancel operations before they begin, or cancel long running operations.  By keeping actions simple and straightforward user's can more readily understand them and remember them.

    Another important attribute of user control is the applicaiton should be forgiving with the user,  this will encourage user's to explore the application deeper.  The iPhone Home button is like a built in forgiveness button, any application should be escapable by clicking the button to return home and start over.

  6. Aesthetic Integrity - an applications usability is directly related to how cluttered or illogical the appearance.  Application aesthetics is not a measure of how beautiful your application is but how well it integrates and makes accessible its function.

Related Reading


More Insights






Currently we allow the following HTML tags in comments:

Single tags

These tags can be used alone and don't need an ending tag.

<br> Defines a single line break

<hr> Defines a horizontal line

Matching tags

These require an ending tag - e.g. <i>italic text</i>

<a> Defines an anchor

<b> Defines bold text

<big> Defines big text

<blockquote> Defines a long quotation

<caption> Defines a table caption

<cite> Defines a citation

<code> Defines computer code text

<em> Defines emphasized text

<fieldset> Defines a border around elements in a form

<h1> This is heading 1

<h2> This is heading 2

<h3> This is heading 3

<h4> This is heading 4

<h5> This is heading 5

<h6> This is heading 6

<i> Defines italic text

<p> Defines a paragraph

<pre> Defines preformatted text

<q> Defines a short quotation

<samp> Defines sample computer code text

<small> Defines small text

<span> Defines a section in a document

<s> Defines strikethrough text

<strike> Defines strikethrough text

<strong> Defines strong text

<sub> Defines subscripted text

<sup> Defines superscripted text

<u> Defines underlined text

Dr. Dobb's encourages readers to engage in spirited, healthy debate, including taking us to task. However, Dr. Dobb's moderates all comments posted to our site, and reserves the right to modify or remove any content that it determines to be derogatory, offensive, inflammatory, vulgar, irrelevant/off-topic, racist or obvious marketing or spam. Dr. Dobb's further reserves the right to disable the profile of any commenter participating in said activities.

 
Disqus Tips To upload an avatar photo, first complete your Disqus profile. | View the list of supported HTML tags you can use to style comments. | Please read our commenting policy.
 


Video