SlideShare a Scribd company logo
Julie Eichstaedt User Experience, Visual Design and Research April 2010
 
 
[object Object],[object Object],[object Object]
 
Visual perception The aspect ratio of our eyes is  2:1  which is closer to 16:9 than 4:3.
Optimal viewing experience Movies and sporting events are ideally suited for widescreen viewing. ,[object Object],[object Object]
Consumer adoption of HDTV High definition television provides a great viewing experience. ,[object Object],[object Object],[object Object]
Oversupply = Greater Affordability ,[object Object],[object Object],[object Object],[object Object],[object Object],1 iSupply Research, February 2009
Widescreens show more screen real estate ,[object Object],[object Object],[object Object],[object Object],[object Object]
Increased Screen Space = Increased Productivity 2 A 2008 NEC Displays/University of Utah  research study found: 2 The University if Utah, Monitor Size and Aspect Ratio Productivity Study, March 2008 ,[object Object],[object Object],[object Object]
NEC Displays / University of Utah  productivity study 2 The University if Utah, Monitor Size and Aspect Ratio Productivity Study, March 2008
 
8 of 10 resolutions are higher than 1024x768 World Wide Web Consortium (w3C) tallies screen resolutions based on the last 15,000 page views to each website tracked by W3Counter. W3Counter’s sample currently includes 28,814 websites. October 2009 March 2010
6-month trend 1024 x 768 resolution on a steady decline. Higher resolutions now more common. Percent
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],1280 x 1024 displays 4 columns of product 1024 x 768 displays 3 columns of product
[object Object],[object Object],[object Object],3  Smashing Magazine,  September 2009
[object Object],[object Object],[object Object],4  Smashing Magazine,  September 2009
Monitors rotate Like the iPhone  and iPad, some monitors rotate from a landscape to a portrait orientation. 5 Layouts are always right side up. 5  www.Dell.com,  October 2009 Dell 2210 flat panel monitor
 
Best practice recommendations, step 1 ,[object Object],[object Object],[object Object],[object Object]
Best practice recommendations, step 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Best practice recommendations, step 3 ,[object Object],[object Object]
Julie Eichstaedt User Experience, Visual Design and Research [email_address]

More Related Content

Similar to User Experience Design For Widescreen Viewing

#1NLab15: Soundcheck – How Modern Browsers Are Changing the Web
#1NLab15: Soundcheck – How Modern Browsers Are Changing the Web#1NLab15: Soundcheck – How Modern Browsers Are Changing the Web
#1NLab15: Soundcheck – How Modern Browsers Are Changing the Web
One North
 
An Introduction to Responsive Design
An Introduction to Responsive DesignAn Introduction to Responsive Design
An Introduction to Responsive Design
Valtech UK
 
Tdf responsive design101_v1
Tdf responsive design101_v1Tdf responsive design101_v1
Tdf responsive design101_v1
The Development Factory
 
Why should we build our website responsive
Why should we build our website responsiveWhy should we build our website responsive
Why should we build our website responsiveOmkarsoft Bangalore
 
Fluid lay out arcweb smac
Fluid lay out arcweb smacFluid lay out arcweb smac
Fluid lay out arcweb smac
Smith Johnson
 
divide and qonquer
divide and qonquerdivide and qonquer
divide and qonquer
Arvind Choudhary
 
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
Doug Gapinski
 
Speed and simplicity
Speed and simplicitySpeed and simplicity
Speed and simplicity
mStoner, Inc.
 
Aspect Ratio
Aspect RatioAspect Ratio
Aspect Ratio
Omar Colom
 
Approaches to CSS Layout
Approaches to CSS LayoutApproaches to CSS Layout
Approaches to CSS Layout
Nicole Ryan
 
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design Analysis
Gamze Dede Pala
 
A Holiday Retail in Review: Performance Lessons for 2014
A Holiday Retail in Review: Performance Lessons for 2014A Holiday Retail in Review: Performance Lessons for 2014
A Holiday Retail in Review: Performance Lessons for 2014
Keynote Mobile Testing
 
Advertising effectiveness for cross screen models
Advertising effectiveness for cross screen modelsAdvertising effectiveness for cross screen models
Advertising effectiveness for cross screen models
IABmembership
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
Doug Gapinski
 
Print design vs web design
Print design vs web designPrint design vs web design
Print design vs web design
ananda gunadharma
 
Whitepaper - Native App or HTML5
Whitepaper - Native App or HTML5Whitepaper - Native App or HTML5
Whitepaper - Native App or HTML5
Dan Vitoriano
 
Grain size analysis by using ImageJ
Grain size analysis by using ImageJGrain size analysis by using ImageJ
Grain size analysis by using ImageJ
Viet NguyenHoang
 
Asus sales plan
Asus sales plan  Asus sales plan
Asus sales plan
Pham Khoa
 
UI and UX for Mobile Developers
UI and UX for Mobile DevelopersUI and UX for Mobile Developers
UI and UX for Mobile Developers
Mohamed Nabil, MSc.
 
Designing A Great User Experience
Designing A Great User ExperienceDesigning A Great User Experience
Designing A Great User ExperienceSteve Hickey
 

Similar to User Experience Design For Widescreen Viewing (20)

#1NLab15: Soundcheck – How Modern Browsers Are Changing the Web
#1NLab15: Soundcheck – How Modern Browsers Are Changing the Web#1NLab15: Soundcheck – How Modern Browsers Are Changing the Web
#1NLab15: Soundcheck – How Modern Browsers Are Changing the Web
 
An Introduction to Responsive Design
An Introduction to Responsive DesignAn Introduction to Responsive Design
An Introduction to Responsive Design
 
Tdf responsive design101_v1
Tdf responsive design101_v1Tdf responsive design101_v1
Tdf responsive design101_v1
 
Why should we build our website responsive
Why should we build our website responsiveWhy should we build our website responsive
Why should we build our website responsive
 
Fluid lay out arcweb smac
Fluid lay out arcweb smacFluid lay out arcweb smac
Fluid lay out arcweb smac
 
divide and qonquer
divide and qonquerdivide and qonquer
divide and qonquer
 
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
 
Speed and simplicity
Speed and simplicitySpeed and simplicity
Speed and simplicity
 
Aspect Ratio
Aspect RatioAspect Ratio
Aspect Ratio
 
Approaches to CSS Layout
Approaches to CSS LayoutApproaches to CSS Layout
Approaches to CSS Layout
 
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design Analysis
 
A Holiday Retail in Review: Performance Lessons for 2014
A Holiday Retail in Review: Performance Lessons for 2014A Holiday Retail in Review: Performance Lessons for 2014
A Holiday Retail in Review: Performance Lessons for 2014
 
Advertising effectiveness for cross screen models
Advertising effectiveness for cross screen modelsAdvertising effectiveness for cross screen models
Advertising effectiveness for cross screen models
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 
Print design vs web design
Print design vs web designPrint design vs web design
Print design vs web design
 
Whitepaper - Native App or HTML5
Whitepaper - Native App or HTML5Whitepaper - Native App or HTML5
Whitepaper - Native App or HTML5
 
Grain size analysis by using ImageJ
Grain size analysis by using ImageJGrain size analysis by using ImageJ
Grain size analysis by using ImageJ
 
Asus sales plan
Asus sales plan  Asus sales plan
Asus sales plan
 
UI and UX for Mobile Developers
UI and UX for Mobile DevelopersUI and UX for Mobile Developers
UI and UX for Mobile Developers
 
Designing A Great User Experience
Designing A Great User ExperienceDesigning A Great User Experience
Designing A Great User Experience
 

User Experience Design For Widescreen Viewing

  • 1. Julie Eichstaedt User Experience, Visual Design and Research April 2010
  • 2.  
  • 3.  
  • 4.
  • 5.  
  • 6. Visual perception The aspect ratio of our eyes is 2:1 which is closer to 16:9 than 4:3.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12. NEC Displays / University of Utah productivity study 2 The University if Utah, Monitor Size and Aspect Ratio Productivity Study, March 2008
  • 13.  
  • 14. 8 of 10 resolutions are higher than 1024x768 World Wide Web Consortium (w3C) tallies screen resolutions based on the last 15,000 page views to each website tracked by W3Counter. W3Counter’s sample currently includes 28,814 websites. October 2009 March 2010
  • 15. 6-month trend 1024 x 768 resolution on a steady decline. Higher resolutions now more common. Percent
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. Monitors rotate Like the iPhone and iPad, some monitors rotate from a landscape to a portrait orientation. 5 Layouts are always right side up. 5 www.Dell.com, October 2009 Dell 2210 flat panel monitor
  • 24.  
  • 25.
  • 26.
  • 27.
  • 28. Julie Eichstaedt User Experience, Visual Design and Research [email_address]

Editor's Notes

  1. 04/23/10 19:09 © 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.