Skip to main content Skip to main content Windows Experience Devices Windows Developer Microsoft Edge Windows Insider Microsoft 365 Microsoft 365 Azure Copilot Windows Surface XBOX Deals Small Business Support Windows Apps Outlook OneDrive Microsoft Teams OneNote Microsoft Edge Moving from Skype to Teams Computers Shop XBOX Accessories VR & mixed reality Certified Refurbished Trade-in for cash XBOX Game Pass Ultimate PC Game Pass XBOX games PC games Microsoft AI Microsoft Security Dynamics 365 Microsoft 365 for business Microsoft Power Platform Windows 365 Small Business Digital Sovereignty Azure Microsoft Developer Microsoft Learn Support for AI marketplace apps Microsoft Tech Community Microsoft Marketplace Software companies Visual Studio Microsoft Rewards Free downloads & security Education Gift cards Licensing Unlocked stories View Sitemap
March 24, 2011
Windows Phone Developer Blog

Designing hubs, being creative.



In our previous post we went over good examples of panoramic control or hubs from apps that you can find into the Marketplace. Today I’ll want to show different approaches you can take to leverage the possibilities of that control and his extended canvas.

The panoramic control was conceived to allow users explore content highlighting what is more relevant for them, and using these highlights as an entry point to further action. This model serves very well apps that are content oriented as facilitates digging into information easily but that doesn’t meant it cannot be used for other purposes or even to be a destination by itself.

The imaginary app “Woodgrove Bank” aside of showing you typical bank related information uses the panoramic control as a timeline to check your daily expenses with your ups and downs in a graph that leverages the extended horizontal canvas. The use of a textured background taken from the Woodgrove bank branding assets serves as a visual liaison as we pan along the interface. The result could be a very functional app, fun to use and a great way to reinforce the bank’s values as well of brand recognition.

Woodgrove_Bank_Pano

In the “Blue Yonder Airlines” imaginary app the extended canvas is used as a guide to find yourself around at the airport of your destination. The section for the seat map uses the vertical scroll to find and check your seat.

Blue_Yonder_pano

Note that both images are only concepts exploring the possibilities of the panorama control to get the app creators creative juices flowing and to push the envelope creating great experiences for the Windows Phone platform. Although in most of the cases the use of hubs should be a balanced act of content and visual engagement within a grid, in other cases those hubs could be a great resource to think creatively and bring to the Windows Phone platform apps that delight and surprise our users.

– Alfred Astort
Follow the Windows Phone Design Team on Twitter: @WPdesignteam

Your Privacy Choices Opt-Out Icon Your Privacy Choices
Consumer Health Privacy Sitemap Contact Microsoft Privacy Manage cookies Terms of use Trademarks Safety & eco Recycling About our ads