1. DMT612 Professional Preparation EFFECTIVE WEB DESIGN

2. Effective web design… …is the result of careful thought and planning

3. Effective web design… 1.Planning 2.What do you want your website to do for you? 3.Colour 4.Typography 5.Layout 6.Best Practice 7.Coding 8.Tools 9.Assets

4. Planning Thoroughly plan your website before you start building it. Make your website load with lightning speed. Make site navigation clear and simple. Focus on solving visitors' problems.

5. What are you trying to achieve? Decide what you are trying to say and to whom. Figure out how to deliver the solution quickly. Map out your website on paper before you start building it. Continue to fine-tune your website after it is created.

7. Colour Colour can create an emotional response in people. Monochromatic colour schemes are soothing and work with neutral colours. Analogous colour schemes are vibrant but can be tricky to balance. Complementary colour schemes are high-contrast and allow you to draw attention to important information.

8. Typography Design so that your web site will be legible with many different browser settings. Pick a font that is appropriate for your content. Keep enough contrast between the text and the background. Keep line-length short enough to enable easy reading.

10. Layout Put your best content at the top of the page. Keep images and graphics small so your page will load quickly. Keep items like navigation menus in the same place from page to page. Break up your text into logical blocks.

11. Best practice Thoroughly plan your website around serving the user. Design webpages that load quickly. Simplify navigation. Be consistent with fonts, colours and menu locations. Use plenty of 'white space'. Preview your website on as many different platforms as possible to eliminate bugs. Don't make pages too long - users don't like to scroll down too far. Keep graphics to a minimum to reduce load times. Carefully select colour. Keep sufficient contrast between the text and background. Use fonts that are appropriate to your content. Keep line-length at a comfortable size. Don't overuse flashing/animated graphics. Write as shortly and clearly as possible. Put your best content at the top of the page. Break text into logical blocks. Provide users with a way to contact you.

14. Session Links https://www.google.co.uk/ http://www.bbc.co.uk/ http://www.html-5-tutorial.com/ http://www.codecademy.com/en/tracks/web http://marksimpson.co.uk/msr/ http://marksimpson.co.uk/ismr/ http://www.top10bestwebsitebuilders.co.uk/ http://www.weebly.com/ http://www.wix.com/my-account/sites/

15. Close To finish, here are my top tips: 1.For audio or video, use a small number of short clips, highlights; no one wants to see your life’s work at this stage! 2.Use quotes about your work that you couldn't use on your CV 3.Optimise your assets for the web, you need your pages to load quickly 4.A web page is essentially visual, so consider how visually appealing yours are Time for you to go and play!