Skip to main content
  • Agency
    • Overview
    • Leadership
    • Associations
    • Involvement
    • Grow Your Cause
    • Careers
  • Work
    • Case Studies
    • Clients
    • Awards
  • Services
    • Overview
    • Strategy & OOUX
    • Design & Development
    • Digital Marketing
    • Intranet
    • Support
  • News
    • Article Listings
    • Get Our Quarterly e-Newsletter
    • Newsletter Signup
  • Contact
  • Client Login
Menu
  • Client Login
    •  
    •  
    •  
  • Agency
    • Overview
    • Leadership
    • Associations
    • Involvement
    • Grow Your Cause
    • Careers
  • Work
    • Case Studies
    • Clients
    • Awards
  • Services
    • Overview
    • Strategy & OOUX
    • Design & Development
    • Digital Marketing
      • Email Marketing
      • Search Engine Optimization
      • Web Analytics
    • Intranet
    • Support
  • News
  • Contact
  • Client Login

Ready, Set, Responsive!

Ready, Set, Responsive!

Mobile media traffic is at an all time high in the U.S. and this trend isn’t expected to slow down anytime soon. As smartphones and other mobile devices advance, they continue to replace desktops and laptops all together. If your site isn’t able to reach the mobile audience, then there is a significant market segment that you could be missing - giving your competitors a leg up.

The term responsive web design refers to developing a site that adjusts to the specific platform each viewer chooses to use. In fact, Google’s top recommendation for mobile optimization is a responsive site. But before starting to design for a mobile friendly site, you must first think about the content. Follow these 5 guidelines to make your website content ready for a responsive design.

Know Your Audience
People using mobile phones or tablets to surf the web may have different needs than those viewing your site on a desktop or laptop. Many people no longer own a desktop and laptop, and even those that do often still choose the convenience of their mobile devices. Identifying what the audience expects across multiple platforms will allow you to deliver the best website experience possible.

Mobile First, Desktop Second
When redesigning your site for mobile optimization, it is best to begin thinking about the user experience on the smallest platform, such as smartphones, before scaling up to tablets and desktops. Features and design elements that are simple enough for an elegant mobile experience are easier to expand upon for larger screens, while complex interfaces don’t often translate for mobile users.

Information Architecture
Information architecture is the logical organization of your site’s content to enhance user-experience, maximize search engine optimization, and encourage conversions. As mobile phones and tablets have smaller screens and thus less room to display information, it’s crucial that content is ordered according to the user’s intent. The information that satisfies the most users should be at the top, leaving the least pertinent information for the bottom.

Text
When it comes to the written copy on your website, regardless of screen size, always follow the golden rule of web copy -“less is more”. Truncating long text and providing links to read more is one way to avoid your mobile readers from having to scroll through enormous amounts of text. Typography must also be considered. While some fonts may display beautifully on your desktop, on a mobile phone the same font may not be legible. Also, using ems, a scalable unit of measurement for font size is much more flexible than the more commonly known fixed-size pixel units.

Images
Images are an important part of the content on your site and thus, your overall message. But if you don’t choose images of the right size and proper formatting, it could significantly slow down your site’s load time. To ensure that images render the same across different screens, format images according to percentage widths and heights instead of fixed-size pixels. This will ensure that your image takes up the same amount of screen - no matter the device.

Need More Help? Contact Cool Blue for evaluation of the responsiveness of your content. 

Recent News

04.24.2018
2017 Horizon Interactive Awards Winners Announced
02.16.2018
The Basics for an Effective IA
05.04.2017
All Mobile Apps Are Not Created Equal
View All News >

News Archive

2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018

Want to know more about what we can do for you? Contact us now!

Cool Blue Newsletter

Agency news & industry insights sent quarterly

Subscribe Now

Unsubscribe

SUBSCRIBE TO OUR NEWSLETTER

Our free quarterly Newsletter will keep you "in the know" about important trends in web design, development and marketing as well as new Cool Blue site launches, products, services, and upcoming events too.

CAPTCHA
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.
Coolblue Interactive
  • 404-876-6989
  • Contact Us
  • Twitter
  • LinkedIn
  • Facebook

© Copyright 2019 Cool Blue Interactive. Privacy PolicyTerms of Use