With this interface, a changed orientation triggers an auxiliary screen with relevant supplementary information. However, not forcing the user to hold the device a certain way is crucial, especially if the desired functionality does not appear in the default orientation. Providing visual elements and functionality in any orientation ultimately gives convenience to the user. This list is also accessible in portrait mode by clicking the “All filmography” button in the middle-right of the screen. For example, IMDb for the iPad uses the wider screen in landscape mode to add a filmography on the left. This interface adjusts to the screen’s size, adding or subtracting layout components according to the dimensions of the chosen orientation. 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. CardMunch by LinkedIn is missing visual clues about its secondary interface. 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. 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. 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. Designing for device orientation brings various challenges and requires careful thinking.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |