SlideShare a Scribd company logo
ways to
 make your
 blog more
user friendly
Hi, I’m GUSTAVO
http://gustavohernando.com
@gehernando
why is usability important?
“What we remember about the
pleasurable quality of our past experience
is almost entirely determined by two
things: how the experiences felt when they
were at their peak (best or worst), and how
they felt when they ended.”
  Daniel Kahneman
happy visitors
      =
loyal readers
what you will learn
• how to create a blog that is easy to use,
  intuitive, accessible, and makes finding
  things very easy

• how to communicate, not decorate
• how to draw attention to your content
• how to keep attention on your content
1
  make
 content
scannable
shortcake
• short and sweet paragraphs
• break up text with subheadings
• use bulleted and numbered lists
• bold important concepts
2
 use
fewer
links
• links in text reduce comprehension
• put relevant links at the bottom
• have each link serve a purpose
no
     yes
3
predictable
  layouts

              3
• logo top-left
• navigation top horizontal
• sidebar right
• search box top-right
• keep amount of primary nav links low
• reserve for quick access to major areas
• minimize the number of clicks
• keep sidebar free of random links
• divide sidebar into different areas
4
white
space
• no text running into images or sidebar
• increase line heights and padding
• give headings special breathing room
no
yes
5
  use
excerpts
           5
• users can see more posts in homepage
• increases the number of page views
• better track popular posts
6
  make
headlines
   pop
            6
• color headlines different than body text
• use a different (serif) font
• not just a little bigger, WAY bigger
Serif
    vs.

Sans-serif
7
categorize
  simply
• have clear, distinct categories
• use tags for sub-categorizing
• use words that relate to your visitors
yes
no

8
     8
    use
easy-to-read
   colors
• dark text on light background.
Hi, I’m Text.
I’m black.
Yay.
9
 make it
 easy to
comment
           9
• don’t take users to a new page
• require registration only if necessary
• kill those CAPTCHAs
no
yes
• separate each comment visually
• make author comments stand out
• separate author, date, number etc
10
do not cram with junk !!!
“In anything, perfection is
finally attained not when there
is nothing to add, but when
there is nothing to take away.”
 Saint Exupery
• don’t allow auto-play music, videos or ads
• don’t blend ads in content
• don’t embed every widget known to man
• don’t list 20 social media share links

Blog Roll
designing for ads



• place 125 x 125 ads in the sidebar, up to 6
• noticeable but do not overpower the content
• don’t let them be mistaken for actual links
some no-nos...


                 !
• don't upload huge images
• don’t use a domain owned by a blogging service
• don’t have posts wider than 2/3 of the screen
• don’t use complex URLs
• don’t open links in new window
• don’t use small buttons
lets review
logo top left
navigation top horizontal
sidebar right
search top right
use excerpts
bullet lists
play nice with ads
categorize simply
easy to read comments
clean and simple sharing
make headlines pop
thanks!
http://gustavohernando.com
@gehernando

More Related Content

Viewers also liked

Chapple, R. M. 2013 Psst!?! Fantastic book offers to be had. Blogspot post
Chapple, R. M. 2013 Psst!?!  Fantastic book offers to be had. Blogspot postChapple, R. M. 2013 Psst!?!  Fantastic book offers to be had. Blogspot post
Chapple, R. M. 2013 Psst!?! Fantastic book offers to be had. Blogspot post
Robert M Chapple
 
Chapple, R. M. 2013 George and the giant archaeological theory. Blogspot post
Chapple, R. M. 2013 George and the giant archaeological theory. Blogspot postChapple, R. M. 2013 George and the giant archaeological theory. Blogspot post
Chapple, R. M. 2013 George and the giant archaeological theory. Blogspot post
Robert M Chapple
 
Chapple, R. M. 2013 Building the ultimate Library of Irish archaeology and hi...
Chapple, R. M. 2013 Building the ultimate Library of Irish archaeology and hi...Chapple, R. M. 2013 Building the ultimate Library of Irish archaeology and hi...
Chapple, R. M. 2013 Building the ultimate Library of Irish archaeology and hi...
Robert M Chapple
 
Billy Dunlop: an archaeological legacy
Billy Dunlop: an archaeological legacyBilly Dunlop: an archaeological legacy
Billy Dunlop: an archaeological legacy
Robert M Chapple
 
Chapple, R. M. 2014 Archaeology of Gatherings Conference | Institute of Techn...
Chapple, R. M. 2014 Archaeology of Gatherings Conference | Institute of Techn...Chapple, R. M. 2014 Archaeology of Gatherings Conference | Institute of Techn...
Chapple, R. M. 2014 Archaeology of Gatherings Conference | Institute of Techn...
Robert M Chapple
 
Corrstown: a coastal community. Excavations of a Bronze Age village in Northe...
Corrstown: a coastal community. Excavations of a Bronze Age village in Northe...Corrstown: a coastal community. Excavations of a Bronze Age village in Northe...
Corrstown: a coastal community. Excavations of a Bronze Age village in Northe...
Robert M Chapple
 
Secret Histories: The Hidden Archaeology of the Graveyards of Killora & Killo...
Secret Histories: The Hidden Archaeology of the Graveyards of Killora & Killo...Secret Histories: The Hidden Archaeology of the Graveyards of Killora & Killo...
Secret Histories: The Hidden Archaeology of the Graveyards of Killora & Killo...
Robert M Chapple
 
Positive ID Presentation
Positive ID PresentationPositive ID Presentation
Positive ID Presentation
RedChip Companies, Inc.
 
Irish Copper Age houses in a radiocarbon landscape: a reply to Dr Charles Mount
Irish Copper Age houses in a radiocarbon landscape: a reply to Dr Charles MountIrish Copper Age houses in a radiocarbon landscape: a reply to Dr Charles Mount
Irish Copper Age houses in a radiocarbon landscape: a reply to Dr Charles Mount
Robert M Chapple
 
Programa etapa estatal
Programa etapa estatalPrograma etapa estatal
Programa etapa estatalcarolina
 
Chapple, R. M. 2012 St. Patrick’s gravestone: a Bigger fake! Blogspot post
Chapple, R. M. 2012 St. Patrick’s gravestone: a Bigger fake! Blogspot postChapple, R. M. 2012 St. Patrick’s gravestone: a Bigger fake! Blogspot post
Chapple, R. M. 2012 St. Patrick’s gravestone: a Bigger fake! Blogspot post
Robert M Chapple
 
Pressure BioScience Presentation January 2017
Pressure BioScience Presentation January 2017Pressure BioScience Presentation January 2017
Pressure BioScience Presentation January 2017
RedChip Companies, Inc.
 
Sorting Algorithms
Sorting AlgorithmsSorting Algorithms
Sorting Algorithms
zhaokatherine
 
Chapple, R. M. 2014 European Heritage Open Days 2013 - An East Belfast Experi...
Chapple, R. M. 2014 European Heritage Open Days 2013 - An East Belfast Experi...Chapple, R. M. 2014 European Heritage Open Days 2013 - An East Belfast Experi...
Chapple, R. M. 2014 European Heritage Open Days 2013 - An East Belfast Experi...
Robert M Chapple
 
DNA Energy Presentation
DNA Energy PresentationDNA Energy Presentation
DNA Energy Presentation
RedChip Companies, Inc.
 
Hard Asset Management Investor Deck
Hard Asset Management Investor DeckHard Asset Management Investor Deck
Hard Asset Management Investor Deck
RedChip Companies, Inc.
 
GEQU investor deck_jan 2017
GEQU investor deck_jan 2017GEQU investor deck_jan 2017
GEQU investor deck_jan 2017
RedChip Companies, Inc.
 
GE International Investor Deck
GE International Investor DeckGE International Investor Deck
GE International Investor Deck
RedChip Companies, Inc.
 
Cardiff International, Inc. Investor Deck
Cardiff International, Inc. Investor DeckCardiff International, Inc. Investor Deck
Cardiff International, Inc. Investor Deck
RedChip Companies, Inc.
 
Hard Asset Management Investor Presentation
Hard Asset Management Investor PresentationHard Asset Management Investor Presentation
Hard Asset Management Investor Presentation
RedChip Companies, Inc.
 

Viewers also liked (20)

Chapple, R. M. 2013 Psst!?! Fantastic book offers to be had. Blogspot post
Chapple, R. M. 2013 Psst!?!  Fantastic book offers to be had. Blogspot postChapple, R. M. 2013 Psst!?!  Fantastic book offers to be had. Blogspot post
Chapple, R. M. 2013 Psst!?! Fantastic book offers to be had. Blogspot post
 
Chapple, R. M. 2013 George and the giant archaeological theory. Blogspot post
Chapple, R. M. 2013 George and the giant archaeological theory. Blogspot postChapple, R. M. 2013 George and the giant archaeological theory. Blogspot post
Chapple, R. M. 2013 George and the giant archaeological theory. Blogspot post
 
Chapple, R. M. 2013 Building the ultimate Library of Irish archaeology and hi...
Chapple, R. M. 2013 Building the ultimate Library of Irish archaeology and hi...Chapple, R. M. 2013 Building the ultimate Library of Irish archaeology and hi...
Chapple, R. M. 2013 Building the ultimate Library of Irish archaeology and hi...
 
Billy Dunlop: an archaeological legacy
Billy Dunlop: an archaeological legacyBilly Dunlop: an archaeological legacy
Billy Dunlop: an archaeological legacy
 
Chapple, R. M. 2014 Archaeology of Gatherings Conference | Institute of Techn...
Chapple, R. M. 2014 Archaeology of Gatherings Conference | Institute of Techn...Chapple, R. M. 2014 Archaeology of Gatherings Conference | Institute of Techn...
Chapple, R. M. 2014 Archaeology of Gatherings Conference | Institute of Techn...
 
Corrstown: a coastal community. Excavations of a Bronze Age village in Northe...
Corrstown: a coastal community. Excavations of a Bronze Age village in Northe...Corrstown: a coastal community. Excavations of a Bronze Age village in Northe...
Corrstown: a coastal community. Excavations of a Bronze Age village in Northe...
 
Secret Histories: The Hidden Archaeology of the Graveyards of Killora & Killo...
Secret Histories: The Hidden Archaeology of the Graveyards of Killora & Killo...Secret Histories: The Hidden Archaeology of the Graveyards of Killora & Killo...
Secret Histories: The Hidden Archaeology of the Graveyards of Killora & Killo...
 
Positive ID Presentation
Positive ID PresentationPositive ID Presentation
Positive ID Presentation
 
Irish Copper Age houses in a radiocarbon landscape: a reply to Dr Charles Mount
Irish Copper Age houses in a radiocarbon landscape: a reply to Dr Charles MountIrish Copper Age houses in a radiocarbon landscape: a reply to Dr Charles Mount
Irish Copper Age houses in a radiocarbon landscape: a reply to Dr Charles Mount
 
Programa etapa estatal
Programa etapa estatalPrograma etapa estatal
Programa etapa estatal
 
Chapple, R. M. 2012 St. Patrick’s gravestone: a Bigger fake! Blogspot post
Chapple, R. M. 2012 St. Patrick’s gravestone: a Bigger fake! Blogspot postChapple, R. M. 2012 St. Patrick’s gravestone: a Bigger fake! Blogspot post
Chapple, R. M. 2012 St. Patrick’s gravestone: a Bigger fake! Blogspot post
 
Pressure BioScience Presentation January 2017
Pressure BioScience Presentation January 2017Pressure BioScience Presentation January 2017
Pressure BioScience Presentation January 2017
 
Sorting Algorithms
Sorting AlgorithmsSorting Algorithms
Sorting Algorithms
 
Chapple, R. M. 2014 European Heritage Open Days 2013 - An East Belfast Experi...
Chapple, R. M. 2014 European Heritage Open Days 2013 - An East Belfast Experi...Chapple, R. M. 2014 European Heritage Open Days 2013 - An East Belfast Experi...
Chapple, R. M. 2014 European Heritage Open Days 2013 - An East Belfast Experi...
 
DNA Energy Presentation
DNA Energy PresentationDNA Energy Presentation
DNA Energy Presentation
 
Hard Asset Management Investor Deck
Hard Asset Management Investor DeckHard Asset Management Investor Deck
Hard Asset Management Investor Deck
 
GEQU investor deck_jan 2017
GEQU investor deck_jan 2017GEQU investor deck_jan 2017
GEQU investor deck_jan 2017
 
GE International Investor Deck
GE International Investor DeckGE International Investor Deck
GE International Investor Deck
 
Cardiff International, Inc. Investor Deck
Cardiff International, Inc. Investor DeckCardiff International, Inc. Investor Deck
Cardiff International, Inc. Investor Deck
 
Hard Asset Management Investor Presentation
Hard Asset Management Investor PresentationHard Asset Management Investor Presentation
Hard Asset Management Investor Presentation
 

Recently uploaded

哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
Harry Harrold
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Designforuminternational
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
k7nm6tk
 
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
ijk38lw
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
LGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation TemplateLGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation Template
DakshGudwani
 
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
 
NHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree TranscriptNHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree Transcript
lhtvqoag
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
9lq7ultg
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
21uul8se
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
kuapy
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 

Recently uploaded (20)

哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
 
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
LGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation TemplateLGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation Template
 
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成绩单一模一样
 
NHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree TranscriptNHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree Transcript
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 

10 ways to make your blog more user friendly