Here are some quick tips to create a user friendly footer, including suggestions of relevant links and information that keeps to standard footer conventions.
Sketchplanet.com is a very simple site that has all the makings of a social community. The site flows really well, but sometimes the interactions weren’t for the lighthearted.
I’m initially taken back. I don’t know where to begin on the page. I see a lot of photos that are untitled. There is nothing that really catches my eye aside from that. I notice a panel in the header with a couple of icons over it, but other than that, I don’t feel like the site orients me in any direction.
Next, I look over at “Recent Sketches.” I immediately notice that this header is low contrast. Nothing unusable about it other than it doesn’t call too much attention to itself. Looking around I see a bunch of drawings, thumbs and (what I assume are) author names. Nothing unusual, given the idea behind the community.
This has to be one of the most unusual sites I’ve ever seen. The design is very bare bones, with images of strange little sketches being the dominant feature below the green banner. Looking around, I instantly see the description of what this site is.
When I first open the website I notice the bold header of Sketch Planet. The colors are calming and flow nicely. As I navigate the home page I find most of the features easy to use. However, some options are not clear at first and require me to test them in order to find what they do. A simple tutorial may help, or offering tool tips!
Overall the site is simple to navigate but some changes need to be made.
Sketchplanet’s front page is very simple. The banner is immediately visible which clearly displays the name of the site (though no tag line is visible to tell me where I am on first glance). In close proximity to the banner is an interface for drawing “sketches”, but it’s placement suggests that it may just be a graphic. Admittedly, it took me less than 3 seconds to figure out what I was supposed to do, so it does work as a call to action.
What Confuses Us
I click on the register link to create an account. While the form is straightforward, I do notice some peculiarities. Specifically, there are no instructions regarding how to complete the Security Code field. I know for experience that this is a CAPTCHA, but if I did not, I would be very confused. (Not only that, but I do wonder about the security implications of allowing robots to register on this site. Maybe we’d get some cool drawings.) Lastly, The “agreement” (I’m guessing it’s an agreement because of the “I agree.” below the field) is abysmally small. Fortunately, Safari lets me resize this field so I can make sense of what’d being said. When I resize the field, the agreement isn’t as cumbersome as one would immediately expect. Because this field isn’t so long, I would recommend taking it outside of the text area, and presenting it in full.
After drawing an initial sketch I clicked on save and it had me register my username and password. When I had done that, though, I was sad to see that my carefully drawn and artistically brilliant sketch had vanished. I don’t feel like doing it over, so if I wasn’t here for a higher purpose I would probably have exited the site.
Oh, cool I get to make my own avatar! This is a bit more complicated than I expected it to be! Also, the buttons that are under the sketch box do not have tool-tips on hover. I have to try each button to figure out what they do — this is frustrating.
The red thumbs up that is under each photo confuses me. Why would a thumbs up, a positive gesture, be given a negative color such as red? On sites such as Digg thumbs up are green and thumbs down are red.
For something that seemed like such an easy process, it felt like I slammed into a brick wall when I tried submitting a quick sketch. I predicted some sort of confirmation that my sketch was posted, maybe a quick way to tag it, but instead I was served a registration page.
What We Like
After creating an account, I’m presented with my “account” page (I presume). What’s interesting is that my face is blank. I think this is a great way to motivate people to try sketching something. I immediately dive in and sketch away.
The interface for the little doodle sketch pad works really well, and I do like the fact that the little drawing box is at the top of every page.
I really like the simple email that is sent when you register at the site. It is elegant and to the point!
Registration on the site is simple and I like the real time feedback I get as I type. I also appreciate how simple the CAPTCHA is. The simple to read CAPTCHA could later lead to spam problems, however.
Once I had a user account, I found the system worked quite well. As soon as I submit a sketch, I am presented with options to title, tag, and share my drawing. It’s all very intuitive, and even entertaining.
- Familiarize your users — Consider providing a tutorial to teach your users how to use your product.
- Don’t break your users trust — Do not enable users to destroy their own work unintentionally. Consider providing an undo button, and make deletion a two-step process.
- Invite your users to participate — Providing a site tour or a”blank slate” will get users excited about the sites features and encourage loyalty.
- Make search ubiquitous —Make sure search is prominent on every page. Consider moving it to the top, in line with more popular sites.
- Make advertisements legible — I’m normally not a fan of ads, but I can’t help but notice that the ads on this site are horrible stretched.
- Make use of tooltips — Providing alt tags on images and title tags on links can go a long way towards helping your users understand what’s you’re trying to tell them with icons.
- Avoid unnecessary UI elements — Because the usage agreement isn’t so long, I would recommend taking it outside of the text area, and presenting it in full.
- Strengthen your brand
- Save sketches that people do initially before they have logged in .
- Have a more accurate way of determining popular sketches
- Identify users with a sketch they’ve done, rather than a blank profile picture.
- Update your blog
- Fix the stretching of Artist Adverts
- Make the sitemap look designed, not just a list of links.
- Implement an actual contact form, not just an email address
- Moderate tags so that adult terms such as boobs are not visible to younger audiences.
- Color the thumbs up icons green to initiate a positive feeling.
- Simply the paint pallet when sketching and don’t require it to be held down to view.
- Add tool tips to the icons or offer a tutorial on what each button does.
- Integrate the footer navigation into the header.
- Integrate the blog into the site more and work on the layout.
- The registration system works well, but it makes the site very limited to non-registered users. Why not offer a basic service for anonymous users and offer the advanced features (saving your previous sketches, tagging, groups, etc) to registered users?
- The drawing interface blends in almost too well with the banner. Maybe place it just below the banner or use some graphical element to distinguish it from the rest of the banner. The fact that it’s on every page of the site is a convenient touch.
- Alphabetize the tag list to make it easier to scan.
- Explain what the thumbs up icon is for without making the user have to look around the site too much.
Write for UX BoothContribute to UX Booth
Contribute a guest post to UX Booth and let the community know what's important to you!