[EzineArticles] Responsive Web Design - Good Design vs. Bad Design

Responsive Web Design - Good Design vs. Bad Design Don't Just Make Your Site Responsive; Make it a Quality User Experience! On April 21, 2015, Google updated their algorithms to favor responsive web design and include mobile friendliness as a ranking signal. Since then, the majority of chatter has been surrounding the need to make websites responsive in order to maintain search rankings. In this post, we'd like to take things a step further and highlight what makes good responsive design and what should be avoided. First, to build a site with responsive design, there are two approaches: Create an adaptive website with multiple fixed width layouts based on common devices. (Note: This approach can be challenging due to changing device sizes). Design it using multiple fluid grid layouts to create a truly responsive user experience. Regardless of which path you choose to make a website responsive, we want to ensure you're not forgetting one fundamental element: user experience. Ultimately, responsive design on its own isn't the key to conversions; it's also the quality of your website from the user's perspective. Ranking in the top of search results won't do you any favors if a viewer clicks to your site and immediately leaves due to poor design. With that said, check out these DOs and DON'Ts of good responsive design vs. bad responsive design. Don't: Make an exact replica of your desktop version. Do: Include the key elements of your site and leave out the ones that aren't necessary. Users don't expect a carbon copy of your desktop site. In fact, it would be overwhelming! Don't: Use a generic, pre-made design. Do: Maintain your branding throughout. Ensure each page reflects your brand at all screen sizes. Use elements smartphone users are accustomed to seeing. Also, be sure to preserve padding and white space to keep the design clean and easy-to-read. Don't: Put all of the content on one page. Do: Incorporate a clear menu with access to secondary pages. Place your call to action on your main page and ensure the rest of the mobile site is easy to navigate. Don't: Use same-size images. Do: Use fluid images. In other words, images should resize within the confines of a fluid grid. This is done using CSS code and will ensure the images on your site don't look stretched or pixelated. Don't: Design your mobile site as an afterthought. Do: Think mobile-first. Why? Mobile web browsing on smartphones and other devices is replacing desktop traffic at an increasingly rapid rate. If the majority of users are accessing your content on a non-desktop device, make it function in a way that follows mobile norms and touchscreen patterns. Don't: Expect to get it perfect on the first attempt. Do: TEST! Share your site with friends, family members, or test-group customers. Get their feedback. Know what they're immediately looking for when they access the mobile page and display it prominently. Keep these tips in mind when building your mobile-friendly website and you're on the right track to providing a true quality user experience regardless of the device. Still not convinced you need to make your website responsive? We recommend reading our previous post: Responsive Web Design is Now Necessary to Succeed. Embrace new technology and step ahead of your competition! Do you have any design tips for responsive web design? Share in the comments below! To Your Article Writing/Marketing Success & Passion! Courtney, EzineArticles Member Support Manager http://Blog.EzineArticles.com/ http://EzineArticles.com/ P.S. Need fresh writing ideas? Check out our Ultimate 260 Article Template Package! EzineArticles Member Endorsement "Unwavering Dedication to Quality Submissions" I have been a member of EzineArticles since 2008. From the beginning I was impressed with EzineArticles' professional standards. I'm an affiliate marketer. I have submitted over 100 articles that have brought lots of traffic and sales to my site. What I love most about EzineArticles is their unwavering dedication to quality submissions. I will continue to use EzineArticles as my #1 platform for targeted, quality traffic. Shalisha Alston http://ezinearticles.com/endorsements/ EzineArticles Newsletter Information Join EzineArticles | Manage Your Newsletter Subscription EzineArticles RSS Feed | List Support Create Free Membership Account | Login For Members Only To Leave The EzineArticles Newsletter: leave-10935958-5233187.e085d87993250aab11f3e0c15f1c2785@lists.permissionbasedemail.com ISSN: 1525-7126 - Library Of Congress, Washington D.C. Postal address: EzineArticles.com, PO Box 12740 Green Bay WI 54307 USA © Copyright 1999-2015 EzineArticles.com. All Rights Reserved.