Bounce rate & general tips

A place to discuss the implementation and style of computer programs.

Moderators: phlip, Prelates, Moderators General

Bounce rate & general tips

Postby BotoBoto » Fri Aug 19, 2011 2:57 pm UTC

My bounce rate is killing me. It is up to 60% with peaks of 70/80%. While the keywords visitors search for via google to land on my site is exactly what they get (mostly memes and 'funny' stuff). The problem I think is big buttons containing links to the next page/picture. But I have installed Clickheat to track most of the clicks people do. Is something going wrong? Apart from the hoardes of chinese bots on my site per day, people are failing to actually click through. If anybody has any insights they would be much appreciated. Funny pictures site yay. Anyway In my view the UI is pretty straightforward but seeing as my bounce rate is so low either my site's content does not attract the kind of people I'd like (young-adults with bad sense of humour) or the UI is just horrible.

Also Everything people know on how to fine tune analytics for analyzing this sort of stuff is very much appreciated.
Things I have fixed since this thread:
  • I have made it so that if you get to the last picture (when there is no 'next' picture/video) you get a random one;
  • Better way of displaying images: they are not forced to be 600px wide making people get a blurry image most of the time;
  • Backend for converting images to 600px if larger than 600px wide is available but not yet parsed (dont wanna go ahead and ruin a ton of images without testing);
  • Same goes for different thumbnail sizes;
  • Better ad placement (not that the 8 dollars a month is killing me, but its mostly for tesing purposes. );
  • Better tagging seperation (I used the ',' delimter first, but am now using the space;
  • Told google not to include search results from tag links in google result;
  • Made a static subdomain without cookies to server my images;
  • Upgraded the information location on picture/video views for a more compact view so that the dislike/like buttons are easily seen;
  • Overall SEO improved. So more readable urls: e.g.: /media/bladiebla-123/ becomes /media/123-bladiebla/ .

Edit (13/9/11): Changed opening post
Last edited by BotoBoto on Tue Sep 13, 2011 10:34 am UTC, edited 2 times in total.
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate

Postby Ambeco » Fri Aug 19, 2011 4:18 pm UTC

My first impressions:
The site is too wide. The "next" button is over 1000px from the left side of my window. Move next/prev to just above and just below the image/video if you want people to be more likely to scroll.
There's too much sideshow. The left "sidebar" is also a third of the "main" width, which diminishes attention to the image at the right. The goal should be for the image/video to be the center of attention, instead, my attention is split with all of the "noise" around the image.
There seems to be excess space above the image, not sure why. The top of the image is below the word "description" in the sidebar. As the source references Google ads, and I don't see any, that might be why.
The "Add my comment" button renders in an odd position (chrome 13.0.782, windows XP 32bit), and the Comments section appears twice.
On one of the pages, it felt like the video took to long to start loading. If possible, make sure the the image/video is as close to the top of the html as possible. (I believe CSS makes that easier). Also, javascript should (wherever possible) be at the bottom of the html. Thus on slower connections, the image will begin loading slightly sooner/first, the browser will render the page, and _THEN _ load the javascript telling it what to do if the user clicks.

Take everything with a grain of salt, I've never played with javascript or CSS, so my knowledge is limited (or wrong), and I'm not a design person.
Ambeco
 
Posts: 104
Joined: Thu Mar 03, 2011 12:17 am UTC

Re: Bounce rate

Postby Ambeco » Fri Aug 19, 2011 4:24 pm UTC

Also http://www.funzors.com/media/swedish-19/, "next" links to "http://www.funzors.com/media/derp-18/"
Ambeco
 
Posts: 104
Joined: Thu Mar 03, 2011 12:17 am UTC

Re: Bounce rate

Postby BotoBoto » Fri Aug 19, 2011 4:37 pm UTC

Ambeco wrote:My first impressions:
The site is too wide. The "next" button is over 1000px from the left side of my window. Move next/prev to just above and just below the image/video if you want people to be more likely to scroll.
There's too much sideshow. The left "sidebar" is also a third of the "main" width, which diminishes attention to the image at the right. The goal should be for the image/video to be the center of attention, instead, my attention is split with all of the "noise" around the image.
There seems to be excess space above the image, not sure why. The top of the image is below the word "description" in the sidebar. As the source references Google ads, and I don't see any, that might be why.
The "Add my comment" button renders in an odd position (chrome 13.0.782, windows XP 32bit), and the Comments section appears twice.
On one of the pages, it felt like the video took to long to start loading. If possible, make sure the the image/video is as close to the top of the html as possible. (I believe CSS makes that easier). Also, javascript should (wherever possible) be at the bottom of the html. Thus on slower connections, the image will begin loading slightly sooner/first, the browser will render the page, and _THEN _ load the javascript telling it what to do if the user clicks.

Take everything with a grain of salt, I've never played with javascript or CSS, so my knowledge is limited (or wrong), and I'm not a design person.



The javascript actually inserts the video, I could ofcourse optimize that.

I was actually revamping the page as you were viewing it. So if you could look again You should see a better page. I thought the button to the left and right were pretty decent. But if they are not positioned correctly I could of course change that... I could make the image 100% but that would make smaller images look very strange/distorted. THank you for your input!

Could you make a screenshot of the button?
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate

Postby Sagekilla » Fri Aug 19, 2011 8:34 pm UTC

Your website made my flash plugin crash :( I got something that said "Error type: 150"

Rule #1 of error handling: Never give your users obscure error messages like "Type #X". Only programmers should ever see that.
Make it something more readable like "Your flash plugin has stopped responding" or whatever a type 150 error actually is.

I had to kill my flash plugin process to get my browser to respond to me.
http://en.wikipedia.org/wiki/DSV_Alvin#Sinking wrote:Researchers found a cheese sandwich which exhibited no visible signs of decomposition, and was in fact eaten.
Sagekilla
 
Posts: 385
Joined: Fri Aug 21, 2009 1:02 am UTC
Location: Long Island, NY

Re: Bounce rate

Postby BotoBoto » Sat Aug 20, 2011 3:24 am UTC

Thats actually the youtube api giving me an error =[ I could intercept it but its youtube. Its that the video cannot be embedded anymore. :( Ill look into making that a popup in the layout of my website.
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate

Postby gorcee » Sat Aug 20, 2011 2:32 pm UTC

Too much space is spent on statistics. I have no idea at a glance what the site is about. I see a picture, which is supposed to be the central theme. And then I see a bunch of other stuff that takes up almost as much space, so maybe that's important, too? But it's not very interesting.

The problem is too much extraneous information is distracting from the central theme such that I cannot figure out what the central theme is at a glance. The layout looks like the diagnostic display for the Starship Enterprise, to be honest.

If I want to look at a funny picture, let me look at a funny picture. No one actually reads tags. So why put them on an equal level as the main thing? Also, in Western languages we read left to right. So that extra information appearing on the left is what we subconsciously see first. So it's like HEY INFORMATION? Information, cool! Wait, what is this information for? There's a funny picture over here, BUT WHAT IS THIS INFORMATION IT SEEMS IMPORTANT BECAUSE IT APPEARED FIRST DEAR GOD WHY IS THIS HERE WHAT IS GOING ON?!?!
gorcee
 
Posts: 1501
Joined: Sun Jul 13, 2008 3:14 am UTC
Location: Charlottesville, VA

Re: Bounce rate

Postby BotoBoto » Sat Aug 20, 2011 3:33 pm UTC

gorcee wrote:Too much space is spent on statistics. I have no idea at a glance what the site is about. I see a picture, which is supposed to be the central theme. And then I see a bunch of other stuff that takes up almost as much space, so maybe that's important, too? But it's not very interesting.

The problem is too much extraneous information is distracting from the central theme such that I cannot figure out what the central theme is at a glance. The layout looks like the diagnostic display for the Starship Enterprise, to be honest.

If I want to look at a funny picture, let me look at a funny picture. No one actually reads tags. So why put them on an equal level as the main thing? Also, in Western languages we read left to right. So that extra information appearing on the left is what we subconsciously see first. So it's like HEY INFORMATION? Information, cool! Wait, what is this information for? There's a funny picture over here, BUT WHAT IS THIS INFORMATION IT SEEMS IMPORTANT BECAUSE IT APPEARED FIRST DEAR GOD WHY IS THIS HERE WHAT IS GOING ON?!?!


Haha I laughed :D Uhm yes. True. Should I put it on the right or below it? I am no UI designer that is why I need feedback :D

INFORMATION OVERLOAD. I mostly have the information for archiving/searches. The layout was hard work :( Im no designer, any thoughts on it in general?
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate

Postby gorcee » Sat Aug 20, 2011 3:40 pm UTC

BotoBoto wrote:
gorcee wrote:Too much space is spent on statistics. I have no idea at a glance what the site is about. I see a picture, which is supposed to be the central theme. And then I see a bunch of other stuff that takes up almost as much space, so maybe that's important, too? But it's not very interesting.

The problem is too much extraneous information is distracting from the central theme such that I cannot figure out what the central theme is at a glance. The layout looks like the diagnostic display for the Starship Enterprise, to be honest.

If I want to look at a funny picture, let me look at a funny picture. No one actually reads tags. So why put them on an equal level as the main thing? Also, in Western languages we read left to right. So that extra information appearing on the left is what we subconsciously see first. So it's like HEY INFORMATION? Information, cool! Wait, what is this information for? There's a funny picture over here, BUT WHAT IS THIS INFORMATION IT SEEMS IMPORTANT BECAUSE IT APPEARED FIRST DEAR GOD WHY IS THIS HERE WHAT IS GOING ON?!?!


Haha I laughed :D Uhm yes. True. Should I put it on the right or below it? I am no UI designer that is why I need feedback :D

INFORMATION OVERLOAD. I mostly have the information for archiving/searches. The layout was hard work :( Im no designer, any thoughts on it in general?


As someone who has been in your shoes, I offer the following advice:

Stop thinking about the layout in terms of coding. Stop thinking about the layout in terms of function.

Start thinking about the layout in terms of imperative.

What is your site's mission and purpose? What is the most important thing it has to offer? What is it's raison d'etre? Begin with that. Now you've got that. Ok, what is it? Text, images, movies, charts? Whatever it is, how do we as human beings process that information? Display it in that level. From there, cascade onto the less important things.

As programmers or engineers, we tend to attack the problems that are hard enough to be interesting but easy enough to solve. Tab style navigation? In the bag, baby. Dynamically generated content? Booyah. Resist these urges. Figure out what your mission is, and then start by designing ONLY to that. If it's to display an image, start with a single-image display. Code that first. Then, code the things around it. Navigation, statistics, user interface actions, etc.
gorcee
 
Posts: 1501
Joined: Sun Jul 13, 2008 3:14 am UTC
Location: Charlottesville, VA

Re: Bounce rate

Postby BotoBoto » Sat Aug 20, 2011 3:46 pm UTC

gorcee wrote:
As someone who has been in your shoes, I offer the following advice:

Stop thinking about the layout in terms of coding. Stop thinking about the layout in terms of function.

Start thinking about the layout in terms of imperative.

What is your site's mission and purpose? What is the most important thing it has to offer? What is it's raison d'etre? Begin with that. Now you've got that. Ok, what is it? Text, images, movies, charts? Whatever it is, how do we as human beings process that information? Display it in that level. From there, cascade onto the less important things.

As programmers or engineers, we tend to attack the problems that are hard enough to be interesting but easy enough to solve. Tab style navigation? In the bag, baby. Dynamically generated content? Booyah. Resist these urges. Figure out what your mission is, and then start by designing ONLY to that. If it's to display an image, start with a single-image display. Code that first. Then, code the things around it. Navigation, statistics, user interface actions, etc.



Hmm well of course I started with that. But I wanted a more appealing layout. The thing is you don't get much feedback on what you do, so its hard to change things if you think its ok. Cant really run usability tests now can I? Keep it clean and simple is something Google + has done. Maybe thats a way to go? (not as in: copy it, but more as a UI philosphy)
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate

Postby gorcee » Sat Aug 20, 2011 5:26 pm UTC

There are many resources out there on the philosophy of UI design. It's also something that changes all the time, as our user experience constantly morphs into something new. I'd start by trying to find those.
gorcee
 
Posts: 1501
Joined: Sun Jul 13, 2008 3:14 am UTC
Location: Charlottesville, VA

Re: Bounce rate

Postby Ambeco » Sat Aug 20, 2011 7:50 pm UTC

Image
http://imageshack.us/photo/my-images/705/misbutton.png/
A screenshot of the button being in the wrong spot.
Ambeco
 
Posts: 104
Joined: Thu Mar 03, 2011 12:17 am UTC

Re: Bounce rate

Postby Sagekilla » Sun Aug 21, 2011 5:38 am UTC

BotoBoto wrote:Thats actually the youtube api giving me an error =[ I could intercept it but its youtube. Its that the video cannot be embedded anymore. :( Ill look into making that a popup in the layout of my website.


Wow, I'd like to go talk to the Google engineers that made those kind of obscure error messages happen and hit them over the head with a thing or two.
http://en.wikipedia.org/wiki/DSV_Alvin#Sinking wrote:Researchers found a cheese sandwich which exhibited no visible signs of decomposition, and was in fact eaten.
Sagekilla
 
Posts: 385
Joined: Fri Aug 21, 2009 1:02 am UTC
Location: Long Island, NY

Re: Bounce rate

Postby BotoBoto » Sun Aug 21, 2011 3:01 pm UTC

Ah well. I have been busy with the UI anyway, so the alert is not my biggest problem :)
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate

Postby Ambeco » Sun Aug 21, 2011 4:11 pm UTC

http://code.google.com/apis/youtube/js_ ... tml#Events. Error 150 is an alias for the video cannot be embedded event.
Very few languages can handle returning a error code very well. Error codes are required in most languages so that the programmer can handle the error in an appropriate way. Strings are slower to lookup the correct error handler, and are subject to chaning, while arbitrary numbers are not. I'm sure there are ways to handle the error such that you get the fully worded message, there almost always is.
Ambeco
 
Posts: 104
Joined: Thu Mar 03, 2011 12:17 am UTC

Re: Bounce rate

Postby elminster » Sun Aug 21, 2011 4:39 pm UTC

A few notes:
Media should be either the first or second item on the top menu bar, since that's the main focus of the site.
There should be some kind of sample on the front page, whether it be randomly chosen or daily/weekly most popular or top picks or featured. It gives a glance into the hidden treasures on the site and quickly promotes interest better than just browsing by recently added (Which will be 95-99.9% crap for most sites).
Colour scheme is too dark and formal looking; although I like that colour scheme myself, the demographics of funny picture sites will probably want more colour in some way.
The image doesn't align with the containing boarder
Add my comment button looks wrong.
Pictures/video selection in media doesn't work correctly.
The media type selection in media isn't obvious enough (I missed it the first 2 times I looked at it at a quick glance)
There should be some subtle indication if something is a picture or video when viewing all media types.
Incorrectly defined doctype.
Possibly have something to group the share icons a little better (Small background box and rounded corner boarder?); they seem a like they're just floating randomly, unconnected (At first glance).
You don't need the full url for links, just increases file size.
Click to zoom button on picture is misaligned (Using FF 6), and magnifying glass over text.
Still a lot of the styling tags in the html rather than CSS files.
Maybe add a "Top-rated/most-viewed user media/videos/pictures" to profiles.
Font size is a little too small in places (e.g. news)
Like/dislike buttons are obnoxious and too flat. Font is too plain.
Sponsor box is too large for the adverts; either move the advert or get better sized adverts.
In general, too much empty space; which is mostly wasted opportunity.
Redundant link just below heading bar, which is used inconsistently.
Image
elminster
 
Posts: 1506
Joined: Mon Feb 26, 2007 1:56 pm UTC
Location: London, UK, Dimensions 1 to 42.

Re: Bounce rate

Postby BotoBoto » Mon Aug 29, 2011 5:40 pm UTC

elminster wrote:A few notes:
Media should be either the first or second item on the top menu bar, since that's the main focus of the site.

Fixed:
elminster wrote:There should be some kind of sample on the front page, whether it be randomly chosen or daily/weekly most popular or top picks or featured. It gives a glance into the hidden treasures on the site and quickly promotes interest better than just browsing by recently added (Which will be 95-99.9% crap for most sites).

Same thing, fixed very nice :)
elminster wrote:Colour scheme is too dark and formal looking; although I like that colour scheme myself, the demographics of funny picture sites will probably want more colour in some way.

Lightened things up a bit ;D:
elminster wrote:The image doesn't align with the containing boarder
Add my comment button looks wrong.
Pictures/video selection in media doesn't work correctly.

uhm what do you mean with the first one? Add comment has now been made better ;) I hope pictures/video selection works now? :D
elminster wrote:The media type selection in media isn't obvious enough (I missed it the first 2 times I looked at it at a quick glance)
There should be some subtle indication if something is a picture or video when viewing all media types.
Incorrectly defined doctype.

Uhm how would you go about making it more obvious? Should it be orange? A subtle indication would be a very nice addition. Thank you.
Which doctype should it be? I believe that is the standard html 5 doctype.
elminster wrote:Possibly have something to group the share icons a little better (Small background box and rounded corner boarder?); they seem a like they're just floating randomly, unconnected (At first glance).
You don't need the full url for links, just increases file size.
Click to zoom button on picture is misaligned (Using FF 6), and magnifying glass over text.

I have deleted those share buttons for now. Google+ and Facebook both use an intricate set of iframes and divs. Ill look into better solutions.
But I had problems with relative links. How do refer to http://www.funzors.com/media/smoking-kills-mkay-124/ when im @ http://www.funzors.com/media/ without referring to media/media/smokingkills-mkay-124/?

I have taken out the zoom for now.

elminster wrote:Still a lot of the styling tags in the html rather than CSS files.
Maybe add a "Top-rated/most-viewed user media/videos/pictures" to profiles.
Font size is a little too small in places (e.g. news)

Hmm where for instance are there stylign tags? thats mostly used for hotfixes. I will add those top rated ones.. when I get a good rating system up: I'm probably going to store likes/day(and which day?) in the database so I can generate a lot of statistics and serve good content on profiles/index (with consideration to what is 'hot')
elminster wrote:Like/dislike buttons are obnoxious and too flat. Font is too plain.
Sponsor box is too large for the adverts; either move the advert or get better sized adverts.
In general, too much empty space; which is mostly wasted opportunity.
Redundant link just below heading bar, which is used inconsistently.


Uhm, where are those redundant links? Do you mean the breadcrumb? And unused space? Where exactly? :D


In total I have fixed a few things I believe.
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate

Postby bittyx » Tue Aug 30, 2011 9:07 am UTC

BotoBoto wrote:But I had problems with relative links. How do refer to http://www.funzors.com/media/smoking-kills-mkay-124/ when im @ http://www.funzors.com/media/ without referring to media/media/smokingkills-mkay-124/?


Instead of
Code: Select all
<a href="http://www.funzors.com/media/awsomeness-49/">Awsomeness</a>
you should use
Code: Select all
<a href="/media/awsomeness-49/">Awsomeness</a>


Also, please link the thumbnails as well as the text links, so
Code: Select all
<div class="image-list normal" style="width:33%">
  <img src="/uploads/images/thumbs/153.jpg" alt="challenger appears!" title="challenger appears!" />
  <div class="info" >
    <a href="http://www.funzors.com/media/challenger-appears-153/">challenger appears!</a><br /><span class="date">About 1 week 6 days ago</span>
  </div>
  <div class="float:clear;"></div>
</div>

becomes
Code: Select all
<div class="image-list normal" style="width:33%">
  <a href="/media/challenger-appears-153/"><img src="/uploads/images/thumbs/153.jpg" alt="challenger appears!" title="challenger appears!" /></a>
  <div class="info" >
    <a href="/media/challenger-appears-153/">challenger appears!</a><br /><span class="date">About 1 week 6 days ago</span>
  </div>
  <div class="float:clear;"></div>
</div>

It seems to me this would significantly increase usability, since it's easier to click on a 50x50 thumbnail, than it is a text-link. Even better, make the complete div.image-list.normal a link. E.g. something like this:
Code: Select all
<!-- HTML -->
<div class="image-list normal" style="width:33%">
  <a href="/media/challenger-appears-153/"></a><img src="/uploads/images/thumbs/153.jpg" alt="challenger appears!" title="challenger appears!" />
  <div class="info" >
    challenger appears!<br /><span class="date">About 1 week 6 days ago</span>
  </div>
  <div class="float:clear;"></div>
</div>

Code: Select all
/* CSS */
div.image-list > a {
  display:block;
  position:absolute;
  width:(whatever the width of the parent div is);
  height:(the same);
}

That's how I, as a visitor to your site, would expect your links to work, instead of having to chase down the titles of the images in order to click them.

Also, your thumbnails are 100x100 (and some aren't even square, like this 100x92 thumbnail), but you resize them with CSS to 50x50. That's, in addition to being prone to looking ugly (since you can resize them to the appropriate dimensions with better control server-side than what the browser can do), also a bunch of wasted bandwidth. You're basically transmitting 4 times the size at which you're displaying the thumbnails (well, not that much due to overhead etc. but you get the idea).
bittyx
 
Posts: 181
Joined: Tue Sep 25, 2007 9:10 pm UTC
Location: Belgrade, Serbia

Re: Bounce rate

Postby BotoBoto » Wed Aug 31, 2011 4:41 pm UTC

bittyx wrote:
BotoBoto wrote:But I had problems with relative links. How do refer to http://www.funzors.com/media/smoking-kills-mkay-124/ when im @ http://www.funzors.com/media/ without referring to media/media/smokingkills-mkay-124/?


Instead of
Code: Select all
<a href="http://www.funzors.com/media/awsomeness-49/">Awsomeness</a>
you should use
Code: Select all
<a href="/media/awsomeness-49/">Awsomeness</a>


Also, please link the thumbnails as well as the text links, so
Code: Select all
<div class="image-list normal" style="width:33%">
  <img src="/uploads/images/thumbs/153.jpg" alt="challenger appears!" title="challenger appears!" />
  <div class="info" >
    <a href="http://www.funzors.com/media/challenger-appears-153/">challenger appears!</a><br /><span class="date">About 1 week 6 days ago</span>
  </div>
  <div class="float:clear;"></div>
</div>

becomes
Code: Select all
<div class="image-list normal" style="width:33%">
  <a href="/media/challenger-appears-153/"><img src="/uploads/images/thumbs/153.jpg" alt="challenger appears!" title="challenger appears!" /></a>
  <div class="info" >
    <a href="/media/challenger-appears-153/">challenger appears!</a><br /><span class="date">About 1 week 6 days ago</span>
  </div>
  <div class="float:clear;"></div>
</div>

It seems to me this would significantly increase usability, since it's easier to click on a 50x50 thumbnail, than it is a text-link. Even better, make the complete div.image-list.normal a link. E.g. something like this:
Code: Select all
<!-- HTML -->
<div class="image-list normal" style="width:33%">
  <a href="/media/challenger-appears-153/"></a><img src="/uploads/images/thumbs/153.jpg" alt="challenger appears!" title="challenger appears!" />
  <div class="info" >
    challenger appears!<br /><span class="date">About 1 week 6 days ago</span>
  </div>
  <div class="float:clear;"></div>
</div>

Code: Select all
/* CSS */
div.image-list > a {
  display:block;
  position:absolute;
  width:(whatever the width of the parent div is);
  height:(the same);
}

That's how I, as a visitor to your site, would expect your links to work, instead of having to chase down the titles of the images in order to click them.

Also, your thumbnails are 100x100 (and some aren't even square, like this 100x92 thumbnail), but you resize them with CSS to 50x50. That's, in addition to being prone to looking ugly (since you can resize them to the appropriate dimensions with better control server-side than what the browser can do), also a bunch of wasted bandwidth. You're basically transmitting 4 times the size at which you're displaying the thumbnails (well, not that much due to overhead etc. but you get the idea).


The thumbnail thing is because I wanted to show 100x100 thumbnails in the past. But that will change. Thats a simple php script to just convert everything. With correct ratios and filling 50x50, the link thing, I fixed that at the moment. With a few other things.

I've actually used some software to register all clicks; I've seen that the left and right arrow buttons are used quite extensively. Which, of course, is nice :D
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate

Postby bittyx » Fri Sep 02, 2011 8:30 am UTC

You aren't handling your errors nicely :P
http://www.funzors.com/media/atheist-charity-114/
Warning: getimagesize(./uploads/images/114.png) [function.getimagesize]: failed to open stream: No such file or directory in /home/funzors1/public_html/media.php on line 106


EDIT: Also, your 404 page embeds a "no longer available due to a copyright claim by Viacom International Inc." video.

EDIT2: The "User pictures" layout is broken.
bittyx
 
Posts: 181
Joined: Tue Sep 25, 2007 9:10 pm UTC
Location: Belgrade, Serbia

Re: Bounce rate

Postby BotoBoto » Mon Sep 05, 2011 5:54 pm UTC

I've fixed most of that, apart from the 404 page, im rethinking that one at the moment. Any thoughts on the bounce rate? Seeing as It's still not .. great. Am I missing something here?
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate

Postby Mat » Mon Sep 05, 2011 6:45 pm UTC

There is nothing interesting on the main page. There is a lot of information crammed in there, and there is no focus to the page, i.e. nothing in particular draws my attention more than anything else.

The top videos and pictures are too small so none of them would entice to me click on them even if I had the same sense of humour as your top users, which I don't. Personally I found the random sample I got by repeatedly clicking the next button better than the "top" content. This might get better once you have more users, but I still wouldn't make this the first thing someone sees, as people voting up stupid memes and stuff could put people off.

The actual image pages are better, as the big next/previous buttons make it easy to browse through stuff.

The only way the content is organised is into videos and images, but I don't see any way to browse these separately. I would make it so you have a separate tab for each instead of the index page, and show a random one when you first hit the page. You can demote the top whatever boxes to sidebars. None of the info shown to the right of the images on the current image page is that important, so you could move that underneath instead.
User avatar
Mat
 
Posts: 404
Joined: Fri Apr 21, 2006 8:19 pm UTC
Location: London

Re: Bounce rate

Postby BotoBoto » Mon Sep 05, 2011 6:58 pm UTC

So show a big random one on the front page?

Also by seperation of video/pictures. Do you mean what the next/previous buttons give? I could set a cookie and make it so the next/previous search for next/previous videos instead of both categories?

There is a way to browse it. Though through random samples on the 'media' tab.

Top is by views only. Daily views at the moment.
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate

Postby Mat » Tue Sep 06, 2011 8:32 am UTC

BotoBoto wrote:So show a big random one on the front page?

Also by seperation of video/pictures. Do you mean what the next/previous buttons give? I could set a cookie and make it so the next/previous search for next/previous videos instead of both categories?

There is a way to browse it. Though through random samples on the 'media' tab.

Top is by views only. Daily views at the moment.

Yep. Just a way of breaking it up a bit so you can view one without the other. Like this: http://www.collegehumor.com/videos.
User avatar
Mat
 
Posts: 404
Joined: Fri Apr 21, 2006 8:19 pm UTC
Location: London

Re: Bounce rate

Postby BotoBoto » Tue Sep 06, 2011 8:55 pm UTC

Mat wrote:
BotoBoto wrote:So show a big random one on the front page?

Also by seperation of video/pictures. Do you mean what the next/previous buttons give? I could set a cookie and make it so the next/previous search for next/previous videos instead of both categories?

There is a way to browse it. Though through random samples on the 'media' tab.

Top is by views only. Daily views at the moment.

Yep. Just a way of breaking it up a bit so you can view one without the other. Like this: http://www.collegehumor.com/videos.


Ah thats quite nice. Thanks for that! But it doesn't help my bounce rate at the moment ;) Keywords that search and land on my page are related so thats can't be the problem.
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate

Postby BotoBoto » Tue Sep 13, 2011 10:28 am UTC

A few things I have changed since my last post:

  • I have made it so that if you get to the last picture (when there is no 'next' picture/video) you get a random one.
  • Better way of displaying images: they are not forced to be 600px wide making people get a blurry image most of the time
  • Backend for converting images to 600px if larger than 600px wide is available but not yet parsed (dont wanna go ahead and ruin a ton of images without testing)
  • Same goes for different thumbnail sizes
  • Better ad placement (not that the 8 bucks a month is killing me, but still)
  • Better tagging seperation (I used the ',' delimter first, but am now using the space.
  • Told google not to include search results from tag links in google result
  • Made a static subdomain without cookies to server my images
  • Upgraded the information location on picture/video views for a more compact view so that the dislike/like buttons are easily seen.
  • Overall SEO improved. So more readable urls: e.g.: /media/bladiebla-123/ becomes /media/123-bladiebla/
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate

Postby A_of_s_t » Tue Sep 13, 2011 10:38 pm UTC

BotoBoto wrote:A few things I have changed since my last post:

  • I have made it so that if you get to the last picture (when there is no 'next' picture/video) you get a random one.
  • Better way of displaying images: they are not forced to be 600px wide making people get a blurry image most of the time
  • Backend for converting images to 600px if larger than 600px wide is available but not yet parsed (dont wanna go ahead and ruin a ton of images without testing)
  • Same goes for different thumbnail sizes
  • Better ad placement (not that the 8 bucks a month is killing me, but still)
  • Better tagging seperation (I used the ',' delimter first, but am now using the space.
  • Told google not to include search results from tag links in google result
  • Made a static subdomain without cookies to server my images
  • Upgraded the information location on picture/video views for a more compact view so that the dislike/like buttons are easily seen.
  • Overall SEO improved. So more readable urls: e.g.: /media/bladiebla-123/ becomes /media/123-bladiebla/


The site looks pretty good (I didn't see it before the changes). However one thing that irritates me is autoplaying videos. I usually just go back if a video starts to autoplay. Just a thought.
Check out my web interzones powered by Web 3.0 technology running on Mozzarella Foxfire:
Spoiler:
Image
Image
Image
User avatar
A_of_s_t
 
Posts: 181
Joined: Tue Aug 26, 2008 5:10 am UTC

Re: Bounce rate & general tips

Postby BotoBoto » Wed Sep 14, 2011 7:31 am UTC

A_of_s_t wrote:
BotoBoto wrote:A few things I have changed since my last post:

  • I have made it so that if you get to the last picture (when there is no 'next' picture/video) you get a random one.
  • Better way of displaying images: they are not forced to be 600px wide making people get a blurry image most of the time
  • Backend for converting images to 600px if larger than 600px wide is available but not yet parsed (dont wanna go ahead and ruin a ton of images without testing)
  • Same goes for different thumbnail sizes
  • Better ad placement (not that the 8 bucks a month is killing me, but still)
  • Better tagging seperation (I used the ',' delimter first, but am now using the space.
  • Told google not to include search results from tag links in google result
  • Made a static subdomain without cookies to server my images
  • Upgraded the information location on picture/video views for a more compact view so that the dislike/like buttons are easily seen.
  • Overall SEO improved. So more readable urls: e.g.: /media/bladiebla-123/ becomes /media/123-bladiebla/


The site looks pretty good (I didn't see it before the changes). However one thing that irritates me is autoplaying videos. I usually just go back if a video starts to autoplay. Just a thought.


Hmm. I'll try and see how that goes. Ill make it play after you click 'play'. Any other tips? :) My bounce rate has improved slighty and I'm my ads are actually performing so any tips are appreciated.
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate & general tips

Postby cemper93 » Mon Sep 26, 2011 8:15 pm UTC

Except for the stickies and the "Fleeting Thoughts"-Thread, this thread has the most views on the first page of the Coding board, yet it has only 28 posts.

I guess the bounce rate is really high.
Hello good friend.<br>Thank you for the kind insight. To gain free XBOX, please click this link <a href="http://forums.xkcd.com/viewtopic.php?f=53&t=37971">for m&ouml;re information visit our website.</a><br>Also more can be found.<br>Best regard
User avatar
cemper93
 
Posts: 183
Joined: Sun Feb 20, 2011 2:35 pm UTC
Location: `pwd`

Re: Bounce rate & general tips

Postby BotoBoto » Mon Sep 26, 2011 11:04 pm UTC

cemper93 wrote:Except for the stickies and the "Fleeting Thoughts"-Thread, this thread has the most views on the first page of the Coding board, yet it has only 28 posts.

I guess the bounce rate is really high.


I like a good joke =]

My stats are @ a bounce rate of: 60-62%.
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC

Re: Bounce rate & general tips

Postby BotoBoto » Tue Oct 25, 2011 4:48 pm UTC

Do you mean row or column?
User avatar
BotoBoto
 
Posts: 194
Joined: Mon Mar 09, 2009 9:31 pm UTC


Return to Coding

Who is online

Users browsing this forum: No registered users and 2 guests