Single Page vs. Multipage Mobile-Responsive Website Design

With thanks to Tom Ewer. You can read the full article here.



Those familiar with WordPress’ history will know that it has its roots placed firmly in blogging.

But fast-forward to present day and you are arguably as likely to see a ‘traditional’ website running on WordPress than you are to see a blog. The world’s favorite Content Management System (CMS) has come a long way since its b2/cafelog days. And while creating a WordPress website that doesn’t operate as a blog is now a piece of cake, that added functionality opens up a veritable Pandora’s box of questions.

In this article I want to address one of those questions: should you choose a single page or a multiple page design for your WordPress website? With the growth in popularity of single page designs over the past year or so, it is a more relevant question than ever. Once you’re done reading this piece, you’ll know which option is right for you. Read more

Evaluate Your Website’s Performance on Mobile Devices

Sorry to point out the obvious, but a logical place to start, when evaluating your website’s usability on mobile devices, is to pull out your phone and look at it. Sometimes you’ll get lucky and by chance a non-responsive, non-mobile site will actually be somewhat usable on a phone. Oddly enough these tend to be old-school sites with all the navigation on the left. Check out You can’t see the nice pictures of the food without manipulating the screen, but you can see the navigation, address, business hours and even the quaint non-interactive map. It even looks kind of cool in a 1998 kind of way.

Another example is In this case, on a phone, you can’t see the whole navigation menu but you can see the address and read thru their enticing food menu without much effort. On the other hand looks terrible and is extremely frustrating to use. Which is a shame because it’s a great restaurant.

If you want to conveniently see how your website looks on a variety of screen sizes, Read more

Websites: Responsive vs. Adaptive vs. Switchy vs. Mobile Site vs. Mobile Version vs. Mobile First

This is an article for anyone thinking about having a new Responsive Website made, or having an existing website converted to a Responsive Design. Its a quick rundown to take the mystery out of terms you might hear when talking to a potential designer for your project.

So you want a website that looks right and gives the visitor a good experience on any device. Here are some choices:

Responsive Design: These websites figure out what device the visitor is using by issuing “media queries”. Once the website figures out if it’s a phone, a tablet, a desktop or whatever, the website automatically resizes elements and moves them around to optimize readability, menu function, and general user experience. Technically, responsive websites are built on a “fluid grid”, so you might hear that term. There is no particular reason why you need to know what it means. If you really care, fluid grid design assigns space to elements in terms of a percentage of the viewable area.

Responsive Design is generally the best choice in web design for a small business. Read more

Preserving Search Engine ranking when doing a responsive website redesign

Converting a fixed-layout website to a responsive design website can ruin search engine ranking unless the responsive website redesign is done right. On the other hand, a conversion done the right way will usually raise search engine ranking, simply because most existing websites are not particularly search engine friendly. All the responsive websites I make are search engine friendly.

“Search engine friendly” simply means that the site structure allows the search engine bots to easily access every page and post, menus are such that the search engines can figure out where the really important pages are, and the text on those pages is organized so the search engines can figure out which words and phrases are most relevant to the central theme of the website.

The main reason redesigns ruin ranking is because many designers don’t take care to preserve all of the URLs – not just URLs for pages, but for posts, and media too. The first step in doing this right is to Read more

Trade -Offs in Responsive Website Design

Responsive websites must look right and function well on a variety of screen sizes: generally from a phone-sized screen all the way up to a big desktop screen. To achieve this responsive websites always consist of elements which move about, resize, and sometimes disappear or radically change at different screen sizes. One of the most basic trade-offs to consider in designing a responsive website is just how perfect visitor experience will be at which screen sizes.

It’s quite possible to make a responsive website that looks absolutely perfect at every conceivable screen size. However to do that would rarely be a reasonable trade-off because it would require extremely extensive CSS styling unique to each screen size. That would be very time-consuming and therefore costly. In addition, this would yield a level of perfection that would only be fully appreciated by other web designers.

One aspect of making intelligent trade-offs is to understand how visitors will generally view and interact with the responsive website. Read more