September 06, 2016

Embracing the "Mobile First" Mindset

Recently the E-dreamz Production team partnered up with Google to go over some best practices for mobile website design based on numerous studies and questionnaires they have conducted. We covered a lot of good points during the discussion but my main take-away from it all? We need to have a "mobile first" mindset now in 2016 and going into 2017. How can your business best achieve this? Take a look at your site on mobile and keep in mind a few of these basic tips and tricks.


1. Keep content simple. Your mobile site does not need to have all of the information/content/photos your desktop site does. Most users simply don't have the time and patience to read a lot of content when viewing your site on their phone plus it can slow down your site! So take the time to think about what is most important for the user when coming to your site via mobile and trim down from there. Less is more.


2. Prominent Search Bar. This sounds simple and obvious for an e-commerce desktop site but the search bar acts as a main navigation tool for some users visiting a site on their phone (especially if they are looking for a specific item or product). So it's essential that you have this near the top, easy-to-find and as a full search bar (not just an icon/dropdown like you might see on a desktop site).

3. Allow Guest Checkout on Mobile
. Do you have an e-commerce site? It's essential now to have a Guest Checkout option on mobile and be sure to make it an eye-catching and easy-to-find button or CTA. Most users will not want to take the time to put in all of their information on their smartphone but are more likely to do this on a desktop after the purchase has been made. So you end up with a user who has purchased your product and more than likely will visit your site again in the future if they are happy with their purchase and customer experience.



4. Clear CTAs. Make Your CTAs front and center and make your clients happy. On a mobile site, less is more so having these front-and-center will ensure your user has a good experience and finds what they are looking for. (Example: "Contact Us", "Shop Now")

5. Real-time Validation.
Validating information in real-time can help your user complete a form or fix any mistakes they may have made while they are on the page. This will cause the users to more likely continue filling out the form and submit their information. (Rather than getting frustrated at errors and going to a competitor's website instead!)

6. Get rid of pinch-to-zoom. This is an old practice that Google is saying must be eliminated now. Users simply find it unfriendly and hard to use. It can also cause a user to miss important information because they might get so zoomed in, they can't see other elements on the page because the proportions are off.


7. Single Website URL. (No separate mobile site). Google is now recommending to not have a separate mobile site but instead make your site responsive to size down for the specific device. Why should you do it this way? These sites are often less functional and appear to have less content and can also cause problems down the road with SEO.

Want more information on ensuring your website is mobile friendly? Contact us or do some research on your own with ThinkWithGoogle


BACK TO BLOG

By: Jane Londeree

Web Designer