First, it’s important to understand the basic elements of RWD:
- Ability to match different CSS style rules with different device characteristics (so you can change design elements – font, font size, background, buttons, etc.) – in my opinion, this is the most powerful element.
- Use of relative or percentage based sizing for page elements (content containers adjust as a percentage of screen size).
- Image sizes are sized in relative terms, like up to 100% (this prevents having an image break out of its container).
With that brief introduction to the power of RWD and SuiteCommerce, here are five things you must consider:
- Mobile Search Engine Optimization – mobile search queries are different from desktop queries – typically shorter. This means your content is likely to perform differently on Google Mobile than traditional Google accessed by a desktop computer.
- Difference between a finger and a mouse – while scaling looks good to the eye, keep in mind that there is a difference in dexterity between your finger and a pointing device (mouse) with a fine point. So, when you scale your “Buy Now” button down – it may become more difficult to engage, resulting in lost sales or leads.
- Click to Call – smartphones are “phones” – therefore, design consideration must be given to the prominence of phone numbers. I think this is easily accomplished by remembering to include your phone number on each page of your website as text, not a graphic. Again, size matters – make sure it’s easy to click your phone number when rendered on a mobile device. If you have a physical, bricks and mortar store – you’ll want to include easy access to your address to enable click to navigate as well.
- Access to Social Media – mobile users are often connected 24/7 to social networks. There’s an opportunity to increase engagement and traffic, by making content easier to share. Again, I think advantage is gained on the desktop as well. The point is if mobile is important, include methods for social interaction on your web pages (btw, if you like this content – please use the social buttons above or below to share – thanks).
- Use of Rich Media – be aware that delivery of video content is slower on mobile devices – even in 4G land. So, if your website is filled with videos about your products or services, you may want to strip some of that out for mobile visitors.
SuiteCommerce offers a powerful way to deliver mobile versions of your content dynamically adjusted for any mobile device. The issues raised above involve recognizing the difference between mobile and desktop. What you might do is create a mobile version of your website (m.example.com) and apply RWD. That way, you can focus on maximizing the mobile experience, but allow NetSuite to do the heavy lifting (adjusting for the multitudes of mobile devices capable of accessing your content). Then, maintain a separate and distinct desktop or standard website – optimized for traditional desktop access. Yes, it’s more work, but who said success was going to be easy!
5 Mobile Considerations with NetSuite’s SuiteCommerce by John-Scott Dixon is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.