10 Tech & Design Trends for Nonprofits in 2015
-
Upload
techsoup-canada -
Category
Technology
-
view
1.375 -
download
1
Transcript of 10 Tech & Design Trends for Nonprofits in 2015
![Page 1: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/1.jpg)
Nonprofit Tech and Design Trends for 2015Toronto Net Tuesday
January 13th, 2014
![Page 2: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/2.jpg)
This is not about the latest, greatest, cutting edge tech
trends in 2015
![Page 3: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/3.jpg)
This is about trends that will impact your
nonprofit in 2015
![Page 4: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/4.jpg)
Tech Trend #1Coding becoming
common knowledge
![Page 5: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/5.jpg)
Reading and writing basic markup languages are no longer held solely by programmers & developers.
What is it?
![Page 6: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/6.jpg)
Markup languages
Markup languages are used to control the presentation
and structure of the content
*a word on JavaScript
Programming languages
Programming languages are used to create instructions for
a machine to execute & automate tasks
VS
What is it?
![Page 7: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/7.jpg)
HTML defines content
What is it?
CSS defines presentation
JavaScript defines behaviour
Images and definition courtesy of Ladies Learning Code
![Page 8: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/8.jpg)
Why is this important?
You’ll need it.
More programs are becoming dependant on users having this knowledge (CMS,
CRM)
Save time & money
No need to hire experts/consultants to fix a relatively easy job.
It will become a common asset
Much like experience in using MS Office is now a requirement to work in an office
<code>
![Page 9: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/9.jpg)
Resources
CodeAcademy.com Code.org/learn LadiesLearningCode.com
![Page 10: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/10.jpg)
Tech Trend #2More interest in
hybrid cloud models
![Page 11: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/11.jpg)
Storing sensitive information on an internal server and non-sensitive information on the cloud.
What is it?
![Page 12: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/12.jpg)
Why is this important?
Keep sensitive data in-house and in Canada
Take advantage of cloud computing benefits
![Page 13: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/13.jpg)
Resources
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
Canadian Privacy Law, Cloud Computing and How it Applies to
Nonprofits
techsoupcanada.ca/community/blog/cloud_privacy_law
![Page 14: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/14.jpg)
Tech Trend #3More emphasis on
your (true) owned media
![Page 15: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/15.jpg)
Web property that your organization controls and is unique to your brand (website, publications, emails)*.
*Wait, what about social media?
What is it?
ENEWSLETTER
![Page 16: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/16.jpg)
What is it?
Owned media
True owned media is web property that you create and
control. You control what data is being collected (input) and
exported (output).
Earned & Paid Media
Earned media is when someone uses their web property to promote you. Paid media is when you
leverage a 3rd party channel to promote your media.
VS
![Page 17: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/17.jpg)
Why is this important?
CASL changes the game
Social media platforms will continue to change their rules,
for better or for worse
![Page 18: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/18.jpg)
Resources
What nonprofits need to know about CASL
techsoupcanada.ca/community/blog/CASL
Litmus.com/resources
Go-to resource for email marketing
Idealware.org
idealware.org/reports/implementing-new-website-
planning-your-approach
![Page 19: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/19.jpg)
Tech Trend #4Advanced
data analytics
![Page 20: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/20.jpg)
Collecting data has never been easier. Emphasis is now on using & interpreting data to inform communications and strategies.
What is it?
![Page 21: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/21.jpg)
Why is this important?
Targeted communications
Program measurement and
performance
Better forecasting
![Page 22: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/22.jpg)
Resources
Zoho Reports
Zoho.com/reports
Jane vs Tierney: Dashboard Tool Challenge
techsoupcanada.ca/community/blog/jane-vs-tierney/dashboard-challenge
![Page 23: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/23.jpg)
Tech Trend #5Beacon based
technology
![Page 24: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/24.jpg)
A wireless sensor network that can be used for monitoring, tracking and routing.
What is it?
![Page 25: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/25.jpg)
What about Wi-Fi?
Specs Bluetooth Wi-Fi
Frequency 2.4 GHz Up to 5 GHz
Cost Low High
Range 5-30 meters32 meters indoors and 95
meters outdoors
HardwareBluetooth adaptor in
devices
Wireless adaptors in devices, wireless routers and/or wireless
access points
Power consumption Low High
Ease of use Fairly simpleMore complex (hardware and
software requires configuration)
Source: http://www.diffen.com/difference/Bluetooth_vs_Wifi
![Page 26: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/26.jpg)
Why is this important?
Advanced supporter engagement
Be creative with resource tracking (ie. iPad and tablet tracking)
![Page 27: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/27.jpg)
Resources
Topi.comTopi is a free mobile networking
app for events and offers beacons (iOS, Android compatible)
Estimote.comEstimote offers beacons and
stickers compatible with iOS and Android devices
![Page 28: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/28.jpg)
Design Trend #1Infinite scrolling
![Page 29: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/29.jpg)
Content on a webpage are loaded as you scroll (no pagination).
What is it?
![Page 30: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/30.jpg)
Why is this important?
This highly trendy function may be well-suited for your purposes, but know the advantages and disadvantages before you implement.
Mobile friendly
Manage large amounts of data
Keeps people engaged
No footer
Overwhelming & exhaustive data
Loss of control (UX)
![Page 31: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/31.jpg)
Resources
Infinite Scroll Plugin for WordPress
wordpress.org/plugins/infinite-scroll
Google’s “Infinite scroll search-friendly recommendations”
googlewebmastercentral.blogspot.ca/2014/02/infinite-scroll-search-friendly.html
![Page 32: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/32.jpg)
Design Trend #2Minimal & clean
design is in
![Page 33: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/33.jpg)
A style for designing user interfaces (UI) that emphasizes simple elements, white space and flat colours.
What is it?
FLAT & SEMI-FLAT DESIGN SKEUOMORPHIC DESIGN
![Page 34: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/34.jpg)
Why is this important?
Better user experience (UX)
Focus your call-to-actions
Attract & maintain certain audiences
About
Donate
Contact
![Page 35: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/35.jpg)
Example: Comparing two tech websites
![Page 36: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/36.jpg)
Example: Comparing two tech websites
![Page 37: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/37.jpg)
Resources
FreebiesBug.com Canva.com
![Page 38: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/38.jpg)
Design Trend #3Being intentionalabout typefaces
![Page 39: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/39.jpg)
Embracing typography, the art and technique of arranging typefaces (ie., fonts) in order to make text more appealing, and the abandonment of “default” typefaces.
What is it?
FONTFACE: PROXIMA NOVATYPOGRAPHY
![Page 40: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/40.jpg)
Why is this important?
Very trendy (appeals to younger generation &
certain audiences)
A good design approach for sectors that don’t have an inherent “icon”/”image”
![Page 41: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/41.jpg)
Resources
FontSquirrel.com Google.com/Fonts
![Page 42: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/42.jpg)
Design Trend #4Death to the “stock” photo
![Page 43: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/43.jpg)
Images and photos that are typically purchased by organizations for use in publications. Infamously known for looking “staged”.
What is it?
![Page 44: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/44.jpg)
Why is this important?
Stock photos appear insincere and chances are the same image is used by another charity. Supporters much prefer real photos and real stories.
![Page 45: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/45.jpg)
See it in action
![Page 46: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/46.jpg)
Toronto Net TuesdayConnect, chat and learn. Learn more at
www.techsoupcanada.ca
Toronto NetTuesdayConnect, chat and learn.
Learn more at www.techsoupcanada.ca
See it in action
![Page 47: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/47.jpg)
Resources
StartUpStockPhotos.comLifeOfPix.comPexels.com
![Page 48: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/48.jpg)
Design Trend #5Embedding digital
storytelling everywhere
![Page 49: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/49.jpg)
Incorporating digital storytelling (the combination of different media elements to tell a story) in mediums/channels outside of the norm (video).
What is it?
ANNUAL AND RESEARCH REPORTS
![Page 50: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/50.jpg)
Why is this important?
Great for branding Resonate more with supporters
Stand out from the crowd
Your nonprofit
![Page 51: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/51.jpg)
Resources
Intro to Digital Storytellingyoutube.com/watch?v=kfjskBVGvVs
Storymaking Resourcestechsoup.org/community/community-
initiatives/storymakers-resources
![Page 52: 10 Tech & Design Trends for Nonprofits in 2015](https://reader030.fdocuments.us/reader030/viewer/2022020218/55a415a01a28abde1a8b4860/html5/thumbnails/52.jpg)
What are your thoughtson these trends?