DZone
Mobile Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Mobile Zone > Visual Inconsistency and the WP7 Application Bar

Visual Inconsistency and the WP7 Application Bar

David Pell user avatar by
David Pell
·
Nov. 28, 11 · Mobile Zone · Interview
Like (0)
Save
Tweet
3.05K Views

Join the DZone community and get the full member experience.

Join For Free
Petter Silfver, a UI/UX designer in Stockholm, has a problem with the Windows Phone 7's application bar icons.  You see, the Microsoft UxD Guidelines have developers working with a controller to display the app's four most common tasks as little icon buttons.  The problem?  The guidelines for the icons require that they be situated inside a small white circle.

Silfver thinks that the requirement to place all of the icons inside circles will make users have to think more about the buttons every time they go to press them, rather than "reacting" to them:

Why is [the circle requirement] bad? As stated earlier, I have been working on an article on the subject of navigational design, and one of the most important facts I have found in my own research is that the form of the icons in a menu system must be as visually differentiated as possible (i.e. have a high intergroup saliency) to enable users to easily identify the one option that satisfy their current usage goal. The problem with the circles in the WP7 application bar is that they make the outline and the white space of all the icons look the same, which in many cases forces the users to read the icons rather than to instinctively react on them. On top of that, the circle and and the icon have the same colour applied

Text labels can be arranged beneath the icons, but this is problematic for two reasons.  First, making the user read text to identify the button and its function complicates the navigation process.  Second, even if the text were a good idea, the WP7 user is required to press another icon on the bar to make the text appear, meaning that the process of navigation is prolonged by adding an extra button press.

Silfver's asked the Microsoft designers about this requirement at a design seminar in Stockholm but didn't get a straight answer.  Since he forgot to give the devs his e-mail address, he wrote his blog post in an attempt to re-establish contact and get the mobile design community's input.  We'd also love to hear your thoughts about visual inconsistency and UI design here in the combox!
mobile app

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • Ultra-Fast Microservices: When Microstream Meets Payara
  • Debugging Deadlocks and Race Conditions
  • Portfolio Architecture Examples: Retail Collection
  • Which JVM Version Is the Fastest?

Comments

Mobile Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo