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 > Windows 8: UX Considerations When Migrating from Windows Phone 7

Windows 8: UX Considerations When Migrating from Windows Phone 7

Zhiming Xue user avatar by
Zhiming Xue
·
Jun. 20, 12 · Mobile Zone · Interview
Like (0)
Save
Tweet
3.25K Views

Join the DZone community and get the full member experience.

Join For Free

For my first real Windows Metro style app, I decided to port my Area Code Look Up app from the phone over to Windows Metro.

The word “port” is somewhat misleading: there’s not really a lot of code sharing: the phone version is Silverlight and the Metro version is JavaScript. Yes, JavaScript.

Area Code Look Up on Windows Phone 7

Area Code Look Up was my first published app for Windows Phone and has been quite successful: it’s been downloaded just over 12,000 times.

It’s free and, if you’d like to try it out for yourself, here’s the link to get it.

For reference, this is what the Area Code Look Up app looks like on WP7.

image image image

Very clean and very adherent to the Metro design guidelines.

However, when I started writing the Windows 8 version, something did “feel” right.

A Slate is Not a Phone

Really, at the core of all this is: real estate. Phones, by their nature, are always going to small and portable. As such, they will have smaller screens.

Slates/laptops/desktops/etc will have more larger screens and feel downright luxuriously huge when compared to phone.

This space needs to be used, but used wisely.

Using Space Wisely

Having a very sparsely decorated UI works well on a small screen, but on larger screens, the space cries out for more.

For reference, here’s what the Area Code Look Up app for Windows 8 looks like.

Note the use of colorful images that closely convey meaning and add value to the core content (area codes).

image

image

image

Functionally, both apps provide the same information, but they do it in ways that make sense for the platform it’s running on.

Having the state flag of Maryland (or applicable state/province) in the background makes sense on Windows 8 Metro, but would be too distracting on the phone.

Windows Phone

Published at DZone with permission of Zhiming Xue. See the original article here.

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • Why Great Money Doesn’t Retain Great Devs w/ Stack Overflow, DataStax & Reprise
  • Modern REST API Design Principles and Rules
  • Memory Debugging and Watch Annotations
  • Application Scalability — How To Do Efficient Scaling

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