5 Website Usability Tips for the Professionally Helpful Site

by on June 25, 2012

We recently had the chance to surf the web and gawk at the type of sites out there. To tell you the truth, it reminded the team of the olden days – not necessarily the days of annoying, ugly websites, or slews of 90′s angelfire sites like the Vampire Cats Club, but close. There were a lot of reminders to be had and we thought we’d pass a few on to you (because we’re nice like that).

#1: Remember the Navigationally Challenged Visitor

Navigating Spaghetti JunctionImage via Wikipedia 

These tips aren’t in any particular order, but if they were, we’d put this one at the top anyway. Why?

Even if you only had 100 visitors a month to your site, we could almost guarantee that at least half of them are navigationally challenged. In other words, they aren’t going to automagically know which buttons to push to get where they want to be. You, with intimate knowledge of your site’s architecture, must help visitors navigate the slippery slopes of site surfing.

You do this with two little things called consistency and guidance.

Consistency - When they come in from a search result, social media link or even an ad on another site, something has to let them know they’ve reached the right page. Where’s the connection? Is there one? Or have you done what many do and half-hazardly placed links everywhere on the off chance that the visitor might click on one of them?

Guidance – The whole point of having a navigation in the first place is to help your visitors get around your site and find the most important places. Are they going to do that if the link text is confusing (i.e. not straightforward) or buried under other things? You have to help them get where they want to go.

What if they don’t know where they want to go? Ah…. Again, that’s why you give them the navigation. A benefit of a clear navigation is that it provides you with a way to promote available information and products.

So… don’t expect your visitors to be able to find their way around. Many won’t. Test, test and test again!

#2: Remember Your Content When You Design

Image via Motifake

Your content and your design go hand-in-hand. The prettiest design ever will not make up for your content’s lack of interesting information, but an ugly design can lower your content’s ability to inform. How?

Blinded by the lightBright pink sites may look pretty to some, but they can be hell on the eyes for others. Then again, this may not be any better. FYI, burning the retinas of your visitors is not a good way to be enduring.

Distraction, distraction, distraction – Have you ever visited a site, started looking around, and realized an hour later that… well, it’s an hour later? That site was sticky. Surfing a blog for an hour is great; surfing a product site without buying for an hour probably isn’t. The likelihood of you buying something after that hour is pretty slim.

#3: Remember Visitor Choice

You can keep your design (within reason) and still help your visitors out by offering them a choice. For example, alternative style sheets give your visitors the ability to strip away the awkward styles to find a more simplistic version of your site. Although it’s not perfect by any means, we’ve created an alternative style sheet to show you an example.

You’re viewing our current theme now, but if you click here, you’ll see the simplistic version. Clicking the “current theme” link will bring you back to the original version. It may have some kinks, so bear with us (for any browsers that may currently not be able to see it,the screenshot is above).

You can learn more about alternative style sheets and how to create this affect at A List Apart.

Choice can also come by offering RSS feeds to separate areas of your site. For example, if you’re only interested in branding, you can use the feed from our branding category to get the information to your inbox. You can set your feed reader to pick up each category individually, or the whole site all at once.

#4: Clean Up Your Search

Here’s a question. When you put that search box on your site, did you test it? If you’re asking, “what search box,” you need to get one quick. Putting a search feature on your site allows visitors to find what they’re looking for faster and easier. It does need to be clearly labeled, however, and wide enough that the visitor can quickly scan what they typed before searching.  Finally, make sure you’ve tested your search feature, and that the results are reliable.

Finally, Remember Your Business

Level343 doesn’t currently offer feeds separately to the public because we don’t have regular postings in each category. For those that signed up for branding, for instance, you might get anywhere from two to eight a month, depending on how often we touch on that topic. So, keep those things in mind before you just willy-nilly implement things. It does depend on your site, and your business needs.

The key is to look at your business and your market. Everything you do online has to 1) positively reflect your business and 2) be helpful to your market. The same goes for your website. Anytime you consider making a change (and even with the website you currently have), ask yourself, “Does this positively reflect my business?” and “Is this helpful to my market?”



{ 4 comments… read them below or add one }

Bram de Haas February 1, 2013 at 12:58 am

Going to forward this article to a friend of mine who actually has a blog that is entirely pink! She really needs to read this. Thanks for these great website usability tips.

Reply

Jake September 7, 2012 at 6:19 am

I never realize this “Clean Up Your Search” I just placed a search box without trying thinking that it will work since the code was from google and it will definitely bring some earnings for me.

Reply

Luke Meiser June 26, 2012 at 12:37 pm

Guys, now I know you mean business when you are talking about how a website should look like. I really like your idea, but for me the real interesting part was that walk down the memory lane on how the websites used to be built in the late ’90s!

Reply

Abel Pardo June 25, 2012 at 3:24 pm

It sounds quite interesting what you wrote about feeds, very helpful. I agree with you: business and market.

Congratulations for the post.

Reply

Comment Guidelines: The comment form must be filled in with an actual name. This blog is actively moderated, and comments with keyword names will be deleted. We reserve the right to edit or delete any comments using keywords, spam or splog-like URLs, or suspicious information in the comment form.


Linking Guidelines: We welcome links that encourage and continue conversation, such as links to related blog pages. If you've written about (or read elsewhere) the article topic and feel the piece would enhance ours, please, do share. Again, this blog is actively moderated. If we come across a link we don't feel enhances the conversation, we'll simply unlink it.

Leave a Comment

{ 129 trackbacks }

  • Bonnie Burns

    RT @searchcentral: RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site http://t.co/TLjmJp8n

  • Michelle Mangen

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/64e65MQi via @SEOcopy

  • Michelle Mangen

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/gkVT2qDU via @SEOcopy

  • Rebecca Nash

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/gkVT2qDU via @SEOcopy

  • Dewane Mutunga

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/zpd0WEs9 via @SEOcopy

  • A.R.Karthick

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/qBWtuVjy | via @SEOcopy

  • Sunil Dudhaiya

    RT @arkarthick: 5 Website Usability Tips for the Professionally Helpful Site http://t.co/ToUCyRP9 | via @SEOcopy

  • Sunil Dudhaiya

    RT @arkarthick: 5 Website Usability Tips for the Professionally Helpful Site http://t.co/2bXU8ZR6 | via @SEOcopy

  • MeetuSinghal

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/ib8skgzT via @SEOcopy

  • Carla Young

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/8d8NLfsU via @SEOcopy

  • Thomas

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/nZ5u211S via @SEOcopy

  • Megan Leap

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/5NxSflFT via @SEOcopy

  • Gabriella Sannino

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/iLgeRqxh our latest fresh squeezed post... :) Ty on all RT's

  • John Schaefer

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/iLgeRqxh our latest fresh squeezed post... :) Ty on all RT's

  • Matt Siltala

    RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/Cl2eBr9d

  • Greg Lindblom

    RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/Cl2eBr9d

  • Christina Majaski

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/kPA9g8OZ via @SEOcopy

  • Adnan Zulkarnain

    RT @Matt_Siltala: RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/vapw7lGe

  • Dorien Morin-van Dam

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/aqT0XqYp via @SEOcopy

  • Steph Drives Green

    @MoreInMedia need address & hours on home page! RT: 5 Website Usability Tips 4 Professionally Helpful Site http://t.co/L0hvZvxN via @SEOcopy

  • EcoStephGreens

    @MoreInMedia Also accessibility w/audio readers for blind/visually impaired RT: Website Usability Tips http://t.co/remO2VCZ via @SEOcopy

  • EcoStephGreens

    @MoreInMedia need address & hours on homepage 2 RT: 5 Website Usability Tips 4 Professionally Helpful Site http://t.co/remO2VCZ via @SEOcopy

  • Laura Crest

    Great 1!RT @level343: 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface #Web Design http://t.co/dszrrMsb

  • Adnan Zulkarnain

    Great 1!RT @level343: 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface #Web Design http://t.co/vapw7lGe

  • Level-343 Team

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/xfeKkFIf | Fresh squeezed post... please share resoponsibly

  • Amit Verma

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/8I6Uut8a via @SEOcopy

  • Michelle Kay

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/asoCEznZ via @SEOcopy

  • Gabriella Sannino

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/iLgeRqxh | #UI , good stuff... if I may say so myself lol

  • Nancy Nardin

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/lj243cDi via @SEOcopy

  • Lyena Solomon

    Good one. RT @level343: 5 Website Usability Tips for the Professionally Helpful Site http://t.co/4AaYf8CN | Fresh squeezed post

  • Yugi Widojoko

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/RNDDSyXc via @SEOcopy

  • Level-343 Team

    5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/UVW0OnAc | Thanks for all Rt's goodnight

  • Adnan Zulkarnain

    5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/vapw7lGe | Thanks for all Rt's goodnight

  • Shelley Munro

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/bqEUalaz via @SEOcopy

  • Author~Robin Badillo

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/gOUjEVnz via @SEOcopy

  • Joe Prasad

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/gspyGNXM via @SEOcopy

  • iggy pintado

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/qGqySIwl via @SEOcopy

  • Melissa Cleaver

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/nprlWelr via @SEOcopy

  • Adam justice

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/w0HWQ06k via @SEOcopy

  • Patricia

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/0puwOl7G via @SEOcopy

  • Todd Mintz

    RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/pjaesPqL

  • Todd Mintz

    RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/pjaesPqL

  • Marieke Hensel

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/QRy7SwBO via @SEOcopy

  • Marieke Hensel

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/QRy7SwBO via @SEOcopy

  • Keith Kmett, CUA

    5 Website Usability Tips for the Professionally Helpful Site - http://t.co/Y1Q5XjvG

  • Keith Kmett, CUA

    5 Website Usability Tips for the Professionally Helpful Site - http://t.co/Y1Q5XjvG

  • Sheree Van Vreede

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/uBdaLshA via @level343

  • Sheree Van Vreede

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/uBdaLshA via @level343

  • Denise Wakeman

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/CygddiL6 via @SEOcopy

  • Denise Wakeman

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/CygddiL6 via @SEOcopy

  • AU_DigKim

    RT @socialmouths 5 Website Usability Tips for the Professionally Helpful Site http://t.co/HMS1BGsQ via @SEOcopy #AUdigskills

  • Brad Miller

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/LI9h78xm

  • Brad Miller

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/LI9h78xm

  • Ching Ya

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/PN3cVI9d via @SEOcopy

  • Sean Charles

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/KtD1V1up via @SEOcopy

  • Danielle Smith

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/t8VwpYV5 via @SEOcopy

  • Danielle Smith

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/t8VwpYV5 via @SEOcopy

  • Janiré Hopkins

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/MhX46gNZ via @SEOcopy

  • Infinite Prospects

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/NHAltijY via @level343 @kathikruse #osswac

  • altacr8

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/zbsMNpk0 via @SEOcopy

  • Michael Gray

    RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site http://t.co/hU3Qn7RJ

  • Courtney Petty

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/X45TJ1g9 via @level343 | Usability trumps all.

  • Annie Cushing

    RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/3plx3Pvw

  • Jacinta Croagh

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/UKpM0YWK via @Level343 HT @SocialMouths #digi #in

  • Bas van den Beld

    RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/vH9Bstq6

  • TechSpaceLA

    5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/UVW0OnAc | Thanks for all Rt's goodnight

  • Misty Waters

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/si7RjiF3 via @SEOcopy

  • Wayne Barker

    5 Website Usability Tips for the Professionally Helpful Site via @level343 >> http://t.co/n71wpvG4

  • Joyce Cherrier

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/qNM3lEda via @SEOcopy

  • Jonathan Papworth

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/lSJsTZTN #Content #user interface #Web Design

  • PackFlash

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/tpyiiIIp

  • Paul Spoerry

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/ueC7vyNv via @SEOcopy

  • Gabriella Sannino

    Thanks for all the RT ❤ you guys Rock!! 5 Website Usability Tips for the Professionally Helpful Site http://t.co/iLgeRqxh

  • Web Assist Pro

    5 Website Usability Tips for the Professionally Helpful Site: We recently had the chance to surf the web and gaw... http://t.co/fHSCKTE3

  • Daniel Newman

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/9XjL57w6 via @SEOcopy

  • Tim McDonald

    Checking out. RT @danielnewmanUV: 5 Website Usability Tips for the Professionally Helpful Site http://t.co/LWRNXjmI via @SEOcopy

  • Tracy Schloss

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/yiFcNbnU

  • Level-343 Team

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/lG1yeTqc | Please share responsibly...

  • SEO Aware - Melissa

    RT @level343: 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface #Web Design http://t.co/ZUAhhcRH

  • Stella Early

    5 Website Usability Tips for the Professionally Helpful Site: http://t.co/rK12oCK4 - Level343 Team ... http://t.co/NwhbAYzG

  • Tony Hastings

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/qXQAje0e via @SEOcopy

  • Nathan Burgess

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/eD9irBMK via @SEOcopy

  • Michael Guerrieo

    5 Website Usability Tips for the Professionally Helpful Site - http://t.co/V6iCoFSE @wsiabelpardo

  • Shelly Kramer

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/xnZSTdF2 via @SEOcopy

  • Joe Thomas

    RT @ShellyKramer: 5 Website Usability Tips for the Professionally Helpful Site http://t.co/r5bBnKe8 via @SEOcopy

  • Sarah Griffiths

    I like number 3 >> RT @ShellyKramer via @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site http://t.co/gL7VEFFo

  • Nikhil Rajhans

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/0BEBJt5G

  • Erica Friedman

    5 Website Usability Tips for the Professionally Helpful Site: http://t.co/mfXidlHa via @ShellyKramer

  • Abel Pardo Fernández

    5 Website Usability Tips for the Professionally Helpful Site - http://t.co/V6iCoFSE @wsiabelpardo

  • KeyMedia PR

    http://t.co/ZMQNPgNG if you are looking to rebuild your site!

  • Marck V.

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/21Ix8rvU via @SEOcopy

  • Yo! Yo! SEO

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/AvW4u6Xd via @SEOcopy #content

  • Level-343 Team

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/lG1yeTqc | always willing to give more ♥

  • Tonia Ries

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/Y4Atn40l via @SEOcopy

  • Booked Up Reviews

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/5kn83JMQ via @SEOcopy

  • TECHPLUGGED

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/e0wOFieO via @SEOcopy

  • TECHPLUGGED

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/xH7wR5QB via @SEOcopy

  • Frank Woodman Jr

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/LoYyo2YH

  • Level-343 Team

    5 Website Usability Tips for the Professionally Helpful Site #Content #userinterface #WebDesign http://t.co/UVW0OnAc

  • Think First Web

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/2T7XzhNr

  • Arthur Partridge

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/PjydF85x via @SEOcopy

  • Meghan M. Biro

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/akkc0IBx via @SEOcopy

  • Adnan Zulkarnain

    RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/vapw7lGe

  • Adnan Zulkarnain

    RT @ErenMckay: RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/vapw7lGe

  • LisaLadrido

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/5WDN6fwO via @SEOcopy

  • Level-343 Team

    5 Website Usability Tips for the Professionally Helpful Site #Content #UI http://t.co/UVW0OnAc

  • Anise Smith

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/ZXscw3Tq via @SEOcopy

  • Level-343 Team

    5 Website Usability Tips for the Professionally Helpful Site #UI #Design http://t.co/UVW0OnAc

  • Wayne Barker

    RT @level343: 5 Website Usability Tips for the Professionally Helpful Site #UI #Design http://t.co/jH20dBkZ

  • Gabriella Sannino

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/I2rUZh9v | Here’s a Q. When you put that search box on your site...

  • Alex Hall

    http://t.co/ipmqybiz - 5 Website Usability Tips for the Professionally Helpful Site

  • Massimo/Gabriella

    RT @level343: 5 Website Usability Tips for the Professionally Helpful Site #UI #Design http://t.co/JBAQqOE0

  • Level-343 Team

    5 Website Usability Tips for the Professionally Helpful Site #UI #Design http://t.co/UVW0OnAc

  • Jaime Menor

    5 Website Usability Tips for the Professionally Helpful Site Web Design http://t.co/hnLZLSgB

  • Gabriella Sannino

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/I2rUZh9v | #UI

  • Next Gen SEO SMO

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/vkhRiggL

  • Travis Campbell

    RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/stX732KG

  • Level-343 Team

    5 Website Usability Tips for the Professionally Helpful Site #UI #Design http://t.co/UVW0OnAc

  • Customeragriya

    RT @level343: 5 #Website Usability Tips for the Professionally Helpful Site #Content #user interface #Web Design http://t.co/Lh1oeR1i

  • Ashwin Satyanarayana

    RT @level343: 5 #Website Usability Tips for the Professionally Helpful Site #Content #user interface #Web Design http://t.co/Lh1oeR1i

  • Level-343 Team

    5 Website Usability Tips for the Professionally Helpful Site #UI #Design http://t.co/UVW0OnAc

  • Glenn Ferrell

    5 Website Usability Tips for the Professionally Helpful Site #UI #Design http://t.co/hF1ub1JV RT @level343

  • Rahadian Sulaiman

    RT @glenn_ferrell: 5 Website Usability Tips for the Professionally Helpful Site #UI #Design http://t.co/6n5apu31 RT @level343

  • Level-343 Team

    5 Website Usability Tips for the Professionally Helpful Site #UI #Design http://t.co/UVW0OnAc

  • Glenn Ferrell

    5 Website Usability Tips for the Professionally Helpful Site #UI #Design http://t.co/hF1ub1JV RT @Runaisa @level343

  • Harold Deeming

    5 Website Usability Tips for the Professionally Helpful Site #UI #Design http://t.co/hF1ub1JV RT @Runaisa @level343

  • Jeremy Victor

    RT @SEOcopy 5 Website Usability Tips for the Professionally Helpful Site #Content #user interface http://t.co/KqtIWKrI

  • Maxim Puzyrev

    RT @glenn_ferrell: 5 Website Usability Tips for the Professionally Helpful Site #UI #Design http://t.co/fKC6gB6e RT @Runaisa @level343

  • Sofyma Web

    5 Website Usability Tips for the Professionally Helpful Site http://t.co/C3ubLH7E - Wednesdays UX/Accessibility @SofymaWEB