I'll just begin by stating it. Great web design
is tough. It's a delicate balance of pleasing aesthetics and usability. You could have an extremely impressive and beautiful website, but if users struggle to navigate through the content, then you have failed as a web designer. Like with any form of art, there are some basic principles behind the design that have existed for decades. I really wish to say centuries here, but web design has only existed for the past two decades or so. However, web design is pretty much art; the principles behind art have existed since the beginning of time.
Anyway, let's not get too caught up in being correct with our wording here. There are some basic principles behind web design. Follow these principles and you should be able to make a great interface and web experience (UI/UX).
1. KISS (Keep it simple, stupid)
|
Simple, flat design |
Play KISS music on page load. Actually, that is an extremely bad idea.
Simplicity is really overlooked with beginning designers. It's easy to get caught up in adding flash and thrill to a design, but really it's just unnecessary junk that is taking away from your work's usability. Ideally, beginning artists or designers should work with minimalism for a large portion of their learning experience. If you are able to make an attractive design with minimal materials/shapes/lines, then you have the potential to be a great designer. But back to web design, keeping it simple will definitely help make your site easily navigable and it will just flow so much better.
2. Don't Make Users Think
|
Yeah, I'm going there with the stock photography |
This is a continuation of KISS.
Making users have to think about how to use your website is going to cause some negative thoughts about your site, which could potentially harm your brand. Having a really complicated design might look great, but it could cause problems in some users. Just because you think something works well doesn't mean everybody else will have the same opinion. You have to remember, the web plays host to all sorts of skill levels.
3. Remember Conventions
This is like a design principle within a design principle.
Following conventions works because, well, it's a convention; it's just the way something is usually done. For example, when first loading a page, most users' eyes will travel to the top left of the page because we have been taught to read from left to right. Most people expect the site's logo or home link to be placed there. It's really something we are so used to and we don't have to think about it.
Explore a handful of websites and pick up some of the conventions they are utilizing. However, this doesn't mean you have to play by the book 100%. Deviating from the norm is actually a good way to explore your creativity, but ignoring several design conventions in doing so could lead towards poor usability. In other words, the sites that deviate from the norm still apply some of the basic web design conventions.
4. Stay Consistent
For some, a website is just another tool to represent a brand or an idea. These brands have already made decisions for their color schemes, typography, etc. These
visuals stay consistent across all forms of media and it's comforting because we can still recognize it as the original brand. Your website shouldn't be any different. Using 15 different fonts, different spacing rules, different layouts, alignments, or pages that don't look similar to the original index page can cause users to question if they are even looking at the same website. It can cause usability issues as well. You want to stay consistent with your page design. You are creating a set of rules within the first few seconds of a page visit. Users will understand these rules quickly. But if you can change the way the site works or feels, you are really causing some problems.
5. Get Inspiration/Explore!
There is no better way to learn than by learning from your peers or competitors. Visit as many websites as you can within your site's field and see what trends are popular, what conventions the sites share, what layouts are working, and what doesn't work.