69 Web design tips

69 WEB DESIGN TIPS DESIGN 1 2 3 A Investigate Figure out who your target audience will be and what their expectations are. Limit colors Logo It is not recommened to use more than two to three colors on your website. The logo is a major part of your brand and will be a point of recognition. 4 5 Extremes Text contrast your website Ensure that your web- site is secure, always. Visitors need to be able to read the text properly. 7 Use a grid Preferably use a 12-colum grid. Design order Keep things organized. 10 8 Trends Be original, don't buy a theme Simplicity Follow the latest web design trends but don't overuse the trends. Only display the most essential elements You always want it to be unique. on your website. 11 Test your designs Before you throw your website it in front of your audence, test it thoroughly. USER EXPERIENCE Breathing room Five seconds Visitors need time to take in the 12 O You've got about five seconds to make the value clear to the visitors. 21 information they just read, instead of directly getting the next stuff in front of them. .... .... ... ** .. Responsive design More and more people use tablets, smartphones, TVs and watches to access the internet. Working links Make sure all the links on your website work, both internal and external links. 13 22 ............. .......... . Link texts/anchors Navigation The navigation is one of the most important sections of a website since it allows a visitor to quickly go to the desired page. The links on your website should provide visitors with some quick information about the page they will go to. 14 23 AK . .................. External links Scroll vs click Scrolling allows you to guide your visitors through a certain story. 24 Let external links open in a new window using target="_blank". 15 ....................... ................. The flow Short forms Provide your target audience with a clear website flow so they will not wonder what to do next. 16 25 Use as few form fields as possible and avoid captchas. ........... Remove clutter A lot of elements might seem useful at the beginning, but will only distract visitors. Auto-complete forms 17 26 Allow forms to be auto completed by browsers. Unavoidable buttons Make the buttons on your website as beautiful, attractive and appealing as possible. Message received Click Provide your target audience with a clear website flow so they will not wonder what to do next. 18 27 . ... Readable fonts Contact information 28 19 A0 Make sure that those fonts are Add contact information beside easy readable across all devices. every form on your website. ............. Think local 20 What you want to accomplish is that the visitors will understand everything on your website. CONTENT 29 30 Limit pages Homepage Make sure your website hasn't got too many pages and that the pages only are as long as they should be. The homepage is only a doorway to the sub-pages where visitors are supposed to take action. 43 31 Ranking It is web pages that rank in Google, not websites. Content is king If the message you want to communicate with your website audience isn't clear, 42 then the whole website will fail. SEO Keep SEO (search engine optimization) in the back of your mind when you create the design for a new website. 32 Messaging Don't overwhelm visitors with long paragraphs of text. 41 Landing pages Design every page of the website as a landing page. 33 Photography A photograph says more than a thousand words. 40 Above the fold The part that is above the fold is the most important part of your website. 34 39 Video A video is one of the best Spelling Always make sure that the spelling is done correctly. A. ways of explaining your product or service. 35 38 Stay fresh Give visitors to your website the impression that your business is an active business by updating your website regularly. Audience Only target the target audience with your website. 36 37 Blog A blog is one of the best ways to get your website to look active and it allows you to show that you know what you're talking about. Social media Social media is a great way to create a loyal audience who can become brand advocates for your brand. DEVELOPMENT CMS Be smart and don't waste time by building a custom CMS. CLEAN AND COMMENTED 44 This tip goes for any work in any line of work: work clean and organized. 50 SECURITY Ensure that your website is secure, always. SPEED One of the biggest reasons for visitors dropping out early is because a website loads too slowly. 45 51 НTML BENEFITS As long as you don't offer benefits that will suit the needs of your visitors, all that hard work will be for nothing . 46 IMAGES A website with images that relate to its contents are in most cases more beautiful and convert better. 52 CSS JS LEARN Keep educating and updating yourself with the latest techniques, technologies'and tools. 47 PHP SPECIAL EFFECTS Special effects will only distract visitors from the contents of your website. 53 EXPERIMENT Start experimenting with new things, and simultaneously start a blog and start blogging about the things that you learn yourself. 48 PARALLAX SCROLLING Keep it simple and don't use too much of it. 54 OUTSOURCE 49 STICKY FOOTER Since the footer is the bottom part of a website, it should be always at the bottom of your browser. Design websites and let the coding be done by specialized professionals. </> dlick 55 FUTURE Lead the way An industry leader nowadays is a person that represents a well-known business who Learn from others Analyze all your competitors and learn from them. Also look at shares his knowledge and experiences. other industries. 58 Keep up Keep working on your online 57 presence, no matter how far you are ahead of your competitors you are. Test and update Once you've finished the website and people are starting to find it, it isn't time to relax. 59 56 Wearable tech Your brand or business might benefit from new technologies and gadgets, so make sure that your website is ready. 60 DON'TS Flash Old techniques Whatever you want to build using Flash can be built using plain old HTML, CSS and Java Script. 61 Invest some time in 66 understanding the basics of HTML5 and CSS3, and stop using frames and tables. Pop ups and pop unders 62 It annoys the hell out of most people. GIFS Don't do this 67 GIFS can be great but don't use them in the wrong places. Auto play Visitors get annoyed 63 A once video or music starts playing without asking for it. CAPS People will actually think that you're SCREAMING at them. 68 Advertisements Never use more than three ads per page so people won't get distracted too much or 64 LOREM even get annoyed by all the ads. Underline Only underline links and don't 69 underline normal words or Carousels and sliders Image carousels and image or text sliders may make visitors hit the back button 65 sentences. faster than you can even imagine. Read the full 69 tips: https://psdtowp.net/website-design-tips References: http://www.hongkiat.com/blog/5-tips-to-simplify-your-web-design/ - http://www.forbes.com/sites/cherylsnappconner/2014/03/27/25-web-design-tips-to-honor-25-years-of-the-web/ - http://www.huffingtonpost.com/adda-bimir/5-kill- er-web-design-tips-_b_4038652.html - http://blog.hubspot.com/marketing/web-design-tips - http://www.howdesign.com/featured/web-design-tips-7-common-mistakes-designers-make/ - http://www.cio.com/article/2385250/online-mar- keting/13-simple-tips-for-improving-your-web-design.html - http://www.creativebloq.com/web-design/tips-812580 - http://webdesign.about.com/od/webdesignbasics/tp/aa112497.htm - http://www.business2community.com/on- line-marketing/7-actionable-web-design-tips-01260395 - http://website-builder-review.toptenreviews.com/top-ten-tips-for-website-design.html - http://smallbiztrends.com/2015/01/web-design-tips-website-load-faster.html -https://fstop- pers.com/business/website-design-tips-wedding-photographers-55674 - http://inspectelement.com/articles/5-unheard-web-design-tips/ - http://despreneur.com/7-prominent-web-design-tips-for-startups/ - http://www.cyberindi- an.com/web-designing/8-tips-for-great-website.php