SlideShare a Scribd company logo
1 of 72
Local Touch – Global Reach




                            Metro Metro Metro !



Samidip Basu
Solutions Lead | MSFT Mobility
Email: Samidip.Basu@us.sogeti.com
Twitter: @samidip
Info: http://samidipbasu.info
Blog: http://samidipbasu.com

Sogeti USA
8425 Pulsar Place, Suite 300 | Columbus, OH 43240.
www.us.sogeti.com




                                                                   www.us.sogeti.com
Central Ohio Windows Phone User Group
http://cowpug.org
http://meetup.com/cowpug
@cowpug
3rd Monday @ TechColumbus
http://www.m3conf.com/
@m3conf
SilverlightShow (www.silverlightshow.net) – online
portal for everything Silverlight, XAML and Windows
Phone, 10K+ members.

* daily news                  * tutorials
* exclusive articles          * forums
* free webinars               * events
* ebooks                      * newsletters


 CompletIT (www.completit.com) – Silverlight and
 Windows Phone trainings, consultations and
 development company, founder of SilverlightShow.

 * Individual and group, on-site and online trainings
 * Standard and custom course schedules
 * Trainings by Silverlight MVP, MCT
What inspires you?
So, what is the Metro Design Language?


                  Fast & Fluid
 Light & Simple
                           Content over Chrome
 In Motion
                           All about Typography
 Authentically Digital
                           Bold & Beautiful
Modern Design - Bauhaus

International Typographic Style – Swiss Design

Motion Design - Cinematography
historiarte1.wikispaces.com
The industrial revolution had changed the world.

Communication and travel advancements were making
the world smaller.

Artisans were still using yesterday’s design thinking.

Bauhaus : No adornments; fierce reductionism

Not unlike the changes that we see in our world today.
Focus on cleanliness, readability and beautiful graphic
design.

The tools of Swiss design:
Typography
Grid
Bold flat color

Photography in place of illustrations or drawings
Movies inspire

Search YouTube for ‘Kinetic Typography’

Opening credits for ‘Catch Me If You Can’

‘Star Wars’
Inspirations to Actionable Principles
Modern Design - Reduce to the Essence

International Typographic Style – Clear, Honest and
Beautiful

Motion Design - Bring it to Life
Light & simple
Typography
Motion
Content, not chrome
Honest
Focus on primary tasks
Do a lot with very little
Fierce reduction of unnecessary elements
Delightful use of whitespace
Type is beautiful, not just legible
Clear, straightforward information design
Uncompromising sensitivity to weight, balance and scale
Feels responsive and alive
Creates a system
Gives context to improve usability
Transition between UI is as important as design of the UI
Adds dimension and depth
Delight through content instead of decoration
Reduce visuals that are not content
Content is the UI
Users interact with the content directly
Design for the form factor
Authentically digital
Don’t try to be what it’s NOT
Be direct
It’s fresh and clean
It’s simple
It’s beautiful – I want it

It feels like a new Microsoft
Everyday Mantras
Pride in craftsmanship
Be fast and fluid
Authentically digital
Do more with less
Win as one
Sweat the details
Make it consistent and reliable
Balance, symmetry, hierarchy
Align to the grid
Life is mobile
Delight with motion
Design for touch
Intuitive interaction
Be responsive and ready
Immersive and compelling
Create for the form factor
Your creation lives electronically
Your kids will ask about the ‘Save’ button
Alive & personal
Be great at something
Focused and direct
Let your Content shine
Inspire confidence
Fit into the UI model
Your App should feel at home in the OS
Reduce redundancy
Work with a Designer to complete scenarios
Tools and templates are designed to scale
Let’s Talk Windows Phone
Credits & Resources


Samuel Moreeau        Director of UX Design & Research, Windows



Brian Agnetta    Windows Phone Design Team Lead


Arturo Toledo    Senior Windows Phone UX Designer
Local Touch – Global Reach




Questions?

Thank you !!


                             www.us.sogeti.com

More Related Content

What's hot

Responsive code
Responsive codeResponsive code
Responsive codeRoy Degler
 
Wireframes - a brief overview
Wireframes - a brief overviewWireframes - a brief overview
Wireframes - a brief overviewJenni Leder
 
The pursuit of tapiness - A case study in making tablet friendly websites
The pursuit of tapiness - A case study in making tablet friendly websitesThe pursuit of tapiness - A case study in making tablet friendly websites
The pursuit of tapiness - A case study in making tablet friendly websitesNeil Turner
 
We're on a Mission: WordPress for Non-Profits
We're on a Mission: WordPress for Non-ProfitsWe're on a Mission: WordPress for Non-Profits
We're on a Mission: WordPress for Non-ProfitsJohn Eckman
 
Digital Design Trends Summer 2014
Digital Design Trends Summer 2014Digital Design Trends Summer 2014
Digital Design Trends Summer 2014Andrew Newman
 
Truly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User GoalsTruly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User GoalsJohn Eckman
 
Introduction to Building Wireframes (with OmniGraffle)
Introduction to Building Wireframes (with OmniGraffle)Introduction to Building Wireframes (with OmniGraffle)
Introduction to Building Wireframes (with OmniGraffle)Erin 'Folletto' Casali
 
Content-first UX Design: What video games teach us about UX
Content-first UX Design: What video games teach us about UXContent-first UX Design: What video games teach us about UX
Content-first UX Design: What video games teach us about UXSteph Hay
 
Six UX Strategies to Make Your Site More User-Friendly: Julie Blitzer/General...
Six UX Strategies to Make Your Site More User-Friendly: Julie Blitzer/General...Six UX Strategies to Make Your Site More User-Friendly: Julie Blitzer/General...
Six UX Strategies to Make Your Site More User-Friendly: Julie Blitzer/General...General Assembly
 
Adaptive: Content, Context, and Controversy
Adaptive: Content, Context, and ControversyAdaptive: Content, Context, and Controversy
Adaptive: Content, Context, and ControversyKaren McGrane
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignRZasadzinski
 
UX and UI - Designing for Mobile
UX and UI - Designing for MobileUX and UI - Designing for Mobile
UX and UI - Designing for MobileBuiltByHQ
 
Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015Christian Heilmann
 
The State of the Web - Helsinki meetup
The State of the Web - Helsinki meetupThe State of the Web - Helsinki meetup
The State of the Web - Helsinki meetupChristian Heilmann
 
(WI2012) Lucijan Blagonic - Responsive web design
(WI2012) Lucijan Blagonic - Responsive web design(WI2012) Lucijan Blagonic - Responsive web design
(WI2012) Lucijan Blagonic - Responsive web designWeb::INDUSTRIJA
 
Presenting Usable Research Results
Presenting Usable Research ResultsPresenting Usable Research Results
Presenting Usable Research ResultsDiane Loviglio
 
WordPress and the Enterprise Disconnect
WordPress and the Enterprise DisconnectWordPress and the Enterprise Disconnect
WordPress and the Enterprise DisconnectJohn Eckman
 
Advancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSAdvancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSChristian Heilmann
 

What's hot (20)

Responsive code
Responsive codeResponsive code
Responsive code
 
Wireframes - a brief overview
Wireframes - a brief overviewWireframes - a brief overview
Wireframes - a brief overview
 
The pursuit of tapiness - A case study in making tablet friendly websites
The pursuit of tapiness - A case study in making tablet friendly websitesThe pursuit of tapiness - A case study in making tablet friendly websites
The pursuit of tapiness - A case study in making tablet friendly websites
 
We're on a Mission: WordPress for Non-Profits
We're on a Mission: WordPress for Non-ProfitsWe're on a Mission: WordPress for Non-Profits
We're on a Mission: WordPress for Non-Profits
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Digital Design Trends Summer 2014
Digital Design Trends Summer 2014Digital Design Trends Summer 2014
Digital Design Trends Summer 2014
 
Truly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User GoalsTruly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User Goals
 
Introduction to Building Wireframes (with OmniGraffle)
Introduction to Building Wireframes (with OmniGraffle)Introduction to Building Wireframes (with OmniGraffle)
Introduction to Building Wireframes (with OmniGraffle)
 
Content-first UX Design: What video games teach us about UX
Content-first UX Design: What video games teach us about UXContent-first UX Design: What video games teach us about UX
Content-first UX Design: What video games teach us about UX
 
Six UX Strategies to Make Your Site More User-Friendly: Julie Blitzer/General...
Six UX Strategies to Make Your Site More User-Friendly: Julie Blitzer/General...Six UX Strategies to Make Your Site More User-Friendly: Julie Blitzer/General...
Six UX Strategies to Make Your Site More User-Friendly: Julie Blitzer/General...
 
Adaptive: Content, Context, and Controversy
Adaptive: Content, Context, and ControversyAdaptive: Content, Context, and Controversy
Adaptive: Content, Context, and Controversy
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
UX and UI - Designing for Mobile
UX and UI - Designing for MobileUX and UI - Designing for Mobile
UX and UI - Designing for Mobile
 
Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015
 
The State of the Web - Helsinki meetup
The State of the Web - Helsinki meetupThe State of the Web - Helsinki meetup
The State of the Web - Helsinki meetup
 
(WI2012) Lucijan Blagonic - Responsive web design
(WI2012) Lucijan Blagonic - Responsive web design(WI2012) Lucijan Blagonic - Responsive web design
(WI2012) Lucijan Blagonic - Responsive web design
 
Presenting Usable Research Results
Presenting Usable Research ResultsPresenting Usable Research Results
Presenting Usable Research Results
 
WordPress and the Enterprise Disconnect
WordPress and the Enterprise DisconnectWordPress and the Enterprise Disconnect
WordPress and the Enterprise Disconnect
 
Advancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJSAdvancing JavaScript without breaking the web - MunichJS
Advancing JavaScript without breaking the web - MunichJS
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 

Similar to Metro Metro Metro

Intelligent Design - Transitioning UX into UI
Intelligent Design - Transitioning UX into UI Intelligent Design - Transitioning UX into UI
Intelligent Design - Transitioning UX into UI Michelle Reyes
 
MIT Enterprise Forum: Billion Dollar UX
MIT Enterprise Forum: Billion Dollar UXMIT Enterprise Forum: Billion Dollar UX
MIT Enterprise Forum: Billion Dollar UXOxford Tech + UX
 
UX for Startups
UX for StartupsUX for Startups
UX for StartupsBryan Woo
 
Impact Of Social Media On Design
Impact Of Social Media On DesignImpact Of Social Media On Design
Impact Of Social Media On DesignPhil Barrett
 
Web design and development trends
Web design and development  trendsWeb design and development  trends
Web design and development trendsCool Sky
 
Hackers guide to UX
Hackers guide to UXHackers guide to UX
Hackers guide to UXCyber-Duck
 
Intergen Smarts 20 (2009)
Intergen Smarts 20 (2009)Intergen Smarts 20 (2009)
Intergen Smarts 20 (2009)Intergen
 
Insivia Marketing presents Web Design Trends
Insivia Marketing presents Web Design TrendsInsivia Marketing presents Web Design Trends
Insivia Marketing presents Web Design TrendsInsivia
 
24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the FutureJoshua Randall
 
The Business of UX - People Process and Tech - Miner, Toft
The Business of UX - People Process and Tech - Miner, ToftThe Business of UX - People Process and Tech - Miner, Toft
The Business of UX - People Process and Tech - Miner, Toftscott74m
 
Technology For Inside and Outside Sales - Workshop -CIPH Calgery, Regina Work...
Technology For Inside and Outside Sales - Workshop -CIPH Calgery, Regina Work...Technology For Inside and Outside Sales - Workshop -CIPH Calgery, Regina Work...
Technology For Inside and Outside Sales - Workshop -CIPH Calgery, Regina Work...Brian Bluff
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UXBart Van Hecke
 
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesFloat
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UXRyo Sampei
 
StartupBus UK presentation
StartupBus UK presentationStartupBus UK presentation
StartupBus UK presentationCyber-Duck
 
PPA Tech Talk: HTML apps
PPA Tech Talk: HTML appsPPA Tech Talk: HTML apps
PPA Tech Talk: HTML appsPage Lizard
 
Designing and developing products for multiple platforms
Designing and developing products for multiple platformsDesigning and developing products for multiple platforms
Designing and developing products for multiple platformsDesignit
 
Speed and Simplicity: Design and Usability for Multi-device Websites
Speed and Simplicity: Design and Usability for Multi-device WebsitesSpeed and Simplicity: Design and Usability for Multi-device Websites
Speed and Simplicity: Design and Usability for Multi-device WebsitesDoug Gapinski
 

Similar to Metro Metro Metro (20)

Intelligent Design - Transitioning UX into UI
Intelligent Design - Transitioning UX into UI Intelligent Design - Transitioning UX into UI
Intelligent Design - Transitioning UX into UI
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
User Experience
User ExperienceUser Experience
User Experience
 
MIT Enterprise Forum: Billion Dollar UX
MIT Enterprise Forum: Billion Dollar UXMIT Enterprise Forum: Billion Dollar UX
MIT Enterprise Forum: Billion Dollar UX
 
UX for Startups
UX for StartupsUX for Startups
UX for Startups
 
Impact Of Social Media On Design
Impact Of Social Media On DesignImpact Of Social Media On Design
Impact Of Social Media On Design
 
Web design and development trends
Web design and development  trendsWeb design and development  trends
Web design and development trends
 
Hackers guide to UX
Hackers guide to UXHackers guide to UX
Hackers guide to UX
 
Intergen Smarts 20 (2009)
Intergen Smarts 20 (2009)Intergen Smarts 20 (2009)
Intergen Smarts 20 (2009)
 
Insivia Marketing presents Web Design Trends
Insivia Marketing presents Web Design TrendsInsivia Marketing presents Web Design Trends
Insivia Marketing presents Web Design Trends
 
24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future
 
The Business of UX - People Process and Tech - Miner, Toft
The Business of UX - People Process and Tech - Miner, ToftThe Business of UX - People Process and Tech - Miner, Toft
The Business of UX - People Process and Tech - Miner, Toft
 
Technology For Inside and Outside Sales - Workshop -CIPH Calgery, Regina Work...
Technology For Inside and Outside Sales - Workshop -CIPH Calgery, Regina Work...Technology For Inside and Outside Sales - Workshop -CIPH Calgery, Regina Work...
Technology For Inside and Outside Sales - Workshop -CIPH Calgery, Regina Work...
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UX
 
StartupBus UK presentation
StartupBus UK presentationStartupBus UK presentation
StartupBus UK presentation
 
PPA Tech Talk: HTML apps
PPA Tech Talk: HTML appsPPA Tech Talk: HTML apps
PPA Tech Talk: HTML apps
 
Designing and developing products for multiple platforms
Designing and developing products for multiple platformsDesigning and developing products for multiple platforms
Designing and developing products for multiple platforms
 
Speed and Simplicity: Design and Usability for Multi-device Websites
Speed and Simplicity: Design and Usability for Multi-device WebsitesSpeed and Simplicity: Design and Usability for Multi-device Websites
Speed and Simplicity: Design and Usability for Multi-device Websites
 

More from Sam Basu

Surfing in Maui
Surfing in MauiSurfing in Maui
Surfing in MauiSam Basu
 
Modern Cross-Platform Dev with .NET 6
Modern Cross-Platform Dev with .NET 6Modern Cross-Platform Dev with .NET 6
Modern Cross-Platform Dev with .NET 6Sam Basu
 
Conversational Bots
Conversational BotsConversational Bots
Conversational BotsSam Basu
 
Real Time Apps with SignalR Core
Real Time Apps with SignalR CoreReal Time Apps with SignalR Core
Real Time Apps with SignalR CoreSam Basu
 
State of Mobile Development
State of Mobile DevelopmentState of Mobile Development
State of Mobile DevelopmentSam Basu
 
.NET Today & Tomorrow @ Beer City Code
.NET Today & Tomorrow @ Beer City Code.NET Today & Tomorrow @ Beer City Code
.NET Today & Tomorrow @ Beer City CodeSam Basu
 
Essential Tools for Xamarin Developers
Essential Tools for Xamarin DevelopersEssential Tools for Xamarin Developers
Essential Tools for Xamarin DevelopersSam Basu
 
Modern Web Tour
Modern Web TourModern Web Tour
Modern Web TourSam Basu
 
Flying High with Xamarin!
Flying High with Xamarin!Flying High with Xamarin!
Flying High with Xamarin!Sam Basu
 
Xamarin Roadshow
Xamarin RoadshowXamarin Roadshow
Xamarin RoadshowSam Basu
 
Flying High with Xamarin
Flying High with XamarinFlying High with Xamarin
Flying High with XamarinSam Basu
 
ASP.NET Tech Stack talk @ Houston TechFest
ASP.NET Tech Stack talk @ Houston TechFestASP.NET Tech Stack talk @ Houston TechFest
ASP.NET Tech Stack talk @ Houston TechFestSam Basu
 
Lap Around ASPNet Core - PGHDotNet
Lap Around ASPNet Core - PGHDotNetLap Around ASPNet Core - PGHDotNet
Lap Around ASPNet Core - PGHDotNetSam Basu
 
Lap Around ASPNet Core - HDC
Lap Around ASPNet Core - HDCLap Around ASPNet Core - HDC
Lap Around ASPNet Core - HDCSam Basu
 
Free Your On-Premises Data
Free Your On-Premises DataFree Your On-Premises Data
Free Your On-Premises DataSam Basu
 
Lap around ASP.NET 5 - Dayton UG
Lap around ASP.NET 5 - Dayton UGLap around ASP.NET 5 - Dayton UG
Lap around ASP.NET 5 - Dayton UGSam Basu
 
A Lap around ASP.NET 5 - VConf
A Lap around ASP.NET 5 - VConfA Lap around ASP.NET 5 - VConf
A Lap around ASP.NET 5 - VConfSam Basu
 
A Lap around ASP.NET 5 - CONDG
A Lap around ASP.NET 5 - CONDGA Lap around ASP.NET 5 - CONDG
A Lap around ASP.NET 5 - CONDGSam Basu
 
Modern .NET Apps - TelerikNext
Modern .NET Apps - TelerikNextModern .NET Apps - TelerikNext
Modern .NET Apps - TelerikNextSam Basu
 
Modern .NET Apps - Codestock
Modern .NET Apps - CodestockModern .NET Apps - Codestock
Modern .NET Apps - CodestockSam Basu
 

More from Sam Basu (20)

Surfing in Maui
Surfing in MauiSurfing in Maui
Surfing in Maui
 
Modern Cross-Platform Dev with .NET 6
Modern Cross-Platform Dev with .NET 6Modern Cross-Platform Dev with .NET 6
Modern Cross-Platform Dev with .NET 6
 
Conversational Bots
Conversational BotsConversational Bots
Conversational Bots
 
Real Time Apps with SignalR Core
Real Time Apps with SignalR CoreReal Time Apps with SignalR Core
Real Time Apps with SignalR Core
 
State of Mobile Development
State of Mobile DevelopmentState of Mobile Development
State of Mobile Development
 
.NET Today & Tomorrow @ Beer City Code
.NET Today & Tomorrow @ Beer City Code.NET Today & Tomorrow @ Beer City Code
.NET Today & Tomorrow @ Beer City Code
 
Essential Tools for Xamarin Developers
Essential Tools for Xamarin DevelopersEssential Tools for Xamarin Developers
Essential Tools for Xamarin Developers
 
Modern Web Tour
Modern Web TourModern Web Tour
Modern Web Tour
 
Flying High with Xamarin!
Flying High with Xamarin!Flying High with Xamarin!
Flying High with Xamarin!
 
Xamarin Roadshow
Xamarin RoadshowXamarin Roadshow
Xamarin Roadshow
 
Flying High with Xamarin
Flying High with XamarinFlying High with Xamarin
Flying High with Xamarin
 
ASP.NET Tech Stack talk @ Houston TechFest
ASP.NET Tech Stack talk @ Houston TechFestASP.NET Tech Stack talk @ Houston TechFest
ASP.NET Tech Stack talk @ Houston TechFest
 
Lap Around ASPNet Core - PGHDotNet
Lap Around ASPNet Core - PGHDotNetLap Around ASPNet Core - PGHDotNet
Lap Around ASPNet Core - PGHDotNet
 
Lap Around ASPNet Core - HDC
Lap Around ASPNet Core - HDCLap Around ASPNet Core - HDC
Lap Around ASPNet Core - HDC
 
Free Your On-Premises Data
Free Your On-Premises DataFree Your On-Premises Data
Free Your On-Premises Data
 
Lap around ASP.NET 5 - Dayton UG
Lap around ASP.NET 5 - Dayton UGLap around ASP.NET 5 - Dayton UG
Lap around ASP.NET 5 - Dayton UG
 
A Lap around ASP.NET 5 - VConf
A Lap around ASP.NET 5 - VConfA Lap around ASP.NET 5 - VConf
A Lap around ASP.NET 5 - VConf
 
A Lap around ASP.NET 5 - CONDG
A Lap around ASP.NET 5 - CONDGA Lap around ASP.NET 5 - CONDG
A Lap around ASP.NET 5 - CONDG
 
Modern .NET Apps - TelerikNext
Modern .NET Apps - TelerikNextModern .NET Apps - TelerikNext
Modern .NET Apps - TelerikNext
 
Modern .NET Apps - Codestock
Modern .NET Apps - CodestockModern .NET Apps - Codestock
Modern .NET Apps - Codestock
 

Recently uploaded

React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkPixlogix Infotech
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024TopCSSGallery
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765
 
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Mark Simos
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
Digital Tools & AI in Career Development
Digital Tools & AI in Career DevelopmentDigital Tools & AI in Career Development
Digital Tools & AI in Career DevelopmentMahmoud Rabie
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsRavi Sanghani
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...itnewsafrica
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
Laying the Data Foundations for Artificial Intelligence!
Laying the Data Foundations for Artificial Intelligence!Laying the Data Foundations for Artificial Intelligence!
Laying the Data Foundations for Artificial Intelligence!Memoori
 
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...BookNet Canada
 
Infrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsInfrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsYoss Cohen
 
QMMS Lesson 2 - Using MS Excel Formula.pdf
QMMS Lesson 2 - Using MS Excel Formula.pdfQMMS Lesson 2 - Using MS Excel Formula.pdf
QMMS Lesson 2 - Using MS Excel Formula.pdfROWELL MARQUINA
 
All These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFAll These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFMichael Gough
 
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...Karmanjay Verma
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesBernd Ruecker
 

Recently uploaded (20)

React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App Framework
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
 
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
Digital Tools & AI in Career Development
Digital Tools & AI in Career DevelopmentDigital Tools & AI in Career Development
Digital Tools & AI in Career Development
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
Laying the Data Foundations for Artificial Intelligence!
Laying the Data Foundations for Artificial Intelligence!Laying the Data Foundations for Artificial Intelligence!
Laying the Data Foundations for Artificial Intelligence!
 
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
 
Infrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsInfrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platforms
 
QMMS Lesson 2 - Using MS Excel Formula.pdf
QMMS Lesson 2 - Using MS Excel Formula.pdfQMMS Lesson 2 - Using MS Excel Formula.pdf
QMMS Lesson 2 - Using MS Excel Formula.pdf
 
All These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFAll These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDF
 
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architectures
 

Metro Metro Metro

  • 1. Local Touch – Global Reach Metro Metro Metro ! Samidip Basu Solutions Lead | MSFT Mobility Email: Samidip.Basu@us.sogeti.com Twitter: @samidip Info: http://samidipbasu.info Blog: http://samidipbasu.com Sogeti USA 8425 Pulsar Place, Suite 300 | Columbus, OH 43240. www.us.sogeti.com www.us.sogeti.com
  • 2. Central Ohio Windows Phone User Group http://cowpug.org http://meetup.com/cowpug @cowpug 3rd Monday @ TechColumbus
  • 4. SilverlightShow (www.silverlightshow.net) – online portal for everything Silverlight, XAML and Windows Phone, 10K+ members. * daily news * tutorials * exclusive articles * forums * free webinars * events * ebooks * newsletters CompletIT (www.completit.com) – Silverlight and Windows Phone trainings, consultations and development company, founder of SilverlightShow. * Individual and group, on-site and online trainings * Standard and custom course schedules * Trainings by Silverlight MVP, MCT
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. So, what is the Metro Design Language? Fast & Fluid Light & Simple Content over Chrome In Motion All about Typography Authentically Digital Bold & Beautiful
  • 14. Modern Design - Bauhaus International Typographic Style – Swiss Design Motion Design - Cinematography
  • 16. The industrial revolution had changed the world. Communication and travel advancements were making the world smaller. Artisans were still using yesterday’s design thinking. Bauhaus : No adornments; fierce reductionism Not unlike the changes that we see in our world today.
  • 17. Focus on cleanliness, readability and beautiful graphic design. The tools of Swiss design: Typography Grid Bold flat color Photography in place of illustrations or drawings
  • 18.
  • 19.
  • 20. Movies inspire Search YouTube for ‘Kinetic Typography’ Opening credits for ‘Catch Me If You Can’ ‘Star Wars’
  • 22. Modern Design - Reduce to the Essence International Typographic Style – Clear, Honest and Beautiful Motion Design - Bring it to Life
  • 24. Focus on primary tasks Do a lot with very little Fierce reduction of unnecessary elements Delightful use of whitespace
  • 25. Type is beautiful, not just legible Clear, straightforward information design Uncompromising sensitivity to weight, balance and scale
  • 26. Feels responsive and alive Creates a system Gives context to improve usability Transition between UI is as important as design of the UI Adds dimension and depth
  • 27. Delight through content instead of decoration Reduce visuals that are not content Content is the UI Users interact with the content directly
  • 28. Design for the form factor Authentically digital Don’t try to be what it’s NOT Be direct
  • 29. It’s fresh and clean It’s simple It’s beautiful – I want it It feels like a new Microsoft
  • 31. Pride in craftsmanship Be fast and fluid Authentically digital Do more with less Win as one
  • 32. Sweat the details Make it consistent and reliable Balance, symmetry, hierarchy Align to the grid
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46. Life is mobile Delight with motion Design for touch Intuitive interaction Be responsive and ready Immersive and compelling
  • 47. Create for the form factor Your creation lives electronically Your kids will ask about the ‘Save’ button Alive & personal
  • 48.
  • 49.
  • 50. Be great at something Focused and direct Let your Content shine Inspire confidence
  • 51. Fit into the UI model Your App should feel at home in the OS Reduce redundancy Work with a Designer to complete scenarios Tools and templates are designed to scale
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71. Credits & Resources Samuel Moreeau Director of UX Design & Research, Windows Brian Agnetta Windows Phone Design Team Lead Arturo Toledo Senior Windows Phone UX Designer
  • 72. Local Touch – Global Reach Questions? Thank you !! www.us.sogeti.com

Editor's Notes

  1. All of these slides should focus on how the team found design inspiration in existing advertising. Metro is about motion.
  2. Consistency with design directionBeautiful work over last 40 years
  3. 40 Years of Swiss and Swiss Influence DesignPrintPackageAligned with design direction for Metro UI