SlideShare a Scribd company logo
The big 7

1.   Headlines
2.   Call to action
3.   Readability
4.   Lists
5.   Images
6.   Banners
7.   Contrast
1
Use big headlines.
2
Have a prominent call to
action.
Call to action:

- Should be big.
- Should contrast with
  background.
3
Readability.
Readability
elements
• Font choice
• Font size
• Text spacing
• Short paragraphs
• Bold, italics,
  headlines.
Readability:

Use multiple
columns.
4
Lists
Use image icons
in lists.
Use call to
action.
5
Images
Clear, prominent, big
Images with brief
descriptions.
6
Banners
Use images
other than
banners.
7
Contrast
Use contrast in
sites with dark
background.
Summary

1. Use big headlines.
2. Have a prominent call to action.
3. Ensure text readability.
4. Use icons/images in lists.
5. Have clear, prominent images.
6. Use images other than banners.
7. Use contrast effectively.
Shamanth Rao
       Shamanth@greenlemon.in
         http://greenlemon.in

http://www.linkedin.com/in/shamanthm

More Related Content

Similar to 7elements of a website design

Websites and Usability
Websites and UsabilityWebsites and Usability
Websites and Usability
cbhalverson
 
As media studies – coursework evaluation
As media studies – coursework evaluationAs media studies – coursework evaluation
As media studies – coursework evaluation
mflanagan95
 
q1
q1q1
Evaluation- Question 1
Evaluation- Question 1Evaluation- Question 1
Evaluation- Question 1
lozsheriston
 
Mindmap Powerpoint (Poppler)
Mindmap Powerpoint (Poppler)Mindmap Powerpoint (Poppler)
Mindmap Powerpoint (Poppler)
wendlingk
 
Evlauation Question 1
Evlauation Question 1 Evlauation Question 1
Evlauation Question 1
AntonyPettersenMedia
 
Evaluation leigh-anne davenport
Evaluation   leigh-anne davenportEvaluation   leigh-anne davenport
Evaluation leigh-anne davenport
leighanne999
 
Evaluation question 1
Evaluation question 1Evaluation question 1
Evaluation question 1
maxzzy_b
 
3. production experiments
3. production experiments3. production experiments
3. production experiments
LaurenceArcher1
 
Evaluation of magazine task
Evaluation of magazine taskEvaluation of magazine task
Evaluation of magazine task
JessWhiteMEDIA
 
Presentation. evaulation x
Presentation. evaulation xPresentation. evaulation x
Presentation. evaulation x
oliviahopenelson
 
Felix prelim task review
Felix prelim task reviewFelix prelim task review
Felix prelim task review
bir
 
Evaluation question 1
Evaluation question 1Evaluation question 1
Evaluation question 1
JoshWilliamson14
 
Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)
RJNithin
 
Evaluation
EvaluationEvaluation
Evaluation
padgerrr
 
Newspaper Layout and Basic Guidelines
Newspaper Layout and Basic GuidelinesNewspaper Layout and Basic Guidelines
Newspaper Layout and Basic Guidelines
WENDELL TARAYA
 
Fund of design unit 6 module 4 the rules of type
Fund of design unit 6 module 4 the rules of type Fund of design unit 6 module 4 the rules of type
Fund of design unit 6 module 4 the rules of type
kateridrex
 
Preliminary task powerpoint
Preliminary task powerpointPreliminary task powerpoint
Preliminary task powerpoint
alik1
 

Similar to 7elements of a website design (18)

Websites and Usability
Websites and UsabilityWebsites and Usability
Websites and Usability
 
As media studies – coursework evaluation
As media studies – coursework evaluationAs media studies – coursework evaluation
As media studies – coursework evaluation
 
q1
q1q1
q1
 
Evaluation- Question 1
Evaluation- Question 1Evaluation- Question 1
Evaluation- Question 1
 
Mindmap Powerpoint (Poppler)
Mindmap Powerpoint (Poppler)Mindmap Powerpoint (Poppler)
Mindmap Powerpoint (Poppler)
 
Evlauation Question 1
Evlauation Question 1 Evlauation Question 1
Evlauation Question 1
 
Evaluation leigh-anne davenport
Evaluation   leigh-anne davenportEvaluation   leigh-anne davenport
Evaluation leigh-anne davenport
 
Evaluation question 1
Evaluation question 1Evaluation question 1
Evaluation question 1
 
3. production experiments
3. production experiments3. production experiments
3. production experiments
 
Evaluation of magazine task
Evaluation of magazine taskEvaluation of magazine task
Evaluation of magazine task
 
Presentation. evaulation x
Presentation. evaulation xPresentation. evaulation x
Presentation. evaulation x
 
Felix prelim task review
Felix prelim task reviewFelix prelim task review
Felix prelim task review
 
Evaluation question 1
Evaluation question 1Evaluation question 1
Evaluation question 1
 
Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)
 
Evaluation
EvaluationEvaluation
Evaluation
 
Newspaper Layout and Basic Guidelines
Newspaper Layout and Basic GuidelinesNewspaper Layout and Basic Guidelines
Newspaper Layout and Basic Guidelines
 
Fund of design unit 6 module 4 the rules of type
Fund of design unit 6 module 4 the rules of type Fund of design unit 6 module 4 the rules of type
Fund of design unit 6 module 4 the rules of type
 
Preliminary task powerpoint
Preliminary task powerpointPreliminary task powerpoint
Preliminary task powerpoint
 

Recently uploaded

CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
ellemjani
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
bagmai
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
bo44ban1
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
9lq7ultg
 
LGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation TemplateLGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation Template
DakshGudwani
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
k7nm6tk
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
21uul8se
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 

Recently uploaded (20)

CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
 
LGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation TemplateLGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation Template
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 

7elements of a website design