In this report, Fröjd Interactive - a web agency with technical core located in Stockholm, Sweden - sums up what to expect of 2014. As always, the future is already here. So, we have focused on 14 things that we believe will hit it big & mainstream in Sweden next year. Which means - if you haven’t started developing things in the direction of this presentation – you better start now. Enjoy!

1. Web
Trends
@FrojdAgency
www.frojd.se
2014
Tech
In this report, Fröjd Interactive - a
web agency with technical core
located in Stockholm, Sweden sums up what to expect of 2014.
As always, the future is already
here. So, we have focused on 14
things that we believe will hit it big
& mainstream next year. Which
means - if you haven’t started
developing things in the direction
of this presentation – you better
start now. Enjoy!

2. Summary
1. Whatever first
8. There is a web for that
2. The interactive livingroom
9. Offline accessibility
3. Please, do not touch
10. The rise of frameworks
4. Where is my wearable?
11. API-boom
5. Web peer-2-peer
12. Programmed aestethics
6. Nearby communication
13. The pixel is dead
7. Pay without wallet
14. The Instagram effect
@FrojdAgency
www.frojd.se

3. 1
Whatever first
References
During 2014 most brands and companies will see that mobile
is the main channel for dialogue and interaction with
consumers, customers and users. However, a responsive
approach will not solve everything. The real challenge
involves omni-channel strategies, device customized
experience, optimizing for multi-screen usage and
seamless transitions between the users devices.
http://en.wikipedia.org/wiki/Omnichannel_Retailing
http://
www.mobilecommercedaily.com/
why-a-mobile-strategy-is-anomnichannel-strategy
http://www.mrgco.com/blog/tvmultitasking-a-growing-trend/
@FrojdAgency
www.frojd.se

4. 2
The interactive living room
References
http://www.isfe.eu/sites/isfe.eu/files/
attachments/sweden__isfe_consumer_study.pdf
http://store.steampowered.com/
livingroom/SteamMachines/l
http://blogs.msdn.com/b/
kinectforwindows/
http://www.tomshardware.com/
news/google-set-top-box-google-tvandroid-tv-nexus-tv,25337.html
http://www.techradar.com/news/
television/apple-itv-release-datenews-and-rumours-1045768
@FrojdAgency
www.frojd.se
Why talk about gaming and TV when we should talk about
web tech trends? Well, soon it will be hard to keep them
apart. In Sweden, amongst the online population, 39% are
very or fairly interested in gaming, and online gaming is the
most popular form of gaming. There are several exciting
launches coming up next year, for example Steam Machine
by Valve and Kinect for Windows. Regarding TV we have
Nexus TV by Google (rumors say it will also run Android
games), the talked about ”iTV” by Apple and predictions that
Chromecast will kill Apple TV... For sure, the borders
between gaming for console, PC and web, will get more and
more blurry.

5. 3
Please, do not touch
References
http://www.google.com/glass/start/
http://www.clickz.com/clickz/
column/2296771/voice-search-seopreparing-for-the-future
http://bergcloud.com/littleprinter/
http://
www.teenageengineering.com/
products/od-11/
http://www.telegraph.co.uk/
technology/video-games/Xbox/
10462223/Video-Xbox-OneKinect-2.0-voice-demonstration.htm
@FrojdAgency
www.frojd.se
Tomorrows online experiences will skip the screen between
the human and the machine. Instead we will interact touch
free, using our voice, eye movement or body movement. By
the end of next year Google Glasses, that has been in beta
for a while, will launch. In 2014 we believe that the
microphone icon (indicating voice search) will spread like a
virus. Look out for upcoming buzzword Voice SEO
(unfortunately VSEO is already taken by Video SEO). Its less
about which words people search for and more about what
questions they ask.

6. 4
Where is my wearable?
References
http://www.wearabletechworld.com/
topics/wearable-tech/articles/
358662-fitbit-fuel-jawbandmore-250-million-wearablehealth.htm
http://mytikker.com/
http://www.youtube.com/watch?
v=_gIvrVgLmWM
http://www.oprah.com/gift/OprahsFavorite-Things-Samsung-GalaxyWatch-and-Smartphone
@FrojdAgency
www.frojd.se
It started with Nike+. Now, a few years later, we see a boom
of connected wearables, often with some kind of relation to
sports & health (where Tikker takes it to the extreme by
counting the days until you die). A cool release in the end of
2013 was Oakley Airwave 1.5, making it possible to find your
buddies, collect statistics, play music or check text
messages/incoming calls directly in your goggles. We
believe that 2014 is the year when smart wearables will go
mainstream. Even Oprah Winfrey placed Samsung’s pricey
smart watch Galaxy Gear on her list of favorite things 2013...
Finally, our body will start to take control over the machine.
Or?

7. 5
Web peer-2-peer
References
http://www.webrtc.org/
http://www.youtube.com/watch?
v=p2HzZkd2A40
Old but good overview: http://
www.html5rocks.com/en/tutorials/
webrtc/basics/
https://www.sharefest.me/
@FrojdAgency
www.frojd.se
In 2014 we will see the first sharp examples of real time
communication between browsers (RTC Peer Connection)
using only Javascript API:s and HTML5 which will lead to
safer and faster web communication. Overall we see that
front-end development and Javascript libraries are breaking
the boundaries. Another definition of WebRTC is about all
the communication you nowadays can do through the
browser, instead of using seperate programs or plugins (for
example video communication directly in the browser). In
2014 we want to see more websites and web services using
RTC possibilities.

8. 6
Nearby Communication
References
http://en.wikipedia.org/wiki/
Near_field_communication
http://tagsfordroid.com/home
http://money.cnn.com/2013/12/09/
technology/mobile/bluetoothdigital-wallet/
@FrojdAgency
www.frojd.se
Our phones will go warm. By using NFC technology or
BlueTooth 4 / BlueTooth LE users will connect with other
users and companies more frequently. Discounts,
information, advertising, vouchers and tokens will get
pushed to people who are up for it. You can already order
your own set of NFC-tags and start to create simple
automated commands in your phone. In 2014 we will stop
scanning QR-codes (who started, anyway?) and instead Tap
everything.

9. 7
Pay without wallet
References
https://chirpify.com/
https://squareup.com/
https://square.com/cash
http://money.cnn.com/2013/12/09/
technology/mobile/bluetoothdigital-wallet/
https://klarna.com/sv/salj-medklarna/vara-tjanster/klarnacheckout?utm_source=PD|
Google&utm_medium=cpc&utm_ter
m=klarna
%20checkout&utm_campaign=PDKCO-Brand-Exact
@FrojdAgency
www.frojd.se
2013 was the year when different mobile payment solutions
took the Swedish market by storm (iZettle, SEQR, WyWallet,
Square, Swish and Bart to mention a few of them). However,
the solutions are still struggling with thresholds (user needs
to download application/scan QR-codes etc.). In the
meantime we see upcoming solutions where users can mail
their payments to other users (Square Cash) or tweet the
payment (Chirpify). And, not to forget, Klarna Checkout.
2014 - paying without wallet will go mainstream. The battle
is on!

10. 8
There is a web for that
Better web technology creates a feeling of less technology.
In 2014 more and more websites will start to feel like
applications, thanks to automatic updating of browsers
HTML5 has become a new standard. And, new mobile
browsers can connect to device information & functionality
that previously only applications could. A few years ago we
said “There is an app for that”. 2014 we will say “There is a
web for that”.
References
http://mobilehtml5.org/
http://caniuse.com/
@FrojdAgency
www.frojd.se

11. 9
Offline accessibility
References
http://alistapart.com/article/offlinefirst
http://highscalability.com/blog/
2013/9/18/if-youre-programming-acell-phone-like-a-server-youredoing.html
@FrojdAgency
www.frojd.se
When 65% of Sweden's population are connecting to the
Internet via their smartphones it might seem a little bit
strange to talk about offline as a problem. However, the more
core things we do online the more important it is that the
experience is handled offline (everyone who has travelled
with Swedish Railway knows about offline). And, not to
forget, people still get ruined when surfing abroad. In 2014
we will build web services that will not get affected by a
signal drop. There is a need for offline functionality - for
both web and apps - and 2014 will be the year when we fix
that.

12. 10
The rise of frameworks
References
http://www.quora.com/Whattechnology-stacks-are-used-themost-in-tech-startups-Why
http://buytaert.net/why-the-bigarchitectural-changes-in-drupal-8
https://www.django-cms.org/en/
http://highscalability.com/blog/
2013/9/23/salesforce-architecturehow-they-handle-13-billiontransacti.html
@FrojdAgency
www.frojd.se
For years, web has mainly been about content, which leads
to the creation of great content management systems like
for example Wordpress, Drupal and EPiServer. However,
nowadays, web is also about service which places high
demands on real-time data, functionality, response time and
speed. When we, as developers, start to tweak a CMS to fit
the tailored needs of the user and client it might end up slow
and messy. The fact that Drupal 8 has been rebuilt based on
the PHP-framework symphony, and the ongoing Django
CMS-project, are interesting tendencies. Overall we believe
that more experiences should be built using frameworks.
Because the user is worth it.

13. 11
API Boom
References
http://www.youtube.com/watch?
v=PzFOAJUxuqc
http://www.openforumeurope.org/
data
@FrojdAgency
www.frojd.se
There are API:s everywhere. First of all we see that more and
more companies are structuring their own data in API:s
which makes the data much more flexible and fetchable. The
other big trend is that more and more web technologies are
structured around open API:s to create better browser user
experiences (for example WebGL and WebRTC). During 2014
we believe that even more companies (and governments),
who previously have had a closed data-strategy, will make
data accessible through open API:s and with that leverage
creativity and innovation. Plus PR.

14. 12
Programmed aesthetics
References
https://www.shadertoy.com/
http://pixelshaders.com/
http://www.youtube.com/watch?
v=9dPPDf3ZBBI
http://www.gootechnologies.com/
pearl-boy/
@FrojdAgency
www.frojd.se
Only a few years ago web was mostly about text, images and
colors. Now we can do amazing things using for example
Web Graphics Library. In short, WebGL makes it possible to
show 3D and 2D graphics directly in the browser without
forcing the user to install additional plugins. WebGL has
been supported in mayor browsers for a while but we were
all waiting for Microsoft who joined by the launch of Internet
Explorer 11 in October 2013. Still waiting for iOS Safari
though... Anyway, almost everyone are in. Let the show
begin!

15. 13
The pixel is dead
References
http://oneretinapixel.com/
http://alistapart.com/article/
surveying-the-big-screen
http://codepen.io/adobe/full/FeiCp
@FrojdAgency
www.frojd.se
We are now used to small devices (smartphones) delivering
top notch quality. But, in the meantime retina and larger
screens are entering the market. A lot of websites, coded in
an old way with low resolution images and photos, already
look crappy. We see a lot of stressed brand & marketing
directors out there... As much as 2014 will be about
optimizing the experience for small screens & no screens it
will be about high resolution optimization and vector
graphics.

16. 14
The Instagram effect
References
http://updates.html5rocks.com/
2013/03/Introduction-to-CustomFilters-aka-CSS-Shaders
http://codepen.io/adobe/full/FeiCp
@FrojdAgency
www.frojd.se
Now you can crop, rotate and tweak images via a web
interface instead of doing it manually in photoshop.
Basically, everything you do in Instagram, is possible to do in
CSS while the image underneath is always the original. It
means, for example, that you can change the visual
experience of all images on your site with one small click.

17. @FrojdAgency
www.frojd.se
This presentation is licenced by
Creative Commons Erkännande 2.5
Sverige. Share, edit, transform but
do not forget to link back to us!