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/)
Automating Google Workspace (GWS) & more with Apps Script
Redesign or Realign? Four things to consider to improve your website
1. REDESIGN OR REALIGN
Four things to consider to improve your website
Christopher Wulff
Patience and Fortitude Consulting
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. WHY?
• Why this workshop?
• What are we doing here?
• Why these four things?
4. WHY REALIGN?
• The allure of tabula rasa
• Cost vs. benefit
• Testing existing resources
5. FOUR THINGS TO CONSIDER
• One Website to Rule Them All
• Priorities Over Personalities
• Testing With Users
• Winning Robot Love
6. ONE WEBSITE TO RULE THEM ALL
• Responsive Web Design and Terminology
• Examples
• Media Queries and Demo
• Issues and Tools
7. PRIORITIES OVER PERSONALITIES
• Borrowing Heavily from Louis Rosenfeld on Smashing Magazine
• Zipf Curves
• Your Website is Not a Democracy
• Considering an Example
8.
9.
10.
11. PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION
Audiences Our Priorities Their Priorities Shared/Accepted Score
12. PRIORITIES - ENVIRONMENTAL RESEARCH FOUNDATION
Audiences Our Priorities Their Priorities Shared/Accepted Score
Students
Donors
Researchers
13. 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
14. 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
15. 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
16. 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
17. 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
18. WINNING ROBOT LOVE
• Structured and Meta Data
• Microformats or Schema
• Interoperability
Hinweis der Redaktion
\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