When someone clicks on your website URL, the very first thing they note about your website is its content. The users try to know what the website is all about. In this context, they start looking for navigation options. I spent my entire last week in studying the navigation system of portfolio websites. And I come across several websites that offer interesting and intriguing experiences, but boast of some crucial navigation errors.
Well, let me emphasize once again that the website I studied are some of the world’s most aesthetic and appealing websites. However, the creativity should not kill usability of the website. If you are able to ensure that your online portfolio doesn’t boasts of the navigational flaws listed below, the website is bound to get stunning experience to its visitors.
So many clicks?
Wow! Mind-blowing. These are the words uttered from my mouth immediately when I landed on the home-page of the website. However, I was not first aware what are these things I’m looking at are representing. Within a minute or two, I realized that I’m at the portfolio page of the website. I could see nice usage of white space on that page.
The triage shaped linings were drawn all over the page and whenever I hovered over it, it used to show a specific project from their kitty. You need to make so many clicks to navigate through the entire portfolio, which is hated by most of the people (Kids may like it!). Though the design is modest and clean, it needs a slight improvement in its navigation system. Do remember: Fewer clicks, more sales!
I clicked on a URL of the website and I was first greeted by a flash animation loading window. Before it gets completely loaded and I could see what it covers, I closed the window and visited the same website again in the evening, when I was ready to be patient. I’m sure this might have also happened to you many times.
I found that the flash animation was created to help the users understand the navigation system of the website. However, this wasn’t useful for me at all. To add more pain, I saw that there is a wheel and you need to drag the button continuously, either clockwise or counter clockwise, to view the entire portfolio. These are truly severe flaws of the navigation system.
Have you ever thought that why more than 70% of the websites have placed their menu at top of the page, that too in a horizontal manner. Actually, there’s a science behind it. Our eyes first see the things that are exactly in front of it. This position of eyes is convenient for them.
If you have ever browsed a website with main menu at its footer, you would have surely realized how irritating it was to scroll down to the bottom of the page and go back and forth. As a part of my study, I came across many websites where designers have tried to be playful and haven’t offer conventional menu on portfolio page.
Don’t Clone Menu!
The site I saw cloned menu was actually of a construction company. At first glance, I was very much impressed with the usability, navigation system, breadcrumbs, color combination, use of white space and font styles. There were main 3 tabs in the menu, placed in bold at the top of the page and right beneath the logo of the company.
But, suddenly I noticed that same menu tabs are repeated on the same page and in another style. I would like to strictly emphasize that why you need to duplicate menu, when users can easily follow the original menu. In fact, this duplication may confuse users understanding your website. Thus, don’t repeat menu.
No user Control
The portfolio was crafted nicely. But I ticked off something very negative on the navigation part. All the projects titles were listed in vertical format. When you click on any title, the respective project gallery opens in the same page. Now, if you want to close it, you must click on another title; as there was no close button offered.
This kind of consequences is also observed in landing page design. Some landing page design don’t offer user controls such as close, skip and minimize button. Such things can only irritate users instead of impressing them!
Portfolio design should allow users to access any project from the list in any manner. It should not be the case that to reach project ‘X’, I have to compulsory scroll through projects ‘A’, ‘B’ and ‘C’. Offering a slide view of all the projects seems aesthetic, but at the same time you must provide the users with all the project titles (clickable!) in a vertical manner. Check out if your portfolio website offers non-sequential access or not.
Always put yourself in user’s shoes and scrutinize the navigation, design and usability of the website. Web Designer in India is leading the market by their 100% user-friendly designs and innovative design ideas.
About the Author:
Note From Ian:
If you are looking for a great designer, check out IM Graphic Designs a full service Web and Graphic design company. We use Thesis Theme for all of our website designs. The best WP theme on the market.