• Like

14 Web tech trends 2014

Uploaded on

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 …

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!

More in: Marketing , Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads


Total Views
On Slideshare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 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!