in WIndows 8.1

Useful Links: Designing and Development for Windows 8

Posted on by Stefano Mallè

>>> Kudos to Chris Bernard who produced this list – May help find rapidly a few design guidelines for Windows 8

Inspiration

Meet Windows Store Apps
http://msdn.microsoft.com/en-us/library/windows/apps/hh974576.aspx

App Gallery
http://windesigngallery.azurewebsites.net/

UX and UX Updates

Summary
http://msdn.microsoft.com/en-us/library/windows/apps/bg182890.aspx

Covers…

  • Resizable windows
  • Tile updates
  • Search updates
  • Charms work on every screen
  • Integrate with people and events
  • Speech synthesis
  • Alarm app support on the lock screen
  • Updates to work-item scheduling

 

Envisioning

Defining Vision
http://msdn.microsoft.com/library/windows/apps/hh465427.aspx

Responsive Design and Form Factors
http://msdn.microsoft.com/library/windows/apps/hh465400.aspx

Migration Design
http://msdn.microsoft.com/en-us/library/windows/apps/dn439353

Website to App
http://msdn.microsoft.com/en-us/library/windows/apps/hh868264

iPad to App
http://msdn.microsoft.com/en-us/library/windows/apps/hh868262

Windows 8.0 to 8.1
http://msdn.microsoft.com/en-us/library/windows/apps/dn263113
http://msdn.microsoft.com/en-us/library/windows/apps/dn376326.aspx

Category Idea Books
http://msdn.microsoft.com/library/windows/apps/hh868274

Covers…

  • LOB
  • Enterprise
  • Finance
  • Medical: In Patient
  • Health: Administration
  • Retail Apps: Social CRM
  • Games
  • Entertainment Apps
  • News Apps
  • Productivity Apps
  • Sports App
  • Shopping Apps
  • Travel Apps
  • Education Apps
  • Health & Fitness Apps

UX Guidelines

Index of UX Guidelines
http://msdn.microsoft.com/library/windows/apps/hh465424.aspx

Covers…

New

Instructional UI
http://msdn.microsoft.com/en-us/library/windows/apps/dn440595.aspx

Command Patterns
http://msdn.microsoft.com/en-us/library/windows/apps/hh761499.aspx

Navigation Patterns
http://msdn.microsoft.com/en-us/library/windows/apps/hh761500.aspx

Also…

  • Layout and navigation
  • Layout and commanding
  • Layout and page design
    • Laying out an app page
  • Animations
    • Drag
    • Edge-based animations
    • List animations
    • Content transition animations
    • Page transition animations
    • Transient UI animations
    • UI animations
  • Touch interaction
    • Touch interaction design
    • General user interaction guidance
    • Touch targeting
    • Visual feedback
    • Semantic Zoom
    • Swipe and cross-slide
    • Optical zoom and resizing
    • Panning
    • Rotation
    • Selecting text and images
    • Mouse interaction
    • Keyboard interaction
    • Pen interaction
    • Touchpad interaction
  • Scaling
    • Flexible layouts
    • Window resizing
    • Scaling to screens
    • Scaling to pixel density
  • Contract, charms and capabilities
    • App contracts
    • Global search
    • Share and data exchange
    • File pickers
    • Location-awareness
    • Print dialog
    • Proximity gestures
    • Multimedia
  • Tiles and notifications
    • App tiles and secondary tiles
    • Notifications
  • Commands
    • App bars
    • Nav bars
    • Buttons
    • Check boxes
    • Radio buttons
    • Toggle switches
    • Search box
    • Sliders
    • Rating controls
    • Select control
    • Time pickers
    • Login controls
  • Navigation
    • SemanticZoom
    • FlipView
    • ListView
    • Links
  • Transient UI
    • Flyouts
    • Message dialogs
    • Context menus
    • Tooltips
    • Progress controls
  • Images
    • Thumbnails
  • Text and input
    • Fonts
    • Text boxes
    • Login controls
    • Spell checking
    • On-screen touch keyboard
  • Roaming
  • Settings
  • Single sign-on
  • Fundamental app features
    • Splash screen
    • Suspend and resume app state
    • Auto-launching and “Open With”
    • Globalization, localization and app resources
    • Accessibility
    • App help
    • Store categories

Application Certification
http://msdn.microsoft.com/library/windows/apps/hh694083.aspx

Downloads
http://msdn.microsoft.com/en-us/windows/apps/bg125377

Covers…

  • PSD Templates
  • Human Interface Guidelines in a Downloadable PDF
  • Balsamic Templates

Controls

Covers…

  • Hub control
  • Navigation bar (top app bar)
  • Command bar (bottom app bar)
  • Search box
  • List view

 

Visual Identity

Modern Design
http://msdn.microsoft.com/library/windows/apps/hh781237.aspx

Brand
http://msdn.microsoft.com/library/windows/apps/hh465418.aspx

Layout and composition
http://msdn.microsoft.com/library/windows/apps/dn439352.aspx

Motion
http://msdn.microsoft.com/library/windows/apps/dn465804.aspx

Type
http://msdn.microsoft.com/library/windows/apps/dn439354.aspx

Icons
http://msdn.microsoft.com/library/windows/apps/dn439350.aspx

Color
http://msdn.microsoft.com/library/windows/apps/dn439319.aspx

Charms and contracts
http://msdn.microsoft.com/library/windows/apps/dn468030.aspx

Edges
http://msdn.microsoft.com/library/windows/apps/dn468031.aspx

Live tiles
http://msdn.microsoft.com/library/windows/apps/dn468032.aspx

Semantic zoom
http://msdn.microsoft.com/library/windows/apps/dn468034.aspx

Splash screen
http://msdn.microsoft.com/library/windows/apps/dn468035.aspx

Navigation
http://msdn.microsoft.com/library/windows/apps/hh761500.aspx

My name is Stefano, I live in Switzerland, and I am a husband and a father.
I am passionate about technology and how it can change our lives (and businesses). I am fond of outdoor activities, I care about health and well-being, and I am a could-be-better hobby photographer who appreciates post-processing. While there are more interests in my life than these, let's start from here and find out where we will be ending.