And I don't mean Win 7 / Metro UI guidelines, I have them up the wazoo, but I've changed jobs and need to start looking at the new Windows 8 DESKTOP design. I know it takes a lot of cues from Metro on Win 7 mobile but it's not the same and I can't find UI guidelines anywhere.
|
|
The guidelines for Windows 8 desktop applications are the same as for Windows 7. That means that you'll find them here: Windows 8 has two separate UIs: Windows Store apps (formerly known as "Metro-style apps") and Desktop. Windows Store apps is the new, future oriented touch UI. These apps will typically run in touch environment where consumption (not production) of content is the main purpose of the app. The Desktop UI is there for backward compatibility(!). It will be used by applications that need the full power of Windows. This UI is similar to Windows 7. Only minor changes to the look and feel, eg. squared button corners instead of rounded. Sources:
Other resources:
|
|||||||||
|
|
For the Metro part, there's some documentation about the UI: Do/Don't :do http://msdn.microsoft.com/en-us/library/windows/apps/hh465304(v=VS.85).aspx Checklists with some about UI concepts http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx Best practices http://msdn.microsoft.com/en-us/library/windows/apps/br229583(v=VS.85).aspx#guidelines_and_best_practices |
|||||||
|
|
Microsoft did a presentation at Build, titled "Designing Metro style: principles and personality" - the slides and a video are available which covers a lot of the aspects, such as choices of fonts, sizes, layout grids, etc. |
|||
|
|
|
Punchcut posted on their blog a good series about Windows 8 / Metro and how to design for it. It has 5 parts:
Especially the last one is worth reading. They write about their experiences and gained knowledge (navigation concepts, branding, responsive design) while creating Metro Apps. There are even very practical tips like you should take CSS transform porperty for motion design, because this is GPU accelerated. |
|||
|
|
|
Your question is hard for me to understand. If you mean "I want the UX guidelines for Windows Store applications (not Windows Phone)", they're available on the Microsoft website. They're part of a more general overview of the UX of Windows Store apps. Those are the apps that run full-screen. If you mean "I want the UX guidelines for designing apps for use in the Desktop mode of Windows 8", you should read the Windows UX Interaction Guidelines, paying special attention to the section on Ribbons (which are really emphasised in Windows 8's desktop mode). Those are the apps that run in windows, with the Windows taskbar and your desktop wallpaper visible. |
|||
|
|

