301Views45Replies

Author Options:

Design Changes on Instructables Answered

As you've noticed, we've been making some design changes to Instructables.  We're trying to accomplish a number of things including making it easier to find content you're interested in, creating more compelling products for advertisers, and supporting and growing what we've already built.  Here, I'll share the details around some specific design changes.

One of my big goals for 2010 is to increase our direct visitors.  A direct visitor might type our URL into their browser, click on a link in a newsletter, come to the site from one of their bookmarks, or search for a phrase that includes "Instructables".  Other types of visitors include searchers, who come to the site from phrases such as "sweet potato fries" but aren't specifically trying to reach Instructables.com, and visitors from blogs or news portals.  My thesis is that more and more brand advertisers will want to reach our true community, and not people who are just passing by.  A pretty good proxy for our true community is direct visitors, and we've already seen the savviest advertisers try to reach only that community by advertising exclusively on our homepage (the recent Apple campaigns, for example).  To grow our business and ensure that Instructables thrives, it's important that we have great opportunities for advertisers, and a stronger community means more great Instructables and more intelligent people seeing and commenting on your Instructables.

To this end, we've been working to increase the likelihood that someone will go deeper into our content, and remember to come back in the future.  Said another way, we want that sweet potato fries Google search to introduce someone to Instructables, and then have them think, "wow this site is amazing, I'll bookmark it, sign up for the newsletter, come back, etc..."  Some of the most dramatic changes are on the homepage and channel homepages.   On the homepage, we've removed the intro text from the links to Instructables.  By making the homepage less cluttered with words, I was hoping to increase the number of people clicking on an Instructable.  Also, I felt that the beginning of the intro text didn't contribute much to my understanding of the Instructable, and often it was no more than a repetition of the title (and at worse a note about how it was someone's first...).  Removing text to increase engagement might seem counter-intuitive, but with too much going on, visitors sometimes just leave rather than decide what to click on.  So far, clicks from the homepage are flat or slightly up, so this change hasn't had a negative effect on deepening visits, and may over time move us in a positive direction.  On the channel homepages, we've drastically changed the layout to be more blog-like.  My theory here was to give people a format they were more familiar with from elsewhere on the web, and results have been dramatic.  The exit-rates (the percentage of visitors that leave Instructables from a particular page) on our channel homepages have been cut in half.  For example, the exit-rate on the home channel homepage has dropped from 12% to 4.5%.  This is really good!  To me, this indicates that on the channel homepages we're giving visitors more compelling content, and they are more likely to dig into that content.

In support of our efforts to deepen visits, we've been doing similar smaller changes all over the site. Most of these are based on our traffic and click analysis, and if my theories are wrong, we change back or try something else.  One particular change that has generated concern is the removal of the Answers link from the header.  This has nothing to do with our support of Answers in general -- it's based on data.  That link was almost completely unused.  Coming again from the perspective of making a slightly cleaner look, we removed it.  As the link wasn't generating any clicks, traffic to Answers has been unaffected.  In fact, as we're highlighting specific answers on the channel homepages, traffic to the Answers section is actually up 7% since we removed the link:  from Feb. 1 - 18 answers did an average of 11.1 K pageviews per day; from Feb. 19 - 28 it's done 11.9 K pageviews per day.  Perhaps that's noise in the data, but removing the link certainly hasn't been the end of answers, and the trend since the change is positive.

So, we do rearrange the furniture from time to time, but it's never without reason.  We're always trying to make Instructables better.  We've messed up in the past, and we'll surely mess up in the future; but I think this is good, because if we're not reaching and striving a little bit beyond our comfort zone, we're not learning and improving. 

45 Replies

user
Ninzerbean (author)2010-03-02

Call me obtuse but what is a "channel homepage"? I would like to see the change but don't know how to get there or what it is. Also just for a comment on the new look  - it pops but looks a bit pedestrian with Helvetica, Instructables deserves better font.

Select as Best AnswerUndo Best Answer

user
kelseymh (author)Ninzerbean2010-03-02

If you don't like the font, change it in your Preferences.  Issues like font, font size, and framing widths are meant to be under control of the user's browser.  After all, how can I'bles know whether you have good or poor vision, or if you're even looking at the page (as opposed to having it read to you by your computer, or using Braille).

Select as Best AnswerUndo Best Answer

user
Ninzerbean (author)kelseymh2010-03-02

I can't change a website's font. I have my browser set to a different font but things only appear in that font under certain circumstances, not a website. K, I think you are a genius of course and I hate to say it ain't so  to you but I don't see how I can do what you are saying. I use Safari if that matters.

Select as Best AnswerUndo Best Answer

user
kelseymh (author)Ninzerbean2010-03-02

Just because I usually know what I'm talking about doesn't mean I always do :-)  Feel free to tell me I'm wrong (as I am, unfortunately, in this case).

On my version of Firefox (MacOSX), under Preferences -> Content, there's a section to specify font and size, and there's an [Advanced] button.  On that second dialogue box, there's a checkbox labeled "Allow pages to choose their own fonts."  If I uncheck this, then I can force all pages to be displayed in a font that I can read (e.g., Arial).

However...I went through all of Safari's preferences and their help.  They do not provide the same ability to override remote pages for accessibility.  You can set a minimum font size, but not a font family.  The closest you could get would be to write your own cascading style sheet CSS, and tell Safari to use it (under Preferences -> Advanced).  I do not know whether that would override a remote site or not.

Select as Best AnswerUndo Best Answer

user
Ninzerbean (author)kelseymh2010-03-02

As usual you are wonderfully thorough and I really appreciate it. I am probably as stubborn as you are thorough and I love Safari so I guess being that I can't write CSS I will have to stick with looking at Helvetica here. But I am going to open Firefox just to see how it would look in Arial. Thanks K. 

Select as Best AnswerUndo Best Answer

user
kelseymh (author)Ninzerbean2010-03-02

I don't write CSS either, but it is the right way to separate layout/presentation issues from content markup.  There must be nice utilities (maybe even Safari or Firefox themselves?) which let you use menus or something to do the configuration, then write out the CSS text for you.

Select as Best AnswerUndo Best Answer

user
Ninzerbean (author)kelseymh2010-03-02

It's OK, I went to look how it wold look on Firefox and found I actually missed the "regular-for-me" Helvetica look. I think Helvetica is like the word "awesome" - really over used when there are better words and fonts out there just for the sake of variety if nothing else.

Select as Best AnswerUndo Best Answer

user
kelseymh (author)Ninzerbean2010-03-02

Sans-serif fonts (Helvetica, Arial, etc.) are recommended for accessibility.  People with low vision, and machine readers, have difficulty with serif fonts.  Helvetica has the advantage that it's public domain, and available on all platforms.  Of course, that advantage is exactly what makes it over used ;->

Select as Best AnswerUndo Best Answer

user
Ninzerbean (author)kelseymh2010-03-02

 That may be true but serif fonts are indeed easier to read, there was a movement awhile back to change all street and highway signs to serif because they are easier to read especially when you are driving by them very fast. It is why books typically are written in serif too. I can understand about low vision readers I guess but you wouldn't think so. The serifs help keep your eye moving along the lines of type.

Select as Best AnswerUndo Best Answer

user
Kiteman (author)Ninzerbean2010-03-02

Actually, sans serif fonts are much easier to read quickly, which is why they are used in comics and learn-to-read books.  It's to do with cleanness of lines and eye-tracking along the curve of the letters, apparently.

In UK schools, the #1 font for text for poor readers is comic sans.


Select as Best AnswerUndo Best Answer

user
Lithium Rain (author)kelseymh2010-03-02

For some reason Stylish and Greasemonkey aren't doing the trick...I don't know why. :( It ought to be a two-second job. -_-


Select as Best AnswerUndo Best Answer

user
Kiteman (author)Lithium Rain2010-03-02

What's this?  Codemonkey beaten by the banana?


Select as Best AnswerUndo Best Answer

user
Lithium Rain (author)Kiteman2010-03-02

:P Not motivated enough to track it down and make it cry.

Select as Best AnswerUndo Best Answer

user
Kiteman (author)Lithium Rain2010-03-02

I now have this image of you prowling grocery stores, poking fruit with cutlery...

Select as Best AnswerUndo Best Answer

user
killerjackalope (author)Kiteman2010-03-03

 That image will never leave my head, ever...

Select as Best AnswerUndo Best Answer

user
LoneWolf (author)killerjackalope2010-03-03

Yeah, I got hit with it too :)

Select as Best AnswerUndo Best Answer

user
Kiteman (author)Ninzerbean2010-03-02

See the links under the banner ("Art, Craft, Food" etc) - they are the channels, and each has its own homepage.

Select as Best AnswerUndo Best Answer

user
Ninzerbean (author)Kiteman2010-03-02

Category homepages might be a more apt name, thank you for letting me know. "Channel" - huh?

Select as Best AnswerUndo Best Answer

user
Goodhart (author)Ninzerbean2010-03-02

Suddenly, I hear the cry:   Don't touch that dial !!!  (mostly from old Underdog cartoons, on tv, begging  you not to "change channels"  :-)   Ok, I have a very weird memory.....

Select as Best AnswerUndo Best Answer

user
Goodhart (author)2010-03-02

Yes, I echo Kelsey's sentiment about keeping us informed like this.  It makes the community closer knit I beleive, and certainly quells any anxiety over changes we might see but not understand at first. Thank you.

Select as Best AnswerUndo Best Answer

user
LoneWolf (author)2010-03-02

Just asking, didn't their used to be a way to search members the same way you would search instructables?

Select as Best AnswerUndo Best Answer

user
kelseymh (author)LoneWolf2010-03-02

Better to put this into a separate forum topic (e.g., under Feedback).

Select as Best AnswerUndo Best Answer

user
LoneWolf (author)kelseymh2010-03-02

Do you mean I should start a new forum topic for my question?

Select as Best AnswerUndo Best Answer

user
Kiteman (author)LoneWolf2010-03-02

Yes, and when you do, select "Help; Feedback".

Select as Best AnswerUndo Best Answer

user
LoneWolf (author)Kiteman2010-03-02

*sigh* more work :) Alright, I'll do that.

Select as Best AnswerUndo Best Answer

user
kelseymh (author)LoneWolf2010-03-02

The difference is that Questions are generic, and pretty much only responded to by other I'bles members.  If you really want this to go back to Staff, either for a response or for action, then you should post it as a forum topic in Feedback or in Bugs (take your pick).

Select as Best AnswerUndo Best Answer

user
LoneWolf (author)kelseymh2010-03-02

Alright, well how do you get it to post in Feedback? I looked in the feedback category and I didn't see an option  for posting a new forum topic their.......................but I'll try again.

Select as Best AnswerUndo Best Answer

user
Goodhart (author)LoneWolf2010-03-02

well how do you get it to post in Feedback


Well you turn the mic towards the speakers and turn up the volume....oh wait,  the Feedback Forum....sorry  >:-) 

Select as Best AnswerUndo Best Answer

user
LoneWolf (author)LoneWolf2010-03-02

Ignore that last question, I figured out how.

Select as Best AnswerUndo Best Answer

user
LoneWolf (author)Kiteman2010-03-02

Another question, I posted it as a question but when I clicked on the "Help" shortcut I didn't see it there?

Select as Best AnswerUndo Best Answer

user
LoneWolf (author)Kiteman2010-03-02

Alright I posted a new question for it.

Select as Best AnswerUndo Best Answer

user
n8man (author)2010-03-01

 Is the home page being blue a part of this, or is that just the Pepsi contest?

Select as Best AnswerUndo Best Answer

user
fungus amungus (author)n8man2010-03-01

 That's just Pepsi-related.

Select as Best AnswerUndo Best Answer

user

But it is such a lovely soothing blue, and the contrast with the orange is pleasing.  Yes I am being serious.

Select as Best AnswerUndo Best Answer

user
kelseymh (author)n8man2010-03-01

Remember when they turned it green for Apple?  Same annoying thing :-/

Select as Best AnswerUndo Best Answer

user
=SMART= (author)2010-03-02

Cool, thanks for the update !

Im going to look at the channels

Select as Best AnswerUndo Best Answer

user
kelseymh (author)2010-03-01

Eric, thank you for putting this up publicly.  I think it really helps the community feel connected when you provide details like this.  And now it gives us something to point to!

Select as Best AnswerUndo Best Answer

user
Brennn10 (author)2010-03-01

Thanks for keeping this site awesome; keep up the great work! It surely is appreciated.

Select as Best AnswerUndo Best Answer