Skip to main content

Rush to Responsive, Revisited

Ytimes' owner, Istvan Siposs, has graciously invited me to craft our company's email newsletter for this week. For those of you who I have yet to exchange with, I am Drea Solan (pronounced “Dray”), and have worked with Istvan for several years, serving in a blended role of E-Commerce Consultant/Partner and Project Manager for YTimes.  Over the years I have spoken to several hundred online merchants and have reviewed an even greater number of e-commerce web sites.  I look forward to connecting with even more of you in our YTimes online merchant community - you are indeed in good hands with our team here!

Our email newsletter from last week, "Big Announcement from Google: Mobile-Friendly Algorithm Change is Only Weeks Away", received tremendous response as well as a number of follow-up questions. We are happy to have gotten the word out to all of you regarding Google's fast-approaching changes and it is good to see so many of you taking it seriously. Note that we are doing all that we can to accommodate as many responsive design requests as possible in this time.

So, on to addressing some emerging topics here:

1. Where's My New Look and Feel? (aka "It Kind of Looks the Same")
With an “a la carte” responsive coding effort alone, you do not end up with a website "redesign".  Your existing website's look, feel and functionality are all preserved, while we implement the responsive behavior coding onto all of your pages.  Our extensive responsive effort establishes all of the individual callouts of how your existing page elements should appear when a visitor views your site on various mobile devices, reconfiguring the orientation of these items in adequate proportion to the device on which they are being viewed. 

Note: If you haven’t yet perused our responsive portfolio, this host of great references showcases how responsive behaviors work with a multitude of different store layouts and features - any interest in exploring the layouts, look, feel, or even functionality tools, are all valid considerations for a separate design effort on your site.

2. Yes, a Site Makeover Will Be Coming (aka "I'll Just Redesign Later")
We have been asked a number of times by merchants if they can have their responsive coding taken care of right now and then address a full site redesign at a later date.  Yes, you can choose to do this. However, if you wish for your new site design to be responsive, we would be required to recode the appropriate responsive behaviors to conform accordingly to that new design and its layouts, as well as any new usability features or other enhancements.

While it is tempting to immediately focus on meeting Google’s mobile-ready compliance deadline and to consider putting off a redesign until later, it is definitely more cost-effective to tackle both in one shot.

3. Why Redesign at all? (aka "I'm Just Worried About Appeasing Google")
It seems like the appropriate context to bring to light the following comment/concern which I've heard from merchants on a recurring basis over the years: I thought about doing some changes to the design, layout, navigation, … (fill in the blanks), but I don't want to mess things up with Google.

There are a multitude of different angles and layers to explore when discussing why a merchant should consider a site redesign; staying fresh and modern, establishing uniqueness and authority, better aligning with your customers, addressing navigation limits due to site growth, enhancing or repairing functionality tools, optimizing for mobile shopping, etc. are some that immediately come to mind. 

While these are all valid to consider, for now, let me speak to one core aspect; Google likes good web sites. Google loves good web sites! I don't mean just Google-aware or Google-ready web sites, but web sites that deliver a good user experience. 

Matt Cutts, head of Google's Webspam Team, otherwise known as the Keeper of the Google Search Algorithm, has been consistent in his response when faced with a blitzkrieg of questions about “what Google thinks” in analyzing and ranking sites. He says, with an unwavering grin, "Design your site with the user in mind … not us." That's it! 

So how exactly does Google validate good user experience?  This excerpt from an article on, speaks incredibly well on how good usability can be defined, measured and translated into value:         

There are a limited number of variables that search engines can take into account directly, including keywords, links, and site structure. However, through linking patterns, user engagement metrics, and machine learning, the engines make a considerable number of intuitions about a given site. Usability and user experience are second order influences on search engine ranking success. They provide an indirect but measurable benefit to a site's external popularity, which the engines can then interpret as a signal of higher quality. This is called the "no one likes to link to a crummy site" phenomenon.
Crafting a thoughtful, empathetic user experience helps ensure that visitors to your site perceive it positively, encouraging sharing, bookmarking, return visits, and inbound links—all signals that trickle down to the search engines and contribute to high rankings.
Many site owners have tried to crack the code in questioning Matt Cutts, and all are met with that same grin, and that same line (I know, for I once tried to do the same in person, mano a mano!) People falsely assume that his smile is hiding something and so naturally engage in a further battery of questioning with him. However, I have come to learn that the slightly amused smile simply means he has already provided the answer… and many times over!  "Design your site with the user in mind … not us."
- - -
Please reach out at any time with follow-up questions on the above topics or anything related to your online store (, 253-777-0192).
Also, please stay tuned for our next email newsletter, which will present a trove of valuable Site Design considerations, specific to responsive as well as overall trends. This information will be provided by our Lead Designer and Chief Creativity Officer, Julia Fowler.

Yours in E-Commerce,


Popular posts from this blog

Auto-update Copyright Year

This is one of those minor, recurring questions I'm always asked (each year): to update the copyright year in sites. Whether this is the "right thing" to do or not I don't know, but here is how you can make it automatic: First, go to the Variables page (these instructions are for Yahoo! Stores), and do a search for the word "copyright" or the year that's currently displayed next to your copyright message. If you can't find it there, chances are you have a custom template and the copyright message might be coming from some place else. In that case, you'll have to track it down, but because custom templates can be set up in any which way, unfortunately you'll be on your own. Assuming you found it, replace the year with this JavaScript code: <script>document.write(new Date().getFullYear())</script> Hit Update and you should be all set!

Pre-Season Checkup

With the holiday shopping season fast approaching it's a good idea to do a general checkup on your store to be sure it's ready for prime time. Below are a few things you would want to check, along with a few add-ons that are not too major in scope, but which are often neglected and give you an edge over your competition. Can you Search and Order? Every time we do anything major in a store we test two things: whether searching and adding to cart/ordering works. You can have nice, flashy pictures, cool animation effects, a very quick loading site, anything, but if the store search is broken or you can't add to the cart or can't check out then an ecommerce site is worth nothing. Can you Order? Chances are if your checkout was completely broken you'd know about it by now, but it doesn't have to be totally broken in order to scare away potential customers. So go ahead, go to your site and first do a search and make sure it works. Then, add one or more products

How to create clean and efficient CSS

In a typical workday, I deal with dozens of yahoo stores and very often I have to tweak, fix, or change CSS used by these stores. While some stores have very clean and easy to follow style sheets or CSS definitions, the vast majority of stores I've seen seem to include complete hack jobs, style sheets put together completely haphazardly, or as an afterthought. While working in such a store, the idea came to me to turn my gripes into a post. So the following is my list of dos and don'ts of good CSS or style design. 1. Externalize your style sheets. This means to save your style sheets into one or more css files, and link to them using the <link rel="stylesheet" type="text/css" href="/lib/yourstoreid/yourstyle.css"> notation, or in Editor V3.0, you can use the LINK operator. 2. Combine your style sheets into as few files as possible. Nothing worse than trying to wade through 6, 8, 10 or more different style sheets to find the color of a