

And forms need to be designed specifically to make it easy for mobile users to fill them out. We know that a poorly designed form is guaranteed to be a conversion-killer. Content layout is vertically-aligned in the mobile version.Īs marketers we spend a lot of energy optimizing our web forms for maximum conversion. Furthermore, mobile is the sole or primary device for many people so a fully-operational mobile site may be the only way to reach a portion of users.Ĭult cycling studio-chain, Soul Cycle, allows users to book a class on desktop or mobile. Today's mobile users want to be able to access the same browsing experience on their phones as they are on their desktop computers. In 2017 that approach is no longer acceptable. In the early days of mobile web design, when our phones were less sophisticated and we were less comfortable using them to carry out more complex activities, it was common to strip out much or most of a website's content and launch a mobile site with the barebones of what it seemed like a mobile user would want to know. Are the needs of your mobile users different? If so, it's worth considering designing for mobile in a way that prioritizes the needs of those users, rather than simply duplicating from your desktop site, which was most likely designed with desktop users in mind. Glasses retailer, Warby Parker, rearranges content from horizontal alignment to vertical when viewing on a mobile device.Īnother thing to think about is what content to prioritize. Mobile devices are usually used in portrait orientation (and the smaller screens mean that even in landscape mode, horizontal space is limited). Desktop devices have portrait orientations so content can stretch across a screen and often multiple messages or images can live comfortably in such a wide space. Content should be stacked vertically to fit the narrow widths of mobile devices. When designing for mobile, the first priority should be organizing website content to meet the needs of mobile users. Or their needs might be the same (or similar) but their browsing behaviors will change depending on which device they're using.

The needs of your mobile users might be distinct from those of your desktop users. One of the most complex elements of designing for mobile is the question of how content should be organized. Here are three key components of your website that need to be distinct on mobile versus desktop. That's why designing a website experience to meet the needs of mobile users is so important. Screen orientations are different, we're using thumbs instead of a mouse or trackpad, and certain tasks are a lot more difficult or cumbersome. By now most of us know that the experience of browsing a website on mobile is very different from the experience of browsing a website on desktop.
