SlideShare a Scribd company logo

Designing windows 8.1 apps, from the ground up

Mike Bifulco
Mike Bifulco
Mike BifulcoTechnical Director, Aquent Gymnasium at Aquent

Designing windows 8.1 apps, from the ground up

1 of 37
Download to read offline
Designing windows 8.1 apps, from the ground up
.1
After attending this discussion, you should have a better understanding of the features and
design guidelines of Windows Store apps, and the approaches we take in designing
Windows Store apps.
1. Understand the components of a Windows Store app
2. Understand the navigation paradigms that are used in Windows Store apps
3. The tools we use for wireframe and comp design for Windows Store apps
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Designing windows 8.1 apps, from the ground up
Ad

Recommended

Media essay leggahsjkkfds
Media essay leggahsjkkfdsMedia essay leggahsjkkfds
Media essay leggahsjkkfdsbeamarston
 
Wind turbine eshan ahuja presentation-anu
Wind turbine   eshan ahuja presentation-anuWind turbine   eshan ahuja presentation-anu
Wind turbine eshan ahuja presentation-anueshanahuja
 
SocialMedia_Hutchinson
SocialMedia_HutchinsonSocialMedia_Hutchinson
SocialMedia_Hutchinsonhutch37
 
Trailer structure analysis bv
Trailer structure analysis   bvTrailer structure analysis   bv
Trailer structure analysis bvbeamarston
 
Train your brain: Neuroplasticity and Brain Fitness
Train your brain: Neuroplasticity and Brain FitnessTrain your brain: Neuroplasticity and Brain Fitness
Train your brain: Neuroplasticity and Brain FitnessjessicaeldridgeASU
 
An Illustrated History of Central Eurasia revised ver
An Illustrated History of Central Eurasia revised verAn Illustrated History of Central Eurasia revised ver
An Illustrated History of Central Eurasia revised verMasaki Mukai
 
Trailer structure analysis bv
Trailer structure analysis   bvTrailer structure analysis   bv
Trailer structure analysis bvbeamarston
 
Raulston pp
Raulston ppRaulston pp
Raulston ppmmcgrif1
 

More Related Content

Viewers also liked

Solid waste from landfills by eshan ahuja
Solid waste from landfills by eshan ahujaSolid waste from landfills by eshan ahuja
Solid waste from landfills by eshan ahujaeshanahuja
 
Energy through biogas in rural pakistan- by talha zubair & engr. eshan ahuja
Energy through biogas in rural pakistan- by talha zubair  &  engr. eshan ahujaEnergy through biogas in rural pakistan- by talha zubair  &  engr. eshan ahuja
Energy through biogas in rural pakistan- by talha zubair & engr. eshan ahujaeshanahuja
 
Green building csi article
Green building csi articleGreen building csi article
Green building csi articleeshanahuja
 
Solid waste and CHG emission from landfills by eshan ahuja
Solid waste and CHG emission from landfills by eshan ahujaSolid waste and CHG emission from landfills by eshan ahuja
Solid waste and CHG emission from landfills by eshan ahujaeshanahuja
 
Emission and mitigation eshan ahuja presentation
Emission and mitigation   eshan ahuja presentationEmission and mitigation   eshan ahuja presentation
Emission and mitigation eshan ahuja presentationeshanahuja
 
EdX Comprehensive Theming Tutorial
EdX Comprehensive Theming TutorialEdX Comprehensive Theming Tutorial
EdX Comprehensive Theming TutorialMike Bifulco
 
Energy through biogas in rural india by eshan ahuja
Energy through biogas in rural india by eshan ahujaEnergy through biogas in rural india by eshan ahuja
Energy through biogas in rural india by eshan ahujaeshanahuja
 

Viewers also liked (8)

Solid waste from landfills by eshan ahuja
Solid waste from landfills by eshan ahujaSolid waste from landfills by eshan ahuja
Solid waste from landfills by eshan ahuja
 
Energy through biogas in rural pakistan- by talha zubair & engr. eshan ahuja
Energy through biogas in rural pakistan- by talha zubair  &  engr. eshan ahujaEnergy through biogas in rural pakistan- by talha zubair  &  engr. eshan ahuja
Energy through biogas in rural pakistan- by talha zubair & engr. eshan ahuja
 
Green building csi article
Green building csi articleGreen building csi article
Green building csi article
 
Solid waste and CHG emission from landfills by eshan ahuja
Solid waste and CHG emission from landfills by eshan ahujaSolid waste and CHG emission from landfills by eshan ahuja
Solid waste and CHG emission from landfills by eshan ahuja
 
Emission and mitigation eshan ahuja presentation
Emission and mitigation   eshan ahuja presentationEmission and mitigation   eshan ahuja presentation
Emission and mitigation eshan ahuja presentation
 
EdX Comprehensive Theming Tutorial
EdX Comprehensive Theming TutorialEdX Comprehensive Theming Tutorial
EdX Comprehensive Theming Tutorial
 
Your App is Ugly
Your App is UglyYour App is Ugly
Your App is Ugly
 
Energy through biogas in rural india by eshan ahuja
Energy through biogas in rural india by eshan ahujaEnergy through biogas in rural india by eshan ahuja
Energy through biogas in rural india by eshan ahuja
 

Similar to Designing windows 8.1 apps, from the ground up

Designing for Multiple Devices - Sarit Arora
 Designing for Multiple Devices - Sarit Arora Designing for Multiple Devices - Sarit Arora
Designing for Multiple Devices - Sarit AroraSTC India UX SIG
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsTunde Ojediran
 
Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patternsKevinHao14
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Akhil Kumar
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Lewis Lin 🦊
 
Designing a High Quality User Experience for Widgets
Designing a High Quality User Experience for WidgetsDesigning a High Quality User Experience for Widgets
Designing a High Quality User Experience for WidgetsVodafone developer
 
Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Jessie Doan
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for DevelopersSarah Dutkiewicz
 
Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013Markus Jönsson
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014Lewis Lin 🦊
 
World Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersWorld Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersSarah Dutkiewicz
 
Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014MoodLabs
 
Microsoft Nokia developer programmes and opportunity
Microsoft Nokia developer programmes and opportunityMicrosoft Nokia developer programmes and opportunity
Microsoft Nokia developer programmes and opportunityLee Stott
 
Windows 8 product guide developer english
Windows 8 product guide developer englishWindows 8 product guide developer english
Windows 8 product guide developer englishHoangminh Nguyen
 
Android UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitAndroid UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and Profitpenanochizzo
 
Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti
 Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti   Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti
Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti Smash Tech
 
Android UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitAndroid UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitFernando Cejas
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Shah Muhammad Baig
 

Similar to Designing windows 8.1 apps, from the ground up (20)

Designing for Multiple Devices - Sarit Arora
 Designing for Multiple Devices - Sarit Arora Designing for Multiple Devices - Sarit Arora
Designing for Multiple Devices - Sarit Arora
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
 
Mobile ui design patterns
Mobile ui design patternsMobile ui design patterns
Mobile ui design patterns
 
Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014Uxpin mobile ui_design_patterns_2014
Uxpin mobile ui_design_patterns_2014
 
Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014Mobile UI Design Patterns 2014
Mobile UI Design Patterns 2014
 
Designing a High Quality User Experience for Widgets
Designing a High Quality User Experience for WidgetsDesigning a High Quality User Experience for Widgets
Designing a High Quality User Experience for Widgets
 
Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
 
World Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersWorld Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for Developers
 
UI and UX for Mobile Developers
UI and UX for Mobile DevelopersUI and UX for Mobile Developers
UI and UX for Mobile Developers
 
Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014
 
Microsoft Nokia developer programmes and opportunity
Microsoft Nokia developer programmes and opportunityMicrosoft Nokia developer programmes and opportunity
Microsoft Nokia developer programmes and opportunity
 
Windows 8 product guide developer english
Windows 8 product guide developer englishWindows 8 product guide developer english
Windows 8 product guide developer english
 
Android UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitAndroid UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and Profit
 
Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti
 Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti   Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti
Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti
 
Android UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitAndroid UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and Profit
 
Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014Bank Chris - Web UI Design Patterns - 2014
Bank Chris - Web UI Design Patterns - 2014
 
Presentation Ux
Presentation UxPresentation Ux
Presentation Ux
 

Recently uploaded

HTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdfHTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdfLizShek
 
Studio Surfaced - Textile Design Studio based out of Delhi NCR
Studio Surfaced - Textile Design Studio based out of Delhi NCRStudio Surfaced - Textile Design Studio based out of Delhi NCR
Studio Surfaced - Textile Design Studio based out of Delhi NCRSurfaced - Designs By Meera Narula
 
Black and Red Modern Guess The Movie Animated Game Presentation(1).pptx
Black and Red Modern Guess The Movie Animated Game Presentation(1).pptxBlack and Red Modern Guess The Movie Animated Game Presentation(1).pptx
Black and Red Modern Guess The Movie Animated Game Presentation(1).pptxklozinska
 
Portfolio of designs and Visualization Samuel Jayeola
Portfolio of designs and Visualization Samuel JayeolaPortfolio of designs and Visualization Samuel Jayeola
Portfolio of designs and Visualization Samuel JayeolaJayeola Samuel
 
Before and After Wheelchair Accessible Whole Home Remodel.pptx
Before and After Wheelchair Accessible Whole Home Remodel.pptxBefore and After Wheelchair Accessible Whole Home Remodel.pptx
Before and After Wheelchair Accessible Whole Home Remodel.pptxleahlareaupci
 
Land Management and sourcing land for sustainable Urban Development.
Land Management and sourcing land for sustainable Urban Development.Land Management and sourcing land for sustainable Urban Development.
Land Management and sourcing land for sustainable Urban Development.JIT KUMAR GUPTA
 
fashion forecasting for levele 3.pdf
fashion forecasting for levele 3.pdffashion forecasting for levele 3.pdf
fashion forecasting for levele 3.pdfMezgebuTesfaye4
 
Apparel Portfolio draft: Cayden Ingman |
Apparel Portfolio draft: Cayden Ingman |Apparel Portfolio draft: Cayden Ingman |
Apparel Portfolio draft: Cayden Ingman |CaydenIngman
 
Options for Making Housing Affordable a distinct Reality
Options for Making Housing Affordable a distinct RealityOptions for Making Housing Affordable a distinct Reality
Options for Making Housing Affordable a distinct RealityJIT KUMAR GUPTA
 
Presentation on "Gothic Architecher".pptx
Presentation on "Gothic Architecher".pptxPresentation on "Gothic Architecher".pptx
Presentation on "Gothic Architecher".pptxASHIQUR RAHMAN
 
homescreen revamp homescreen revamphomescreen revamp
homescreen revamp homescreen revamphomescreen revamphomescreen revamp homescreen revamphomescreen revamp
homescreen revamp homescreen revamphomescreen revampvidya934261
 
Gerald Freedman Theatre Rep Re-Circuit.pdf
Gerald Freedman Theatre Rep Re-Circuit.pdfGerald Freedman Theatre Rep Re-Circuit.pdf
Gerald Freedman Theatre Rep Re-Circuit.pdfLizShek
 
PAGE ONE PAGE TWO PAGE THREE PAGE FOUR.pdf
PAGE ONE PAGE TWO PAGE THREE PAGE FOUR.pdfPAGE ONE PAGE TWO PAGE THREE PAGE FOUR.pdf
PAGE ONE PAGE TWO PAGE THREE PAGE FOUR.pdfssuser799b33
 
Mother Courage and Her Children Layouts.pdf
Mother Courage and Her Children Layouts.pdfMother Courage and Her Children Layouts.pdf
Mother Courage and Her Children Layouts.pdfLizShek
 
Heathers Symbols for Gerald Freedman Theatre.pdf
Heathers Symbols for Gerald Freedman Theatre.pdfHeathers Symbols for Gerald Freedman Theatre.pdf
Heathers Symbols for Gerald Freedman Theatre.pdfLizShek
 
AWS-Architecture-Icons-Deck_For-Dark-BG_02062024.pptx
AWS-Architecture-Icons-Deck_For-Dark-BG_02062024.pptxAWS-Architecture-Icons-Deck_For-Dark-BG_02062024.pptx
AWS-Architecture-Icons-Deck_For-Dark-BG_02062024.pptxGopiNarahari1
 
the bloomberg office headquarters in London.pptx
the bloomberg office headquarters in London.pptxthe bloomberg office headquarters in London.pptx
the bloomberg office headquarters in London.pptxumerufitti
 
Types of Drafting in Construction Projects
Types of Drafting in Construction ProjectsTypes of Drafting in Construction Projects
Types of Drafting in Construction ProjectsResDraft
 
October 2023 Issue - Fnewsmagazine SAIC.
October 2023 Issue - Fnewsmagazine SAIC.October 2023 Issue - Fnewsmagazine SAIC.
October 2023 Issue - Fnewsmagazine SAIC.aditisingh523288
 

Recently uploaded (20)

HTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdfHTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdf
 
Studio Surfaced - Textile Design Studio based out of Delhi NCR
Studio Surfaced - Textile Design Studio based out of Delhi NCRStudio Surfaced - Textile Design Studio based out of Delhi NCR
Studio Surfaced - Textile Design Studio based out of Delhi NCR
 
Black and Red Modern Guess The Movie Animated Game Presentation(1).pptx
Black and Red Modern Guess The Movie Animated Game Presentation(1).pptxBlack and Red Modern Guess The Movie Animated Game Presentation(1).pptx
Black and Red Modern Guess The Movie Animated Game Presentation(1).pptx
 
Portfolio of designs and Visualization Samuel Jayeola
Portfolio of designs and Visualization Samuel JayeolaPortfolio of designs and Visualization Samuel Jayeola
Portfolio of designs and Visualization Samuel Jayeola
 
Before and After Wheelchair Accessible Whole Home Remodel.pptx
Before and After Wheelchair Accessible Whole Home Remodel.pptxBefore and After Wheelchair Accessible Whole Home Remodel.pptx
Before and After Wheelchair Accessible Whole Home Remodel.pptx
 
Land Management and sourcing land for sustainable Urban Development.
Land Management and sourcing land for sustainable Urban Development.Land Management and sourcing land for sustainable Urban Development.
Land Management and sourcing land for sustainable Urban Development.
 
fashion forecasting for levele 3.pdf
fashion forecasting for levele 3.pdffashion forecasting for levele 3.pdf
fashion forecasting for levele 3.pdf
 
Apparel Portfolio draft: Cayden Ingman |
Apparel Portfolio draft: Cayden Ingman |Apparel Portfolio draft: Cayden Ingman |
Apparel Portfolio draft: Cayden Ingman |
 
Options for Making Housing Affordable a distinct Reality
Options for Making Housing Affordable a distinct RealityOptions for Making Housing Affordable a distinct Reality
Options for Making Housing Affordable a distinct Reality
 
Presentation on "Gothic Architecher".pptx
Presentation on "Gothic Architecher".pptxPresentation on "Gothic Architecher".pptx
Presentation on "Gothic Architecher".pptx
 
homescreen revamp homescreen revamphomescreen revamp
homescreen revamp homescreen revamphomescreen revamphomescreen revamp homescreen revamphomescreen revamp
homescreen revamp homescreen revamphomescreen revamp
 
Gerald Freedman Theatre Rep Re-Circuit.pdf
Gerald Freedman Theatre Rep Re-Circuit.pdfGerald Freedman Theatre Rep Re-Circuit.pdf
Gerald Freedman Theatre Rep Re-Circuit.pdf
 
Bring Your Office Interiors Back to Life The Enchantment of Personalized Wall...
Bring Your Office Interiors Back to Life The Enchantment of Personalized Wall...Bring Your Office Interiors Back to Life The Enchantment of Personalized Wall...
Bring Your Office Interiors Back to Life The Enchantment of Personalized Wall...
 
PAGE ONE PAGE TWO PAGE THREE PAGE FOUR.pdf
PAGE ONE PAGE TWO PAGE THREE PAGE FOUR.pdfPAGE ONE PAGE TWO PAGE THREE PAGE FOUR.pdf
PAGE ONE PAGE TWO PAGE THREE PAGE FOUR.pdf
 
Mother Courage and Her Children Layouts.pdf
Mother Courage and Her Children Layouts.pdfMother Courage and Her Children Layouts.pdf
Mother Courage and Her Children Layouts.pdf
 
Heathers Symbols for Gerald Freedman Theatre.pdf
Heathers Symbols for Gerald Freedman Theatre.pdfHeathers Symbols for Gerald Freedman Theatre.pdf
Heathers Symbols for Gerald Freedman Theatre.pdf
 
AWS-Architecture-Icons-Deck_For-Dark-BG_02062024.pptx
AWS-Architecture-Icons-Deck_For-Dark-BG_02062024.pptxAWS-Architecture-Icons-Deck_For-Dark-BG_02062024.pptx
AWS-Architecture-Icons-Deck_For-Dark-BG_02062024.pptx
 
the bloomberg office headquarters in London.pptx
the bloomberg office headquarters in London.pptxthe bloomberg office headquarters in London.pptx
the bloomberg office headquarters in London.pptx
 
Types of Drafting in Construction Projects
Types of Drafting in Construction ProjectsTypes of Drafting in Construction Projects
Types of Drafting in Construction Projects
 
October 2023 Issue - Fnewsmagazine SAIC.
October 2023 Issue - Fnewsmagazine SAIC.October 2023 Issue - Fnewsmagazine SAIC.
October 2023 Issue - Fnewsmagazine SAIC.
 

Designing windows 8.1 apps, from the ground up

  • 2. .1
  • 3. After attending this discussion, you should have a better understanding of the features and design guidelines of Windows Store apps, and the approaches we take in designing Windows Store apps. 1. Understand the components of a Windows Store app 2. Understand the navigation paradigms that are used in Windows Store apps 3. The tools we use for wireframe and comp design for Windows Store apps
  • 12. Putting it all together…
  • 14. Screen sizes User experience 10” 1024x76813” 1400x105020” 1920x108027” 2560x160011.6” 1366x768
  • 21. Devote time and energy to small things that many will see often. Engineer the experience to be complete and polished at every stage.
  • 22. Let people interact directly with content and respond to actions quickly with matching energy. Bring life to the experience, create a sense of continuity, and tell a story through meaningful use of motion.
  • 23. Take full advantage of the digital medium. Remove physical boundaries to create experiences that are more efficient and effortless than reality. Design with bold, vibrant and crisp colors and images that go beyond the limits of real world material.
  • 24. Create a clean and purposeful experience by leaving only the most relevant elements on screen. Let people be immersed in what they love and they will explore the rest.
  • 25. Work together with other apps, devices, and the system to complete scenarios for people. Fit into the UI model to reduce redundancy. Take advantage of what people already know to provide a sense of familiarity, control, and confidence.
  • 35. After attending this discussion, you should have a better understanding of the features and design guidelines of Windows Store apps, and the approaches we take in designing Windows Store apps. 1. Understand the components of a Windows Store app 2. Understand the navigation paradigms that are used in Windows Store apps 3. The tools we use for wireframe and comp design for Windows Store apps
  • 36. Me