7 elements of a website designed for impact

728 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
728
On SlideShare
0
From Embeds
0
Number of Embeds
90
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

7 elements of a website designed for impact

  1. 1. <ul><li>7 elements of a website designed for impact </li></ul>
  2. 2. The big 7 <ul><li>Headlines </li></ul><ul><li>Call to action </li></ul><ul><li>Readability </li></ul><ul><li>Lists </li></ul><ul><li>Images </li></ul><ul><li>Banners </li></ul><ul><li>Contrast </li></ul>
  3. 3. <ul><li>1 </li></ul><ul><li>Use big headlines. </li></ul>
  4. 4. <ul><li>2 </li></ul><ul><li>Have a prominent call to </li></ul><ul><li>action. </li></ul>
  5. 5. <ul><li>Call to action: </li></ul><ul><li>Should be big. </li></ul><ul><li>Should contrast with </li></ul><ul><li>background. </li></ul>
  6. 6. <ul><li>3 </li></ul><ul><li>Readability. </li></ul>
  7. 7. <ul><li>Readability </li></ul><ul><li>elements </li></ul><ul><li>Font choice </li></ul><ul><li>Font size </li></ul><ul><li>Text spacing </li></ul><ul><li>Short paragraphs </li></ul><ul><li>Bold, italics, </li></ul><ul><li>headlines. </li></ul>
  8. 8. <ul><li>Readability: </li></ul><ul><li>Use multiple </li></ul><ul><li>columns. </li></ul>
  9. 9. <ul><li>4 </li></ul><ul><li>Lists </li></ul><ul><li>Use image icons </li></ul><ul><li>in lists. </li></ul><ul><li>Use call to </li></ul><ul><li>action. </li></ul>
  10. 10. <ul><li>5 </li></ul><ul><li>Images </li></ul><ul><li>Clear, prominent, big </li></ul><ul><li>Images with brief </li></ul><ul><li>descriptions. </li></ul>
  11. 11. <ul><li>6 </li></ul><ul><li>Banners </li></ul><ul><li>Use images </li></ul><ul><li>other than </li></ul><ul><li>banners. </li></ul>
  12. 12. <ul><li>7 </li></ul><ul><li>Contrast </li></ul><ul><li>Use contrast in </li></ul><ul><li>sites with dark </li></ul><ul><li>background. </li></ul>
  13. 13. Summary <ul><li>1. Use big headlines . </li></ul><ul><li>2. Have a prominent call to action . </li></ul><ul><li>3. Ensure text readability . </li></ul><ul><li>4. Use icons/images in lists . </li></ul><ul><li>5. Have clear, prominent images . </li></ul><ul><li>6. Use images other than banners . </li></ul><ul><li>7. Use contrast effectively. </li></ul>
  14. 14. <ul><li>Shamanth Rao </li></ul><ul><li>[email_address] </li></ul><ul><li>http://greenlemon.in </li></ul><ul><li>http://www.linkedin.com/in/shamanthm </li></ul>

×