{"id":7121,"date":"2016-06-23T18:16:57","date_gmt":"2016-06-23T13:16:57","guid":{"rendered":"https:\/\/designcanyon.com\/?p=7121"},"modified":"2016-06-23T20:31:33","modified_gmt":"2016-06-23T15:31:33","slug":"how-to-properly-design-a-website-that-will-be-user-friendly","status":"publish","type":"post","link":"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/","title":{"rendered":"How to Properly Design a Website That Will Be User Friendly"},"content":{"rendered":"

If you want to make a website, but have little technical expertise, it can be pretty intimidating. But don’t despair. There is plenty you can do to cut the job down to size and make it manageable.<\/p>\n

1. Pick a Platform<\/h2>\n

Two of the most well-known platforms are WordPress and Blogger. They are very different technical environments, but neither requires you to be able to write code or design anything from scratch. They and other platforms offer templates. In some cases, they are free. In other cases, you can purchase what you want.<\/p>\n

No matter your level of technical savvy, you can find a solution that is comfortable for you. Blogger may well be the most user-friendly platform for people who have no coding ability. It is surprisingly flexible and customizable without having to write a single line of code.<\/p>\n

2. Decide on Your Content Requirements<\/h2>\n

The design requirements will be heavily impacted by the type of content you intend to produce. While simpler is generally better, a text only site will have more leeway for tolerating graphics as part of the overall design than a site that will be showcasing photos, art, a web comic or other graphic work.<\/p>\n

WordPress has templates specifically optimized for specialized functions, such as publishing a web comic or showcasing photos with brief descriptions. Blogger has some templates that are clean lined and mostly black or mostly white. These can be easily adapted for a photo site. It is possible to use Blogger to publish a web comic, but, currently, you do need to be able to write a small amount of code in order to add proper navigation appropriate to a comic.<\/p>\n

3. Optimize for Legibility<\/h2>\n

Blogger has some templates with transparent layers and most templates allow you to customize the background graphic. If you aren’t careful, this can mean the words you write are difficult to read at all. No matter the platform, pictures that are too large for the blog post can bleed over into side columns, interfering with site function and navigation. Always check for legibility first and foremost.<\/p>\n

Pay special attention to link colors. Links typically change color when hovered over or after they are clicked. A very colorful site can create problems where there are no good link colors because somewhere on the page, those colors simply do not work. Graphics that include both very light or bright areas and very dark areas are particularly challenging.<\/p>\n

Unless you know enough CSS to customize the links in different areas, link colors are typically site-wide. Thus, they need to work on all of your backgrounds. This can be tricky. Links that cannot be seen make a website<\/a> a very frustrating user experience. Thus, this one detail can be a major usability failing. Pay close attention to whether or not all of your links are legible across the entire site.<\/p>\n

4. What Do You Want Above the Fold<\/h2>\n

This is an old newspaper term that now gets applied to site design. In a newspaper, it means the part of the paper visible above the fold on the front page. In web design, it means the part of the page visible on the screen without scrolling down.<\/p>\n

This area should contain critical information and navigation that you do not want your audience to miss. You may want to duplicate some of this content elsewhere. But make sure critical items, like the name of the site and essential navigation tools, are visible above the fold, without scrolling.<\/p>\n

5. When In Doubt, Stick With Standard Design Elements<\/h2>\n

Black text on a white or off white background works. Navigation tabs across the top and\/or down the side are functional. If you do not know a lot about design, do not get too creative. Stick close to the tried and true design details that have a proven track record of success. Save your creativity for content creation.<\/p>\n

Many people have trouble taking this advice. They feel it is boring. They want to spice things up. This easily gets inexperienced people in trouble. It can readily go bad places and become a user experience nightmare. If you aren’t confident your quirky choice really improves the experience, just skip it.<\/p>\n

6. Do User Testing<\/h2>\n

Even if it is just your mom or best friend trying out the site while you watch and ask questions, seeing how other people use the site can yield a wealth of good information about what works and what doesn’t. This doesn’t have to be expensive or time consuming. Sometimes a friend will do it for the price of a beer.<\/p>\n

7. Learn Some Basic Color Tips<\/h2>\n

If you use color coding, it should be limited to seven colors. The human brain cannot readily follow more than that. Remember that yellow is a surprisingly strong color. It seems like a light color, but when used in large deaths, it is garish and overwhelming.<\/p>\n

If the colors are too harsh, you can mute them by going with off-white instead of pure white, or off-black instead of pure black. Choosing muted variations of a design that is not quite working can make things suddenly fall into place. Sometimes, a small tweak is better than a major overhaul.<\/p>\n

8. Form Follows Function<\/h2>\n

Good design serves a purpose. Colors are chosen because they perform well, not because they are pretty per se. If it is well designed, it will often be described as beautiful. But trying to make it beautiful doesn’t necessarily lead to good design. So, make sure you are thinking of their function as you pick colors, not just whether or not you like them.<\/p>\n

If you stick close to basic, proven designs and only add as much as is minimally necessary to achieve the desired function, you won’t go far wrong. It does not have to be perfect. It does have to be usable and that is totally doable, even for someone who is new to the art of making a website.<\/p>\n","protected":false},"excerpt":{"rendered":"

If you want to make a website, but have little technical expertise, it can be pretty intimidating. But don’t despair. There is plenty you can…<\/p>\n","protected":false},"author":1,"featured_media":7122,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[418],"tags":[],"yoast_head":"\nHow to Properly Design a Website That Will Be User Friendly - DesignCanyon<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Properly Design a Website That Will Be User Friendly - DesignCanyon\" \/>\n<meta property=\"og:description\" content=\"If you want to make a website, but have little technical expertise, it can be pretty intimidating. But don’t despair. There is plenty you can…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/\" \/>\n<meta property=\"og:site_name\" content=\"DesignCanyon\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-23T13:16:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-06-23T15:31:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/designcanyon.com\/wp-content\/uploads\/2016\/06\/Properly-Design-a-Website-That-Will-Be-User-Friendly.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"621\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"kamn\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@shafiq\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"kamn\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/\"},\"author\":{\"name\":\"kamn\",\"@id\":\"https:\/\/designcanyon.com\/#\/schema\/person\/af5fa65bb9d11a5ca100c724ee72fb14\"},\"headline\":\"How to Properly Design a Website That Will Be User Friendly\",\"datePublished\":\"2016-06-23T13:16:57+00:00\",\"dateModified\":\"2016-06-23T15:31:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/\"},\"wordCount\":1001,\"publisher\":{\"@id\":\"https:\/\/designcanyon.com\/#organization\"},\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/\",\"url\":\"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/\",\"name\":\"How to Properly Design a Website That Will Be User Friendly - DesignCanyon\",\"isPartOf\":{\"@id\":\"https:\/\/designcanyon.com\/#website\"},\"datePublished\":\"2016-06-23T13:16:57+00:00\",\"dateModified\":\"2016-06-23T15:31:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/designcanyon.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Properly Design a Website That Will Be User Friendly\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/designcanyon.com\/#website\",\"url\":\"https:\/\/designcanyon.com\/\",\"name\":\"DesignCanyon\",\"description\":\"Creativity, Technology and Everything in between.\",\"publisher\":{\"@id\":\"https:\/\/designcanyon.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/designcanyon.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/designcanyon.com\/#organization\",\"name\":\"DesignCanyon\",\"url\":\"https:\/\/designcanyon.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/designcanyon.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/designcanyon.com\/wp-content\/uploads\/2016\/12\/logo-designcanyon.svg\",\"contentUrl\":\"https:\/\/designcanyon.com\/wp-content\/uploads\/2016\/12\/logo-designcanyon.svg\",\"caption\":\"DesignCanyon\"},\"image\":{\"@id\":\"https:\/\/designcanyon.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/designcanyon.com\/#\/schema\/person\/af5fa65bb9d11a5ca100c724ee72fb14\",\"name\":\"kamn\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/designcanyon.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/42a1d4bf5a6d70f2084917ef522b44f5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/42a1d4bf5a6d70f2084917ef522b44f5?s=96&d=mm&r=g\",\"caption\":\"kamn\"},\"description\":\"I am freelance web designer and developer with a passion for interaction design. I love communication, creativity, technology and everything in between.\",\"sameAs\":[\"https:\/\/twitter.com\/shafiq\"],\"url\":\"https:\/\/designcanyon.com\/author\/kamn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Properly Design a Website That Will Be User Friendly - DesignCanyon","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/","og_locale":"en_US","og_type":"article","og_title":"How to Properly Design a Website That Will Be User Friendly - DesignCanyon","og_description":"If you want to make a website, but have little technical expertise, it can be pretty intimidating. But don’t despair. There is plenty you can…","og_url":"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/","og_site_name":"DesignCanyon","article_published_time":"2016-06-23T13:16:57+00:00","article_modified_time":"2016-06-23T15:31:33+00:00","og_image":[{"width":621,"height":410,"url":"https:\/\/designcanyon.com\/wp-content\/uploads\/2016\/06\/Properly-Design-a-Website-That-Will-Be-User-Friendly.jpg","type":"image\/jpeg"}],"author":"kamn","twitter_card":"summary_large_image","twitter_creator":"@shafiq","twitter_misc":{"Written by":"kamn","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/#article","isPartOf":{"@id":"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/"},"author":{"name":"kamn","@id":"https:\/\/designcanyon.com\/#\/schema\/person\/af5fa65bb9d11a5ca100c724ee72fb14"},"headline":"How to Properly Design a Website That Will Be User Friendly","datePublished":"2016-06-23T13:16:57+00:00","dateModified":"2016-06-23T15:31:33+00:00","mainEntityOfPage":{"@id":"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/"},"wordCount":1001,"publisher":{"@id":"https:\/\/designcanyon.com\/#organization"},"articleSection":["Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/","url":"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/","name":"How to Properly Design a Website That Will Be User Friendly - DesignCanyon","isPartOf":{"@id":"https:\/\/designcanyon.com\/#website"},"datePublished":"2016-06-23T13:16:57+00:00","dateModified":"2016-06-23T15:31:33+00:00","breadcrumb":{"@id":"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/designcanyon.com\/design\/how-to-properly-design-a-website-that-will-be-user-friendly\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/designcanyon.com\/"},{"@type":"ListItem","position":2,"name":"How to Properly Design a Website That Will Be User Friendly"}]},{"@type":"WebSite","@id":"https:\/\/designcanyon.com\/#website","url":"https:\/\/designcanyon.com\/","name":"DesignCanyon","description":"Creativity, Technology and Everything in between.","publisher":{"@id":"https:\/\/designcanyon.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/designcanyon.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/designcanyon.com\/#organization","name":"DesignCanyon","url":"https:\/\/designcanyon.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/designcanyon.com\/#\/schema\/logo\/image\/","url":"https:\/\/designcanyon.com\/wp-content\/uploads\/2016\/12\/logo-designcanyon.svg","contentUrl":"https:\/\/designcanyon.com\/wp-content\/uploads\/2016\/12\/logo-designcanyon.svg","caption":"DesignCanyon"},"image":{"@id":"https:\/\/designcanyon.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/designcanyon.com\/#\/schema\/person\/af5fa65bb9d11a5ca100c724ee72fb14","name":"kamn","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/designcanyon.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/42a1d4bf5a6d70f2084917ef522b44f5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/42a1d4bf5a6d70f2084917ef522b44f5?s=96&d=mm&r=g","caption":"kamn"},"description":"I am freelance web designer and developer with a passion for interaction design. I love communication, creativity, technology and everything in between.","sameAs":["https:\/\/twitter.com\/shafiq"],"url":"https:\/\/designcanyon.com\/author\/kamn\/"}]}},"_links":{"self":[{"href":"https:\/\/designcanyon.com\/wp-json\/wp\/v2\/posts\/7121"}],"collection":[{"href":"https:\/\/designcanyon.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcanyon.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcanyon.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcanyon.com\/wp-json\/wp\/v2\/comments?post=7121"}],"version-history":[{"count":2,"href":"https:\/\/designcanyon.com\/wp-json\/wp\/v2\/posts\/7121\/revisions"}],"predecessor-version":[{"id":7124,"href":"https:\/\/designcanyon.com\/wp-json\/wp\/v2\/posts\/7121\/revisions\/7124"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcanyon.com\/wp-json\/wp\/v2\/media\/7122"}],"wp:attachment":[{"href":"https:\/\/designcanyon.com\/wp-json\/wp\/v2\/media?parent=7121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcanyon.com\/wp-json\/wp\/v2\/categories?post=7121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcanyon.com\/wp-json\/wp\/v2\/tags?post=7121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}