SlideShare uma empresa Scribd logo
1 de 49
Baixar para ler offline
<p>
  <del>A picture is worth</del>
  a thousand words.
</p>


Christopher Murphy and Nicklas Persson
     www.webstandardistas.com
     @standardistas
" Every design school on the
  planet should make 'HTML and
  CSS Web Standards Solutions'
  a required textbook."

 Jon Tangerine
17%                       11%                 14%
                                      21%
                    39%
12%                                           17%
                                                                  53%
                                        19%
                          49%
                                                16%
       32%



        Layout             (X)HTML                    Interactivity
        Behaviour          Dynamic Content            Markup
        Form               RTFM                       Words
        CSS3               Accessibility              RDFa




  Key Ingredients of Successful Web Design
Macrocopy
Establishes the tone. Sets personality.


Microcopy
Reinforces the tone. Satisfies a function.
There was a golden age when
copy was crafted.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
The Spock-Kirk Continuum
Macrocopy
Establishes the tone. Sets personality.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
You have to put your money
where your mouth is.*



*You can't fake this shit.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
Microcopy
Reinforces the tone. Satisfies a function.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
" If I had more time, I would have
  written you a shorter letter."
 Blaise Pascal
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
Making the unmissable, unmissable.
BBC iPlayer
Nothing sucks like an Electrolux.
Electrolux
Beef. It’s what’s for dinner.
National Cattlemen’s Beef
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
FOWD Belfast, Webstandardistas: A picture is worth a thousand words.
" The fastest way to improve your interface
  is to improve your copy-writing."
 Joshua Porter, Bokardo
Thank You



Christopher Murphy and Nicklas Persson
www.webstandardistas.com
@standardistas

Mais conteúdo relacionado

Último

DP & Jesus Marriage - 2 potential candidates
DP & Jesus Marriage - 2 potential candidatesDP & Jesus Marriage - 2 potential candidates
DP & Jesus Marriage - 2 potential candidatesBengt & Maarit de Paulis
 
The_Chronological_Life_of_Christ_Part_93_Fear God
The_Chronological_Life_of_Christ_Part_93_Fear GodThe_Chronological_Life_of_Christ_Part_93_Fear God
The_Chronological_Life_of_Christ_Part_93_Fear GodNetwork Bible Fellowship
 
DP & Nostradamus-Fatima-Bailey-Branham-Ford - Short vers
DP & Nostradamus-Fatima-Bailey-Branham-Ford - Short versDP & Nostradamus-Fatima-Bailey-Branham-Ford - Short vers
DP & Nostradamus-Fatima-Bailey-Branham-Ford - Short versBengt & Maarit de Paulis
 
Old Age but fruitful and meaningful.pptx
Old Age but fruitful and meaningful.pptxOld Age but fruitful and meaningful.pptx
Old Age but fruitful and meaningful.pptxInnovator Marbun
 
Free eBook ~Short Inspirational Stories - The Benefits.pdf
Free eBook ~Short Inspirational Stories - The Benefits.pdfFree eBook ~Short Inspirational Stories - The Benefits.pdf
Free eBook ~Short Inspirational Stories - The Benefits.pdfOH TEIK BIN
 
All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...
All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...
All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...iqra tube
 
The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...
The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...
The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...Cometan
 
365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...
365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...
365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...Eizijesu Obahaiye
 
Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]
Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]
Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]iqra tube
 
Easter Apocalypse_Palm Sunday_Rev. 7.pptx
Easter Apocalypse_Palm Sunday_Rev. 7.pptxEaster Apocalypse_Palm Sunday_Rev. 7.pptx
Easter Apocalypse_Palm Sunday_Rev. 7.pptxStephen Palm
 
SERPENT COIL: THE AWAKENING OF KUNDALINI
SERPENT COIL: THE AWAKENING OF KUNDALINISERPENT COIL: THE AWAKENING OF KUNDALINI
SERPENT COIL: THE AWAKENING OF KUNDALINISantanu Das
 
Deerfoot Church of Christ Bulletin 3 24 24
Deerfoot Church of Christ Bulletin 3 24 24Deerfoot Church of Christ Bulletin 3 24 24
Deerfoot Church of Christ Bulletin 3 24 24deerfootcoc
 

Último (13)

DP & Jesus Marriage - 2 potential candidates
DP & Jesus Marriage - 2 potential candidatesDP & Jesus Marriage - 2 potential candidates
DP & Jesus Marriage - 2 potential candidates
 
The_Chronological_Life_of_Christ_Part_93_Fear God
The_Chronological_Life_of_Christ_Part_93_Fear GodThe_Chronological_Life_of_Christ_Part_93_Fear God
The_Chronological_Life_of_Christ_Part_93_Fear God
 
English - The 1st Book of Adam and Eve.pdf
English - The 1st Book of Adam and Eve.pdfEnglish - The 1st Book of Adam and Eve.pdf
English - The 1st Book of Adam and Eve.pdf
 
DP & Nostradamus-Fatima-Bailey-Branham-Ford - Short vers
DP & Nostradamus-Fatima-Bailey-Branham-Ford - Short versDP & Nostradamus-Fatima-Bailey-Branham-Ford - Short vers
DP & Nostradamus-Fatima-Bailey-Branham-Ford - Short vers
 
Old Age but fruitful and meaningful.pptx
Old Age but fruitful and meaningful.pptxOld Age but fruitful and meaningful.pptx
Old Age but fruitful and meaningful.pptx
 
Free eBook ~Short Inspirational Stories - The Benefits.pdf
Free eBook ~Short Inspirational Stories - The Benefits.pdfFree eBook ~Short Inspirational Stories - The Benefits.pdf
Free eBook ~Short Inspirational Stories - The Benefits.pdf
 
All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...
All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...
All About Zakah for Muslim Americans - Dr. Main Alqudah [https://www.guidance...
 
The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...
The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...
The Mormon & Quaker Moons of Lancashire: Stories of Religious Conversion & Mi...
 
365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...
365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...
365 Days of Thanking God_ Cultivating a Heart of Thanksgiving Everyday (Revis...
 
Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]
Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]
Islamic Finance 101 - Dr. Main Alqudah [https://www.guidancecollege.org/]
 
Easter Apocalypse_Palm Sunday_Rev. 7.pptx
Easter Apocalypse_Palm Sunday_Rev. 7.pptxEaster Apocalypse_Palm Sunday_Rev. 7.pptx
Easter Apocalypse_Palm Sunday_Rev. 7.pptx
 
SERPENT COIL: THE AWAKENING OF KUNDALINI
SERPENT COIL: THE AWAKENING OF KUNDALINISERPENT COIL: THE AWAKENING OF KUNDALINI
SERPENT COIL: THE AWAKENING OF KUNDALINI
 
Deerfoot Church of Christ Bulletin 3 24 24
Deerfoot Church of Christ Bulletin 3 24 24Deerfoot Church of Christ Bulletin 3 24 24
Deerfoot Church of Christ Bulletin 3 24 24
 

FOWD Belfast, Webstandardistas: A picture is worth a thousand words.