Website design ideas for great User Experience

Shop


Website design ideas

Here you will find some great website design ideas, with the purpose to offer users on your site a great User experience.

Usability and a visually attractive site goes hand in hand, when it comes to the User Experience (UX). And of course that the content on your site gives value to the users. But it is important to remember that experience and what people like differ a lot and are personal, which makes it even more crucial for you to know your audience (users). Another way to make your site “feel and look good” is to keep to praxis in web design. With that I mean some basic ideas about color, fonts, layout and so on.

A lot of people are using WordPress to create their websites, most themes are flexible when it comes to color, fonts, layout but if you can’t do what you wish to do, there are thousands of themes to choose from. If you need help with the basics in WordPress, read more here: The ultimate guide on how to build a website in WordPress.

Ideas to get you going

Start with your target group:

  • Who is about to visit your site?
  • What will they try to find?
  • What do your visitors need help with?

Approach them with your content. I think it’s important to know user needs and be able to help with that rather than try to help everyone on this planet. Better to hold on to a niche than write about random stuff. If you like to turn to different target groups: create several websites instead of putting all content on one site!

On this site, for example, I mainly turn to people interested in User Experience and designing websites. I try to help you learn how to gain clients with a great experience and a distinct niche.

How to design your site

website design ideas

An important thing to remember is that people seldom READ all your content. They scan. Which is why it’s crucial to help scanning. Use images, bulleted and numbered lists, headlines and so on. Below there is 6 tips that help you design your site to also help scanning.

6 important guidelines

  1. Clues: give hints about where to go next, what buttons to click and where people are in your site. That can be done with text, breadcrumbs, site map and so on. You can also put in constraints that give few choices what to do next.
  2. Placement: related functionality should be placed near each other. Example: text and related picture and link should be placed together so it’s clear that they are related.
  3. Clear and simple: not to much widgets and sidebars! A crowded page is hard for people to “scan” and most people leave even if the content is good. Help people decide quickly if your site can help them find what they are looking for.
  4. Navigation: it should be clear how to navigate on your site. Not to many different kind of menus, remember that a search field will take people far. Stick to a main menu and maybe a menu for categories.
  5. Content: create value for the users in your site. Help them and guide them. Be as unique as you can. Get feedback on your content from people you trust or even better from people in your target group.
  6. Readability: work with colors, fonts and size. Remember that always use colors that contrast each other for readability. Black text on white background, offers the best contrast and is commonly used on many websites. Use fonts that is easy to read. Choose a sans serif font for your website. Do not forget to use different fonts and size for headlines to help scanning the page. Read more about colors and fonts on “thenextweb“.

You can also read more about designing a website in “Web style Guide”, a book about site and page structure, page design, colors and fonts. You can also find out more about how and when to use graphics and multimedia. The book is easy to read with lots of examples and images that help you understand.

A “must read” if you are going in to website design is “Don’t make me think”, Steve Krug. It’s about how people use the web, their behaviors and how to concentrate on helping them when they visit your site. You get a lot of great ideas, tips and guidelines in this book. The overall idea here is to ensure that it’s easy for the users on a website to find what they need. They should not have to be looking for it for a long time, then they will leave.

A great way to find out if you meet your users needs or if your site have a great usability is to do some testing.

I hope you have got some idea about how to make a great User Experience on your website. I also hope you got inspired to learn some more. And remember that usability and User Experience go hand in hand. You can read more about this in my earlier post about good website design.

Share This:

 

10 Replies to “Website design ideas for great User Experience”

  1. This is a great reminder for all of us bloggers to sit down for a minute and remember what people WILL and WON’T do when visiting our sites. For those of us who tend to be long-winded or want to write long paragraphs, the answer is usually DO NOT DO THIS. Thanks for bringing up an important topic.

    1. Thank you for visiting and for your comment, I think SEO is important and Usability and User Experience. With these in mind we can make fantastic sites with lot of traffic. Simplicity is important and that your content is easy to read and scan. Thanks again!

  2. Thanks for so well known but unfortunately often forgotten GOOD Website building tips. As many who build their own blogs or website, I searching, learning and sometimes doing it the wrong way. What did I get from your design ideas post? Firstly need to review my menus settings and construction, in fact, I doubted it’s correctness. Secondly about clues or buttons as you write. Need to make an inspection of some pages and posts. Thanks for the tips.

    1. There is always a good idea to look over the page design and usability. A great way to do that is to ask someone else to go through a usability test. Give some tasks to do like finding information or a post, or maybe buy something. See more about usability testing here, a simpel way to do it quick: https://moreusability.com/usab… I hope that can be of some help for you:-)

      Thanks a lot for visiting and leaving a comment!

  3. It is actually the most important topic for websites and I was thinking that should I integrate Facebook business page to my website? Because if I don’t I think readers can engage more in my writing. And that integration covers a lot of space in my theme. And I don’t want to mess up the code. What do you suggest for me?

    1. Hard to suggest something without seeing how it’s intended to look. I can advice you if I can get a link and see for myself, not sure what you mean with intergrate FB business page? Like a widget on the sidebar? I’d be happy to have a look at it:-) Thanks for your comment!

  4. I am always challenging myself to see if I have the best user experience possible, I want people to enjoy themselves on my site. I think your point on san serif font is right on the mark and I am scrambling to go make sure mine is in the right font now!
    Some other good tips are the br code to have underlines in your blog like an article underline. Creating columns can make things look neater too.
    Nice article
    Thanks
    Mark

    1. Thanks for your comment. Yes I think usability, layout and also graphic and typographic set up have a big impact on the overall User Experience. 

  5. Hello friend,

    thanks so much for this valuable information, indeed you have really taught me how to design my website so I can attract more visitors and even catch their attention.

    I especially like the idea that I don’s need to make my Page look so confusing, making it difficult for my visitors to easily navigate. I also like the idea about which font will my post easy to be read by my visitors.

    In all, I want to say thank you very much for sharing this information with me. I will always visit your site on ideas about how to make my site attractive to my visitors.

    1. Thanks to you! Great to hear you find my information useful. If you need some help or would like me to look at your site I gladly do that:-)

Leave a Reply

Your email address will not be published. Required fields are marked *