Redesign Preview
In our ongoing effort to make Topix better and easier to use, we're introducing a few updates to the site. Below I'll outline some of the major visual and structural changes that you, as regular users, will notice.
The "hat"
Overall, we've compressed and simplified the hat (the top part of every page that includes search, navigation, logo, etc). We also made a concentrated effort to improve the navigation, which is no small task considering we've got over 450,000 topics.
1. Promo bubble
We'll use this area to introduce and promote new features, as well as provide links to helpful information for Topix newbies.
2. Change city button
An easy-to-find widget that allows users to change the location for their local news.
3. Navigation
The top layer (in dark blue) is the general site-wide navigation, and the lower level (in light blue) shows the sections within that topic. So, for example, in this illustration, our top-level topic is "Palo Alto" and the sub-sections for it are Forums, News, NewsWire, Yellow Pages, Jobs, etc.
4. Editor button
A new position for the Editor button.
5. Other Topics
In addition to the general site-wide navigation, we're adding a drop-menu to called "Other Topics." We're going to use this menu to showcase more popular topics, as well as a dynamic list of the last 10 topics you visit on the site.
6. Browse/Search
A more prominent display and position for our Spotlight (browse)/search widget.
7. Sign In/Sign Out/User Info
New position for User info
The body
While most of our pages (Forums, Detail pages, NewsWire, etc.) have not changed in this redesign, we have upgraded the news pages to take advantage of a three equal column layout. Below are the highlights.
1. Section Title
Centered and with a little more white-space around it to make it easier for users to know what topic they're on.
2. More news
We've upped the count from 10 to 20 news stories on the News page.
3. New ad position
We gotta keep paying the bills...
4. Upgraded Forum Widget
A more prominent placement for the forum widget. Top-center, and now with double (10 instead of 5) threads showing.
5. Photo widget
If you're on a local news topic (Palo Alto, CA, for example) we're highlighting our new user uploaded photos. On other non-local topics, we're showcasing a nifty new photo slideshow widget that dynamically pulls in related photos.
The rest of the page widgets (polls, weather, etc.) are still on the page.
NEW! Also on Topix
We're adding a new feature to all our topic pages, the "Also on Topics" block. The idea is that from any news page, you can get a glimpse of what's going on across the entire site in a quick, easy-to-browse view. Below are the highlights.
1. Site mini-navigation
Quick links to the most popular topics on the site.
2. The Skybox
We love this feature. And so do a lot of you. So, as we were working on compressing the "hat," we realized that we just couldn't remove the Skybox. Instead, we're keeping it alive in the "Also on Topix" block, to show you the biggest stories in the news right now.
3. Recent Forum Discussions
The top ten most popular discussions across the entire site.
4. Video
Video news is becoming one of our more popular topics, so we're adding a new widget with links to our latest video clips.
5. Topix Extras
Not necessarily the news, but more about Topix, including our blog and our growing community of users and editors. Look for a link to the new Topix store coming soon.
6. News Trends
The topics getting the most attention by our users at that moment.
7. Most Popular
The 20 most popular stories on Topics.
That covers the majority of the upgrades in this redesign. As always, your input is a huge factor in helping us determine the changes we make here at Topix ... so keep those suggestions coming.
Subscribe to this blog's feed
Comments (7)
On June 27, 2008 9:20 PM, outnleftfield said:
Love the new features, and the new format. The site is becoming quite cozy! Love the new background color too so cool and breezy!
On July 1, 2008 9:49 AM, Jared said:
I feel that the new look is a little bit crowded especially the new news section (2). You're trying to fit way to much in the horizontal space.
On July 11, 2008 5:19 PM, TrilbyKat said:
The redesign is functional and well laid out. I particularly like accessing ten more stories from the main news pages. Having the forum activity expanded and centered is also nice.
The Photo widget doesn't always get it right, but it's a nice added touch. Too bad it doesn't contain clickable links. I also appreciate that users' uploaded photos were added to their profile.
A Topix store, huh? Will you sell virtual goods, too? I'll bet that some folks would pay to have a custom "Judge it!" icon that they could use or other tweaks for their profile, etc.
On July 16, 2008 2:48 AM, Jonathan Cobb said:
On the nuclear energy page the new design leaves a large blank space on the right, whilst squashing stories 2-4 into about a sixth of the screen width. I understand the need to embed advertising, but the layout does seem awkward.
It seems that the poll running on the nuclear energy page is in the wrong place (in the middle column), whereas on other pages polls fill that space on the right.
On July 19, 2008 7:26 AM, Linda Nelson said:
I've been getting comments that people don't know where to get the rest of the details on news stories (yes, I know - it is to the right), but accordingly, I've been having to add a line to the bottom of the blurbs ("For further details, click on the news story...). Seems like there could be direction installed at the infrastructure level to address this concern, making our entries more 'user friendly' to those who aren't avid webbers and know where to look automatically... ???
On July 24, 2008 11:28 PM, TrilbyKat said:
The new events page for each zipcode is really great and a wonderful addition to the navigation bar. That was a good idea.
I also like how the editor button, screen name, location and reply tracker are now across the very top of the page. It's always fun to see new tweaks.
On October 2, 2008 10:10 AM, Round One said:
You really ought to look at making more room for the pictures that go with stories. Sometimes, the pics are great but they are so reduced on the web page that you have to squint to see them.