Mobile-First vs. Mobile-Friendly: What’s The Difference?

If your brand wants to be inclusive and relevant in today’s world, your website needs to work on mobile phones. “Mobile-friendly” is no longer a feature – it’s a necessity on the web. At the other end of the spectrum, are “mobile-first” websites.

If you’re looking to re-develop your website or put out an RFP in the next year, here’s what you need to know about mobile websites:

1) How Content is Displayed

Mobile-friendly: The desktop version of the website is the basis and starting point of the design. Therefore, the website design starts with all content and features (such as a video, calendar, blog, social feeds, etc.).

Mobile-first: The mobile version of the site is the basis of it’s design. The most important content is displayed first, regardless of the site’s special features and add-ons. Instead of focussing on effects, the design will display content in the most rational way. Eye candy can be added, especially for desktop and tablet versions, but the primary design itself is minimalistic.

2) Responsiveness to Different Devices

Mobile-friendly: The website hides objects and simplifies large elements for smaller devices like smart phones. All website objects are still there, even though they’re hidden from mobile users.

Mobile-first: The website starts off lightweight and adds featured elements as the device’s screen size gets larger. Instead of hiding objects when viewed on a phone, the website adds them when it is being viewed on a TV (for example).

The difference between mobile-friendly and mobile-first (image from metamonks.com)

3) Page-load Speeds and Data Usage

Mobile-friendly: Large imagery and special features always load, even though they are sometimes hidden from mobile users. Even with an optimized website, this slows down page-load speed. The website’s size is often larger, which directly eats up precious mobile data plans.

Mobile-first: Websites that are developed from a mobile-first approach are the most optimized for fast page-load speeds. Starting with a lightweight mobile design allows the website to scale up as needed. Mobile-first is the best approach possible for light websites and fast loading times.

Conclusion

Mobile-first web design is what organizations and brands should expect from their agencies. If you would like a mobile-first website consultation, please get in touch.

How to Reach Your Exact Target Audience on Facebook

Facebook offers a super targeted marketing platform, if leveraged properly, for start-ups, corporations, and non-profits alike. Online campaigns can pinpoint your exact target audience, making your messaging more relevant and direct than ever.

Here Are Some Tips on How to Reach Your Exact Target Audience on Facebook:

It should come as no surprise that Facebook is a highly effective advertising tool – people let Facebook know where they live, what they like, what they dislike, where they’re going, who they’re friends with, and that’s just the tip of the iceberg.

When you create a boosted post or promotion on your business Facebook page, you have the option to create a custom audience.

Facebook demographics settings

Selecting the age and gender of your audience is a no brainer. But really think about what your audience is interested in? And how does that relate to your messaging and creative?

This is what you should define when selecting your campaign’s audience:

  • What is their job position? Where do they work?
  • What books do they read?
  • What type of movies do they enjoy most?
  • Do they own their homes or do they rent?
  • Are they more likely to be in a relationship or single?
  • What type of stores do they visit most?
  • What other brands do they associate with and like?
  • What type of restaurants would they prefer to eat at? Fine dining or fast food?

Answering these questions about your target audience will help you reach people that are interested in your messaging. Are these questions unconventional? Yes. But Facebook is collecting this type of information, whether you use it for your marketing or not.

As marketers, we have the tools to do better than simply define age, gender, and location. Lets use them to make sure we reach people that are interested in our campaigns and find value in our services.

If you are interested in social media marketing services and digital strategy, please get in touch.

 

 

 

3 Reasons Your Website Should Be Accessible

Web accessibility, at it’s core, is the act of making websites available to everyone, including those with disabilities. Similar to installing a wheel chair ramp to your front door, making your site accessible is simply the right thing to do.

We’ve put together 3 reasons your website should be accessible to those with disabilities:

1) Web Accessibility Increases Your Audience Base

The more people interested in your brand, the better, right? If your website isn’t accessible, you could be missing out on connecting with some of your biggest fans. The more people that can access a website, the greater chance the website will be successful. It can be hard enough to get your target audience into your site, so don’t block a portion of them at the front door!

2) Being Accessible is a Competitive Advantage

If your direct competitor’s website meets WCAG 2.0 AA guidelines and is completely accessible, there’s no doubt they have an advantage over you. Web accessibility could lead to increased revenue, sales, and customers. This applies directly to e-commerce websites. The convenience of online shopping benefits everyone. If your site’s not accessible, people with disabilities won’t hesitate to switch to one that is.

3) It’s The Law

In Ontario, it’s the law to have a website that meets WCAG 2.0 AA standards for private or non-profit organizations with 50+ employees, or public sector organizations. If you don’t fall into those two categories and you’re looking to launch a new website, it would be best to start thinking about accessibility now. It’s only a matter of time until ALL businesses, non-profits, and other organizations will need to be meet accessibility guidelines.

Conclusion

Meeting AODA and WCAG 2.0 AA (web accessibility) standards is an industry best practice, not to mention it’s simply the right thing to do. If you would like to learn more about web accessibility or start a consultation, please contact us.