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
- Anonymous
September 23, 2015
The comment has been removed - Anonymous
October 11, 2015
Thanks for share bizspark group... for sharing the great information...
http://www.biggboss9winnerr.in r http://www.biggboss9winnerr.in
http://www.biggboss9winnerr.in r http://www.biggboss9winnerr.in
http://www.biggboss9winnerr.in r http://www.biggboss9winnerr.in
http://www.biggboss9winnerr.in r http://www.biggboss9winnerr.in
http://www.biggboss9winnerr.in/2015/10/bigg-boss-9-to-premiere-on-11th-october-2015-9-pm-watch-opening-ceremony-live-episode-1-colors-tv.html
http://www.biggboss9winnerr.in/2015/09/bigg-boss-winners-list-of-all-seasons.html
http://www.biggboss9winnerr.in/2015/09/bigg-boss-season-9-final-contestants.html - Anonymous
October 20, 2015
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 - Anonymous
December 01, 2015
http://msry.org/%D8%B5%D9%88%D8%B1-%D8%AD%D8%B2%D9%86.html - Anonymous
December 02, 2015
http://msry.org/%D8%B5%D9%88%D8%B1-%D8%B1%D9%88%D9%85%D8%A7%D9%86%D8%B3%D9%8A%D8%A9.html - Anonymous
January 22, 2016
العاب
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