SlideShare a Scribd company logo
RESOURCES FOR 2016
IoT, Atomic Web Design,
Virtual & Augmented Reality
Andrew Newman @ Canofpopcom
Resources for 2016 - (sources of inspiration)
Objective of this document:
To provide a starter list of resources and referenceable
materials related to the use of new and existing digital
technologies in one or more current or emerging trends.
Version: 0.1 - 2016 - 3 Trends
URL: https://goo.gl/vYkBNq
Resources for 2016 - (sources of inspiration)
Format: Theme - Type - Title - URL - Explanation.
Trend: A general direction as to how something is changing /
developing, i.e. Internet of Things, Atomic Design, Virtual
Reality.
Type: Format of material i.e. Blog, Portfolio or Individual.
Example: Image or video
Explanation: Brief note about material / source.
THEME 1:
Internet Of Things (IoT)

Recommended for you

Media Insider Tips: Get Big Press With Minimal Time
Media Insider Tips: Get Big Press With Minimal TimeMedia Insider Tips: Get Big Press With Minimal Time
Media Insider Tips: Get Big Press With Minimal Time

As marketers we're all busy. We've got no time, even if we have the money. In this presentation I explain how to get press from mainstream media outlets with no or little cost, and very little time invested. I also explain how you can circumvent the press entirely and take your message directly to consumers by publishing on LinkedIn Pulse, SlideShare, and BuzzFeed Community.

public relationsinfluencer outreachslideshare
Build Features, Not Apps
Build Features, Not AppsBuild Features, Not Apps
Build Features, Not Apps

Presented at Tokyo iOS Meetup https://www.meetup.com/TokyoiOSMeetup/events/234405194/ Video here: https://www.youtube.com/watch?v=lJlyR8chDwo

ios swiftswift programmingios10
Mobile is the new Godzilla July 2011 FCIP
Mobile is the new Godzilla July 2011 FCIPMobile is the new Godzilla July 2011 FCIP
Mobile is the new Godzilla July 2011 FCIP

Mobile devices such as smartphones and tablets are increasingly becoming people's primary means of accessing the internet. By 2013, the number of mobile internet accessing devices is projected to surpass the number of personal computers. Websites and applications need to be optimized for mobile to provide good user experiences on small screens. Developers have options like responsive design, mobile websites, or native apps to create engaging mobile experiences for their audiences.

mobile webmobilehtml5 apps
Internet Of Things (IoT)
Brief Explanation:
The Internet of Things (IoT) refers to the ever-growing network
of physical objects that feature an IP address for internet
connectivity, and the communication that occurs between these
objects and other Internet-enabled devices and systems.
SRC: http://www.webopedia.com/TERM/I/internet_of_things.html
Applications Within Advertising: MANY
Smart Fashion, Experiential, Smart Devices, Out Of Home.
2016: Watch points - APPLE WATCH 2, Smart Fashion, Affordable
3D Printing, lighthouses (Bluetooth beacons), Machine Learning
Internet Of Things (IoT)
SITE - CREATIVE APPLICATIONS
http://www.creativeapplications.net/
CreativeApplications.net documents
projects and art installations that live
on the fringes of Art & Technology.
SITE - IOT LIST
http://iotlist.co/
IOT List keeps an ever expanding
directory of internet enabled products
from cameras to ovens.
BLOG - Arduino.cc
https://blog.arduino.cc/
Arduino is a small programmable
electronics board for enthusiasts a great
starting point for anyone looking to get
into IoT.
COMMUNITY - ELEMENT14
http://www.element14.
com/community/groups/internet-of-things?
ICID=hp-iot-topgroup
A community of IoT enthusiasts, often
talking about the latest developments and
offering simple guides.
Internet Of Things (IoT)
Some articles on the subject.
http://www.marketingmagazine.co.
uk/article/1352048/internet-things-
already-future-advertising
http://www.metronomegazette.
com/2013/12/the-internet-of-things.
html
http://www.forbes.
com/sites/onmarketing/2015/11/23/th
e-future-of-ad-targeting-in-an-iot-
world/
THEME 2:
Atomic Web Design
& Pattern Libraries

Recommended for you

Platform Shift: How New Business Models Are Changing the Shape of Industry
Platform Shift: How New Business Models Are Changing the Shape of IndustryPlatform Shift: How New Business Models Are Changing the Shape of Industry
Platform Shift: How New Business Models Are Changing the Shape of Industry

Companies that can transform their traditional business models into network models will have a competitive advantage based on new insights into pricing, network effects, supply chains, and strategy. These principles show how dotcom companies like Airbnb, Amazon, Apple and Uber managed, in a relatively short time, to attract millions of clients worldwide. But they apply also to traditional product companies like Sony, shoe companies like Nike, and spice companies like McCormick. New business models help these companies extend existing transactions to new, associated products and services. Platforms beat products every time. This talk reveals the secret of Internet-driven platforms, why they happen, and what changes they imply.

platformsopen innovationstrategy
[Report] The Rise of Digital Influence, by Brian Solis
[Report] The Rise of Digital Influence, by Brian Solis[Report] The Rise of Digital Influence, by Brian Solis
[Report] The Rise of Digital Influence, by Brian Solis

Digital Influence is one of the hottest trends in social media, yet is largely misunderstood. "The Rise of Digital Influence," the new report by Altimeter Group Principal Analyst Brian Solis, is a 'how-to' guide for businesses to spark desirable effects and outcomes through social media influence. The report helps companies understand how influence spreads, and includes case studies in which brands partnered with vendors to recruit connected consumers for digital influence campaigns. Brian evaluates the offerings of 14 Influence vendors, organizing them by Reach, Resonance, and Relevance: the Three Pillars that make up the foundation for Digital Influence as defined in the report. Also included are an Influence Framework and an Influence Action Plan to help brands identify connected consumers and to define and measure strategic digital influence initiatives.

social influencedigital influencesocial media
2014 Technology and Silicon Valley Trends at LeWeb
2014 Technology and Silicon Valley Trends at LeWeb2014 Technology and Silicon Valley Trends at LeWeb
2014 Technology and Silicon Valley Trends at LeWeb

LeWeb technology trends and program preview 2014 edition. Video https://www.youtube.com/watch?v=6fbg76-gtb8

technologylewebloic
Atomic Web Design & Pattern Libraries
Brief Explanation:
Atomic design and pattern libraries are both methodologies designed to work together to
create deliberate, flexible, versatile and scaleable design systems for websites, they have
been likened to style guides and represent a way forward when working with sites that have
to work across multiple platforms, devices and cultures.
SRC: http://atomicdesign.bradfrost.com/chapter-2/
Applications Within Advertising:
Websites, Web Applications - mid and large scale web sites and properties.
Atomic Web Design & Pattern Libraries
SITE / BOOK - Atomic Web Design
http://atomicdesign.bradfrost.com/
The methods we use to design and develop
websites are always evolving. Atomic
design is once such evolved method,
Bradfosts site / book is a good place to
start understanding a few of these newer
terms, practices and methods.
Presentation (SlideShare - covering key
principles):
http://www.slideshare.net/dmolsenwvu/the-
death-of-lorem-ipsum-pixel-perfect-
content
SITE - Patternlab.io
http://patternlab.io/
Pattern Lab is a collection of tools to
help you create atomic design systems..
Also features some useful demos,resources
and even templates to get you started.
Resources: http://patternlab.
io/resources.html
Demo:
http://demo.patternlab.io/
Atomic Web Design & Pattern Libraries
SITE - gov.uk Service Manual
https://www.gov.uk/service-
manual/designers
A good example of design documentation, .
gov deploys a “service manual” approach
to ensure consistency in design and
development whilst considering key
factors such as accessibility and
usability across a wide range of user
cases.
SITE / COLLECTION - Styleguides.io http:
//styleguides.io/examples.html
Style guides.io is an evoling list
ofcompanies and sites that are using
online style guides (Patterns) to help
drive both efficiencies and ensure
consistency across Creative and
Development processes and practices.
Example:
https://playbook.cio.gov/designstandards/
THEME 3:
Virtual (and Augmented) Reality

Recommended for you

Redefiners: Capturing Media Growth Dollars
Redefiners: Capturing Media Growth DollarsRedefiners: Capturing Media Growth Dollars
Redefiners: Capturing Media Growth Dollars

The document discusses how media companies can capture $325 billion in growth dollars over the next 3 years by becoming "redefiners". It argues that media companies need to build new growth businesses through virtual startups, leverage quality content as an unfair advantage, and create engaging experiences across devices to compete against nimble startups. Redefiners will focus on serving customers, pivot strategies quickly as needed, and win through building rather than acquiring new businesses.

appsstartupstechnology
OgilvyRED - Dollars and Sense of Connectivity
OgilvyRED - Dollars and Sense of ConnectivityOgilvyRED - Dollars and Sense of Connectivity
OgilvyRED - Dollars and Sense of Connectivity

Mobile connectivity has the potential to provide significant economic and social benefits globally, but its impact depends on factors like infrastructure development and affordability. The mobile connectivity ecosystem involves infrastructure providers (carriers), services/content providers, and consumers. While carriers play a pivotal role by operating networks, the benefits are not evenly distributed. In developed nations, higher bandwidth enables services like video streaming but in developing areas, basic connectivity can improve access to information, resources and opportunities that positively impact areas like health, education and economic growth. Ensuring widespread affordable access remains an ongoing challenge.

ogilvyogilvyredconnectivity
Bytesized Innovation Trends 2016
Bytesized Innovation Trends 2016Bytesized Innovation Trends 2016
Bytesized Innovation Trends 2016

Having participated in both SXSW and Cannes Lions Innovation festival this year, we've uncovered lots of insights on the current communications climate and have put together 9 trends which should serve as guidance for the areas to focus on in 2016.

creative datamobile location datadigital detox
Virtual (and Augmented) Reality
Brief Explanation:
VR and AR are new terms, think Lawnmower Man, Nintendo
Virtual Boy*, Blipper and host of other 1990s applications
and devices, what makes things different is that the tech has
moved on considerably this new wave (almost consumer ready)
includes backers such as Facebook, Sony, Google & Apple.
SRC:http://techcrunch.com/2015/12/10/augmented-and-virtual-
reality-1-0-2016-preview/ (thanks to Paul F for this link)
Applications Within Advertising: Experiential, Out Of Home,
Augmented Media, Data Visualisation, Awesome body rocking
experiences.
*http://www.cheatsheet.com/technology/a-trip-down-virtual-reality-road-6-systems-of-the-past.html/
Virtual (and Augmented) Reality
ARTICLE - WAREABLE
http://www.wareable.com/gaming/top-vr-
games-for-oculus-rift-project-morpheus-
gear-vr-and-project-cardboard
VR feels very real in 2015 and a host of
new top games are incoming for the ever
growing pile of virtual reality headsets.
We've rounded up the most exciting VR
games for your delight and delectation.
ARTICLE - VENTUREBEAT
http://venturebeat.
com/2015/10/18/virtual-reality-the-last-
frontier-in-native-advertising/
TV, the Internet, and mobile have all
radically changed how brands connect and
engage with consumers. VR is the next
major platform to shatter advertising
norms, dramatically changing how brands
and advertisers connect and empathize
with consumers.
Virtual (and Augmented) Reality
ARTICLE - ADAGE.COM
http://adage.com/article/digital/virtual-
reality-advertising-s-big-thing/294328/
A good write up on the trend featuring
examples from COCACOLA, FACEBOOK 360*
videos and others.
SITE / COLLECTION - Microsoft HoloLens
https://www.microsoft.com/microsoft-
hololens/en-us
Microsoft HoloLens is the first fully
untethered, holographic computer,
enabling high-definition holograms to
integrate with your world. Help develop
the future of holographic computing. Come
unlock new possibilities.
*More: http://recode.net/2015/11/12/facebooks-virtual-reality-like-videos-now-
have-ads/
Virtual (and Augmented) Reality
STUDIO BLOG - Blockinterval
http://www.blockinterval.com/project-
updates/2015/10/15/user-experience-in-
virtual-reality
Solid round up of the different topic
that are circulating around User
Experience within virtual reality, some
great follow up links such as the VR
Interface Design Manifesto.
https://www.youtube.com/watch?
v=n3b8hZ5NV2E
RESEARCH - Twenty Milliseconds
https://www.twentymilliseconds.
com/post/all-about-motion-sickness/
As new VR and AR experiences develop and
become mainstream there may be a rise of
Simulation Motion Sickness, this article
explores the idea further.
OTHER USEFUL LINKS
Other useful links
1. COLLECTION - Site Inspire
http://www.siteinspire.com/
The Vogue magazine of internet design,
this site documents web projects that are
often highly creative and that establish
future design and interaction trends.
2. COLLECTION - Hoverstat.es
http://hoverstat.es/
An ever evolving list of interaction
types and styles, this site highlights
some of the best uses currently out
there.
3. AWARDS SITE - AWWWARDS http://www.
awwwards.com/
The awards that recognize the talent and
effort of the best web designers,
developers and agencies in the world.
4. PLAYGROUND - CODEPEN.IO http:
//codepen.io/pens/
CodePen is a playground for the front end
side of the web. It's all about
inspiration, education, and sharing.
It’s also a great place to experiment
with html, css and javascript.
Other useful links
5. BLOG - Digital Buzz Blog
http://www.digitalbuzzblog.com/
A growing list of marketing campaigns that
utilise one or more digital channels, focus
mainly is on DIGITAL but increasingly
reports on large and small scale integrated
campaigns and executions.
6. BLOG - Digital Trends
http://www.digitaltrends.com/
A smallish blog that covers a wide range of
topics, good for a quick flick through.
7. EMO Unlimited - Agency
http://www.emounlimited.com/
Where I work (Shameless PLUG)
EMO Unlimited is a multi-disciplined
marketing communications agency, which
connect global brands to local (national,
regional) networks.
We help local networks connect with
prospects and customers in their area
through omni-channel executions.
THANKS
Here’s to a great 2016

More Related Content

Resources (Links) for 2016