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)
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
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
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

Resources (Links) for 2016

  • 1.
    RESOURCES FOR 2016 IoT,Atomic Web Design, Virtual & Augmented Reality Andrew Newman @ Canofpopcom
  • 2.
    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
  • 3.
    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.
  • 4.
  • 5.
    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
  • 6.
    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.
  • 7.
    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/
  • 8.
    THEME 2: Atomic WebDesign & Pattern Libraries
  • 9.
    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.
  • 10.
    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/
  • 11.
    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/
  • 12.
    THEME 3: Virtual (andAugmented) Reality
  • 13.
    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/
  • 14.
    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.
  • 15.
    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/
  • 16.
    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.
  • 17.
  • 18.
    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.
  • 19.
    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.
  • 20.