- Content Marketing
Let's Measure Social Media ROI in a Way That Isn't StupidTo Grow Your Social Marketing Budget, Determining ROI Is a Critical Job SkillWe Need to Rethink Our Definition of Engagement
When Your Customers Become Your Contributors: Brand Journalism Meets TraditionalGoogle Is Changing the Close Variant Matching Option in AdWordsBefore You Invest in Online Advertising, Do This!Native Advertising: The New New Thing or a Race to the Bottom? [VIDEO]
Technology & Data
Social Change Agent Survey: Passion, Skill Set, and Persistence Lead to Career GrowthSandy Carter's 6 Social Business Lessons to Learn from Candy Crush5 Tips for Creating a Company Culture that Connects with Your Sweet Spot ClientsWhy Leadership Should Be a Collaborative Exercise
8 Internet User Statistics Every Small Business Should Know AboutIs Your Small Business Doing Content Marketing Wrong?5 Free and Effective Social Media Tools Perfect for Small Businesses
- Social Organization
Beyond Engagement: Why Advocacy Is Always About the PeopleFormer IBM Senior Advisors Launch Brands Rising to Build Employee Advocacy ProgramsPerformance and Risk Management Through Social Media TrainingEmployee Advocacy Summit: Advocate Stories from the Field
- Customer Service
Join us September 15th in Atlanta for The Employee Advocacy Summit and learn how to unleash the power of your employees.
Post your event here and we'll share it with our community. If one of our members is featured, we'll promote as well on their profile.
- Marketplace & Webinars
The SMT Marketplace
Your resource for exclusive content and insights from Social Media Today, and opportunities to reach our community of professionals.
The Social Business Book Club brings you books, discussions, and insights from today's to business thought leaders.
Join interactive talks and and panel discussions with leading thinkers and practitioners on social media and networked business, or browse the catalogue of recorded sessions - all completely free.
Reach Social Media Today's community of marketing and communications professionals in an editor-approved context with a native advertising package.
Adjusting the Content on Your Mobile Website
Posted on August 25th 2014
Responsive Web Design (RWD) is evolving and every day we learn a better way that we can implement to improve our responsive sites. RWD has no doubt solved a problem of building up multitude of websites for host of devices available to the customers, ranging from large desktop monitors to small mobile screens. However, do all the websites’ layouts appear similar across the multiple devices, especially those that are rich in content?
The fact is that even after responsive design, many websites offer terrible online experiences for the users. Truncated content, slow load times and bizarre side scrolling are all too common in the world of mobile web. It poses a difficult design challenge to adopt content-heavy website in a mobile device. The concern is how to squeeze all your valuable content into such a small screen? Designers have to think, how they can display the information in a small screen that will be easy to navigate and read.
Mobile usage is growing at a rapid pace and those designers, who are getting away from creating a mobile ready site, cannot ignore it anymore. It is a tricky affair to design a responsive website that delivers content both to the desktop and mobile. Most of the time designers suggest separate sites for the mobiles and desktops. The mobile websites are often a simpler version of the desktop sites that are built using minimal colors, simple navigation and minimal content. But, if you want to have the same site working for both your desktop and mobile what will you do then? When you are considering a website which will work both in desktops and mobile devices optimize it appropriately.
Content for your mobile devices
Content that is easier to view on the large screens when become responsive will not appear perfectly on the mobile devices. The existing website contents if squeezed and tried to fit in a mobile window will appear too small and cannot be read. To view such contents, the users have to expand the page beyond the frame or slide page sidewise continuously for reading. You can imagine how frustrating it will be for the users. For obvious reason, they flip to other websites quickly. Since there is a big difference how designs and content look on different screen sizes, it is essential that a site changes its layout to accommodate viewers with smaller screen sizes.
Here are some functions that will make the contents of your page mobile responsive:
For your mobile version consider using dynamic serving instead of taking just a responsive design approach. While there will be a single URL for simplicity, you can serve different HTML based on user agent.
Keep the texts simple and short
The designers have to keep that few square inches of mobile screens in mind when considering the content of the websites. For the users it is very difficult to read the long text from such a small screen. They will lose patience if they have to navigate and scroll several times.
The punchy content offers readers essential information and there is no need to scroll too long for that.
Sticky navigation to improve browsing speed
An online user traditionally has to scroll to the top of the page for accessing the navigation menu. With sticky menus remaining at any part of the page, you are viewing, browsing a site becomes much faster. The users really appreciate the presence of sticky navigation in a website as they can find what they are looking for much faster.
With the words going around that the brains can transcend visuals much faster than the texts; there is a tendency to introduce fascinating images within the text. This looks great if the site is opened from the computer. However, visuals make a site heavy and it may take too long time to load in a mobile.
Headlines are better than snippet of your stories
Though the viewers will ultimately end up reading the stories, using primary navigation on the home screen enables them to easily navigate. Mobile website of CNN represents the headlines and the users have to click on the story they want to explore.
The mobile screens are small and the readers can experience information overload when there are too many details displayed in that screen size. Implement a design technique that will reduce clutter and not let the users lose their focus. With progressive disclosure you can reveal only the essential details, hiding the less used elements which the users can access swiping, tapping and scrolling. You need to highlight the actions that are available to the users.
Despite your efforts to optimize the mobile website in the most efficient way, some users may find the navigation and browsing a cumbersome experience. You can maximize the customer satisfaction via new mobile app. Through your mobile app you can offer discounts, rewards and other incentives to lure the customers.
You may have implemented all these ideas, how you can tell how your mobile content marketing efforts really making an impact? A few analytics tool like the Google analytics and Flurry can help you to track your success.