REDESIGN OR REALIGNFour things to consider to improve your websiteChristopher WulffPatience and Fortitude Consulting
ABOUT ME• 10   years working in technology in the nonprofit sector• Worked     with OCASI, Settlement.Org, Social Planning ...
WHY?• Why   this workshop?• What   are we doing here?• Why   these four things?
WHY REALIGN?• The   allure of tabula rasa• Cost   vs. benefit• Testing   existing resources
FOUR THINGS TO CONSIDER• One Website      to Rule Them All• Priorities   Over Personalities• Testing With    Users• Winnin...
ONE WEBSITE TO RULE THEM ALL• Responsive Web       Design and Terminology• Examples• Media    Queries and Demo• Issues   a...
PRIORITIES OVER PERSONALITIES• Borrowing   Heavily from Louis Rosenfeld on Smashing Magazine• Zipf   Curves• Your Website ...
PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION  Audiences   Our Priorities   Their Priorities   Shared/Accepted   Score
PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION  Audiences    Our Priorities   Their Priorities   Shared/Accepted   Score  ...
PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION  Audiences         Our Priorities     Their Priorities   Shared/Accepted   ...
PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION  Audiences         Our Priorities         Their Priorities   Shared/Accepte...
PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION  Audiences         Our Priorities         Their Priorities     Shared/Accep...
PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION  Audiences         Our Priorities         Their Priorities     Shared/Accep...
TESTING WITH USERS• Why?    How?• Typesof Tests: Preference Test, Click Test, Multi-Click Test, Annotate Test, Mood Test, ...
WINNING ROBOT LOVE• Structured   and Meta Data• Microformats   or Schema• Interoperability
Redesign or Realign? Four things to consider to improve your website
Redesign or Realign? Four things to consider to improve your website
Redesign or Realign? Four things to consider to improve your website
Upcoming SlideShare
Loading in...5
×

Redesign or Realign? Four things to consider to improve your website

2,081

Published on

When our websites start to look a little out-of-date, are missing the 'next-big-thing' or we're hearing more concerns than congratulations, we're often tempted to blow the whole thing up and start over. But that takes up a lot of time and typically costs a lot of money. This presentation covers 4 techniques and ideas to help us assess where our sites are at and how we can make improvements in the most cost-effective manner.

Created By: Christopher Wulff, Patience and Fortitude Consulting
Presented at: Toronto Net Tuesday, September 11 2012 (http://www.meetup.com/toronto-net-tuesday/events/76173052/)

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,081
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • 101 vs. 201Going deeperDoing it yourself or contracting outFor people who are well familiar with trends in the web or are developers yourselves, you may not find much new in this. Hopefully you'll take some advantage of some of the time at the end to talk to others, to ask questions, to offer your own insights. I’m hoping that we’ll have a couple of minutes at the end for some two-minute tips - your best brief ideas on things people should be looking at.\n
  • For people who are well familiar with trends in the web or are developers yourselves, you may not find much new in this. Hopefully you'll take some advantage of some of the time at the end to talk to others, to ask questions, to offer your own insights. I’m hoping that we’ll have a couple of minutes at the end for some two-minute tips - your best brief ideas on things people should be looking at.\n
  • \n
  • Why - 28%, Terminology - \nISSUES - Tables (in site design and proper - Zurb), Embeds (Video, Comments, etc.), Images, File size\n
  • Zipf - George Kingsley Zipf - Linguist - Noticed that #1 is twice as popular as #2 is three times as common as number 3, etc.\n\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Preference Test (Do you like a or b?), Click Test (Where do users click on your screen with precise instructions), Multi-Click Test (sequential), Annotate Test, Mood Test, Label Test, Memory Test\n\n
  • The New Love That Dares Not Speak Its Name\n\n
  • Redesign or Realign? Four things to consider to improve your website

    1. 1. REDESIGN OR REALIGNFour things to consider to improve your websiteChristopher WulffPatience and Fortitude Consulting
    2. 2. ABOUT ME• 10 years working in technology in the nonprofit sector• Worked with OCASI, Settlement.Org, Social Planning Toronto, Income Security Advocacy Centre, Kingston and District Immigrant Services• Decided to go wandering and had to pay for it... started a business!• Clients have included United Way, Right to Play, People for Education, Paloma Foundation, Moxie Software, Nevada Department of Conservation, Don Tapscott, Canadian Unitarian Council, Ontario Nonprofit Network, etc.
    3. 3. WHY?• Why this workshop?• What are we doing here?• Why these four things?
    4. 4. WHY REALIGN?• The allure of tabula rasa• Cost vs. benefit• Testing existing resources
    5. 5. FOUR THINGS TO CONSIDER• One Website to Rule Them All• Priorities Over Personalities• Testing With Users• Winning Robot Love
    6. 6. ONE WEBSITE TO RULE THEM ALL• Responsive Web Design and Terminology• Examples• Media Queries and Demo• Issues and Tools
    7. 7. PRIORITIES OVER PERSONALITIES• Borrowing Heavily from Louis Rosenfeld on Smashing Magazine• Zipf Curves• Your Website is Not a Democracy• Considering an Example
    8. 8. PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION Audiences Our Priorities Their Priorities Shared/Accepted Score
    9. 9. PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION Audiences Our Priorities Their Priorities Shared/Accepted Score Students Donors Researchers
    10. 10. PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION Audiences Our Priorities Their Priorities Shared/Accepted Score Submit Field Notes Get Assignments Students Find Placements Calendar of Deadlines Give Money Get Reports Donors Share Research Tell Their Friends Find Reports Reporting Researchers Partnership Program Funding Application
    11. 11. PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION Audiences Our Priorities Their Priorities Shared/Accepted Score Submit Field Notes Get Paid Get Assignments Apply for Program Students Find Placements Get Assignments Calendar of Deadlines Mailing Address Give Money Give Money Get Reports Get Receipts Donors Share Research Annual Report Tell Their Friends News Find Reports Funding Application Reporting Bios Researchers Partnership Program Forms Funding Application Mailing Address
    12. 12. PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION Audiences Our Priorities Their Priorities Shared/Accepted Score Submit Field Notes Get Paid Submit Field Notes Get Assignments Apply for Program Get Assignments Students Find Placements Get Assignments Get Paid Calendar of Deadlines Mailing Address Apply for Programs Give Money Give Money Give Money Get Reports Get Receipts Get Receipts Donors Share Research Annual Report Get Reports Tell Their Friends News Share Research Find Reports Funding Application Funding Application Reporting Bios Forms Researchers Partnership Program Forms Partnership Program Funding Application Mailing Address Reporting
    13. 13. PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION Audiences Our Priorities Their Priorities Shared/Accepted Score Submit Field Notes Get Paid Submit Field Notes 5 Get Assignments Apply for Program Get Assignments 3 Students Find Placements Get Assignments Get Paid 1 Calendar of Deadlines Mailing Address Apply for Programs 3 Give Money Give Money Give Money 1 Get Reports Get Receipts Get Receipts 1 Donors Share Research Annual Report Get Reports 4 Tell Their Friends News Share Research 5 Find Reports Funding Application Funding Application 5 Reporting Bios Forms 2 Researchers Partnership Program Forms Partnership Program 3 Funding Application Mailing Address Reporting 4
    14. 14. TESTING WITH USERS• Why? How?• Typesof Tests: Preference Test, Click Test, Multi-Click Test, Annotate Test, Mood Test, Label Test, Memory Test, etc.• When to Use Which?• Tools and Examples
    15. 15. WINNING ROBOT LOVE• Structured and Meta Data• Microformats or Schema• Interoperability
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×