Email
Like
Liked ×
Save
Private Content
Embed
Loading embed code…
We have emailed the verification/download link to "".
Login to your email and click the link to download the file directly.

To request the link at a different email address, update it here. Close
Validation messages. Success message. Fail message.

Check your bulk/spam folders if you can't find our mail.
Loading

+ Follow

Designing For Device Orientation, From Portrait To Landscape.

by xgmedia on Jul 09, 2012

2,796 views

Accessibility

View text version

Upload Details

Uploaded via SlideShare as Microsoft PowerPoint

Usage Rights

File a copyright complaint

6 Embeds 860

http://www.xgmedia.com	548
http://www.iphone-entreprise.com	288
http://guyovadia.blogspot.co.il	20
http://www.blogger.com	2
http://guyovadia.blogspot.com	1
http://www.linkedin.com	1

Statistics

Likes: 4
Downloads: 1
Comments: 0
Embed Views: 860
Views on SlideShare: 1,936
Total Views: 2,796

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.

4 Likes

prasit worachatrawanit, IT & New Media Marketing at ARiP Co.,Ltd. 10 months ago
bas007 10 months ago
KwangSoo Lee, Student at Seoul National University 10 months ago
Vailancio Rodrigues, Web Designer & Developer at Prelanté 10 months ago

Designing For Device Orientation, From Portrait To Landscape. Presentation Transcript

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

Designing For Device Orientation, From Portrait To Landscape.

by xgmedia on Jul 09, 2012

Accessibility

Categories

Upload Details

Usage Rights

6 Embeds 860

Statistics

Designing For Device Orientation, From Portrait To Landscape. Presentation Transcript