Metro UI interaction design guidelines @Microsoft Tech.Days 2011

Sep 15, 201189 likes11,743 views

David Chen

Metro UI interaction design guidelines, shared at Microsoft Tech.Days 2011

Metro UI interaction design guidelines @Microsoft Tech.Days 2011

This document discusses the principles and philosophy behind Modern UI design at Microsoft. It describes Modern UI as a timeless design style based on established principles like information design and influences from Swiss design, Bauhaus, and wayfinding. The document outlines key elements of Modern UI like its use of color, type, icons, grids, motion and interaction principles. It provides examples of how Modern UI has been applied and discusses best practices for creating distinctly Modern UI experiences.

PASSPORTAgrippa Gondwe

[메조미디어] 2019 스포츠 마케팅 트렌드MezzoMedia

[ 2019 스포츠 마케팅 트렌드 ] : 스포츠 콘텐츠를 활용한 디지털 마케팅 트렌드&사례 - 글로벌 1,500조원 규모의 빅 마켓으로 성장한 스포츠 산업, 전 세계인의 이목을 끄는 주요 대회와 국내외 스포츠 리그! - 디지털 시대를 맞이하여 한 단계 도약하는 스포츠 콘텐츠와 이를 활용한 다양한 스포츠 마케팅 트렌드를 정리했습니다:D - <Index> 1. 디지털 시대의 스포츠 산업 2. 스포츠 미디어 이용행태 3. 스포츠 디지털 마케팅 트렌드 4. 스포츠 활용 마케팅 사례

Bangla short story (Story 5)Fancim dot com

Brujeria Aquelarre Sangrientoeroscomic

Catálogo Giannini Teclados 1980 (KPS61)Roberto Fontanezi

DE MILLUS catálogo atual Campanha 2-3-4/2017 - ENCOMENDAS> lu.pegorini@hotmai...Lusani Dias

Vestern bestseler 04 jahati niz vetarzoran radovic

2023_한양대_내셔널브랜드_StreetCultureFashionBrand_KICKI_길바닥팀_최조...Artcoon

Revista DemillusCynthia Costa

Free Sample Adult Coloring Book "SEX POSITIONS"FlameHead Design

슈퍼스타K 시즌3 패키지 판매안 [범용]근용 이

NOTA KESEPAHAMAN ANTARA PALANG MERAH INDONESIA DAN KWARTIR NASIONAL GERAKAN P...Toto Wiryosumarto

Revista H Para Hombre Mexico Enero 2010guest6459f7

日本語総まとめ N2 文法sofyanasrun

student_book_and_workbookSkyEdge

Diploma 3rd ResultMohammad Shaheryar

Revista DeMillus - Campanhas 8, 9 e 10Raquel Elena

Spot pitch deckKennethBarone1

This document proposes a social platform called Spot that allows users to discover unique places through a public map generated by other users. The problem is that young people lack ways to find cool local places that aren't just tourist suggestions. Spot aims to fill this need by facilitating a location-based community where each spot has its own exclusive content. It offers a purpose-driven balance between social media and location discovery. An MVP has been developed, and the document outlines initial costs, a beta launch strategy in Chapel Hill, and expansion plans over three years that involve seed funding and investment rounds.

Texas western 001. smrt vreba u warlocku (drzeko&folpi&sinisa04)zoran radovic

[메조미디어] 미디어매스 소개서MezzoMedia

Alter ego 3_-_manuelAnja Mokra

Aprende a dibujar cómic vol.2Johnaiker Muñoz

La pandemia de COVID-19 ha tenido un impacto significativo en la economía mundial y las vidas de las personas. Muchos países han impuesto medidas de confinamiento que han cerrado negocios y escuelas, y han pedido a la gente que se quede en casa tanto como sea posible para frenar la propagación del virus. A medida que los países comienzan a reabrir gradualmente, los expertos advierten que es probable que se produzcan nuevos brotes a menos que se realicen pruebas generalizadas y se implementen medidas de rastreo de contactos efectivas.

De Millus Lingeries ENCOMENDAS 04499579694 ou abra o link >>> http://magazin...Lusani Dias

Isobar_Vietnam_Creds_April13_FinalIsobar Vietnam

This document provides an overview of Isobar Vietnam, a digital agency that is part of Dentsu Aegis Network. It introduces Isobar's capabilities in areas such as brand creative, communications, experience, digital and PR services. It highlights clients in sectors like ICT/tech, FMCG, and automotive. Examples of campaigns for clients such as Kido, Neptune, Vinamilk and Abbott are summarized, showing how Isobar used digital and social media strategies to increase brand awareness and drive sales. The document also discusses opportunities in using new technologies like WiFi marketing for location-based campaigns.

Pibd lib 6 pandža koja se nadvila nad amerikom (coa backup pdf)zoran radovic

Copycat Marketing 101mohitky55

Musiqa 6 sinfBoburIbragimov

#win8acad : Building a Windows 8 Metro Style UIFrederik De Bruyne

Yu-Hsiu Li Design as one UXMYUXMalaysia

This document outlines an approach to design called "design as one". It advocates that designers should not see themselves as the sole owners of user experience but rather as enablers who work as part of a learning team. The key aspects of this approach include asking users questions, listening to their perspectives, and thinking critically as a team to gain insights and make evidence-based decisions. By facilitating collaboration and ensuring everyone's voices are heard, designers can help create synergy across teams and lead users to the best solutions. Ultimately, this framework is meant to apply not just to designers but to working as one cohesive unit to achieve shared goals.

More Related Content

What's hot (20)

2023_한양대_내셔널브랜드_StreetCultureFashionBrand_KICKI_길바닥팀_최조...Artcoon

Revista DemillusCynthia Costa

Free Sample Adult Coloring Book "SEX POSITIONS"FlameHead Design

슈퍼스타K 시즌3 패키지 판매안 [범용]근용 이

NOTA KESEPAHAMAN ANTARA PALANG MERAH INDONESIA DAN KWARTIR NASIONAL GERAKAN P...Toto Wiryosumarto

Revista H Para Hombre Mexico Enero 2010guest6459f7

日本語総まとめ N2 文法sofyanasrun

student_book_and_workbookSkyEdge

Diploma 3rd ResultMohammad Shaheryar

Revista DeMillus - Campanhas 8, 9 e 10Raquel Elena

Spot pitch deckKennethBarone1

Texas western 001. smrt vreba u warlocku (drzeko&folpi&sinisa04)zoran radovic

[메조미디어] 미디어매스 소개서MezzoMedia

Alter ego 3_-_manuelAnja Mokra

Aprende a dibujar cómic vol.2Johnaiker Muñoz

De Millus Lingeries ENCOMENDAS 04499579694 ou abra o link >>> http://magazin...Lusani Dias

Isobar_Vietnam_Creds_April13_FinalIsobar Vietnam

Pibd lib 6 pandža koja se nadvila nad amerikom (coa backup pdf)zoran radovic

Copycat Marketing 101mohitky55

Musiqa 6 sinfBoburIbragimov

2023_한양대_내셔널브랜드_StreetCultureFashionBrand_KICKI_길바닥팀_최조...Artcoon

Revista DemillusCynthia Costa

Free Sample Adult Coloring Book "SEX POSITIONS"FlameHead Design

슈퍼스타K 시즌3 패키지 판매안 [범용]근용 이

NOTA KESEPAHAMAN ANTARA PALANG MERAH INDONESIA DAN KWARTIR NASIONAL GERAKAN P...Toto Wiryosumarto

Revista H Para Hombre Mexico Enero 2010guest6459f7

日本語総まとめ N2 文法sofyanasrun

student_book_and_workbookSkyEdge

Diploma 3rd ResultMohammad Shaheryar

Revista DeMillus - Campanhas 8, 9 e 10Raquel Elena

Spot pitch deckKennethBarone1

Texas western 001. smrt vreba u warlocku (drzeko&folpi&sinisa04)zoran radovic

[메조미디어] 미디어매스 소개서MezzoMedia

Alter ego 3_-_manuelAnja Mokra

Aprende a dibujar cómic vol.2Johnaiker Muñoz

De Millus Lingeries ENCOMENDAS 04499579694 ou abra o link >>> http://magazin...Lusani Dias

Isobar_Vietnam_Creds_April13_FinalIsobar Vietnam

Pibd lib 6 pandža koja se nadvila nad amerikom (coa backup pdf)zoran radovic

Copycat Marketing 101mohitky55

Musiqa 6 sinfBoburIbragimov

Viewers also liked (20)

#win8acad : Building a Windows 8 Metro Style UIFrederik De Bruyne

Yu-Hsiu Li Design as one UXMYUXMalaysia

Microsoft Design principles and UIAlius Petraška

Microsoft Design principles and UI – Alius Petraška, Adroiti Technologies Windows UI style design has a set of five guiding principles to help you make the best choices when designing your app. These principles are the foundation for building great Windows Store apps. Consider these principles as you plan your app, and always ensure your design and development choices live up to these principles which this session will help provide context.

Юзабилити. Как сделать сайт удобным (проектирование)Александр Власов

「別做天兵設計」第五章需求分析-HPX讀書會分享William Lin

如何設計迷死人的Windows 8 AppsDavid Chen

大學生簡報團．宣傳之初步構想Wade Jin

6 Principles for Enabling Build/Measure/Learn: Lean Engineering in ActionBill Scott

Presented at Lean Day West - Portland, OR. Sept. 17, 2013 How do you take a gigantic organization like PayPal and begin to transform the experiences? Engineering is often the key blocker in being able to achieve a high rate of innovation. In this talk, Bill Scott will give specific examples on implemented Lean UX in a 13,000 person company, re-factored the technology stack and changed the way engineers work with design & product partners. In addition, Bill will provide additional examples that go back to his early days writing one of the first Macintosh games to his more recent work at Netflix and the power of treating the user interface layer as the experimentation layer.

#win8acad : Building Metro Style Apps with XAML for .NET DevelopersFrederik De Bruyne

8 Principles for Enabling Build/Measure/Learn: Lean Engineering in ActionBill Scott

Grid runner,let's talk about visualMooon Chang

社群conf的設計大亂鬥Mooon Chang

bringing design to life with lean ux & lean engineering - Lean Day West 2013Bill Scott

What does a good Lean UX working rhythm look like for designers & engineers? In this workshop, Bill & one of his design partners at PayPal, Cody Evol, will guide you through this experience. A set of principles, patterns (and anti-patterns), best practices, technologies & tools will be explored in this hands-on workshop leaving you with a clear understanding of how to mesh prototype & production.

Kicking Up the Dust with Node JSBill Scott

Fluent Conference WebCast from 5/15. I talk about the technology stack that we specifically are employing at PayPal to enable rapid experimentation with Lean UX. The use of nodejs as a prototyping stack is discussed as well as the use of javascript templating (with Dust JS) to allow for an efficient way to refactor a legacy stack. Listen to the webcast here: http://www.livestream.com/oreillywebcasts/video?clipId=pla_554d1581-9104-4721-8985-5d7b9f3e4a6c&utm_source=lslibrary&utm_medium=ui-thumb My talk starts at 12:22

HappyUX Education: Things beyond methodologiesDavid Chen

資料視覺化閃電秀-咖啡地圖徒手話Mooon Chang

微軟的模版革命：OfficePLUS.cnWade Jin

Clash of the Titans: Releasing the Kraken | NodeJS @paypalBill Scott

FluentConf 2013 Plenary. http://www.youtube.com/watch?v=tZWGb0HU2QM&list=SP055Epbe6d5avZGXwE5u039VQq_oQFgrc&index=9 How do you take a large titan like PayPal and move it from a culture of a long shelf life to a culture of rapid experimentation? You set the UI free by adding liberal doses of NodeJS, JavaScript templating & libraries, JSON, Github and Lean Startup/UX. Bill will explain the transformation that is in process to revolutionize the technical and experience stack at PayPal.

Digging For The Bone: How to Jumpstart Creative ThinkingMake Brilliant Ideas

UX 與組織衝突Ruby Kuan 關芸如

#win8acad : Building a Windows 8 Metro Style UIFrederik De Bruyne

Yu-Hsiu Li Design as one UXMYUXMalaysia

Microsoft Design principles and UIAlius Petraška

Юзабилити. Как сделать сайт удобным (проектирование)Александр Власов

「別做天兵設計」第五章需求分析-HPX讀書會分享William Lin

如何設計迷死人的Windows 8 AppsDavid Chen

大學生簡報團．宣傳之初步構想Wade Jin

6 Principles for Enabling Build/Measure/Learn: Lean Engineering in ActionBill Scott

#win8acad : Building Metro Style Apps with XAML for .NET DevelopersFrederik De Bruyne

8 Principles for Enabling Build/Measure/Learn: Lean Engineering in ActionBill Scott

Grid runner,let's talk about visualMooon Chang

社群conf的設計大亂鬥Mooon Chang

bringing design to life with lean ux & lean engineering - Lean Day West 2013Bill Scott

Kicking Up the Dust with Node JSBill Scott

HappyUX Education: Things beyond methodologiesDavid Chen

資料視覺化閃電秀-咖啡地圖徒手話Mooon Chang

微軟的模版革命：OfficePLUS.cnWade Jin

Clash of the Titans: Releasing the Kraken | NodeJS @paypalBill Scott

Digging For The Bone: How to Jumpstart Creative ThinkingMake Brilliant Ideas

UX 與組織衝突Ruby Kuan 關芸如

More from David Chen (6)

Focus, deepen, & go beyondDavid Chen

This document summarizes the career experience of David Chen, including: - Over 20 years of experience in UX consultancy and design for companies in various industries such as technology, banking, insurance, telecom, transportation, and healthcare. - Previous roles include Director of CyberLink User Experience Design Center and Manager of AVerMedia User Experience Design Center. - Awards include Best Choice of Computex 2010 Award and Interactive Product Experiences Bronze Award.

UX Driven Agile 用戶導向的敏捷設計David Chen

Flat design, a topic worth dignifying?David Chen

UX design: The fast & slow (@ OpenHCI 2013)David Chen

Way to Design Lovely Windows 8 Metro Style AppsDavid Chen

怎樣讓UX變成企業核心競爭力 - UEC的成立、淚水與歡笑 David Chen

Focus, deepen, & go beyondDavid Chen

UX Driven Agile 用戶導向的敏捷設計David Chen

Flat design, a topic worth dignifying?David Chen

UX design: The fast & slow (@ OpenHCI 2013)David Chen

Way to Design Lovely Windows 8 Metro Style AppsDavid Chen

怎樣讓UX變成企業核心競爭力 - UEC的成立、淚水與歡笑 David Chen

Recently uploaded (20)

presentation on healing architecture .pptxbuildnpl

mid-term all revisions g11 s1.pmdzs,zxptxomar164646

Lori Vanzant Online Presence. Take a look!vanzan01

Take this ppt refference and give content on mahindra commitment to sustainab...kochars428

Minimalist Pitch Deck by slide Slidesgo.pptxESTEFANOANDREYGARCIA

Emily's slide design 101 - training moduleyourmisswright

An updated content measurement model - Elle Geraghty Content Strategy.pdfElle Geraghty

Lori Vanzant Portfolio. Take a look! ty.vanzan01

Flowers Coloring Pages Activity Worksheet in Black and White Illustrative StyleLikazelika

Doodle Table of Contents Infographics by Slidesgo.pptxbinhyennghlu

Are you Transitioning or Refining Now..?Gregory Vigneaux

If the question is, "How will society survive wildfires moving forward?" wildfire-adapted communities are a promising answer. According to the Fire Adapted Communities Learning Network, "A fire-adapted community is a community that understands its risk and takes action before, during, and after the fire in order for their community to be more resilient to wildfire." If fire-adapted communities have the potential to be effective, how are they brought into being? The prior introduces the very question this theoretical discussion-based lecture seeks to explore on April 30th at 10 a.m. - 11:30:00 p.m. MDT. Former Hotshot and winner of the National Park Service's Fuels and Ecology Award for Promoting Fire-Adapted Human Communities, Gregory Vigneaux draws on years of research to examine two modes of wildfire-adapted community change: transitions and refining the present. Attendees will be introduced to the unique pathways, dynamics, and concepts that shape each mode. The talk begins by discussing place before discussing how place is dwelled in and what that means for change. Through theoretical exploration, participants will be introduced to language and insights for a better understanding of the changes they hope to effect and explore whether a different approach might be more effective. This discussion does not address physical fire adaptation, such as creating defensible space and home hardening, but instead examines processes of change. This event is tailored for anyone interested in creating wildfire-adapted communities. For example, fire-adapted practitioners and stakeholders, community groups, fire mitigation experts, insurers, emergency managers, government fire officials, nonprofits, private organizations, and others. The talk provides valuable insights into community change processes around wildfire risk.

EEE178-PPT-Theme iasodhajsdkjashdlaskdjbaksdkashdlkasdlkja;dj;kdada.pptx.pdfCastroAngeloReoD

Baby panda 400.pdf de ciencias naturalesdebbie loaiza

Internet Download Manager Crack Patch Latest IDM Free DownloadDesigner

Designing Interactive and Engaging Museum ExhibitsPeach Prime Consultancy

Museums today are moving away from just showing objects to creating fun, hands-on experiences where visitors can touch, play, and learn. They design exhibits based on who will visit, use stories to make people feel connected, and add technology like virtual reality to make things even more exciting. Museums also make sure everyone, including people with disabilities, can enjoy the exhibits. They use games, teamwork, and regular feedback to keep improving, so visiting a museum becomes a fun and memorable adventure for everyone. Visit our website for more info.:https://www.peachprime.in/services/museum-exhibit-design/

MOCCAE SUSTAINABLE TROPHY 2025 Presentation.pdfasfianoor1

19 Best B,u,y Verified Cash App Accountshttps://sellsusa.com/product/buy-verified-cash-app-accounts/

dFdDVWeb_Design_Basics_Presentation.pptxAKSHAYKAMBLE806728

Halstead’s_Software_Science_&_Putnam’s_Model[1].pptxprachiikumarii1

Modern Gradient Startup Pitch Deck PowerPoint Presentation and Google Slides ...SlidesBrain

Modern Gradient Startup Pitch Deck – PowerPoint Presentation and Google Slides Themes Are you ready to take your startup idea to the next level? 🚀 Whether you're preparing for an investor meeting, a product launch, or simply want to create an unforgettable first impression, our Modern Gradient Startup Pitch Deck is designed just for you. At SlidesBrain, we believe that your presentation is more than just slides – it's your story, your brand, and your future. This Startup Pitch Deck features clean, bold, and modern gradient designs that instantly capture attention. It’s fully editable and compatible with PowerPoint and Google Slides, giving you the flexibility to customize it to your needs. With the perfect blend of professional structure and creative design, this deck is ideal for startups across industries — tech, wellness, e-commerce, SaaS, and more. From problem statements to solutions, team slides to financial projections, every layout you need is covered. 🎨 What You’ll Get: Stunning gradient backgrounds for a modern and sleek look Investor-focused layouts to pitch your idea effectively 100% editable elements — fonts, colors, icons, and images Compatible with both PowerPoint and Google Slides Fully customizable according to your brand identity ✨ Whether you are preparing for a seed funding round, Series A, or even just showcasing your concept, this pitch deck template helps you tell your story in a way that’s visually compelling and professionally impressive. More About SlidesBrain: At SlidesBrain, we provide high-quality, beautifully crafted Free PowerPoint Templates for professionals, startups, entrepreneurs, and creators who want to stand out. Need something even more unique? Our Custom Design Services are available to help you build tailor-made presentations that perfectly reflect your brand's essence. 📩 Want to impress your audience? Let's work together! Contact us for custom solutions or download free templates at [email protected]. #StartupPitchDeck #ModernPresentation #SlidesBrain #GradientDesign #PitchDeckDesign #PowerPointTemplates #GoogleSlidesThemes #StartupPresentation #InvestorPitch #BusinessPresentation #CustomPresentationDesign #TechStartup #StartupSuccess #Entrepreneurship #FreePowerPointTemplates #PresentationInspiration #SlidesDesign #InvestorDeck #CustomSlides #DeckDesign #SaaSStartup #StartupBranding #SeedFundingPitch #BusinessGrowth #SlidesBrainServices #PresentationTemplates

presentation on healing architecture .pptxbuildnpl

mid-term all revisions g11 s1.pmdzs,zxptxomar164646

Lori Vanzant Online Presence. Take a look!vanzan01

Take this ppt refference and give content on mahindra commitment to sustainab...kochars428

Minimalist Pitch Deck by slide Slidesgo.pptxESTEFANOANDREYGARCIA

Emily's slide design 101 - training moduleyourmisswright

An updated content measurement model - Elle Geraghty Content Strategy.pdfElle Geraghty

Lori Vanzant Portfolio. Take a look! ty.vanzan01

Flowers Coloring Pages Activity Worksheet in Black and White Illustrative StyleLikazelika

Doodle Table of Contents Infographics by Slidesgo.pptxbinhyennghlu

Are you Transitioning or Refining Now..?Gregory Vigneaux

EEE178-PPT-Theme iasodhajsdkjashdlaskdjbaksdkashdlkasdlkja;dj;kdada.pptx.pdfCastroAngeloReoD

Baby panda 400.pdf de ciencias naturalesdebbie loaiza

Internet Download Manager Crack Patch Latest IDM Free DownloadDesigner

Designing Interactive and Engaging Museum ExhibitsPeach Prime Consultancy

MOCCAE SUSTAINABLE TROPHY 2025 Presentation.pdfasfianoor1

19 Best B,u,y Verified Cash App Accountshttps://sellsusa.com/product/buy-verified-cash-app-accounts/

dFdDVWeb_Design_Basics_Presentation.pptxAKSHAYKAMBLE806728

Halstead’s_Software_Science_&_Putnam’s_Model[1].pptxprachiikumarii1

Modern Gradient Startup Pitch Deck PowerPoint Presentation and Google Slides ...SlidesBrain

Metro UI interaction design guidelines @Microsoft Tech.Days 2011

Recommended

More Related Content

What's hot (20)

Viewers also liked (20)

More from David Chen (6)

Recently uploaded (20)