58. Design - Navigation is important Can users easily find what they are looking for on your site? Think visitor journey Include hyperlinks in main text Good for SEO
59. Design - Navigation Primary Navigation The main links to key sections / content Less is more (keep it to 7 or less) Position tends to be horizontally below top header
60. Design - Navigation Sub-Navigation Links to items within a primary navigation section Position tends to be either dynamically below (dropdown) or left hand column below main nav
61. Design – Good Content 5 Step Strategy What is your readers’ biggest headache? Feel their pain! Why have others failed to solve this nagging problem? Why is your solution different? Prove it works! Tell them how much better their lives will be with your solution Calls to action – tell them what they need to do!
62. Design – Good Content Intro! Wow! ‘Mechanics’/“Good quote” ‘Details’/“Another quote” ‘Details’ Tips Use Bullets – more that 5 break them up Use Headlines – good for SEO (h1, h2) Think newspaper articles
63. Design - Footers Footer - Fat footers can be used for less important links
64. Design - Ecommerce High level of exits / checkout abandonmentLow sales? Low level of conversions? It’s likely that there is a problem with usability, such as lengthy / unclear processes.
65. Design – Live Chat Registration / forms / loginsThis is a common source of frustration for customers
66. Design - Speed Avoid Slow page load times Faster the Better Helps with SEO Don’t auto run video or music
67. Design - Youtube & Google love Improve conversion rates online and offline Compress the sales cycle Lower the cost of delivering the message Deliver the message more consistently Deliver the message to more people, quicker Involve customers in selling – testimonials
69. Please them - Make them want to come back Relevant content (updated regularly) – Content is King! Good structure – visitor path Interactivity Calls to action (well placed) Testimonials & Case Studies Clear information / directions Short forms FUN!!!
73. Be a major source of news and information in their area of expertise David Lakins – Key Multimedia
74. Expert Tips..... What the designers say: 5 top tips Identify and understand the audience - design for them not the business owner Keep things simple - don't overload the user with trivial information and functionality as it just gets in the way. The same is true for "eye candy" and the latest bells and whistles Design with consistency - colours, fonts, layout Include good calls to action Design for all of the major browsers, not one in particular Jonathan Elwood – Expert Web Designer
78. Contextual / Reduced Navigation)Content: On the average Web page, users have time to read at most 28% of the words during an average visit; 20% is more likely. – Jakob N
79. Summary Design & usability play a central role in website success! Try to understand markets / customers Ensure site has a GREAT design Can you DIY? – be honest or have a go and see! Site delivers focused, valuable content Return on investment - £££££££££
80. Best Practice Top 10 Tips DIY or Designer – be honest Install Google Analytics Build with Goals and Objectives In Mind Consider Competitors Good Content Calls to Action Make Forms Easy Include Your Phone Number Conversion % - Review & Monitor Hot for 2010 - Video – online sales person 53
82. Resources Google Analytics http://www.google.co.uk/analytics/ - sign up http://www.conversationmarketing.com/2007/02/google_analytics_video_tutoria_1.htm - how to http://www.google.com/support/conversionuniversity/bin/static.py?hl=en&page=iq_learning_center.cs&rd=1Protecting - tutorials Design Tips http://www.webpagesthatsuck.com/ http://boagworld.com/usability/steve-krug/ 55
Impressed – Immediately and it stays / grows as they move through the siteThe site gives them confidence in the company / it’s proposition / products / servicesThey can quickly and easily achieve what they came to the site do do... (research / purchase / download / interact / communicate / view / upload etc)The whole experience is an enjoyable one – hence they may well feel like re-visiting soon / moving to the next level / stepThey have benefited from the visit – got what they came for / if not more!