Desktop vs. Mobile: Three Key Website Design Differences

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. Screen orientations are different, we're using thumbs instead of a mouse or trackpad, and certain tasks are a lot more difficult or cumbersome. That's why designing a website experience to meet the needs of mobile users is so important. Here are three key components of your website that need to be distinct on mobile versus desktop.

1. Content organisation

When designing for mobile, the first priority should be organising website content to meet the needs of mobile users.

2. Form fills

As marketers we spend a lot of energy optimising our web forms for maximum conversion. We know that a poorly designed form is guaranteed to be a conversion-killer. The same is true, of course, on mobile. And forms need to be designed specifically to make it easy for mobile users to fill them out.

3. Menus

Menu formatting is definitely a key area of difference between desktop and mobile. On desktop it's common to have mega-menus with many categories and sub-categories. This type of setup works great for desktop users who have screens large enough that they can read the text in those menus and can easily click on text links. It's a different story on mobile, of course, because screens are small and thumbs are (relatively) large. Mobile menus should be designed with these things in mind.

Tell us if you agree 👇

2 views0 comments

Recent Posts

See All

If you’re in the marketing industry, you’re likely familiar with the acronyms TOF, MOF, and BOF. If you aren’t, I'm here to break down the meaning of these acronyms and define which type of content wo