is your website design current
DESCRIPTION
Having a website is vital in this digital age. But how important is the design of you site, what can you do to make you website more current. This presentation takes you through all the aspects of designing a website.TRANSCRIPT
![Page 1: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/1.jpg)
Is your website design current?Some niggly but critical bits you may not have previously
considered…
![Page 2: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/2.jpg)
What I hope to cover…
• On page SEO– Alt tags, navigation, text etc
• Accessibility & Compliance– Cross platform usability, how not to get sued,
simple bits you can do yourself
• Graphical elements of website design– The integration of marketing into design
![Page 3: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/3.jpg)
An Introduction…• I’m John
– I work in the Web Design team at Generate UK
– I have previously built newsletters, blogs, websites, posters and much more
– I understand the effect of marketing on design
![Page 4: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/4.jpg)
On-page SEO
Making pages search engine friendly
• Ensure all of you pages are linked!
– If the user cannot find it, neither will the search engines
– Navigation must be easy to use
– Drop down menus and Flash: BAD
![Page 5: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/5.jpg)
On-page SEO
Making pages search engine friendly
• Alt-tags
– Images might mean 1000 words to you or I
– In image free browsers, slow Internet connections #-images are of no use.
– Good for Search Engines
– Good for text readers
– Has further accessibility implications
![Page 6: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/6.jpg)
On-page SEO
Making pages search engine friendly
• Web standards
– The W3C, for a universally accessible resource
– Site has not been updated recently?
you can be left behind
– Implications for SEO and accessibility
– Free W3C validator!
![Page 7: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/7.jpg)
On-page SEO
Making pages search engine friendly
• Accessibility
– Website accessibility is a legal requirement. • ramada.com, priceline.com and the Australian Olympic
committee were sued
– Up to 48% of your audience could be affected.
– Cater for Lynx, Screen readers, screen magnifiers, differing resolutions, slow connections, flash, java, alt-tags for images as well as including subtitles where necessary
![Page 8: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/8.jpg)
Graphics & Design
• Is it current?
– Does it look a little basic? Grainy? Boring?
– Visual representation of your business
– It needs to WOW the user
– No visible effort? Why should they go to the trouble of buying it?
![Page 9: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/9.jpg)
Graphics & Design
• How can I improve on this?
– Refresh your website, updated
– Interactivity -social media, blogs etc
– Includes videos, audio, animations
– Adds a dynamic feel
![Page 10: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/10.jpg)
Create a list of key factors your site must achieve
For example:
1) Promote the brand
2) Highlight our biggest product
3) Capture details through enquiries
4) Promote secondary products
5) Encourage direct contact
Designing a Structure
![Page 11: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/11.jpg)
Site Structure Example
1
2
3
5
4
6
7
![Page 12: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/12.jpg)
Layout Options
What is this and what are the options?
• Fixed Width - restricted for larger screens
• Flexible Width - width expands to browser width
• Expanding Width - site increases in all dimensionsto allow growth of text
![Page 13: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/13.jpg)
Branding
Best use of your Corporate Identity
• Is your corporate ID well represented?
• How much space does it require?
• Corporate colours are key to visual integration
![Page 14: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/14.jpg)
Does your banner carry the right message?
• How big should your banner be?
• What will the content be?
• Should it be static or dynamic?
• Should it be minimal or more dramatic?
Banner
![Page 15: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/15.jpg)
Teasers / Call To Action
• Retain / Interest
• Left / Right columns are the best locations
• Best incorporated on the home page
• Minimised throughout the site
![Page 16: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/16.jpg)
Example 1
![Page 17: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/17.jpg)
Example 2
![Page 18: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/18.jpg)
Example 3
![Page 19: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/19.jpg)
Example 4
![Page 20: Is your website design current](https://reader033.vdocuments.us/reader033/viewer/2022060110/5559703dd8b42a60298b47d3/html5/thumbnails/20.jpg)
Tying it all together– Before building your pages,
consider the on-page SEO
– Ensure the design and multimedia is accessible
– Make sure you stand out