Doing More With Less in Windows 8 Development — (Part One)


Sonal Mane, a Startup Technologist working for Microsoft in Chicago, walks you through steps to make the Windows 8 app development process easier. 

Here’s her first post in a series.

Welcome to the ‘Windows 8 design principles simplified’ series. One of the key reasons for apps being rejected or sent back for fixes is Design.

Today’s topic will be Do More with Less. It should give you a firm background on what reviewers look for in the app review process, and it will give you a premise with which you can begin your designing.

Designing for touch requires a few prerequisites that you would need to think through. Without these basics, you are not going to get too far.

1. Avoid distractions – The key idea is to trust you users and enable them to focus on where they are. Not where they need to go. As you approach design, focus on utilizing the real estate and what the app is great at. Clear the clutter and strip away everything that takes away from the app and your best-at statement.

2. Clearly define your best-at statement – To aid the decision-making around design, identify the single most important functionality that your app is best at. This means understanding your value prop and scope clearly and crystallizing it to a single statement. As you iterate on your app and add future versions, you can evolve and update your best-at statement. For your first iteration, keeping a narrow focus will help resolve several design decisions and issues.

3. Content over Chrome – Content is your best friend and the easiest way to get users excited about your app. High quality content also means you can draw attention without bells and whistles and attract users to your app. This means leaving only the most relevant user experience elements on the screen. This also means letting users immerse themselves in what they love and explore the rest. The thing to keep in mind is to flip the design mindset, think about solving to avoid distractions and not discoverability.


4. Clear out the Chrome – Chrome means navigation, layout, commanding and interaction. For example,

* Chrome comes from navigation, tabs and other navigational tools as they are used to help a user finding their way around an app.

* Chrome can come from layout that include boxes, rules and other content that is placed on the canvas to help organize content.

* Chrome comes from interaction and commands placed on the canvas to help users complete scenarios and features.

Simple rule to follow here is that if you see any user experience that helps with user navigation, layout and commands – Clear it out! Windows 8 has built-in design to help you work these elements into your app.

Here’s a screenshot that focuses on the music video content and albums without cluttering the user experience with navigation, commands and layout.

5. Navigation, Layout and Commands Navigation – Pixels are precious so don’t waste them on navigation. Sounds counter-intuitive when you focus on discoverability. Shift that focus on your content and think about where you are at and your content, not about the places where your user could go. When designing Windows Store apps, you can actually make the content itself navigable and remove this navigational chrome. Where does this navigation chrome go? It goes to the navigation bar from the top edge. Layout – Create visual clarity with crisp graphical elements. Remove lines and boxes to group and organize content. Give content breathing room through intentional use of space. This means that there is no need to draw lines around your groups. No need to draw arrows and create outlines on your user experience. Think space and not, boundaries. Commands – Integrate commands into the content. Leverage the edge. Provide commands contextually. Commands go in the app bar that shows up from the bottom edge. The content itself is interactive so your images headlines, titles and content can be tapped on to navigate to something. Search, Share, Settings and Devices go in the Charms that show up from the right edge. Login goes into right edge on the right sidebar.

How do users see these hidden navigation and app bars and charms ? The app should pop the relevant user experience based on context. For e.g. when a user selects multiple images, that is an indication to pop the command bar. Guess what, the user is about to perform an action on these images.

Here’s a screenshot of what the navigation and app bar look like.

Want to dive deeper into this topic? Check out the video on Do more with less for more details.

Comments (6)

  1. winner says:

    http://www.v-base.co.uk this different arrangement of cipher canvas bag,forth with the affluent architecture of the allegorical and Athens becomes a appearance classic.100 years,the apple has accomplished abounding
    changes,people’s pursuits and artful concepts aswell will be changed,but not alone the acceptability of
    http://www.makingartwork.co.uk Louis Vuitton,Zoran,and now maintains an unparalleled charm.Carsley (Yves Carcelle) Afterwards three years of consideration,absitively to allure seven acclaimed beat designers to architecture
    the logo cipher accoutrements new styles.for the artist is: Azzedine Alaia,Manolo Blahnik,Romeo Gigli,Helmut Lang),Rahim lsaac Mizrahi,Sybilla and
    http://www.e-bal.org

  2. Robby says:

    Thanks for share bizspark group.
    http://www.screencast.com/t/2vDNVGIPpv
    http://www.screencast.com/t/3tfTlZugzCw
    https://www.rebelmouse.com/watchthepeanutsmovieonline/
    http://www.ustream.tv/channel/LL7X6M6Mkaj
    https://www.facebook.com/179121302420300
    https://www.youtube.com/playlist?list=PLOx3JBjqwoinG29CLj-Hb16shXEsQuprP
    https://www.youtube.com/playlist?list=PLAGnCGy59eqyk_bmONDSwZrqT20cuu9bV
    https://www.youtube.com/playlist?list=PLHVc5C6jTOwZrP0OjIBkQZ75nUZ8T_cQT
    https://www.youtube.com/playlist?list=PLOx3JBjqwoimw0x9r27riQBnBjEjfEXYh
    http://www.screencast.com/t/Pnz8UdOwP
    http://www.screencast.com/t/wHdA4N1TY9d
    https://www.youtube.com/playlist?list=PLOCeFT5awwWEpG6QbUTqHrWkplMbQCuER
    https://www.rebelmouse.com/MazeRunner2TheScorchTrials/
    https://www.facebook.com/1493831510938662
    https://www.facebook.com/1488583354797854
    https://www.youtube.com/playlist?list=PLhoialtECjjDP0IDt8xZm08rCIZf75V_W
    http://www.screencast.com/t/SNS2OsEbU
    https://www.youtube.com/playlist?list=PLhzbxMrBovIQzsCQz-369ZnVUk-OKw6pG
    http://www.screencast.com/t/pKfMuANrt
    https://www.facebook.com/1496736273981662
    http://www.screencast.com/t/HCKURAcn
    http://www.screencast.com/t/sneQmFFJoj88
    http://www.screencast.com/t/9qQuJQqKp
    https://www.youtube.com/playlist?list=PLhzbxMrBovIRpP1chKyslHv7WJUOaKn0b
    https://www.youtube.com/playlist?list=PLhoialtECjjDYG7aOyZoauu1m2bGL2cui
    http://www.screencast.com/t/fJJdK21UkC
    https://www.youtube.com/playlist?list=PLFFkFLALrqkUb9-VmZop-54HlwBhnm9gW
    https://www.facebook.com/filmor.terfut/posts/183989968604372
    https://www.youtube.com/playlist?list=PLhoialtECjjD5OU3ytGUGbV3PiBahRgH2
    https://www.facebook.com/1488584921464364
    http://www.screencast.com/t/m70zsXnOlhl
    http://www.screencast.com/t/bjfCPnF1v
    http://www.screencast.com/t/DuGzdC2OARf
    http://www.ustream.tv/channel/fjWAzw9YV5m
    https://www.youtube.com/playlist?list=PLOx3JBjqwoimJ9TP2–GcGx18VN394iGh
    https://www.youtube.com/playlist?list=PLhzbxMrBovISFyDZNyjPyCrEcXJEs_BDm
    https://www.youtube.com/playlist?list=PLhoialtECjjDNQ2MNVffhjctXOl-hvuPC
    http://www.screencast.com/t/dRKPh1hwx
    https://www.facebook.com/1493857104269436
    https://www.youtube.com/playlist?list=PLHVc5C6jTOwYAICIdtKNB2vxhCcicb2gA
    https://www.youtube.com/playlist?list=PLhoialtECjjAWsVXYXmGgiWIxNb-BJWhG
    https://www.youtube.com/playlist?list=PLtpO1cy-1cSn_JDvsGEwMGmXI_Td4WGLb
    http://www.screencast.com/t/5kxYAfQWP
    https://www.youtube.com/playlist?list=PLOCeFT5awwWFLppELRGutfjm9fX092Cvd
    http://www.screencast.com/t/VgWnzxqadIQ
    https://www.facebook.com/filmor.terfut/posts/183925735277462
    https://www.youtube.com/playlist?list=PLtpO1cy-1cSnQR5E9jCB0yBYa_bebKREE
    http://www.screencast.com/t/8WSLpxv4c
    http://www.screencast.com/t/wzqAf74xRaJ
    https://www.facebook.com/1493410314310641
    https://www.facebook.com/1487870404869149
    https://www.youtube.com/playlist?list=PLhoialtECjjBYL2_TNmMugfge2yevy96Z
    https://www.youtube.com/playlist?list=PLtpO1cy-1cSneTXNaZPLeZeyl3Mmbmrio
    https://www.facebook.com/1493892944265852
    https://www.facebook.com/1496614507327172

  3. erwer says:

    العاب
    http://www.2l3abgame.com
    لعبة من سيربح المليون
    http://2l3abgame.com/2014/08/blog-post_61.html
    لعبة الفراخ
    http://2l3abgame.com/2014/09/blog-post_3.html
    لعبة سب واي
    http://2l3abgame.com/2015/01/Subway-Surfers.html
    العاب قتال
    http://www.2l3abgame.com/2014/10/Fight-Games.html
    لعبة جاتا
    http://2l3abgame.com/2014/08/blog-post_64.html
    العاب غامبول
    http://2l3abgame.com/2014/10/Gambol-games.html
    العاب سلغتيرا
    http://2l3abgame.com/2014/10/Slugterra.html
    لعبة الفراخ الجديدة 2015
    http://2l3abgame.com/2014/11/ChickenInvaders3.html
    لعبة البيرة
    http://2l3abgame.com/2014/09/blog-post_2.html
    العاب دراغون بول
    http://2l3abgame.com/2014/09/dragon-ball.html
    لعبة الصياد
    http://2l3abgame.com/2014/12/Chicken-Hunter.html
    لعبة زومبي
    http://2l3abgame.com/2015/02/ZombieGame.html
    العاب فرايف
    http://2l3abgame.com/2014/09/friv-games.html
    http://2l3abgame.com/2014/10/frive-kiss.html
    y8 العاب
    http://2l3abgame.com/2014/10/y8.html
    العاب موتسكلات
    http://2l3abgame.com/2014/09/motoplay.html
    لعبة الفرخة النينجا
    http://2l3abgame.com/2014/12/Ninja-Chicken.html
    العاب سلاحف النينجا
    http://2l3abgame.com/2014/10/Ninja-Turtles.html
    لعبة المزرعة السعيدة
    http://2l3abgame.com/2014/09/blog-post_93.html
    لعبة صب واي
    http://2l3abgame.com/2014/10/Subway-Surfers.html
    لعبة سب واي
    http://2l3abgame.com/2015/01/Subway-Surfers.html
    لعبة زوما
    http://2l3abgame.com/2014/08/blog-post_21.html
    لعبة الفراخ الجديدة 2015
    http://2l3abgame.com/2014/11/ChickenInvaders3.html
    العاب طبخ
    http://2l3abgame.com/2014/08/blog-post_84.html
    لعبة حرب الخليج
    http://2l3abgame.com/2014/10/Khalij-war.html
    العاب سونيك
    http://2l3abgame.com/2014/09/sonic.html
    العاب تلبيس
    http://2l3abgame.com/2014/09/blog-post_89.html
    لعبة الفرخة النينجا
    http://bnotaagames.com/2014/12/Ninja-Chicken.html
    العاب ماريو
    http://2l3abgame.com/2014/08/blog-post_96.html
    friv
    http://2l3abgame.com/2014/09/jeux-de-friv.html
    http://2l3abgame.com/2014/09/friv-games.html

    جنرالات الحرب
    http://2l3abgame.com/2014/10/Desert-Dperations.html
    لعبة المارد
    http://2l3abgame.com/2014/10/almared-genie.html

    لعبة زوما
    http://2l3abgame.com/2014/08/blog-post_21.html

    العاب تعذيب
    http://2l3abgame.com/2014/09/blog-post_10.html

    العاب مزارع
    http://2l3abgame.com/2014/09/blog-post.html