![]() ![]() Pocket’s mobile interface: same layout, different width. In Skype’s mobile interface, the icons change position when the screen moves from portrait to landscape. This interface simply adjusts to the new orientation’s size. To help UX professionals and developers, I have categorized four main patterns of device orientation design. ![]() In addition, the lack of visual clues in this landscape mode will deter most users from rotating the device and discovering the app’s other features.ĬardMunch by LinkedIn is missing visual clues about its secondary interface. You are unable to edit or add business cards, making the carousel screen somewhat frustrating and confusing, especially if you’ve launched the app in landscape mode. This interface lacks any visual clues about its orientation, and it has limited controls. YouTube’s mobile interface in portrait and landscape modes. Rotating CardMunch to landscape mode changes the interface altogether to a carousel overview of all of your saved cards. For instance, in CardMunch (a business-card reader by LinkedIn), users can convert business-card images into address book contacts using the smartphone’s camera. However, using orientation to display a secondary interface can be confusing for users. When the video ends, the display switches back to portrait mode, prompting users to quickly tilt the device back and browse for additional videos. ![]() Landscape mode provides an immersive experience with a full-screen video player and playback controls. Portrait mode offers a feature-rich interface for video discovery and the user’s account. YouTube’s mobile application is a great example of device orientation design. Using Device Orientation For A Secondary Display We’ll present some of the challenges when designing for device orientation, along with some solutions. This article covers some of the basic concepts that designers and developers can use to add device orientation to their process. Nearly all mobile and tablet applications would benefit from being designed for device orientation. Responsive Web Design: What It Is And How To Use It.The experience must be as unobtrusive and transparent as possible, and we must understand the context of use for this functionality. However, designing for device orientation brings various challenges and requires careful thinking. This capability provides great opportunities to create better user experiences because it offers an additional layout with a simple turn of a device, and without pressing any buttons. when switching between portrait and landscape modes. The accelerometer embedded in our smart devices is typically used to align the screen depending on the orientation of the device, i.e. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |