Welcome to Geekshow Entertainment

Friday, December 26th, 2008

By this point, you’ve probably had something lingering in the back your head. It keeps telling you, “Something is different here!” Of course you keep passing that off as crazy talk, and plowing ahead with what you were here to do. However, I’m here to tell you that you are not going crazy. You should listen to your brain. Something is different here, and that something is a new Geekshow site design. If you click below to continue reading this article, I’ll tell you a little more about that. Why has the site changed? What is new? What were we thinking? Those answers and more after the break.

Geekshow Entertainment – A Whole New Philosophy

Geekshow Entertainment Header

The first thing that you should notice about the site, is that it has been given a proper name. What was once simply “Geekshow.us” is now “Geekshow Entertainment”. That may seem like a minor change to you, but it actually got quite a bit of discussion and planning time from us. Lately you may have noticed that we’ve put a lot more work into the development of the site as more of a community. We are encouraging people to comment on articles more often, but we are also working hard to increase the number of articles that are available for you to discuss. This is all part of a concentrated effort to mold the site into more of a community that you will want to frequently visit.

The addition of new writers to the site is one large step in the direction of increasing the appeal of the site. After all, a site is only as good as it’s content. In the past, our content was primarily focused around podcasts. And that will certainly continue into the future. However, what happens when your life suddenly changes and you no longer have the time or energy to listen to podcasts? With the old site, there was no longer a reason to continue hanging out on the site. The occasional article was likely posted that would catch your interest. However, it was often likely that you could have got that information elsewhere. With the new community mindset, that all changes. We brought in writers to not only keep you up to date on the latest news, but to also provide the site with fresh content in the form of original articles and reviews.

As a result of this change in how we do things, we thought that it was only right to give the site a new name. This new name reflects a move toward more professionalism while remaining a fun and entertaining place to hang out. But it was important at the same time to ensure that we didn’t get rid of the things that made you follow our site to begin with.

A Site Design That is Functional and Practical

When deciding on the new design for the new Geekshow Entertainment, we went through quite a few different designs. The site was actually headed in one direction, before the difficulties of that design fizzled the project out a bit. It wasn’t until we got back on track with plans to bring in writers that we decided to give the design process another go. The second effort is what you see today. The design you are now looking at comes from the initial selection of a theme from several options available to us. Once we decided on the theme, we heavily modified it to fit our own unique tastes and needs.

2 Column Display

2 Column Display

The first thing that people will notice is likely the new 2 column layout on the main page. One column will be our site content, whereas the other will be dedicated to our podcasts. It took us a little bit to be sold on this look, because it’s a big difference from everything we’ve seen and used in the past. It redefines how we have to write our posts, and may take a while to get used to. However, it’s benefits should be instantly apparent to anyone that looks at it. The idea behind choosing that design was that we could offer up as much content as we can produce, while not negatively effecting the podcast portion of the website. Consider that 10 new articles in a day would push a relatively new podcast almost completely off the first page before people get a chance to check it out. This new design prevents that from happening. On the left, you will see all the latest episodes from your favorite podcasts. But on the right, you will see a chunk of articles that will usually be updated a few times each day. Two separate forms of entertainment, each given their own spotlight and focus. You pick the portions of the site that fit your needs, and you can easily pay attention to just those areas if you wish.

In addition, navigation has always been somewhat of an issue. With this site re-launch, we hope that we have taken care of most of those issues. We have two main navigation bars up top. At the very top of the page, you will find the site navigation. We make it easy to find information about Geekshow Entertainment by placing site-specific links up there. In addition, you can now easily login and out in order to make commenting easier. Below those tools, you will find the main navigation bar, which will help you in finding exactly the news/reviews/articles you want to see. If you have a specific desire to see the latest in Video Games or Comics, for instance, then you can do that with one click. The ability to easily navigate the site is something that we hope increases the enjoyment from users.

Multiple tabs for extra options

Multiple tabs for extra options

Over to the right, you will find a large selection of information tucked away into tabbed boxes. We minimize the vertical space required to view the information by making sure that the user only wants to see what they have selected. If you want to view recent comments, you select that tab. If you want to view a list of the site’s authors for better access to specific posts, then you have that ability too. It’s all about giving people options, while not flooding the site with useless information. In addition, all of this information is easy to change, should there be complaints in how it is presented, or the options available. With the old site design, when you changed things around, you had to tip-toe around everything to ensure you didn’t break something else.

All of this adds up to one of the goals of design. Create an interface that is useful, easy to use, and unobtrusive. But there is more to a site than just its ease of use. And we kept all of that in mind as well.

The Importance of Color, Imagery, and Consistency

The previous site design

The previous site design

A new site design needs to be as attractive as it is easy to use. So with this new design, we really wanted to improve on the look of everything in general. But it has also become a tradition for Geekshow.us to have site designs that maintain a similar theme from designs of the past. Seriously, check out our “History” page, where we show an image of each of the major site revisions. Each of them share one or two common factors. So it was important to keep that in mind in this iteration as well. That may not be as simple as it sounds when doing something as drastic as going from a dark background to a light background, but it was still important.

The new look is much brighter and cleaner

The new look is much brighter and cleaner

The first focus of the re-design was to pick a look that lightened the overall feel of the site. That was achieved by swapping the darker themes for the nearly-white background of the new theme. We realize that many people probably like the darker themes of old. To be honest, I was quite fond of them myself. However, the white background achieves a few things. First, it makes the site quite a bit more accessible. A majority of the sites you see are lighter, and so by making Geekshow a dark theme, you make it contrast nearly everything else. It’s good for originality, but not so much for acceptance from outsiders. The initial impression is quite often the only one you will get. Make it a good one, and you may have a new reader. Make it a bad one, and you will likely never see that person again. The next thing you achieve from a lighter background is a certain credibility and sense of professionalism. When you have a clean look, it is associated with professionalism, and more people will take things seriously. Finally, things are often designed to work with a a light background. Images will often have white borders, more themes are available, etc.

White, Red, and Gold are the new main site colors

White, Red, and Gold are the new main site colors

A background color is a good place to start, but it’s far from a finishing point. To work toward a more complete site, we picked the main colors of the new design. We went with a red color that has mostly existed since the very first site design. To go along with red, we came up with a gold color that evolved from an orange-gold to the yellow-gold you see now. The color scheme is proudly reminiscent of the similar colors that were used in shows such as Smallville and Buffy. However, more importantly, the colors looked good together with the base of white. It was certainly better than the browns and grays that we started with.

Geekshow Entertainment Logo

GSE Logo

After choosing the colors, we began to look more closely at how to make the site look good. To help really make the site stand out, we wanted to work on a logo for the site that would take into consideration the colors we used and give the site a unique look at the same time. For that we approached the frequent Geek By Night artist, Kevin Zeigler, with a few ideas we had. One of the features we knew we wanted for the site was avatars. Originally, we mainly wanted them to have each writer’s articles stand out. So, the idea was for the logo to be done in the site’s red and gold, with cartoon-like versions of the site’s administrators hanging out around the site’s logo. The site was designed separately from the art, and it wasn’t until the end of the design project that everything was finally tied in together.

An image representating the post

An image representating the post

Images are important part in making any site look good. The logo was one of our first efforts to capitalize on the effect of good images on the site. The second step was to really kick the use of pictures up in articles and on the front page. This was accomplished in two ways. The first way was to take a feature in the original theme, and really tweak it to fit our needs on the site. That feature is what we refer to as a “Representation Image”. The idea is to make one image really sum up the article. Then, the site’s theme takes that image and makes it the face of the article. It is shown on the main page, the search page, the archive page, and the post’s page. In the case of podcasts, that “Representation Image” is the show’s album art. It will be an easy way of instantly recognizing the podcasts you want to pay attention to. Simply spot the album art you care about, and then check out that episode.

Gallery of Images

Gallery of Images

The second way we’ve taken advantage of images is by making them more prominent in posts, and easier to view correctly. The method we now use to upload images ensures that each image will have several different sizes available. A small thumbnail all the way up to the original image’s size. When you see an image in a post, you will almost always be able to click on that image to get a larger version. Click on it again, and it will get larger again, all the way up to the original size. That is vast improvement on the ease of viewing images. But we’ve made them more prominent by making sure that each post has an attached gallery of any images that are attached to the post. This gallery sums up the article’s images, and allows you to easily pick out the pictures you want to see.

The Tools That Improve Your Visit

The final goal in improving the site comes from improving the tools you can use while on the site. A few of them have already been covered. Like the ability to easily login for easy comment posting. However, there is also a lot more available to you now. Many of these tools were added to the software we use for the site, Wordpress, since the last time we had done a major site upgrade. Some of these tools you may never use. But I hope that everyone at least gives each of them a look before deciding not to use them.

Avatars in use

Avatars in use

This article has already discussed that we wanted to use avatars to the advantage of the writers of the site. Being able to “sign” your article with your avatar is an easy and attractive way to let people know who was responsible for each post. But there is a lot more to avatars than just that ability. More importantly, avatars allow each commenter to stand out. By allowing users to setup their own avatars, we in turn give visitors an extra way to spot frequent posters. Images often work faster with the brain than words do. They also give you a better impression of the type of person you are talking with. As a result, we incorporated Avatars into our comment system. We encourage everyone to sign-up at Gravatar.com with the email address you use here to post your comments with. Upload an image to represent yourself with, and give people something to associate with you.

Threaded Comments

Threaded Comments

Because comments are a huge part of the new Geekshow Entertainment community, we were happy to implement multiple tools that improve that functionality. Avatars are great, but there is more out there to take advantage of. The other big tool we put into place was Comment Threading. This means that comments can have multiple levels, and become individual conversations in themselves. Users can reply to specific posts to make points, counter-points, or anything that pertains to something specific. The current theme will support up to 3 levels of threading. That is to say that you can have a comment, which has a reply, which in turn has a reply. This should in theory make conversations a lot more interactive and interesting. Again, we encourage users to take advantage of this ability. To make things easier, comment replies are enhanced with Ajax. Which means when you decide to reply to a comment, the comment box should come to you. Then you type in your comment, and it’s posted, that simple.

The other tools at use in the new site design range from behind the scenes features that improve the ability to write efficiently to other features that have been previously mentioned. Like the ability to view an image how you want to view it, and navigate the site how you want to navigate it.

Putting it All Together, Working Out the Kinks

Nothing can ever be perfect, unfortunately. So the design process became a 3+ month long journey in figuring out what worked and what didn’t. Up until literally the last minute, things have been changing. Colors were tweaked, images were re-positioned, and bugs were fixed. With the recent influx of writers for the site, we got our own little merry band of beta testers. They have done a fantastic job of spotting problems we may never have seen before launch otherwise. Ultimately, the best way to find problems is to put the work out there, and let people break it.

It is with a great amount of pride, and an equal amount of relief that we present you with the ever evolving and never done – “Geekshow Entertainment”. We hope you find many new things to love about the site, and less annoying problems. But if you do find those problems, we can work together to find a solution. By all means, any bugs, typos, etc should be referred to Saberj, or published here in the comments. Enjoy, and be sure to let us know what you think!

Do You Like the New Site Design?

  • Yes (73%, 93 Votes)
  • Not as much as the last design (19%, 24 Votes)
  • No (8%, 11 Votes)

Total Voters: 128

Loading ... Loading ...

Posted By:

  1. December 26, 2008 at 3:24 am
  2. SpikeBad
    December 26, 2008 at 3:48 am
  3. palaemon
    December 26, 2008 at 3:52 am
  4. RickyC
    December 26, 2008 at 5:49 am
    • December 26, 2008 at 6:09 am
  5. RickyC
    December 26, 2008 at 6:22 am
    • December 26, 2008 at 6:51 am
  6. munchykins
    December 26, 2008 at 7:18 am
    • December 26, 2008 at 8:04 am
  7. munchykins
    December 26, 2008 at 7:25 am
    • December 26, 2008 at 8:06 am
  8. munchykins
    December 26, 2008 at 7:36 am
    • December 26, 2008 at 8:07 am
  9. munchykins
    December 26, 2008 at 8:18 am
  10. munchykins
    December 26, 2008 at 8:21 am
    • December 26, 2008 at 8:22 am
  11. munchykins
    December 26, 2008 at 8:29 am
    • December 26, 2008 at 8:31 am
    • December 26, 2008 at 8:36 am
  12. munchykins
    December 26, 2008 at 8:45 am
    • December 26, 2008 at 8:48 am
  13. munchykins
    December 26, 2008 at 8:50 am
    • December 26, 2008 at 8:56 am
  14. titanncc
    December 26, 2008 at 9:08 am
  15. December 26, 2008 at 9:16 am
    • December 26, 2008 at 9:31 am
      • titanncc
        December 26, 2008 at 9:33 am
  16. munchykins
    December 26, 2008 at 9:23 am
    • December 26, 2008 at 9:33 am
    • December 26, 2008 at 9:48 am
  17. December 26, 2008 at 9:34 am
  18. munchykins
    December 26, 2008 at 9:52 am
    • December 26, 2008 at 9:56 am
      • munchykins
        December 26, 2008 at 10:00 am
      • December 26, 2008 at 10:01 am
  19. munchykins
    December 26, 2008 at 10:07 am
  20. thegr8merlyn
    December 26, 2008 at 10:11 am
    • munchykins
      December 26, 2008 at 10:13 am
  21. BakaTulip
    December 26, 2008 at 10:12 am
  22. December 26, 2008 at 10:42 am
  23. Care
    December 26, 2008 at 10:50 am
    • December 26, 2008 at 10:52 am
      • Care
        December 26, 2008 at 11:00 am
  24. December 26, 2008 at 11:34 am
  25. December 26, 2008 at 1:00 pm
  26. TotallyNotNick
    December 26, 2008 at 1:36 pm
    • December 26, 2008 at 1:42 pm
  27. Palaemon
    December 26, 2008 at 2:12 pm
  28. SeriouslynotWill
    December 26, 2008 at 2:25 pm
  29. December 26, 2008 at 3:13 pm
  30. schwien11
    December 26, 2008 at 4:03 pm
  31. MrPointy
    December 26, 2008 at 6:07 pm
    • munchykins
      December 26, 2008 at 6:10 pm
      • MrPointy
        December 26, 2008 at 6:37 pm
  32. Nick
    December 26, 2008 at 7:21 pm
  33. December 26, 2008 at 7:52 pm
    • December 26, 2008 at 10:43 pm
  34. December 26, 2008 at 8:21 pm
    • December 26, 2008 at 10:45 pm
      • ZiG
        December 27, 2008 at 1:25 am
  35. Sunshineyness
    December 26, 2008 at 10:55 pm
    • December 26, 2008 at 11:38 pm
      • Sunshineyness
        December 26, 2008 at 11:46 pm
    • SpikeBad
      December 27, 2008 at 12:08 am
      • Sunshineyness
        December 27, 2008 at 12:34 am
  36. TheAngryProjectionist
    December 27, 2008 at 12:51 am
  37. December 27, 2008 at 1:45 am
  38. December 27, 2008 at 3:07 am
    • December 27, 2008 at 3:15 am
  39. Prettz
    December 27, 2008 at 2:44 pm
  40. RickyC
    December 27, 2008 at 6:33 pm
  41. December 27, 2008 at 6:35 pm
    • Prettz
      December 28, 2008 at 12:53 am
  42. Inigo Montoya
    December 28, 2008 at 1:12 pm
  43. shadow_md
    December 28, 2008 at 11:51 pm
  44. Carl_by_night
    January 15, 2009 at 5:05 pm

Leave a Reply