Posts Tagged ‘Web Design’.
We are pleased to present below all posts tagged with ‘Web Design’.
You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.
We are pleased to present below all posts tagged with ‘Web Design’.
Non profit websites share many of the same best practices as any website. They need to be user friendly, easily navigable, and use appropriate fonts, colors, and other design elements. But often a non profit website needs to offer more than your typical corporate site.
A non profit's website needs to make it easy to find out more about their cause, to donate money, and to become more involved. It needs to make it easy for media contacts to find the information they need and the contact information of key personnel. And it needs to do all this in a way that's inviting to the organization's targeted donors and/or volunteers.
Below are a list of best practices for designing non profit websites followed by some examples of non profit websites that are getting things right.Read more...
From the Napa Wineries in California to the vineyards of Australia and France, the beautiful designs of these wine maker's websites embody the spirit of the vine. Trends for winery websites have been leaning towards a dynamic Flash introduction, animation and beautiful graphics, which would give the best representation of the products for the target market.
Unfortunately, winery sites strongly focus on the visual design, while best usability practices are often ignored. For instance, some web-sites do not offer a search functionality and use hardly readable content (and the size of the text can not be increased, because the text is embedded into a Flash-animation). Besides, since many sites are Flash-based, it's also impossible to bookmark a specific page, although (in general) it can be achieved in Flash).Read more...
Naming is linguistic design, and a good domain name is an important part of the overall design of a website. A name plays a prominent role when people discover, remember, think about, talk about, search for, or navigate to a website. It establishes a theme for the branding of a website before people even visit it for the first time. Coming up with a good domain name requires a combination of strategy, imagination and good linguistic design practice.
You'll find some basic pieces of advice all over the Web, and it’s worth mentioning those right away. Ideally, your domain name should be: short, catchy and memorable, easy to pronounce, easy to spell, not too similar to competing domain names, not a violation of someone else’s trademark.
These are all good rules of thumb. But they lack specifics. These are really criteria to use to evaluate ideas for names after you’ve thought of them. To come up with a name in the first place, you need to know what type of name is best for you. And before you can answer that question, you have to answer two others: one about your resources, and the other about your Web strategy.
You may be interested in the following related post:Read more...
Real estate is a valuable and often expensive purchase. Copious research is done by home buyers before venturing out to acquire real estate. In this day and age, gathering information about a property is typically done online, and an effective and captivating website design can make or break a home sale.
In this showcase, we'll explore some great designs of real estate websites. We'll also discuss some commonalities between them to tease out current trends in real estate websites.
Property realtors want to convey the message that they're reliable and well-established. They want home buyers to feel that they will be purchasing property from a company that's dependable, steadfast and time-tested. That's why most of them opt for a classic and sophisticated theme for their websites, rather than a sleek, modern theme.Read more...
When designing a website, the most important thing is to make it as usable and convenient as possible. On a website on which users could possibly get confused, it is best to include help elements. Help elements come in all different shapes and sizes: an entire page, a suggestion box or a quick tip. But they all have one thing in common: besides doing the obvious (i.e. helping the user), help elements provide an extra convenience that brings the website closer to that sought-after usability.
With the number of forms, search functions and other navigational elements on websites these days, using them can occasionally become confusing for some users. Providing help elements in as many places as possible can be a great way to make the user's experience more pleasurable. The better the experience of the user, the more likely the user will buy your product, come back to the website and fulfill the goal that the website was built to achieve.
Below is a compilation of best practices for help elements, an explanation of when to use them and a showcase of excellent help elements.
You may also be interested in the following related posts:
Your website is designed, the CMS works, content has been added and the client is happy. It’s time to take the website live. Or is it? When launching a website, you can often forget a number of things in your eagerness to make it live, so it’s useful to have a checklist to look through as you make your final touches and before you announce your website to the world. [Content Care Dec/15/2016]
This article reviews some important and necessary checks that web-sites should be checked against before the official launch — little details are often forgotten or ignored, but – if done in time – may sum up to an overall greater user experience and avoid unnecessary costs after the official site release.
A favicon brands the tab or window in which your website is open in the user’s browser. It is also saved with the bookmark so that users can easily identify pages from your website. Some browsers pick up the favicon if you save it in your root directory as favicon.ico, but to be sure it’s picked up all the time, include the following in your head.Read more...
There are an extensive amount of roads you can take in web design, specifically in navigation. Here, we will talk about one specific navigation technique, tab-based navigation. If properly carried out, tabbed navigation can be very clean and organized within a web layout. [Links checked February/10/2017]
So what is tabbed navigation? Well, it is essentially a set of buttons most often set horizontally. Tabs generally follow numerous different styling guidelines. First, a tab set usually is attached to or slightly protrudes from a container, like in the example below. Also, notice how the open tab matches the background color of the container, and the other buttons are darker. This is another common styling guideline.
When you look at tabbed navigations, you will also notice many styling trends. First, many tabs will have rounded corners on buttons. This helps to create a clean look. Also helping to make a clean look is the use of separation between buttons. Most designs use space to separate buttons, but a bevel, single line, or background color contrast will also look nicely.Read more...
We recently showcased beautiful websites from the fashion industry, and in response to reader requests, we'll do the same thing here for sports websites. This article showcases the most beautiful website designs from the North American sports industry, including ones for news, teams and leagues, sports apparel and more.
As in any industry, sports websites have their own trends, as you will see below. However, because the websites showcased here fall into a number of different categories and serve different purposes, not all of the trends we discuss will be relevant or applicable to all types of sports websites.Read more...
Complex design techniques are often time-consuming and, well, complex. Some of these advanced effects can add plenty of depth to designs, but when used in the wrong place, they do little more than distract viewers from the project's intended focus. These effects may be precisely what a design needs to have the impact it requires, but even in these cases, they should be complemented by simpler effects.
Simple effects and techniques are the building blocks of today's designs. For example, what good is a stellar lighting technique if you can't decide which colors to use or which text-based effects to use in conjunction with the effect?
With a "less is more" mentality, we've selected 10 very simple and impressive design techniques that can drastically improve the performance and appearance of your designs.
For more techniques, you may want to look at our previous articles:
Web design has come a long way since its beginning, especially in terms of styling. Take a look at a website from 10 years ago and compare it to one from today. The differences are enormous. One of the major changes you will notice is the background. Today, backgrounds are one of the core features that determine how visually interesting a website is.
The background holds the theme of the website, and there are a vast amount of possibilities when designing a website background. This article goes over the best practices and popular trends of backgrounds in the current stage of innovative Web design.
You may also be interested in the following related posts:Read more...
As a general rule, most Web developers, especially usability enthusiasts, say it is bad practice to use drop-down menus because they are confusing, annoying and oftentimes dysfunctional. From a design standpoint, however, drop-down menus are an excellent feature because they help clean up a busy layout. If structured correctly, drop-down menus can be a great navigation tool, while still being a usable and attractive design feature. [Links checked February/10/2017]
Yes, that's right: drop-down navigation menus can be user-friendly. Just yesterday Jacob Nielsen the results of his recent drop-down menus study, in which he found out that big, two-dimensional drop-down panels that group navigation options help users to avoid scrolling and can precisely explain the user's choices with effective use of typography, icons, and tooltips.
In this article we take a closer look at the nature of drop-down navigation menus, analyze situations in which they should or should not be used, discuss various implementations and finally showcase a couple of bad and good examples of such menus. The article also includes various tips and suggestions to help you work with your drop-down menus. Read more...
On websites that have a lot of pages, breadcrumb navigation can greatly enhance the way users find their way around. In terms of usability, breadcrumbs reduce the number of actions a website visitor needs to take in order to get to a higher-level page, and they improve the findability of website sections and pages. They are also an effective visual aid that indicates the location of the user within the website's hierarchy, making it a great source of contextual information for landing pages. [Content Care Dec/03/2016]
A "breadcrumb" (or "breadcrumb trail") is a type of secondary navigation scheme that reveals the user's location in a website or Web application. The term comes from the Hansel and Gretel fairy tale in which the two title children drop breadcrumbs to form a trail back to their home. Just like in the tale, breadcrumbs in real-world applications offer users a way to trace the path back to their original landing point.Read more...