Tag Archives: design

Beautiful mobile applications, beautiful user experiences Part 3

Whilst exploring issues around the look and feel of Synote Mobile Mike sent me this blog, which is one of three from The Computer Weekly Application Developer Network

“In part three of this guest blog for the Computer Weekly Developer Network, Sybase technical evangelist and mobile evangelist Ian Thain discusses the new mobile application landscape characterised by new and more beautiful user interfaces.

Links to part one and part two of this series.

There are a few mobile design guidelines that should never be far from your thoughts.

To take a few as examples :-

  • The initial screen should be kept as clear as possible to act as a launch point, because first impressions count – Synote has always gone for the minimalist approach! 
  • Keep the main/primary controls in the thumb ‘hot zones’ at the edge of the screen and keep the most important content at the top, with controls at the bottom - this is particularly important for screen reader users who often track their fingers around the edges of phone screen to catch menu items.ITSmallPR.jpg
  • Be generous with the space on the screen, do not crowd and avoid scrolling where you can. Reducing clutter helps everyone but in particular disabled users as does the following point. 
  • Stick to proven navigation models, which can be used in combination, use flat pages for simple applications, and if possible make use of a tab bar that switches between the app’s main functions, and/or a tree structure for drilling down through a hierarchy of content.”

Please read the rest of the actual blog if you are interested.

Research – Planning for an easy to use and accessible mobile app.

iPhone accessibility

Link to Apple accessibility web pages

Mobile apps have huge potential to help and liberate people, including disabled people and the elderly, who face challenges with other methods of communication. But as with other new technologies, there is also the potential to further exclude people who are already at a disadvantage by providing small, hard-to-use, inflexible interfaces to devices and apps that create more problems than they solve. (One Voice – Moving Together)

One of the main problems this project will need to overcome when considering ease of use and accessibility is the multitude of portable devices and operating systems. The use of a common code such as HTML 5 may overcome some of the difficulties rather than choosing to program a device dependent native app.

Jakob Nielsen’s Alertbox, September 26, 2011 provides some research into usability with an update on the subject pointing out the need to be aware of ‘fat finger syndrome’ and limit the number of features available. 

When it comes to usability testing, User Centric provide some key pointers that link to co-design and testing prototypes to ensure ease of use. There are answers to the following questions:

  • Does a fully functional prototype have to be built before user testing?
  • Should the user’s device be tested or is it better to provide a device?
  • What devices and user groups should be tested?
  • Are there differences between iPhone and Android users?
  • Do both need to be included in a study?
  • When is lab testing versus remote testing appropriate?

W3C have produced some Mobile Web Best Practices (MWBP) guidelines for developers that are relevant to HTML 5.  There are also the British Standard 8878 guidelines as presented by Jonathan Hassell – BS 8878 in 88 seconds – a lightning summary of the Standard (video with captions and transcript) provides a gallop through of the process!

Perhaps the easiest check list comes from the One Voice for Accessible ICT Coalition

The suggested seven steps are:

  1. Learn about accessibility.
    Learn how a user with a disability may use your app.
  2. Quick accessibility check.
    Get an estimate of how accessible you app is now.
  3. Publish an Accessibility Statement.
    Express your intent to be accessible.
  4. Provide a Contact Us function.
    Enable users to tell you easily about accessibility issues.
  5. Ensure reading sequence is logical and comprehensible.
    Ensure page navigation is simple.
  6. Create a user interface that is easy to understand and operate.
    General usability is an underpinning of accessibility.
  7. Ensure text formatting can be altered.
    Allow users to read text using a size and theme that meets their requirements.
Andoid Accessibility Features

Link to IDEAL Group's Android Accessibility Project

 

There is no such thing as full accessibility for everyone, but that should not stop app developers from attempting to maximise accessibility. (One Voice: Moving Together)

1st Team Meeting – 22nd March 9-10am, 4th floor demo room/FPAS board room 32/4073

This will be the first meeting of the team to discuss:

  • Design and development of the Synote web app suitable for mobile technologies
  • Conversions of permitted recordings to suit the mobile platform
  • Issues related to media types, transcriptions and annotations.
  • Preparation for OER 3 Programme Meeting being held on 26th March 2012 at Dexter House, London
  • AOB
  • Next meeting date.