Top Banner
Be ahead of the tech curve, not behind! Nonprofit tech and web design trends for 2017
56

Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Jan 22, 2018

Download

Technology

TechSoup Canada
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Be ahead of the tech curve, not behind!Nonprofit tech and web design trends for 2017

Page 2: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Hi,We’re from TechSoup Canada.

Our mission is to help nonprofits use tech effectively.

Page 3: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Nonprofits can save money on tech products through the Technology Donations Program

Register your charity, nonprofit or library to see which products you’re eligible for: www.TechSoupCanada.ca/Getting_Started

Page 4: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

You have access to free nonprofit tech resources

facebook.com/techsoupcanada

techsoupcanada.ca/learning_centre

techsoupcanada.ca/webinar

@techsoupcanada

techsoupcanada.ca/blog

techsoupcanada.ca/newslettersubscribe

Page 5: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

We are part of the TechSoup Global Network.

TSGN is a partnership 60+ civil society organizations that aims to improve lives globally

through the use of technology.

Together, we’ve reached more then 735,000 organizations and saved nonprofits more than

$5.8 B (USD) in tech tools and services.

meet.techsoup.org

We are a program of the Centre for Social Innovation.

CSI is a coworking space, community and launchpad for people who are changing the

world.

Find us @ Spadina, Annex, Regent Park in Toronto (ON)

and in New York (NY).

socialinnovation.ca

Page 6: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

GoToWebinar Logistics

1 3

2

1. Close/expand GoToWebinar panel2. Submit a question/comment via

Chat3. View and select your audio

You can hear us, but we can’t hear you! Can’t hear? Try turning up your volume or call in Have a question? Use the Q&A box

Recording & slides will be available post-webinar

Please fill in the post-webinar survey!

Page 7: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Today’s agenda

• 5 tech and web design trends• Pulse check!• What is it?• Why is it important?• Steps and resources to move forward

• Bonus: Quick important tech updates• Next CASL deadline (July 1st, 2017)• New SEO penalty

• Q&A• Slides and recording will be available after the webinar

• Next webinar: How to manage remote teams, Feb 22nd

Page 8: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

About us

Presenter: Joyce HsuCommunications Manager, TechSoup Canada

Host: Donna WonTech Systems Specialist, TechSoup Canada

Page 9: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

This is not about the latest, greatest, cutting edge tech

trends in 2017

Page 10: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

This is about trends that will impact day-to-day

nonprofits in 2017

Page 11: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Data visualization and automation

Tech Trend #1

Page 12: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

How does your nonprofit use data?

Pulse check!

Page 13: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

What is it?Dashboards (summary of data) that automatically updates and visualizes your data in meaningful ways. The emerging trend is to automate dashboards for internal and external use.

Page 14: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Why is it important?

Smarter decisionsMake smarter, more timely decisions informed by data

Digestible DataWe consume less data

than we can create (IDC*)

*https://www.emc.com/leadership/digital-universe/2014iview/executive-summary.htm

Save timeAutomation saves time

(and reduces human error)

impact

AccountabilityDemonstrate your impact to donors,

funders, board and supporters

Page 15: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Highly data-driven organizations are three times more likely to report significant improvement in decision-making … yet, 62% of executives still rely more on experience and advice than data to make decisions

From Insight to Action: How Data-Driven Marketing Is Supporting Big Decisionsthinkwithgoogle.com/articles/data-driven-marketing-decision-making.html

60%

Page 16: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

What next?

Nurture a data informed culture“If data isn’t part of your

nonprofit culture, make that a big goal this year”*

Plan before you pull data

“Data without application is useless.”*

Continuing the data journey

Share, learn, tweak & repeat

*http://npengage.com/nonprofit-marketing/online-benchmark-reveals-key-insights-for-nonprofits-in-2017

Page 17: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Example: TechSoup Canada

We have recurring, weekly meetings to review data

(30 mins. max)

Page 18: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Resources

Static spreadsheet

Good starting point, or when you’re

trying something completely new

Built-in dashboard

Configure the dashboard tool that comes with your

platform: CRM, CMS, Email platform

Reporting/B.I./ dashboard tool

Connect your data source to an external

reporting tool

Zapier.comConnects web apps together so you can automate workflows

Page 19: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Resources for Spreadsheet Dashboards

chandoo.org/wp/excel-dashboards

Page 20: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Resources for Spreadsheet Dashboards

zapier.com/learn/google-sheets/google-sheets-dashboard-tutorial

Page 21: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Resources for Built-in Dashboardsanalytics.google.com (free)

Page 22: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Resources for Built-in Dashboardskb.mailchimp.com/accounts/billing/about-mailchimp-discounts (15% off)

Page 23: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Resources for Built-in Dashboards

salesforce.org/nonprofit (10 free licenses)

Page 24: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

tableau.com (eligible orgs can also get it at techsoupcanada.ca/directory/423)

Resources for Reporting/ B.I. Tools

Page 25: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Resources for Reporting/ B.I. Tools

zoho.com/reports (free & paid plans)

Page 26: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Resources for Reporting/ B.I. Tools

powerbi.microsoft.com (free & paid plans)

Page 27: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Clear & cleanUser Interfaces (UI)

Tech Trend #2

Page 28: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Pulse check!

How do you feel about your nonprofit’swebsite?

Page 29: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

What is it?User Interface (UI) describes the medium that people use to interact with computer applications (e.g., websites, programs etc.). The emerging trend is to favour clean, clear and accessible UI.

UI Elements

Page 30: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Why is it important?

A user interface is like a joke. If you have to explain it, it’s not that good.Martin LeBlanc, Founder & CEO of Icon Finder

Page 31: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Guess the links!art.yale.edu

Page 32: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Guess the links!art.yale.edu

Page 33: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Why is it important?

Increase conversion rates

Users’ attention span are getting shorter (8 secs in 2015*)

*statisticbrain.com/attention-span-statistics

Help create a positive & confident UX

Page 34: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Use consistent terms, signifiers and labels

Design for your users

(hint: you are not your user)

What next?

No signifiers. (Clickable?)

Weak signifiers. (Clickable?)

Strong signifiers. (Clickable?)

Strong signifiers. (Clickable?)

Page 35: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

“Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is

Better for Users”

nngroup.com/articles/flat-design/

Google’s introduction to Material Design

google.com/design/spec/material-design

Resources

Page 36: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Playing nice: System integration

Tech Trend #3

Page 37: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Pulse check!

How many of your systems/databases are integrated?

Page 38: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

What is it?

As more software solutions are being developed and released, it seems like there is a tool for nearly every task. The trend is to explore and adopt carefully – with integration in mind.

Page 39: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Why is it important?

A step towards a (realistic) centralized system

Build rich supporter profiles/data

Easier workflow and data automation

Page 40: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Plan earlyNew tech solutions should

integrate with at least one other existing solution you’re using

What next?

Start with 1-way integration 1-way integrations are easier to implement

and more likely to succeed. These integrations are often enough

Page 41: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Resources

Zapier.comConnect web apps together for

workflow automations

Cloud SuitesNo time to plan? Look into cloud suites that can fulfill most of your functions

Nonprofit

Page 42: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Big and bold typography

Tech Trend #4

Page 43: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Pulse check!

How do you decide which fonts to use at your nonprofit?

Page 44: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

What is it?With the growing focus on content marketing, more websites will feature typography and fonts that are just as big and bold as the mission itself.

FONTFACE: BEBAS NEUE REGULARTYPOGRAPHY

Page 45: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

What is it?i.e. Trading neo-grotesque fonts (Helvetica, Roboto, Lato or Open Sans) for bolder geometric fonts, serif typefaces and monospaced (“typewriter”)

2010s 2017+

Page 46: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Why is it important?

Stand out from the crowd.

Stand out from the crowd.

Reinforce your brandLet your content shine

femmeinternational.org plancanada.ca

Page 47: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Think large print Create strong contrast

What next?

resilientwebdesign.com

Determine your font pairings

Sans-Serif/Serif

/Sans-Serif

Serif/Serif

Page 48: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Resources

FontSquirrel.com Fonts.google.comFontPair.co

Page 49: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Tech Trend #5

Embracing hybrid cloud models

Page 50: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Pulse check!

How do you feel about cloud computing?

Page 51: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

What is it?Storing sensitive information on private cloud (dedicated server or on Canadian data centre) and non-sensitive information on the public cloud.

Page 52: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Why is it important?

Take advantage of cloud computing

benefits

Keep sensitive data in-house and in Canada

More services and products are moving

to the cloud

Page 53: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Resources

OwnCloud.org

“What is the hybrid cloud and how can it help my organization?”

techsoupcanada.ca/community/blog/what-is-a-hybrid-cloud-and-how-can-it-help-my-nonprofit-organization

Page 54: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Important tech updates

Bonus

Page 55: Be ahead of the tech curve, not behind! 5 nonprofit tech trends for 2017

Important tech updates

Next CASL date is July 1st, 2017Transition period ends and private rights of action are in force. Not sure if you’re prepared? Stay tuned

for March 22nd for a refresher on CASL! techsoupcanada.ca/webinar

Penalizing intrusive pop-upsGoogle has started to penalize intrusive pop-ups

(since Jan 10, 2017). https://webmasters.googleblog.com/2016/08/help

ing-users-easily-access-content-on.html