Posts Tagged ‘Navigation’
We are pleased to present below all posts tagged with ‘Navigation’.
We are pleased to present below all posts tagged with ‘Navigation’.
Structure and hierarchy reduce complexity and improve readability. The more organized your articles or web-sites are, the easier it is for users to follow your arguments and get the message you are trying to deliver. On the Web this can be done in a variety of ways.
In body copy headlines and enumerations are usually used to present the information as logically separated data chunks. An alternative solution is pagination, a mechanism which provides users with additional navigation options for browsing through single parts of the given article. Parts of the article are usually referred to by numbers, hints, arrows as well as "previous" and "next"-buttons.
Search engines almost always use pagination; newspapers tend to make use of it for navigation through the parts of rather large articles. And there are situations when pagination is also necessary for weblogs. Additional navigation can simplify the access to some site pages — e.g. make it easier for users to browse through the archives of the site.
In most cases pagination is better than traditional "previous - next" navigation as it offers visitors a more quick and convenient navigation through the site. It's not a must, but a useful nice-to-have-feature.
Let's take a look at the good practices of pagination design as well as some examples of when and how the pagination is usually implemented.Read more...
Compared to conventional navigation patterns tag clouds don't necessarily offer a more convenient and intuitive navigation. However, used properly, they can provide visitors with an instant illustration of the main topics, giving a very specific and precise orientation of the site's content. Since human beings tend to think in concepts and models, it's easier to get an idea of presented content if the main concepts are given straight away — in digestible pieces, and prioritized by their weight. In fact, the main advantage of tag clouds lies in their ability to highlight the most important or/and popular subjects dynamically which is not the case in conventional navigation menus.
Tag clouds offer a quite interesting approach for site navigation; although the technique is sometimes considered to be an "alternative", it shouldn't replace the "common" navigation but support it giving users additional clues about the content of the site. Due to their "cloudy" form the design of tag clouds sets them apart from other design elements on a page. And although designers don't really have that much choice in designing them, they still find their ways to break through the bounds of creativity and come up with some unusual approaches and solutions.
This article offers some selected examples of tag clouds, its shortcomings and also some suggestions for tagging data and links in a more profound and effective way.Read more...
Yes, sometimes we do. Should we use them? No, we probably shouldn't. Splash screen (or splash page) is a front page of a web-site that don't provide the actual content, but offers visitors some kind of intuition or background information for what the site is about. Designers use splash pages in their portfolios to impress potential clients with eye-candy. Companies tend to make use of them to draw users' attention to their latest products. And users literally can't stand them, because splash pages usually take a long time to load and provide (almost) no navigation options — except of "entering the site".
Depending on designers' creativity, splash pages use more or less attractive visual elements, sometimes with interactive Flash-movies which sometimes start to play automatically. Splash pages usually have a very simple structure — mostly just an image with few text lines and links. The design of these pages sometimes isn't related to the overall site design. And although most sites don't use them, splash pages are sometimes necessary and therefore remain popular. In fact, there are some situations in which we might want or might even need to use them. Even although we shouldn't — for our visitors' sake.Read more...
Three weeks ago we’ve showcased some of the most beautiful, creative and user-friendly 404 Error Pages; we’ve collected some interesting ideas one can use to help out the visitors once they got lost ony your page. We’ve also asked our readers to design their own 404 pages and promised to present the best solutions afterwards.
We’ve received over 100 entries. The choice wasn’t easy, so evaluating the quality of the entries we’ve considered - among other things - the communication with visitors, precise and clear navigation, the use of graphics, creative ideas and some outstanding solutions. Some of the solutions presented below might not be as helpful as they could or should be, however they include some creative approaches you should be aware of designing your 404 error pages.
We’d like to thank to everyone who participated, your input means a lot for us and for web-designers worldwide. You help to improve the quality of the Web. Don’t underestimate it.
So here is what you’ve come out with: over 45 working examples of user-friendly, creative and outstanding 404 error pages - in a brief overview.Read more...
Every day you visit one of them. The pages, which don't exist any longer, have moved to a new server or have never existed at all. Once you've missed your intended destination, either through a bad or outdated link, or a typo in the page you were hoping to reach, you'll hopefully get an internal error message from the server. However, by default these messages aren't that helpful - after all, you are looking for the information, not for the reason you can't find this information.
Good news - it doesn't have to be this way. You can style server error messages just the way you style any other pages. It's not only a more elegant way to deal with errors, but is also extremely useful for keeping users on your web-site, finding new clients or communicating with the old ones.
We'd like you to create a beautiful, functional and user-friendly 404 error page for your own web-site. We'll collect the most creative, usable and elegant solutions and review them in one of our next posts.Read more...
Navigation menus have to be intuitive, precise and easy-to-use. One simple, basic principle, which is common for all kinds of nav bars you would ever want to use for your projects. In fact, navigation menu is probably the most important element in web design: after all, it is being used more often than any other element on a given page. Therefore it's important to make sure that your visitors will find they way around the site structure - however complex the latter might be.
So how do designers cope with a challenging task to create an attractive and usable menu? Which results can be achieved? OK, that's a tough one. Let's take a look around.
Below you'll find 53 beautiful and user-friendly Navigation Menus and solutions web-designers came up with using basic CSS styling.
Subscribe to our email newsletter for useful tips and valuable resources, sent out every second Tuesday.
Nothing is more frustrating than stubborn management. That's why we published Digital Adaptation, a new book by Paul Boag on how to help management overcome legacy practices — for good.
It's done. The Smashing Book #4, our brand new book with smart front-end techniques and design approaches. Written by respected designers and developers, neatly packed in a gorgeous hardcover.
Hungry for more content? Over 60 eBooks are waiting to be discovered in our lovely Smashing Library. And guess what? You can watch Smashing Conference talks there, too.
Backstage is seeking a super savvy Digital Marketing Designer. The Designer will be involved in all aspects of landing page, email, modal, partner tool-kits and ...
We are a team of 14 engineers and entrepreneurs rocking 11 different nationalities and come from an array of diverse and inspiring backgrounds. We work ...