Designing For Device Orientation, From Portrait To Landscape.

7,084 views

Published on

0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,084
On SlideShare
0
From Embeds
0
Number of Embeds
2,240
Actions
Shares
0
Downloads
2
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide
  • Designing for device orientation provides an additional display (from portrait to landscape or vice versa) with a twist of a hand without pressing any buttons.
  • Device Orientation provides a way to extend functionality. Two display screens in one device.
  • Daily weather vs. weekly weather
  • Financial application. Data vs. Visual Graphs
  • Smart TV remote. With the added feature of a program guide
  • To help UX professionals and developers verbalize designing for device orientation I have categorized four main patterns for device orientation design:
  • Skype mobile interface. The icons change position when the screen moves from portrait to landscape.
  • Pocket mobile interface. Same layout, different width.
  • IMDb Movies & TV for the iPad. The interface adjusts to the screen size, adding or subtracting layout components according to the allocated screen dimension for each orientation.
  • Changing orientation provides an auxiliary screen with supplementary relevant information
  • Remote control for switching channels on a smart TV. Rotating the device to landscape changes the interface to a full program guide that also provides a way to control viewing channels and browsing and recording future programs.
  • The landscape view provides an immersive experience with a full screen video player and playback controls
  • Usersare struggling to find the iPhone Scientific Calculator.
  • How do we create affordance for device orientation?
  • Affixing the title bar to the top of the default position in any orientation .
  • Much like the universal icon for sharing or the Apple action button recognized for sharing.
  • I propose using a standard icon as a visual representation for device orientation. You can download this icon here and use it freely.
  • If accepted, the device orientation icon could provide visual clue giving affordance for using device orientation whenever it appears.
  • The idea behind this concept is to create a drawer-like control that users can tap or swipe in order to see the secondary view.
  • ×