Persuasive Web
Design
Gary Barber

Control
Perth BarCamp3 Persuasive Web Design

Control - Follow Design’s Intent
Perth BarCamp3 Persuasive Web Design

Control - Planned Behaviour
•Constraint - limit behaviour response
Perth BarCamp3 Persuasive Web Design

Control - Planned Behaviour
•Facilitation - translate intentions into behaviour
Perth BarCamp3 Persuasive Web Design

Control - Planned Behaviour
•Motivate - satisfy motives not the behaviour
Perth BarCamp3 Persuasive Web Design

Control
Colour
Words
Shape
Perth BarCamp3 Persuasive Web Design

Control
•Visual Design
•Verbal Design
•Navigational Pathway Design
Perth BarCamp3 Persuasive Web Design

Colour
•rgb(256, 256, 256)
•Adds to the mix
•Excites
•Stimulates
•Engages
Perth BarCamp3 Persuasive Web Design

Colour
•Cultural
•Biological
•Emotional
Perth BarCamp3 Persuasive Web Design

Colour
•We Love Primaries
•What of Web 2.0?
Perth BarCamp3 Persuasive Web Design

EMO
•strength •determination •anger •good fortune
•boldness •desire •power •life (india)
•excitement •courage •danger
Perth BarCamp3 Persuasive Web Design

EMO
•durability •honor (china) •freshness •jealousy
•reliability •optimism •natural •rebirth
•good luck •harmony •money (us) •recycle
Perth BarCamp3 Persuasive Web Design

EMO
•depth •reliability •conservative •sadness
•stability •honor •technology •shame (japan)
•professional •trust •order •truth
Perth BarCamp3 Persuasive Web Design

EMO
•betrayal •intellect •hope •cowardice •strength
•comfort •happiness •optimism •philosophy (china)
•liveliness •energy •dishonesty
Perth BarCamp3 Persuasive Web Design

Non Colours
Perth BarCamp3 Persuasive Web Design

EMO
•elegance •strength •power •sadness
•sophistication •mystery •sexuality
•formality •death •fear
Perth BarCamp3 Persuasive Web Design

EMO
•cleanliness •virginity •simplicity •precision
•purity •peace •death
•newness •innocence •sterility
Perth BarCamp3 Persuasive Web Design

Words
•Takes 9 seconds and they are gone!
•There are emotive Control Words
Perth BarCamp3 Persuasive Web Design

Words
•Influence of Other People
•Comments and Ratings
•How you say it!
Perth BarCamp3 Persuasive Web Design

Shapes - Circle
•life •community •attention
•renewal •completeness •action
•comform •playfulness
Perth BarCamp3 Persuasive Web Design

Shapes - Rectangle
•mass •corporate •conformance
•constant •stability
•conservative •foundation
Perth BarCamp3 Persuasive Web Design

Shapes - Triangle
•dynamic •movement
•direction •masculine
•leading •weak (invert)
Perth BarCamp3 Persuasive Web Design

Examples?
Perth BarCamp3 Persuasive Web Design

Examples
http://30dayblueprintforsuccess.blogspot.com/
Perth BarCamp3 Persuasive Web Design

Examples
http://www.killercovers.com/index.php
Perth BarCamp3 Persuasive Web Design

Examples
http://www.truthaboutabs.com/flat-sexy-stomach.html
Perth BarCamp3 Persuasive Web Design

Examples
https://www.adt.com/resi/programs/search/fire
Perth BarCamp3 Persuasive Web Design

Thank You
Gary Barber
radharc.com.au Creative Commons Attribution-
Noncommercial 2.5 Australia License
manwithnoblog.com
gary@manwithnoblog.com
Thanks to flickr.com and …
• Jeremy Brooks • fazen • gruntzooki
• Paco CT • -sel • yui.kubo
• Miss Baker • k.l.macke • Jeremy Brooks
• Pink Sherbet Photography • Midnight-digital • vrogy
• night86mare • sgs_1019
• Thomas Hawk • Sarah G…
• docman • Mi Pah
• Eustaquio Santimano • Graphic Footprints
• Georgios Karamanis • just.Luc
Perth BarCamp3 Persuasive Web Design