SlideShare a Scribd company logo
Make your site web-worthy. Make it usable! Pieter De Clercq @ Drupalcamp Ghent '09
Ahoy! Drupalist since 2006  Web applications enthusiast Happy to share some ideas with you
What is usability? Why should we care? Use cases with explanation.
What is usability? The elegance and clarity with which the interaction with a web site is designed.
What is usability? Simple but not easy to accomplish.
What is usability? Context sensitive.
Why should we care? More people will use your site!
Why should we care? A website that's easy to use  means happy visitors  means returning visitors  means word of mouth advertising  means ... all we want !
First use case Jeugdwerknet Youthwork  IT  Support  Portal site  Non-profit  Flemish
First use case Jeugdwerknet.be 5.000+ organizations 20.000+ site users 2.000+ offline games events, news, jobs, ...
First use case Jeugdwerknet.be Free online registration Email address validation and  group owner approval are required.
First use case Registration form problems: People call/mail for help. People fill in wrong form values.
First use case Let's find out why?
First use case We only have a fraction of a second  to establish one's first impression.
 
How much longer? Lay-out mistake? So much text to read... pfft
 
This takes too long to read. I'll just skip it. Let's start! Scouting boys Ghent [email_address] Boy Scouts Do I really have to? What's the purpose?
First use case So, let's try to simplify.
 
Alright!  One simple form. Or maybe a next step?
 
Alright. 3 steps Fill in personal details Link organization Confirm registration Chris De Lange [email_address] Next step
Scouting boys Ghent First step completed succesfully! One step left and then we're finished.
First use case Omit text no-one reads. Clarify the process.
Second use case Drupal help text
Second use case Drupal 6
Second use case Drupal 6 The only things I can scan for are the title and the hyperlinks. Which only gives me 'node' and 'content type'.  Are those the same? And permissions.
Second use case How to write for the web?
Second use case Drupal 7 Use headings Shorten paragraphs Use bold or italic to emphasize something
Read more Google “web usability”... I follow  smashingmagazine.com and usabilityblog.be (dutch).
Now, go ahead and make your site web-worthy. Make it usable! Pieter De Clercq @ Drupalcamp Ghent '09

More Related Content

PDF
Effective E-Communications
PDF
Let's make money online
PPTX
Finding Targeted Visitors for any Website
PDF
2021 make money new
PDF
Fiverr for beginners how to make money online with fiverr .javid iqbal sodagar
PDF
Three Easy Jobs that will Make Money on the Net
PPTX
How to effortlessly build relationships by email
PDF
Email jitsu
Effective E-Communications
Let's make money online
Finding Targeted Visitors for any Website
2021 make money new
Fiverr for beginners how to make money online with fiverr .javid iqbal sodagar
Three Easy Jobs that will Make Money on the Net
How to effortlessly build relationships by email
Email jitsu

What's hot (18)

PDF
Wordpress website design
ODP
Wellington Conference 2009
PDF
Tips For Blogging accomplishment
PPTX
WordPress 101 WordCamp New York City 2014
PPTX
Wordpress
PPTX
How To Create A Website With The Use
PPT
Blogging With Wordpress By Prakriti
PDF
Make money with black hat methods, make money online from home
PPT
Blogging Out Loud - STC-PMC 2014 presentation by Danielle M. Villegas
PDF
Email Marketing with Blackbaud NetCommunity- Boot Camp Series
PPTX
WordPress Blogging Secrets
PPTX
20 Small Business Tools on 20 Slides in 20 Minutes
PDF
赚钱机会 Cn.jaymelee1688.com
DOC
Build your platform
PPT
How to use to build a website using WordPress: For normal people
ODP
How to do training and support for WordPress users - WordPress Day at NTC, Au...
PDF
Html Mail
PDF
The 2 k plus method
Wordpress website design
Wellington Conference 2009
Tips For Blogging accomplishment
WordPress 101 WordCamp New York City 2014
Wordpress
How To Create A Website With The Use
Blogging With Wordpress By Prakriti
Make money with black hat methods, make money online from home
Blogging Out Loud - STC-PMC 2014 presentation by Danielle M. Villegas
Email Marketing with Blackbaud NetCommunity- Boot Camp Series
WordPress Blogging Secrets
20 Small Business Tools on 20 Slides in 20 Minutes
赚钱机会 Cn.jaymelee1688.com
Build your platform
How to use to build a website using WordPress: For normal people
How to do training and support for WordPress users - WordPress Day at NTC, Au...
Html Mail
The 2 k plus method
Ad

Viewers also liked (20)

PDF
Emprestito 1[1]
PDF
Licença Ambiental
PPTX
Diabetes Presentation
PDF
Team DOFH Final Slide Deck
PPTX
Presentacion evidencias fotograficas
PPTX
Evalivp pablo correa
DOCX
Casas inteligentes el futuro de la humanidad
PPTX
изложение тигр и котёнок.
PDF
Flurry Analytics - NOAH12 London
PDF
04.10.2016
PPT
линейное уравнение с одной переменной
PPTX
Use for review
PPT
The sunday essiett company limited
PDF
Transcript
PPTX
Pres 2010 Small
PDF
web2
DOC
Reunião cm n.º74 19.01.17
PPTX
What Is Debit and Credit
PPTX
Páncreas - Secreciones (Fisiología)
Emprestito 1[1]
Licença Ambiental
Diabetes Presentation
Team DOFH Final Slide Deck
Presentacion evidencias fotograficas
Evalivp pablo correa
Casas inteligentes el futuro de la humanidad
изложение тигр и котёнок.
Flurry Analytics - NOAH12 London
04.10.2016
линейное уравнение с одной переменной
Use for review
The sunday essiett company limited
Transcript
Pres 2010 Small
web2
Reunião cm n.º74 19.01.17
What Is Debit and Credit
Páncreas - Secreciones (Fisiología)
Ad

Similar to Make your site web-worthy. Make it usable. (20)

ODP
Enable the Community to improve usability
PPT
Drupal UB Usability Testing
KEY
Drupal UI Tweaks PNW Drupal Summit
PPT
Web Usability Content Design
PDF
Making Drupal 7 Simple to Use for Everyone
PPT
DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)
PPT
Continuing-Ed Opportunities with Drupal
PDF
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
PPT
Lecture 9 Usability Orignal
PDF
Drupal product 3 is the magic number
PDF
Community Sector Provincial Forum - St. John's [2010-10-01]
PDF
Medicine Hat 2010 - Websites 101
PPTX
IDIA 620: Information Culture - Usability
PDF
Usability Testing
PDF
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
PDF
Web Usability July 2011
PDF
Hacking For Innovation
PPTX
Social information Access Tutorial at UMAP 2014
ODP
Get in Drupal, Get in the community
ODP
Usability and UX
Enable the Community to improve usability
Drupal UB Usability Testing
Drupal UI Tweaks PNW Drupal Summit
Web Usability Content Design
Making Drupal 7 Simple to Use for Everyone
DrupalCon Chicago 2011 ReportBack (11/03/30 - G. Bedford)
Continuing-Ed Opportunities with Drupal
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Lecture 9 Usability Orignal
Drupal product 3 is the magic number
Community Sector Provincial Forum - St. John's [2010-10-01]
Medicine Hat 2010 - Websites 101
IDIA 620: Information Culture - Usability
Usability Testing
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Web Usability July 2011
Hacking For Innovation
Social information Access Tutorial at UMAP 2014
Get in Drupal, Get in the community
Usability and UX

Recently uploaded (20)

PPTX
12. Community Pharmacy and How to organize it
PDF
Quality Control Management for RMG, Level- 4, Certificate
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
DOCX
actividad 20% informatica microsoft project
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PDF
Africa 2025 - Prospects and Challenges first edition.pdf
PPTX
Special finishes, classification and types, explanation
PPT
Machine printing techniques and plangi dyeing
PPT
Package Design Design Kit 20100009 PWM IC by Bee Technologies
PDF
Phone away, tabs closed: No multitasking
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PDF
Urban Design Final Project-Context
PDF
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPT
UNIT I- Yarn, types, explanation, process
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
artificialintelligencedata driven analytics23.pptx
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
12. Community Pharmacy and How to organize it
Quality Control Management for RMG, Level- 4, Certificate
DOC-20250430-WA0014._20250714_235747_0000.pptx
actividad 20% informatica microsoft project
pump pump is a mechanism that is used to transfer a liquid from one place to ...
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
Africa 2025 - Prospects and Challenges first edition.pdf
Special finishes, classification and types, explanation
Machine printing techniques and plangi dyeing
Package Design Design Kit 20100009 PWM IC by Bee Technologies
Phone away, tabs closed: No multitasking
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
Urban Design Final Project-Context
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
UNIT I- Yarn, types, explanation, process
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
artificialintelligencedata driven analytics23.pptx
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb

Make your site web-worthy. Make it usable.

  • 1. Make your site web-worthy. Make it usable! Pieter De Clercq @ Drupalcamp Ghent '09
  • 2. Ahoy! Drupalist since 2006 Web applications enthusiast Happy to share some ideas with you
  • 3. What is usability? Why should we care? Use cases with explanation.
  • 4. What is usability? The elegance and clarity with which the interaction with a web site is designed.
  • 5. What is usability? Simple but not easy to accomplish.
  • 6. What is usability? Context sensitive.
  • 7. Why should we care? More people will use your site!
  • 8. Why should we care? A website that's easy to use means happy visitors means returning visitors means word of mouth advertising means ... all we want !
  • 9. First use case Jeugdwerknet Youthwork IT Support Portal site Non-profit Flemish
  • 10. First use case Jeugdwerknet.be 5.000+ organizations 20.000+ site users 2.000+ offline games events, news, jobs, ...
  • 11. First use case Jeugdwerknet.be Free online registration Email address validation and group owner approval are required.
  • 12. First use case Registration form problems: People call/mail for help. People fill in wrong form values.
  • 13. First use case Let's find out why?
  • 14. First use case We only have a fraction of a second to establish one's first impression.
  • 15.  
  • 16. How much longer? Lay-out mistake? So much text to read... pfft
  • 17.  
  • 18. This takes too long to read. I'll just skip it. Let's start! Scouting boys Ghent [email_address] Boy Scouts Do I really have to? What's the purpose?
  • 19. First use case So, let's try to simplify.
  • 20.  
  • 21. Alright! One simple form. Or maybe a next step?
  • 22.  
  • 23. Alright. 3 steps Fill in personal details Link organization Confirm registration Chris De Lange [email_address] Next step
  • 24. Scouting boys Ghent First step completed succesfully! One step left and then we're finished.
  • 25. First use case Omit text no-one reads. Clarify the process.
  • 26. Second use case Drupal help text
  • 27. Second use case Drupal 6
  • 28. Second use case Drupal 6 The only things I can scan for are the title and the hyperlinks. Which only gives me 'node' and 'content type'. Are those the same? And permissions.
  • 29. Second use case How to write for the web?
  • 30. Second use case Drupal 7 Use headings Shorten paragraphs Use bold or italic to emphasize something
  • 31. Read more Google “web usability”... I follow smashingmagazine.com and usabilityblog.be (dutch).
  • 32. Now, go ahead and make your site web-worthy. Make it usable! Pieter De Clercq @ Drupalcamp Ghent '09