8 Signs of a Great Windows 8 App

3,720 views

Published on

This presentation explains principles of Application UI design for Windows Store

Published in: Technology, Business

8 Signs of a Great Windows 8 App

  1. http://lukianets.com
  2. What will distinguish the best style apps?
  3. 2. Fast and fluid3. Snap and scale beautifully4. Use the right Contracts5. Invest in a great Tile6. Feel connected and alive7. Roam to the cloud8. Embrace Modern UIprinciples
  4. Modern UI IS OUR DESIGN PHILOSOPHY.IT’S CLEAN, SIMPLE AND DIRECT. ITELEVATES CONTENT.IT LOVES TYPOGRAPHY. AND WHILE IT’SUNDENIABLY, AUTHENTICALLYMICROSOFT, Modern UI IS A FRESHPERSPECTIVE.
  5. Modern UI is not a BRAND.Modern UI is not a STYLE GUIDE.Modern UI is not a TOOL SET.Modern UI is not an INTERACTION GUIDE.
  6. Modern UI is not a BOX.Modern UI is not a STACK OFTILES.
  7. 1. Modern UI3. Snap and scale beautifully4. Use the right Contracts5. Invest in a great Tile6. Feel connected and alive7. Roam to the cloud8. Embrace Modern UIprinciples
  8. Command-LineInterface (CLI)Graphical UserInterface (GUI)Touch UserInterface (TUI)
  9. • Text commands> Command output> more command more output?Command line interface• Text commands• Click, double-click, right clickGraphical user interface Touch user interface• How to select?• How to jump in a list?• How to hover?
  10. Press and hold to learn Swipe to selectSlide to dragTap for primary actionPinch to zoom Rotate to rotateSwipe from edge forsystem and app UI
  11. 1. Modern UI2. Fast and fluid4. Use the right Contracts5. Invest in a great Tile6. Feel connected and alive7. Roam to the cloud8. Embrace Modern UIprinciples
  12. Screen sizesUser experience10” 1024x76813” 1400x105020” 1920x108027” 2560x160011.6” 1366x768
  13. Snap
  14. 1. Modern UI2. Fast and fluid3. Snap and scale beautifully5. Invest in a great Tile6. Feel connected and alive7. Roam to the cloud8. Embrace Modern UIprinciples
  15. Share
  16. Search
  17. 1. Modern UI2. Fast and fluid3. Snap and scale beautifully4. Use the right Contracts6. Feel connected and alive7. Roam to the cloud8. Embrace Modern UIprinciples
  18. TilesA front door A complete pictureDraw you inPersonalNext upRemind youAn extension of the app While you were awayConnected
  19. 1. Modern UI2. Fast and fluid3. Snap and scale beautifully4. Use the right Contracts5. Invest in a great Tile7. Roam to the cloud8. Embrace Modern UIprinciples
  20. 1. Modern UI2. Fast and fluid3. Snap and scale beautifully4. Use the right Contracts5. Invest in a great Tile6. Feel connected and alive8. Embrace Modern UIprinciples
  21. The Cloud
  22. Settings
  23. 1. Modern UI2. Fast and fluid3. Snap and scale beautifully4. Use the right Contracts5. Invest in a great Tile6. Feel connected and alive7. Roam to the cloud
  24. http://www.buildwindows.com/http://msdn.microsoft.com/library/windows/apps/hh779072/http://wp7rocks.com/http://www.microsoftvirtualacademy.com/
  25. nikiluk@outlook.com

×