Posts Tagged site

How to Set Up a Search Engine-Friendly Site Maintenance Page

I found this SEOmoz post on setting up a search engine-friendly website maintenance page to be very useful, especially as I have a significant website redesign launch coming up.

In the past I’ve left this aspect of website management in the hands of my network administrator, but who knows if they are aware of the pitfalls of sending the wrong signals to the search engines when your site is down for maintenance. At least now I’ll be able to ask the right questions as we approach launch time.

This leads me to a broader question. As the infrastructure behind a website grows increasingly complex, how much technical knowledge is it reasonable to expect a website manager to possess? Is being able to edit an .htaccess file a still a prerequisite for the job?

As web team roles become more specialized, the role of the web manager remains the one where a wider range of skills — design and usability, web development, content strategy and development, SEO, SEM, information architecture, site performance, analytics, etc. — is needed in order to interact effectively with those specialists.

However, I am finding it harder to keep up with advances in all these various web disciplines (as can be seen be the number of unread entries in my RSS reader). How do others manage it?

 How to Set Up a Search Engine Friendly Site Maintenance Page  How to Set Up a Search Engine Friendly Site Maintenance Page  How to Set Up a Search Engine Friendly Site Maintenance Page  How to Set Up a Search Engine Friendly Site Maintenance Page

 How to Set Up a Search Engine Friendly Site Maintenance Page

Tags: , , , , ,

How a Proactive Pop Up Increased Online Chats by Over 200%

A few months ago I updated the live chat tool for one of the websites I manage so that it would proactively pop up after a visitor had been on the site for a couple of minutes and had viewed several pages. The pop-up is pretty intrusive which concerned me from a user experience standpoint, but I thought I would try it out anyway.

Here’s how the chat popup looks — you can’t navigate the site without closing it:

0f4f8 scd chat popup How a Proactive Pop Up Increased Online Chats by Over 200%

We’ve now been running the proactive for four months, and the increase in the number of online chats it has generated is quite substantial:

Month Increase in # of chats
September 2011 433%
October 2011 211%
November 2011 195%
December 2011 195%
Average 258%

A 200%+ increase in the number of chats was certainly more than I had expected. Not surprisingly, I was also concerned about the negative impact in might have on other visitors who might find it too intrusive and instead choose to leave the site.

Fortunately, we have not seen any spikes in exit rates that could be attributed to this, nor has our conversion rate gone down. In fact, over the last quarter the site has experienced its highest ever revenue, although this is likely to be due to other activities and campaigns we have underway.

Despite its intrusive nature, we’ll be sticking with the proactive chat popup. If you are running an online chat service on your website — especially if it is an ecommerce site — and do not have it set to proactively pop up, you might want to test whether you can drive more chats this way.

 How a Proactive Pop Up Increased Online Chats by Over 200%  How a Proactive Pop Up Increased Online Chats by Over 200%  How a Proactive Pop Up Increased Online Chats by Over 200%  How a Proactive Pop Up Increased Online Chats by Over 200%

 How a Proactive Pop Up Increased Online Chats by Over 200%

Tags: , , , , ,

50 Interesting Navigation Menus

Tags: , , , , ,

A Cautionary Tale from the Target.com Redesign

Advertising Age has a cautionary tale about the recent Target.com redesign which calls out some of the many problems that can arise during a large ecommerce project like this.

As I am in the middle of a significant ecommerce website redesign myself, I am always keen to hear about the redesign experiences of other online stores so that I can learn from their best practices and mistakes.

ReadWriteWeb follows up (piles on?) on the AdAge article with their own lessons learned from Target’s experience and UserTesting.com highlights user experience issues encountered by their own test subjects with some enlightening videos.

Of all the commentary I’ve read, AuthorityLabs has a the most scathing post on the redesign — the comment thread in particular is worth reading for the additional detail on many of the problems (although I could do without the ad hominem attacks).

One comment in particular struck a chord with me regarding whether the scope of the project was too big:

This should have started as a platform relaunch without changing the template.

I’m sure there were reasons why this did not happen, but I would certainly agree with the sentiment. Embarking on a ‘big bang’ redesign that involves a platform change as well as a complete front-end refresh is fraught with risk and (in my opinion) to be avoided wherever possible.

Which is why for the redesign I am currently working on, we are starting with a platform migration (to Magento, if you’re interested) with only (fairly) minor design changes to make the site design work on the new platform. Phase two will be a more complete design update, but initially the goal is to safely get off of our existing ecommerce platform (much like Target, who decided to separate from Amazon.com).

Even so, there are many opportunities for us to stumble — from negatively affecting search engine rankings, botching account migrations from one system to the other, employing a new site search, to just having a new site which users will be unfamiliar with.

Putting a complete design overhaul on top of this would be very risky indeed. Even with our limited design goals, there are numerous design issues that need to be resolved — for example, when the new platform offers features that previously did not exist, or when functionality was so poorly implemented on the previous site that it would make no sense to port it over to the new site.

I’ve been sharing the AdAge article internally, if only to make sure that our stakeholders understand that we should launch when we are ready and not be driven by an arbitrary deadline, no matter how badly we want to move to the new system. We will see if this cautionary tale is heeded.

 A Cautionary Tale from the Target.com Redesign  A Cautionary Tale from the Target.com Redesign  A Cautionary Tale from the Target.com Redesign  A Cautionary Tale from the Target.com Redesign

 A Cautionary Tale from the Target.com Redesign

Tags: , , , , ,

Showcase of Gorgeous Black and White Websites

Tags: , , , , ,

Is This New Browser-Based CSS Editor a Firebug Replacement?

When I read the words “browser-based CSS editor” recently on RedWriteWeb I got excited because it sounded like a way to be able edit CSS on the fly in browsers other than Firefox (yes, you Internet Explorer).

Well, WebPutty is not necessarily a Firebug replacement for me, but it’s worth checking out. You have to add some code to your site in order for it to work (yes, yet another external script), but once you’re set up you can edit your stylesheets via the WebPutty site and publish your changes too.

4783e webputty selector highlight small2 Is This New Browser Based CSS Editor a Firebug Replacement?

WebPutty interface

That’s more than I’d like to do — I generally prefer to use Firebug to try out small ideas and fix troublesome issues. However, you can just use WebPutty to preview your changes without saving anything to your site. You can also download the updated stylesheet so that you can make your edits in your editor of choice.

WebPutty was created by FogCreek Software whose products I respect a great deal, and it is free to use so there’s no reason not to take a look.

I’m not sure if I would ever use it on a large website, but I could see myself using it on a personal site or one of my smaller client sites. I’d be interested to hear what others think and if anyone has tried it out.

 Is This New Browser Based CSS Editor a Firebug Replacement?  Is This New Browser Based CSS Editor a Firebug Replacement?  Is This New Browser Based CSS Editor a Firebug Replacement?  Is This New Browser Based CSS Editor a Firebug Replacement?

 Is This New Browser Based CSS Editor a Firebug Replacement?

Tags: , , , , ,

The Importance of Web Content Strategy

 The Importance of Web Content Strategy Read the rest of this entry »

Tags: , , , , ,

30 Awesome Web Designs That Create an Illusion of Depth

 30 Awesome Web Designs That Create an Illusion of Depth Read the rest of this entry »

Tags: , , , , ,

Designing UX Exchange

A few weeks ago Jin Yang

Read the rest of this entry »

Tags: , , , , ,

Sponsor Love: Companies That Support Six Revisions (Mar 2011)

0086 01 sponsor love march2011 Sponsor Love: Companies That Support Six Revisions (Mar 2011) Read the rest of this entry »

Tags: , , , , ,

Understanding the Elements of Responsive Web Design

0064 01 elements responsive webdesign thumbnail Understanding the Elements of Responsive Web Design Read the rest of this entry »

Tags: , , , , ,

User-Friendly SEO

0042 01 user friendly seo thumbnail User Friendly SEO Read the rest of this entry »

Tags: , , , , ,

The Benefits of Wireframing a Design

0021 01 advantages wireframing design thumbnail The Benefits of Wireframing a Design Read the rest of this entry »

Tags: , , , , ,

Designing Websites with Personality

0014 01 design some personality thumbnail Designing Websites with Personality Read the rest of this entry »

Tags: , , , , ,

Accessibility Tips for Better Navigation

Website navigation is our common communication system between all other web pages. Interlinking through unique identifiers (URLs) has worked for decades. If anything navigation links have been with the basics of web design since the early days. Through advancements in digital arts and design we have seen new practices bubbling up everywhere.

9068e paint color pallet Accessibility Tips for Better Navigation

Accessibility has turned into a major concern for Internet browsers. With more users on their mobile phones and tablet devices it’s important to develop a navigation around common themes. Below are some themes repeated in modern designs for good, clear website navigation.

Placement is Everything

How your navigation looks holds well over 50% importance towards how your visitors will conceptualize and interact with your site. The needs between each website are also very different since there are varying degrees of access and focal points.

A personal portfolio website may contain 2-3 simple pages with content and information. This is much different than a social networking application which will present tens if not hundreds of different views. This means fitting a lot of links into the same amount of “room” on a user’s monitor.

9068e navigator floppy tech Accessibility Tips for Better Navigation

Top/right placements have yielded the best results for collective site navigation. Often you’ll see horizontal links sewn across the page a-la bar-style. This works well and can even contain deeper level links in drop-down submenus.

Sidebar Links and Advantages

I haven’t seen too many around these days but for future reference there is always plenty of room in a website’s sidebar for overflow. Instead of trying to cram 30 or 40 links into a horizontal bar, why not split 8-10 of the site’s most important links as a heading?

Using this methodology you keep your visitors focused on the core pages at the top of your layout while offering sub-topics and related pages all down the sidebar. This method can work well with smaller-niche sites such as video game communities. Heading links should contain the site’s core pages while information about the games, characters, bios, forums and other resources can be split into sidebar pieces.

Develop Font Styles Concisely

CSS provides a number of advanced features, even for today’s standards. The ability to add text shadows, glows, embossing (and the list goes on) with just a few lines of code is irreplaceable. Typography will make up mostly all of the content on any website and this is especially
Read the rest of this entry »

Tags: , , , , ,