June 2011 – Snapshot of Mobile Web
-
Upload
kassim-rasoulian -
Category
Technology
-
view
371 -
download
1
Transcript of June 2011 – Snapshot of Mobile Web
An assortment of mobile site layouts – Health and non Health related
Features• Text Links to content• Large feature area• Search predominately displayed at top• Menu button brings up primary nav• Long scrolling page• Features expand/collapse footer nav
Features• Text Links to content• Large feature area• Search predominately displayed at top• Menu button brings up primary nav• Long scrolling page• Features expand/collapse footer nav
Features• Text Links to content• Large feature area• Search predominately displayed at top• Menu button brings up primary nav• Long scrolling page• Features expand/collapse footer nav
More than just a search engine, Yahoo mobileOffers mail, chat, weather, image storaage, news,Sports, and more through its mobile portal.
Features• Long scrolling page• Landing page shows main content• Other sites can be accessed through tabs• Large feature area, can be “flicked”• Search predominately displayed at top• Widget like areas of content• Content sections that page horizontally• Site detects user location to display specific content
More than just a search engine, Yahoo mobileOffers mail, chat, weather, image storaage, news,Sports, and more through its mobile portal.
Features• Long scrolling page• Landing page shows main content• Other sites can be accessed through tabs• Large feature area, can be “flicked”• Search predominately displayed at top• Widget like areas of content• Content sections that page horizontally• Site detects user location to display specific content
More than just a search engine, Yahoo mobileOffers mail, chat, weather, image storaage, news,Sports, and more through its mobile portal.
Features• Long scrolling page• Landing page shows main content• Other sites can be accessed through tabs• Large feature area, can be “flicked”• Search predominately displayed at top• Widget like areas of content• Content sections that page horizontally• Site detects user location to display specific content
New Orleans area local news mobile site
Features• Long scrolling page• High level main nav at top• Big text links, clearly defined with grey background and >• Section nav links mixed in with content
New Orleans area local news mobile site
Features• Long scrolling page• High level main nav at top• Big text links, clearly defined with grey background and >• Section nav links mixed in with content
Entertainment Company
Features• Short scrolling page• Icon based Navigation• Content relevant to mobile environment• Large feature area
Entertainment Company
Features• Short scrolling page• Icon based Navigation• Content relevant to mobile environment• Large feature area
Electronic retail store – Online mobile store
Features• Logo and shopping cart clearly at top• Simple top nav• Feature area items can be “flicked”• Product categories appear over page content• Search at top implies to use it instead of trying to navigate to a particular item• Multiple styles of footer links
Electronic retail store – Online mobile store
Features• Logo and shopping cart clearly at top• Simple top nav• Product categories appear over page content• Search at top implies to use it instead of trying to navigate to a particular item• Multiple styles of footer links
Electronic retail store – Online mobile store
Features• Logo and shopping cart clearly at top• Simple top nav• Product categories appear over page content• Search at top implies to use it instead of trying to navigate to a particular item• Multiple styles of footer links
Electronic retail store – Online mobile store
Features• Logo and shopping cart clearly at top• Simple top nav• Product categories appear over page content• Search at top implies to use it instead of trying to navigate to a particular item• Multiple styles of footer links
Department store– Online mobile store
Features• Only the homepage has button links• Text links on every page (except home)• Search appears at top of every page (implies to use search than navigate to an item)• Product list page has mixture of buttons and text links
Department store– Online mobile store
Features• Only the homepage has button links• Text links on every page (except home)• Search appears at top of every page (implies to use search than navigate to an item)• Product list page has mixture of buttons and text links
Department store– Online mobile store
Features• Only the homepage has button links• Text links on every page (except home)• Search appears at top of every page (implies to use search than navigate to an item)• Product list page has mixture of buttons and text links
News – Television and Online
Features• Very large feature area; only 1 feature• Long scrolling page• Weather is alongside the logo, implies that weather is one of the top tasks for the site•Top nav goes to news and A/V of news• Section selector uses native browser interface• Sections on homepage feature 3 top links, then more link• Content pages are split up for faster mobile downloading•Content pages feature share buttons, search, and other recommended articles
News – Television and Online
Features• Very large feature area; only 1 feature• Long scrolling page• Weather is alongside the logo, implies that weather is one of the top tasks for the site•Top nav goes to news and A/V of news• Section selector uses native browser interface• Sections on homepage feature 3 top links, then more link• Content pages are split up for faster mobile downloading•Content pages feature share buttons, search, and other recommended articles
News – Television and Online
Features• Very large feature area; only 1 feature• Long scrolling page• Weather is alongside the logo, implies that weather is one of the top tasks for the site•Top nav goes to news and A/V of news• Section selector uses native browser interface• Sections on homepage feature 3 top links, then more link• Content pages are split up for faster mobile downloading•Content pages feature share buttons, search, and other recommended articles
News – Television and Online
Features• Very large feature area; only 1 feature• Long scrolling page• Weather is alongside the logo, implies that weather is one of the top tasks for the site•Top nav goes to news and A/V of news• Section selector uses native browser interface• Sections on homepage feature 3 top links, then more link• Content pages are split up for faster mobile downloading•Content pages feature share buttons, search, and other recommended articles
News – Television and Online
Features• Large feature area; only 1 feature• Long scrolling page• Top nav goes to news and News Video• Section selector uses native browser interface• Expand/Collapse footer links to sections; Popular sections automatically expanded
News – Television and Online
Features• Large feature area; only 1 feature• Long scrolling page• Top nav goes to news and News Video• Section selector uses native browser interface• Expand/Collapse footer links to sections; Popular sections automatically expanded• Long content pages split into multiple pages (for quicker page loading)
Health Insurance Company
Features• Minimal scrolling page• Big buttons, simple choices• each button has relevant icon• Simple footer
Health Insurance Company
Features• Minimal scrolling page• Feature area (welcome banner)• Big buttons, simple choices• each button has relevant icon• Simple footer on homepage• Social Icons at the bottom of homepage• Content pages have expand/collapsable areas• Footer links on content pages mirror homepage links• Provider directory looks like different website
Health Insurance Company
Features• Minimal scrolling page• Feature area (welcome banner)• Big buttons, simple choices• each button has relevant icon• Simple footer on homepage• Social Icons at the bottom of homepage• Content pages have expand/collapsable areas• Footer links on content pages mirror homepage links• Provider directory looks like different website
Health Insurance Company
Features• Minimal scrolling page• Feature area (welcome banner)• Big buttons, simple choices• each button has relevant icon• Simple footer on homepage• Social Icons at the bottom of homepage• Content pages have expand/collapsable areas• Footer links on content pages mirror homepage links• Provider directory looks like different website
Health Insurance Company
Features• Minimal scrolling page• Feature area (welcome banner)• Big buttons, simple choices• each button has relevant icon• Simple footer on homepage• Social Icons at the bottom of homepage• Content pages have expand/collapsable areas• Footer links on content pages mirror homepage links• Provider directory looks like different website
Health Insurance Company
Features• Minimal scrolling page• Feature area (welcome banner)• Big buttons, simple choices• each button has relevant icon• Simple footer on homepage• Social Icons at the bottom of homepage• Content pages have expand/collapsable areas• Footer links on content pages mirror homepage links• Provider directory looks like different website
Health Insurance Company
Features• Minimal scrolling page• Doctor finder• disclaimer• That’s it, That’s the whole mobile site
Health Insurance Company
Features• Powered by Usablenet• Minimal scrolling page• Login fields displayed on homepage• Site basically says log in or find a doc/hosp• But health insurance tells you to call, provides no touch to call.• Interactive controls use default browser elements
Health Insurance Company
Features• Powered by Usablenet• Minimal scrolling page• Login fields displayed on homepage• Site basically says log in or find a doc/hosp• But health insurance tells you to call, provides no touch to call.• Interactive controls use default browser elements
Health Insurance Company
Features• Powered by Usablenet• Minimal scrolling page• Login fields displayed on homepage• Site basically says log in or find a doc/hosp• But health insurance tells you to call, provides no touch to call.• Interactive controls use default browser elements•
Health Insurance Company
Features• Powered by Usablenet• Minimal scrolling page• Homepage feature area towards the bottom• Use of button style links, with shadows• Simple choices – users can find doc/hosp or log in•Interactive controls use default browser elements
Health Insurance Company
Features• Powered by Usablenet• Minimal scrolling page• Homepage feature area towards the bottom• Use of button style links, with shadows• Simple choices – users can find doc/hosp or log in•Interactive controls use default browser elements
Health Insurance Company
Features• Powered by Usablenet• Minimal scrolling page• Homepage feature area towards the bottom• Use of button style links, with shadows• Simple choices – users can find doc/hosp or log in•Interactive controls use default browser elements
Health Insurance Company
Features• Powered by Usablenet• Minimal scrolling page• Homepage feature area towards the bottom• Use of button style links, with shadows• Simple choices – users can find doc/hosp or log in• Interactive controls use default browser elements• Touch to call 911 – Nice• Site can use mobile device GPS to determine location
Widescreen Test Pattern (16:9)
Aspect Ratio Test
(Should appear circular)
16x9
4x3