A 404 Message can be disorienting, but it doesn’t have to be. These tips will explain what’s important about an effective 404 page to get your users going in the right direction.
Flashden.net provides a comprehensive and compelling marketplace for flash component designers. The experience was refreshing; devoid of most of the pitfalls we’ve encountered in past reviews. However, our panel still managed to generate a few suggestions.
The first thing I notice is the giant “Get Started!” text, and then the content rotator. I imagine these are different flash elements I can purchase. I immediately glance at the orange navigation in the top left, because it’s so colorful compared to everything else. I’m a bit confused as to what these options mean—I don’t know what the difference is between a flash file and a flash template, for example.
I mouse over the menu below the first menu. I’m curious why there are two menus. I click ‘make money’ (after all, who isn’t curious about a button that says make money?). The options look a bit technical, so I close that menu up quickly. I then look back to the middle of the page and read: (1) Create an Account, (2) Deposit Cash, (3) Find the Items You Want, and (4) Purchase. I imagine I have to start with step one—but I’m not ready quite yet. I look down the page to make sure I haven’t missed anything too cool.
This is a very well thought out site. From my initial glance I can see exactly what it does. This is a stock Flash site. The layout is simple and not too cluttered.
As I land on FlashDen.net my eyes scan the page and are naturally drawn from the FlashDen logo in the top left corner, down to ‘Get Started!’, then to ‘What Is FlashDen?’. It is interesting how the headers create a diagonal direction across the page and lead to each other. These three headers inform me of all the basics I’d normally look for when visiting a site for the first time.
Right from the start, FlashDen.net makes a positive impression on me as a viewer with it’s professional look. While this is by no means a design review, design does play an important role in connecting with users and establishing trust.
The front page puts a lot of emphasis on how to get started with FlashDen through a numbered list. This is an excellent example of a well-crafted call to action — condensing the entire purpose of the site into 4 easy to swallow steps allows the user to understand immediately how they are supposed to use the site.
What Confuses Us
The layout here looks a lot like iStockPhoto. I’m not quite sure when the content was published, and who is was authored by. I long to see some kind of indicator to tell me how popular the content is. No matter. I scroll further down the page to the footer. It looks like there are 6,570 Flash files and 67 fonts available for download. Wait, what? Why does this site offer fonts? Very strange. Maybe some kind of sIFR-ready fonts? I wonder what that means.
The Forums are very clean cut and well organized. The categories are just as they should be, and the sidebar that allows you to see the newest threads is a nice touch for a regular visitor. My only criticism of that sidebar is that thy layout reminds me a Google AdSense bar. I might automatically tune it out.
The whole concept of the bargain bin is left to the user to figure out. I wonder what the two small images are linking to. Bargain Bin and Video Hive. I would like it if there was some sort of header to introduce these two features, it feels like these were slapped on afterward without much attempt to incorporate them.
The primary navigation for FlashDen leaves something to be desired. The navigation does work nicely, but it’s not immediately intuitive past the top level of the site (and even the top level navigation could be improved). For Example: The top level categories in the primary navigation are “Flash Files“, “Flash Templates“, “Pixel Fonts“, and “Stock Video“. However, if you dig deeper by looking for a map of all the categories to browse through, you’ll see that there are really more top level categories to browse through.
What We Like
I close the window and go back to the page. The component author has been very thorough, documenting the features of his image gallery as well as related works he has done. It’s all very well-presented. I feel very confident about the level of quality on this site. There’s even a link that says “Need Support?” That makes me feel confident about a potential purchase. I eagerly scroll down the page to read the comments. I want to see if other users of this site agree with me. While most of the comments are from users that haven’t purchased the component, other people are equally as impressed. Cool.
The blog has a really clean and pretty design, as does the rest of the site. I really feel as though this site was built with the user in mind. I love the navigation, the cute messages, and the easy navigation.
The site is filled with confirmation notices that are very human like. Orange boxes tell users when they have completed an action. This feature adds feedback for users actions, making them feel more comfortable with the site.
It is easy to always tell where you are using the breadcrumb navigation located along the top of the page. I think breadcrumbs are an easy and effective way to increase a user’s experience in navigation!
I like that the blog easily links back to FlashDen. The layout is different, therefor users may feel as if they were sent to a new site entirely but with the logo linking back to FlashDen this is prevented.
Purchasing is easy and downloading is even easier. There is even an option to redownload the item if you need, which I really like!
Once logged in, several elements on FlashDen change to make the site more useful for a registered user. The header of the site becomes a user navigation area for quickly jumping to special user areas of the site such as account details, favorite items on the site, earnings (for publishers convienence), quick link for depositing more cash into your account, etc. The big call to action is transformed into a dashboard for depositing cash and uploading new items.
One of the other nice things FlashDen includes for customers is something called bookmarks. Users can set up multiple collections, and add items to these collections for quick access to them in the future. On a site that offers so much, this is especially useful.
Overall the site is very logically laid out. Things are were I’d expect them to be and there were little questions as to why the user-experience designer made certain choices. With that said, there were a couple of things I found that made me scratch my head. I would suggest the following changes:
- Don’t break your users trust — Make sure that links that are available on pages with forms link to new windows, so they don’t destroy a user’s work.
- Reduce cognitive load — Reduce the number of different navigation elements on the page. The orange navigation, tabs, subnavigation, and in-page navigation offer a lot of possibilities.
- Avoid dead ends — The default collection of bookmarks shouldn’t link to an empty page. Also, when a user previews a flash file, provide a simple way to close the popup (other than their browser controls).
- Provide Blank Slates and/or Calls-to-action — For example, after I create an account I’m greeted with a simple “Hello.” Change this to something that gets me involved.
- Create familiarity — Consider a redesign of the blog so that it aligns more closely with flashden.net.
- Check into Internal Server Errors and Pictures that don’t load
- Make the Newest Thread Sidebar in the Forum look less like ads
- Add a Subscribe option on the top right of the blog
- Better incorporate the Bargain Bin and Video Hive graphics. As I stated earlier, it looks like these badges are slapped on the site with no consideration of how they would fit in. I have to click these things to find out what they are, I should have a good idea from headers describing them instead.
- Describe the author’s comments with headings. The first comment on each item for sale is orange and seems to be comments from the authors. Why not have a header introducing it as notes from the author?
- Seperate links to Video Hive. Make links that take us to a new market place easy to distinguish.
FlashDen is a great example of a Marketplace that offers a positive user experience, especially for consumers. Sure, there are ways it could be improved upon, and I’m sure I’ve missed some more technical problems along the way, but I am going to have to give FlashDen my first 5-star rating on UX Booth. Here are the suggestions I would make to possibly improve this already very usable website:
- Add a tagline to the banner or header of the site. While this is an authority site, a quick description about what it’s purpose is certainly wouldn’t hurt.
- Add a search bar to the top right of the homepage. The current location of the search isn’t hard to find, but it’s not the first place I look either.
- Move all of the primary and secondary navigation menus to the left on all pages on FlashDen. As a browser, that’s the first place I look. Maybe use the right side to show off featured items, best-sellers, or special deals.
- If it’s possible to simplify the upload process for publishers without compromising FlashDen’s quality, consider doing so as the current method is a bit complex.
- Consider rebranding the Envato Marketplace dropdown menu to give a brief explanation of the current marketplace, and make it obvious that there are other marketplaces with different kinds of products for newcomers.
- Merge the JS and CSS files into single documents, and minimize their footprint for faster load time.
Write for UX BoothContribute to UX Booth
Contribute a guest post to UX Booth and let the community know what's important to you!