Windows 8.1 Says, “Forget All That Design Stuff From Windows 8.0”

by Jerry Nixon

What Designers Had Better Know About Windows 8.1

Let’s be perfectly clear, the Windows Design Guidelines in Windows 8.1 are, at a high-level, identical to those in Windows 8.0. However, in their practical and tactical guidance they are so different, that idyllic Windows 8.1 apps would potentially fail Windows 8.0 Store Certification. These guidelines, now hardwired into Microsoft developers and designers, remain consistent and contrarian to the Windows 8.0 guidance.

Microsoft Design Principles

The five core principles of the Windows Style, or the Microsoft Design Principles are unchanged. They are:

  1. Pride in Craftsmanship
  2. Fast and Fluid
  3. Authentically Digital
  4. Do more with Less
  5. Win as One

They have not changed in practice or in theory.

Navigation diagram for an example food app

This isn’t marketing, this is real life. New Windows users had serious trouble with some Windows 8.0 features. Even tenured Windows users had deep adoption anxiety because of feature expectations. And, developers and designers uncovered significant opportunities to improve the platform.

Here’s a better answer.

Microsoft design guidance has changed because we measure usability, listen to users, and care about our developer community.

We could have said, “We know what you really want, now shut the front door.” Some have done that. But that’s not what happened. We pivoted in order to evolve the new Windows experience from good to great. And, we’re not done.

Okay, so what has changed?

Here are the big four changes.

Search

image

Example search box results for MSFT.What’s new: In Windows 8.1, we still coach developers and designers to create clean and minimal interfaces to increase beauty and usability. But, we also coach that some buttons belong on the app canvas. This is especially apparent with the new SearchBox. Where Windows 8.0 had a search experience driven by the Search Charm, Windows 8.1 has a search experience driven by the in-app SearchBox control. Learn more about the SearchBox here.

What hasn’t changed: Search in Windows 8.0 introduced Search History, Query Suggestions, and Result Suggestions. These powerful concepts have not changed, they have simply moved into the app. Users typing their query and THEN selecting what app to search – that’s a workflow of the past. As a result, the Suggestion limit has been raised from 5 to 25. Moreover, you can add your app’s data to Window’s Index that feeds the Search Hero.

My take: As an aside, I believe this guidance has changed because invoking the charms bar hasn’t proven to be as intuitive as the original operating system designers has hoped. Where one-search-to-rule-them-all was an innovative idea, users were left asking “How do I search?” And, though a unified search experience might have played out to be best, we can’t leave users wondering.

Windows silhouette

image

What’s new: In Windows 8,1, we still coach developers and designers to create visually consistent apps that embrace the Microsoft Design principles. However, we have deleted the silhouette completely. Application developers and designers can use the silhouette, but it is no longer a leading recommendation or requirement during design reviews or certification.

My take: The Windows silhouette was an important tool for an important time. Developers and designers had never made a Windows app. They didn’t understand the style or its principles. Today we have driven the design message into our community and there are more than a hundred thousand apps developers and designers can reference – including our first party apps. The silhouette created consistency, but eventually contributed to repetitive and unimaginative app designs. Personally, I will continue to teach the silhouette as a starting place for new apps – but not neglect the important message that an app has the freedom to what is best for that app.

Microsoft apps don’t always follow the silhouette: Below, are screen caps of some of the preview first-party apps in Windows 8.1. In them, you can see that the Windows silhouette does and doesn’t show up in app design. The nod to the silhouette is intentional. Your app might do the same. The requirement is gone, however.

imageimageimageimageimageimage

Design grid units

image

image

My take: One of the biggest considerations in app design is touch target accuracy and friendliness. Increased spacing and margins allow users to easily see delineations in data and successfully tap interaction controls. Having said that, my 2nd grade daughter writes on notepaper with wide, two-inch lines. This is easy for her. My 6th grade daughter writes on notepaper with tight, half-inch lines. This is easy for her. Similarly, a tight UI assumes more from our user base. It assumes familiarity and proficiency with touch. An assumption which, I feel, is based on reality. This change is comment about that and a compliment to the everyday Windows user. Bravo.

Snap View

image

image

My take: It didn’t take a genius to figure out that Windows 8.0 had to support more widths than Snap View and Fill View in order to satisfy technology pundits and power users who take the “windowing” features of Windows to the extreme.  Windows 8.1 supports variable sizes including 50:50, which was a big request. In addition the same app can be launched more than once – which was another big request. This new feature was inevitable and is a welcome benefit. To the app developer, however, they need to think about horizontal screen breakpoints like web developers already do. Learn more about the new sizes here.

Conclusion

image

Best of luck!

Reprinted with permission.

More by Author

Must Read