Your SlideShare is downloading. ×
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Designing For Device Orientation, From Portrait To Landscape.
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Designing For Device Orientation, From Portrait To Landscape.

4,582

Published on

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

No Downloads
Views
Total Views
4,582
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2
Comments
0
Likes
6
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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.
  • Transcript

    • 1. Designing ForDevice Orientation,From Portrait To Landscape.
    • 2. www.any.do
    • 3. www.any.do
    • 4. Weather Application
    • 5. Bank - Financial Application
    • 6. Remote Control
    • 7. Device Orientation DesignCATEGORIES
    • 8. Fluid
    • 9. Fluid
    • 10. Extended
    • 11. Complementary
    • 12. Continuous
    • 13. Continuous
    • 14. Device Orientation DesignTHE CHALLENGE
    • 15. AffordanceAn affordance is a quality of an object, or an environment,which allows an individual to perform an action
    • 16. http://techtips.salon.com/change-iphone-calculator-scientific-calculator-310.html
    • 17. Step 1Launch the calculator app bytouching its icon on the touchscreen.
    • 18. Step 2Hold the iPhone vertically toperform basic calculatortasks.
    • 19. Step 3Rotate the iPhone horizontally, or into landscapemode, to make the calculator automaticallytransform into a scientific calculator.Enjoy.
    • 20. Device Orientation DesignVISUAL CLUES
    • 21. The Title Bar
    • 22. SharingApple Action Button The Share Icon www.shareicons.com
    • 23. www.xgmedia.com/device-orientation-icon/ Device Orientation Icon
    • 24. Toggle Switch Button
    • 25. Toggle Switch Triangle
    • 26. The Drawer
    • 27. Thank you Avi Itzkovitch@xgmediawww.XGmedia.com

    ×