2 min read

The Challenges of Mobile Design

The Challenges of Mobile Design
Going mobile

The web design and development industry tells us that websites need to be created with mobile first. Start with your smartphone, designing for the mobile format, then move on up in platform size and scale to the desktop. At CommonPlaces, we have found success with both approaches: Desktop down to mobile, as well as mobile first.

One problem, two approaches

Taking the desktop first approach can be more difficult. Developers need to always consider the ramifications of sizing for mobile later on. Experience with mobile, therefore, is critical. We ask ourselves how this will look when sized down. While we've never encountered any insurmountable problems with funky widgets or complex drop down menus, we may have to alter the functionality in order to make everything more mobile friendly. The desktop version may have certain features within view, while mobile features are hidden, and vice versa. Too much of this can present a performance hit to the website, and needs to be balanced with Design and User Experience.

The project dictates which approach we'll take. It's important that we know our clients. Who are they trying to reach, and what specifically are their needs? It certainly pays to have knowledge of their buyer personas. As mobile devices increasingly become a part of our daily lives we want to cater to that need. However, for example, industrial pump manufacturers may have less of a demand for mobile devices such as smartphones, since their audience is primarily engineers using desktops at work. The user interface, therefore, is more important with the desktop version of their site.

We all have preconceived notions and opinions, and sometimes we have to convince a client on the necessity of investing in a responsive design. Someone might come to us and say that smartphones are a fad which will be replaced by something else, or that their website will only be accessed by a desktop at work because that's what they do. However, by pointing out that a glance at their analytics proves that 25% of their web traffic is coming from mobile devices, and that trend is likely to only increase, should convince them that responsive design is the way to go.

Mobile design presents two common challenges which perfectly illustrate what developers face when making a website responsive.

Ecommerce

Usability and site navigation on most ecommerce sites pose the same concerns in web design and development as any other website would. However, larger ecommerce sites with huge inventories, multiple shopping carts, and product menus that stretch out forever, offer unique challenges. Most products have thumbnails, which need to be displayed when you hover over them. When you design for mobile you need to change how that is being displayed. The Hover interaction needs to be carefully considered. Each category may require additional sub-categories. Clients need to be aware that you may need to introduce multiple clicks in order to display everything properly.

Scrolling

Scrolling menus always need to be considered. Devices handle this feature differently. Between Android and IOS, different Java script will create problems between the two types of devices. We've seen issues arise in swiping the two types of devices. They simply don't react the same way, so it's vital that you take the differences between the two devices into consideration. Mobile devices make long lists much easier, for example. You can scroll down as much as you want. It's the side swiping across that can create some headaches. Most plugins are optimized for IOS, from my experience, and can cause User Experience issues on Android.

Mobile devices have certain challenges. How will objects shrink down? Does proportion change? If there's text with the image, will you be able to read it on a smartphone? We may need to create a different mobile version of a client's website concept, in order to keep it responsive. All we ask is that we are given the chance to take our own look at a project, in order to provide the responsive design that we believe is crucial to any website's success.

Are you part of a web development team? What obsticles do you face in creating responsive websites? We'd appreciate your feedback.


Related Posts

1 min read

The Perils of Web Development or Doing It the Right Way

When our clients come to us with an idea, chances are good they are imagining more than just "a website." Unline other industries, our customers do not come to us and simply say, "One website,...
3 min read

4 Top Web Trends to Watch Out For in 2018

Year after year, trends in web design and development advance and as technology gets smarter. Staying on top of these updates can be challenging, being ahead of the curve is even harder. Each year,...
3 min read

What Makes a Great Website? 6 Web Design Trends for 2017

Web design trends are ever-changing, evolving and adapting to the latest user behaviors. Each year, marketers learn a little bit more about how to design remarkable, highly functional websites that...
2 min read

Why is Flat Design So Popular?

When it comes to web design, just as with any other form of design, staying with the current trends can be important. It's not even a matter of staying 'hip' or 'in the now' or whatever people want...