SlideShare uma empresa Scribd logo
1 de 85
Baixar para ler offline
Sajttrender

2017
Ska du lansera ny webb i år - det här får du inte missa!
Ett frukostseminarium av digitalbyrån Fröjd den 31 maj 2017.
Övergripande
Ökat affärsfokus & stringens
Beyond responsive
Tjänstefiering / Appifiering
Icke-linjär-navigation
Prestanda & flexibilitet
Tredjepartstjänster i molnet
Ekosystem av data (API:er)
Lagar & direktiv
Att hålla koll på
• Dataförordningen (GDPR)
• EU Bank Direktivet (PSD2)
• Webbtillgänglighetsdirektivet
Vad innebär PSD2?
• Banker tvingas öppna upp via API:er.
• Vem som helst kan bygga ”tjänster”
ovanpå bankens data och infrastruktur.
• Tredjepartsleverantörer kan vid
användarens godkännande få access till
dennes pengar, konton etc.
• Gäller all persondata - statistik, location, personuppgifter,
webbläsare etc.
• Användaren måste aktivt säga ja eller nej.
• Användaren måste aktivt godkänna tredjeparter som datan
sprids till.
• Full dokumentation vid tillsyn: Att användare har godkänt, vad du
har lagrat, hur du har lagrat, till vem du har delat.
• Data Protection Impact Assessment (tredje-part). Färdig vid
tillsyn.
• Träder kraft 25 maj 2018 - på EU-nivå.
Vad innebär GDPR?
Design & UX
Användarupplevelse
Allt är rörligt!
Förenkla!
Länk!
Hamburgaren
ifrågasatt…
• Onåbar placering.
• Gömmer innehåll.
• Lågt engagemang.
Länk! Länk! Länk!
Storytelling i scroll
Länk!
Alla älskar gradienter
Interaktion

& dialog
”The average user only
uses around three apps
frequently, and at least
one of them is a
messaging app.”
MOBILE APP REPORT, COM SCORE
”People born in the ’80s
and younger actually
prefer texting over
talking”
MOBILE APP REPORT, COM SCORE
Konvertering 

& betalning
• 1 miljon app-
användare
• Ansöker om
namnbyte till Klarna
Bank
• Ohotad?
• Qliro One utmanar
• 4 miljoner kunder
• Prenumerationer
• Månadsvis betalningar
• Dras direkt från bank-kontot, iTunes etc.
Löpande
betalningar
Betala med en
Selfie
Länk!
Fokus på det
viktigaste flödet
SL
SJ
SAS
Jobba datadrivet
med grymma
tredjepartstjänster
Hotjar
Google Optimize
Säkerhet &
autentisering
Användarnamn + lösenord
snart ett minne blott…
Hög tröskel Låg tröskel
Autentisering i flera steg…
Apples
Touch ID
Digital signering
Content
LiveAlla är live!
Live
Live ibland
Live & Slow
Användarna gör jobbet
Vad har du för bildbank?
Tredjeparts-
möjligheter
Källa: Redpine
Teknik- &
plattformsval
CMS eller
Ramverk?
Affärsnära?
Unikt?
Länk!Länk!
Länk!
Django
Django
CMS
Ramverk +
CMS-modul
Standardlösning
Behov av att få ut något
snabbt
Kort livslängd
Webbplats med fokus på
innehållshantering
Ska endast hanteras av
redaktörer
Unik användarupplevelse
Modulärt och hållbart över tid
Koppling till andra system
Krav på hög prestanda
Inloggade användare
Krav på specialbyggda
funktioner
Mobilt
2011 2012 2013 2014
DESKTOP
MOBILT
Vikten av fart
Bild: Luca Campioni, Unsplash
Länk!
Länk!
Accelerated
Mobile Pages
Källa: Smart Insight
Dagsvariation
Källa: Smart Insight
Olika MomentsBild: Ciao Ho, Flickr
I browsern!
Bild: Ciao Ho, Flickr
Länk!
Länk!
Länk!
Ökat affärsfokus & stringens
Beyond responsive
Tjänstefiering / Appifiering
Icke-linjär-navigation
Prestanda & flexibilitet
Tredjepartstjänster i molnet
Ekosystem av data (API:er)
Sammanfattningsvis
Tack!
Rådgivning inför ett
webbplatsprojekt?
Ta kontakt!

Mais conteúdo relacionado

Semelhante a Sajttrender 2017 - av digitalbyrån Fröjd

Banks lecture - (Banker forelasning in Swedish)
Banks lecture - (Banker forelasning in Swedish)Banks lecture - (Banker forelasning in Swedish)
Banks lecture - (Banker forelasning in Swedish)expandtalk
 
Logicadagen 9 nov 2011 Karlskrona
Logicadagen 9 nov 2011 KarlskronaLogicadagen 9 nov 2011 Karlskrona
Logicadagen 9 nov 2011 KarlskronaCGI Sverige
 
Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06Erik Ekholm
 
Webbstrategi Internetexpo 090217
Webbstrategi Internetexpo 090217Webbstrategi Internetexpo 090217
Webbstrategi Internetexpo 090217Bjorn Elmberg
 
IBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
IBM Lotus - Utnyttja kraften i Lotus samverkansportföljIBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
IBM Lotus - Utnyttja kraften i Lotus samverkansportföljIBM Sverige
 
Stegvis implementation av TM1 för budgetering och prognostisering i en Global...
Stegvis implementation av TM1 för budgetering och prognostisering i en Global...Stegvis implementation av TM1 för budgetering och prognostisering i en Global...
Stegvis implementation av TM1 för budgetering och prognostisering i en Global...IBM Sverige
 
Digitala agendan för Halland
Digitala agendan för HallandDigitala agendan för Halland
Digitala agendan för HallandJoel Sandén
 
Skapa för Företagarna Stenungsund & Tjörn 2013-11-29
Skapa för Företagarna Stenungsund & Tjörn 2013-11-29Skapa för Företagarna Stenungsund & Tjörn 2013-11-29
Skapa för Företagarna Stenungsund & Tjörn 2013-11-29Erik Ekholm
 
IBM Smarter Business 2012 - Använd Big Data som en möjliggörare för din kundf...
IBM Smarter Business 2012 - Använd Big Data som en möjliggörare för din kundf...IBM Smarter Business 2012 - Använd Big Data som en möjliggörare för din kundf...
IBM Smarter Business 2012 - Använd Big Data som en möjliggörare för din kundf...IBM Sverige
 
Smarter commerce day 2015 - Fiwes presentation
Smarter commerce day 2015 - Fiwes presentationSmarter commerce day 2015 - Fiwes presentation
Smarter commerce day 2015 - Fiwes presentationFiweSystems
 
CliqTags - Säljpresentation
CliqTags - SäljpresentationCliqTags - Säljpresentation
CliqTags - SäljpresentationCliqTags
 
Ny teknik på webben
Ny teknik på webbenNy teknik på webben
Ny teknik på webbenPer Axbom
 
Easits användarkonferens 171004 ext v2
Easits användarkonferens 171004 ext v2Easits användarkonferens 171004 ext v2
Easits användarkonferens 171004 ext v2Joakim Jansson
 
Digital mogenhet - nödvändigt för alla företag
Digital mogenhet - nödvändigt för alla företagDigital mogenhet - nödvändigt för alla företag
Digital mogenhet - nödvändigt för alla företagStig-Arne Kristoffersen
 
2011 09-26 - digitala sociala medier
2011 09-26 - digitala sociala medier2011 09-26 - digitala sociala medier
2011 09-26 - digitala sociala medierThomas Larsson
 
SKL LEDA no 1 DigJourney 160926
SKL LEDA no 1 DigJourney 160926SKL LEDA no 1 DigJourney 160926
SKL LEDA no 1 DigJourney 160926Joakim Jansson
 
Mobila affärer - Fluga eller nya spelregler?
Mobila affärer - Fluga eller nya spelregler?Mobila affärer - Fluga eller nya spelregler?
Mobila affärer - Fluga eller nya spelregler?R2M
 
Microsoft Teams 20181017
Microsoft Teams 20181017Microsoft Teams 20181017
Microsoft Teams 20181017Jonas Jaani
 

Semelhante a Sajttrender 2017 - av digitalbyrån Fröjd (20)

Banks lecture - (Banker forelasning in Swedish)
Banks lecture - (Banker forelasning in Swedish)Banks lecture - (Banker forelasning in Swedish)
Banks lecture - (Banker forelasning in Swedish)
 
Logicadagen 9 nov 2011 Karlskrona
Logicadagen 9 nov 2011 KarlskronaLogicadagen 9 nov 2011 Karlskrona
Logicadagen 9 nov 2011 Karlskrona
 
Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06Skapa & Friends Mobil Marknadsföring 2014-03-06
Skapa & Friends Mobil Marknadsföring 2014-03-06
 
Webbstrategi Internetexpo 090217
Webbstrategi Internetexpo 090217Webbstrategi Internetexpo 090217
Webbstrategi Internetexpo 090217
 
IBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
IBM Lotus - Utnyttja kraften i Lotus samverkansportföljIBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
IBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
 
Stegvis implementation av TM1 för budgetering och prognostisering i en Global...
Stegvis implementation av TM1 för budgetering och prognostisering i en Global...Stegvis implementation av TM1 för budgetering och prognostisering i en Global...
Stegvis implementation av TM1 för budgetering och prognostisering i en Global...
 
E-handel 101027
E-handel 101027E-handel 101027
E-handel 101027
 
Digitala agendan för Halland
Digitala agendan för HallandDigitala agendan för Halland
Digitala agendan för Halland
 
Dagens mobila samhälle
Dagens mobila samhälleDagens mobila samhälle
Dagens mobila samhälle
 
Skapa för Företagarna Stenungsund & Tjörn 2013-11-29
Skapa för Företagarna Stenungsund & Tjörn 2013-11-29Skapa för Företagarna Stenungsund & Tjörn 2013-11-29
Skapa för Företagarna Stenungsund & Tjörn 2013-11-29
 
IBM Smarter Business 2012 - Använd Big Data som en möjliggörare för din kundf...
IBM Smarter Business 2012 - Använd Big Data som en möjliggörare för din kundf...IBM Smarter Business 2012 - Använd Big Data som en möjliggörare för din kundf...
IBM Smarter Business 2012 - Använd Big Data som en möjliggörare för din kundf...
 
Smarter commerce day 2015 - Fiwes presentation
Smarter commerce day 2015 - Fiwes presentationSmarter commerce day 2015 - Fiwes presentation
Smarter commerce day 2015 - Fiwes presentation
 
CliqTags - Säljpresentation
CliqTags - SäljpresentationCliqTags - Säljpresentation
CliqTags - Säljpresentation
 
Ny teknik på webben
Ny teknik på webbenNy teknik på webben
Ny teknik på webben
 
Easits användarkonferens 171004 ext v2
Easits användarkonferens 171004 ext v2Easits användarkonferens 171004 ext v2
Easits användarkonferens 171004 ext v2
 
Digital mogenhet - nödvändigt för alla företag
Digital mogenhet - nödvändigt för alla företagDigital mogenhet - nödvändigt för alla företag
Digital mogenhet - nödvändigt för alla företag
 
2011 09-26 - digitala sociala medier
2011 09-26 - digitala sociala medier2011 09-26 - digitala sociala medier
2011 09-26 - digitala sociala medier
 
SKL LEDA no 1 DigJourney 160926
SKL LEDA no 1 DigJourney 160926SKL LEDA no 1 DigJourney 160926
SKL LEDA no 1 DigJourney 160926
 
Mobila affärer - Fluga eller nya spelregler?
Mobila affärer - Fluga eller nya spelregler?Mobila affärer - Fluga eller nya spelregler?
Mobila affärer - Fluga eller nya spelregler?
 
Microsoft Teams 20181017
Microsoft Teams 20181017Microsoft Teams 20181017
Microsoft Teams 20181017
 

Mais de Fröjd Interactive

Integrating react in django while staying sane and happy
Integrating react in django while staying sane and happyIntegrating react in django while staying sane and happy
Integrating react in django while staying sane and happyFröjd Interactive
 
17 digital trends for 2017 by @FrojdAgency
17 digital trends for 2017 by @FrojdAgency17 digital trends for 2017 by @FrojdAgency
17 digital trends for 2017 by @FrojdAgencyFröjd Interactive
 
Sweden.se case presentation from Wordcamp in Krakow
Sweden.se case presentation from Wordcamp in KrakowSweden.se case presentation from Wordcamp in Krakow
Sweden.se case presentation from Wordcamp in KrakowFröjd Interactive
 
Agile architecture - for Sveriges Arkitekter #arkfrukost
Agile architecture - for Sveriges Arkitekter #arkfrukostAgile architecture - for Sveriges Arkitekter #arkfrukost
Agile architecture - for Sveriges Arkitekter #arkfrukostFröjd Interactive
 
Wordpress - Mythbusters. Benefits & challenges with WP
Wordpress - Mythbusters. Benefits & challenges with WPWordpress - Mythbusters. Benefits & challenges with WP
Wordpress - Mythbusters. Benefits & challenges with WPFröjd Interactive
 
The Perfect Web Project - does it exist?
The Perfect Web Project - does it exist?The Perfect Web Project - does it exist?
The Perfect Web Project - does it exist?Fröjd Interactive
 
Workshop: How to make a risk analysis of a web project
Workshop: How to make a risk analysis of a web projectWorkshop: How to make a risk analysis of a web project
Workshop: How to make a risk analysis of a web projectFröjd Interactive
 
Exercise: My strength pitfall challenge & allergy
Exercise: My strength pitfall challenge & allergyExercise: My strength pitfall challenge & allergy
Exercise: My strength pitfall challenge & allergyFröjd Interactive
 

Mais de Fröjd Interactive (10)

Integrating react in django while staying sane and happy
Integrating react in django while staying sane and happyIntegrating react in django while staying sane and happy
Integrating react in django while staying sane and happy
 
17 digital trends for 2017 by @FrojdAgency
17 digital trends for 2017 by @FrojdAgency17 digital trends for 2017 by @FrojdAgency
17 digital trends for 2017 by @FrojdAgency
 
Sweden.se case presentation from Wordcamp in Krakow
Sweden.se case presentation from Wordcamp in KrakowSweden.se case presentation from Wordcamp in Krakow
Sweden.se case presentation from Wordcamp in Krakow
 
Agile architecture - for Sveriges Arkitekter #arkfrukost
Agile architecture - for Sveriges Arkitekter #arkfrukostAgile architecture - for Sveriges Arkitekter #arkfrukost
Agile architecture - for Sveriges Arkitekter #arkfrukost
 
Wordpress - Mythbusters. Benefits & challenges with WP
Wordpress - Mythbusters. Benefits & challenges with WPWordpress - Mythbusters. Benefits & challenges with WP
Wordpress - Mythbusters. Benefits & challenges with WP
 
The Perfect Web Project - does it exist?
The Perfect Web Project - does it exist?The Perfect Web Project - does it exist?
The Perfect Web Project - does it exist?
 
Workshop: How to make a risk analysis of a web project
Workshop: How to make a risk analysis of a web projectWorkshop: How to make a risk analysis of a web project
Workshop: How to make a risk analysis of a web project
 
Exercise: My strength pitfall challenge & allergy
Exercise: My strength pitfall challenge & allergyExercise: My strength pitfall challenge & allergy
Exercise: My strength pitfall challenge & allergy
 
14 Web tech trends 2014
14 Web tech trends 201414 Web tech trends 2014
14 Web tech trends 2014
 
Guide mobile project
Guide mobile projectGuide mobile project
Guide mobile project
 

Sajttrender 2017 - av digitalbyrån Fröjd