SlideShare une entreprise Scribd logo
1  sur  75
Télécharger pour lire hors ligne
Frukostseminarium
                Trender inom gränssnittsdesign
                2012-12-06 Daniel Anundi & Cecilia Mella

                #antropsem




© 2012 ANTROP
Lite kort om
                oss på Antrop


© 2012 ANTROP
Daniel Anundi             Cecilia Mella
   daniel.anundi@antrop.se   cecilia.mella@antrop.se
                             @godcilla


© 2012 ANTROP
Agenda
            •  Inledning

            •  Statistik

            •  Ekosystemen

            •  Enhetssoppa & innehåll

            •  Tekniken

            •  Designtrender
            •  Frågor på det?
© 2012 ANTROP
Gränssnitt?


© 2012 ANTROP
                              Bild: Flickr/...-­‐Wink-­‐…
Tillbakablick




© 2012 ANTROP
Statistik för Sverige
   Vad sa vi 2009?




© 2012 ANTROP
Statistik
                Hur är det idag?


© 2012 ANTROP
Hur många använder
   mobilt internet idag?




© 2012 ANTROP
Andel barn och unga som
   använder en smart telefon




© 2012 ANTROP
Mobilsurf vs desktopsurf
   globalt




 Mobile vs desktop Asia Pacific




© 2012 ANTROP
                                  h.p://generatedcontent.org/post/35546774583/mobileprogress	
  
Mobilerna går
   förbi datorerna




                1 miljard      1 miljard
                 smartphones      PCs




© 2012 ANTROP
                                        Källa: Microsoft, The Telegraph
Smartphones och
   Nyfödda




© 2012 ANTROP
Smartphones och
   Nyfödda




© 2012 ANTROP
Smartphones och
   Nyfödda




© 2012 ANTROP
Smartphones och
   Nyfödda




© 2012 ANTROP
Tid för olika tjänster att nå
   en miljon användare


          Instagram	
              12 timmar


  Draw	
  Something	
              9 dagar


          Facebook	
                   9 månader

                 AOL	
                                                                                                          9 år

                           0	
         10000	
     20000	
     30000	
     40000	
     50000	
     60000	
     70000	
     80000	
     90000	
  



© 2012 ANTROP
Den mobila webben är här på riktigt!

    Allt går så jävla snabbt!
                                       En lärdom som vi gärna
                                          delar med oss til alla

                                      Statistiken
                                           Morgondagens stjärrnor
                                              är inte planeter utan
                                      Vad sa vi nyss?
                                             antroper som snurrar
                                               runt, runt i oändliga
                                                             circklar

                                                    Bara så ni vet…




© 2012 ANTROP
Ekosystemen som
                trendsättare


© 2012 ANTROP
                           Bild: Flickr/Lee Coursey
De största
   ekosystemen




© 2012 ANTROP
© 2012 ANTROP
SKEUMORFISM
                [ˈskjuːəmɔrfism]




© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
© 2012 ANTROP
Skeumorfismen är död? Eller?

    Dagens unga är digital natives
                                        En lärdom som vi gärna
                                           delar med oss til alla

                                     Ekosystemen
                                         Morgondagens stjärrnor
                                            är inte planeter utan
                                     Vad sa vi nyss?
                                           antroper som snurrar
                                             runt, runt i oändliga
                                                           circklar

                                                  Bara så ni vet…




© 2012 ANTROP
Enhetssoppa och
                innehållet äger


© 2012 ANTROP
Förr i tiden…




© 2012 ANTROP
För ett tag sen




© 2012 ANTROP
Ganska nyligen




© 2012 ANTROP
Idag




© 2012 ANTROP
Skärmstorlekar som kommit ut
 de senaste två månaderna




© 2012 ANTROP                   http://www.lukew.com/
Olika enheter påverkar också
  interaktionen




© 2012 ANTROP
Vi rör oss fritt
   mellan kanalerna




                 ”It looks like you're on a train.
                Would you like me to show you the
                insultingly simplified mobile site?”
                Cennydd Bowles, http://bkaprt.com/csm/15

© 2012 ANTROP
Vi rör oss fritt
   mellan kanalerna




© 2012 ANTROP
Val av olika tekniska
   angreppssätt




© 2012 ANTROP
Påverkar hela
   designprocessen




© 2012 ANTROP
Content is king - äntligen




© 2012 ANTROP
Vi kan inte längre designa för ett fåtal
          upplösningar eller bestämda ställen


           Sättet vi designar på håller på
           att förändras (som vanligt)
                                                     En lärdom som vi gärna
                                                        delar med oss til alla

                                                 Enhetssoppa
                                                     Morgondagens stjärrnor
                                                        är inte planeter utan
                                                 Vad sa vi nyss?
                                                       antroper som snurrar
                Innehållet äger!                         runt, runt i oändliga
                                                                       circklar

                                                              Bara så ni vet…




© 2012 ANTROP
Ny teknik lyfter
                designen


© 2012 ANTROP
                              Bild: Flickr/Steve A Johnson
© 2012 ANTROP
Ny teknik ger
  nya möjligheter




© 2012 ANTROP
Desktopapplikation
   blir webbapplikation




© 2012 ANTROP
Nu går det att göra ännu mer
          svincoola grejer på nätet

                                            En lärdom som vi gärna
                                               delar med oss til alla

                                         Ny teknik
                                            Morgondagens stjärrnor
                                               är inte planeter utan
                                         Vad sa vi nyss?
                                              antroper som snurrar
                                                runt, runt i oändliga
                                                              circklar

                                                     Bara så ni vet…




© 2012 ANTROP
Tillbakablick




© 2012 ANTROP
Designtrender
   Vad sa vi 2009?




© 2012 ANTROP
Designtrender:
                Pågående


© 2012 ANTROP
                             Bild: Flickr/henryjose
Typografi
   Bortom Arial & Verdana




© 2012 ANTROP
Det nya svarta är
   Plattor och boxar




© 2012 ANTROP
Fortfarande
   Stort och grafiskt




© 2012 ANTROP
Innehållet ramlar
   Utanför lådan




© 2012 ANTROP
Allt hamnar
   På en sida




© 2012 ANTROP
Menyerna
   Sitter fast




© 2012 ANTROP
Intryck av djup med
   Parallax




© 2012 ANTROP
Funktionell & integrerad
   Animation




© 2012 ANTROP
Fler trendiga
   Exempel




© 2012 ANTROP
Designtrender:
                På väg ut…


© 2012 ANTROP
Redan ute
  Web 2.0




© 2012 ANTROP
Mindre vanligt
   Karuseller




© 2012 ANTROP
Mindre vanligt
   Vänsternavigering




© 2012 ANTROP
Designtrender:
                Sammanfattning


© 2012 ANTROP
Trender kommer och går, vissa trender består

         Gärna hipp & trendig men glöm inte nytta & funktion…




                Era mål, era användare
                och ert innehåll regerar!
                                                   En lärdom som vi gärna
                                                      delar med oss til alla

                                                 Vad sa vi
                                                   Morgondagens stjärrnor

                                                 egentligen?
                                                      är inte planeter utan
                                                     antroper som snurrar
                                                       runt, runt i oändliga
                                                                     circklar

                                                            Bara så ni vet…
            Don´t be a stranger
© 2012 ANTROP
Har ni några
                frågor?


© 2012 ANTROP
                       http://www.flickr.com/photos/striatic/
Tack för idag
                och för att ni lyssnade
                info@antrop.se
                antrop.se




© 2012 ANTROP

Contenu connexe

Plus de Antrop

Kundens verklighet nyckeln till framgångsrik tjänstedesign
Kundens verklighet   nyckeln till framgångsrik tjänstedesignKundens verklighet   nyckeln till framgångsrik tjänstedesign
Kundens verklighet nyckeln till framgångsrik tjänstedesignAntrop
 
Innehållsstrategi - en förbisedd pusselbit
Innehållsstrategi - en förbisedd pusselbitInnehållsstrategi - en förbisedd pusselbit
Innehållsstrategi - en förbisedd pusselbitAntrop
 
Framtidens ux research - erik markensten wud 2011
Framtidens ux research - erik markensten wud 2011Framtidens ux research - erik markensten wud 2011
Framtidens ux research - erik markensten wud 2011Antrop
 
Mobilen - En viktig kompis bland kanalerna
Mobilen - En viktig kompis bland kanalernaMobilen - En viktig kompis bland kanalerna
Mobilen - En viktig kompis bland kanalernaAntrop
 
Design för mobil användarupplevelse
Design för mobil användarupplevelseDesign för mobil användarupplevelse
Design för mobil användarupplevelseAntrop
 
Du fulländar mig 1.0
Du fulländar mig 1.0Du fulländar mig 1.0
Du fulländar mig 1.0Antrop
 
Användarupplevelse, Enkelt för alla
Användarupplevelse, Enkelt för allaAnvändarupplevelse, Enkelt för alla
Användarupplevelse, Enkelt för allaAntrop
 
Frukostseminare - Beyond Google, söktjänster för webbplatser och intranät
Frukostseminare - Beyond Google, söktjänster för webbplatser och intranätFrukostseminare - Beyond Google, söktjänster för webbplatser och intranät
Frukostseminare - Beyond Google, söktjänster för webbplatser och intranätAntrop
 
Webbtrender frukostsem 2010-10-07
Webbtrender frukostsem 2010-10-07Webbtrender frukostsem 2010-10-07
Webbtrender frukostsem 2010-10-07Antrop
 
Berghs content management 20100914
Berghs content management 20100914Berghs content management 20100914
Berghs content management 20100914Antrop
 
Effektmål - så funkar det, av Jeanin Day, Antrop
Effektmål - så funkar det, av Jeanin Day, AntropEffektmål - så funkar det, av Jeanin Day, Antrop
Effektmål - så funkar det, av Jeanin Day, AntropAntrop
 
Frukostseminarium i Linköping, 12 nov & Stockholm 26 nov: Webbtrender av Anna...
Frukostseminarium i Linköping, 12 nov & Stockholm 26 nov: Webbtrender av Anna...Frukostseminarium i Linköping, 12 nov & Stockholm 26 nov: Webbtrender av Anna...
Frukostseminarium i Linköping, 12 nov & Stockholm 26 nov: Webbtrender av Anna...Antrop
 
SL - Frukostseminarie SL:s Reseplanerare Nov 2009 av Elias Arnestrand
SL - Frukostseminarie SL:s Reseplanerare Nov 2009 av Elias ArnestrandSL - Frukostseminarie SL:s Reseplanerare Nov 2009 av Elias Arnestrand
SL - Frukostseminarie SL:s Reseplanerare Nov 2009 av Elias ArnestrandAntrop
 
Antrop - Frukostseminarie SL:s Reseplanerare Nov 2009 av Mattias Mårtensson
Antrop - Frukostseminarie SL:s Reseplanerare Nov 2009 av Mattias MårtenssonAntrop - Frukostseminarie SL:s Reseplanerare Nov 2009 av Mattias Mårtensson
Antrop - Frukostseminarie SL:s Reseplanerare Nov 2009 av Mattias MårtenssonAntrop
 
Upplevelsedesign för ökad lönsamhet, av Fredrik Ampler
Upplevelsedesign för ökad lönsamhet, av Fredrik AmplerUpplevelsedesign för ökad lönsamhet, av Fredrik Ampler
Upplevelsedesign för ökad lönsamhet, av Fredrik AmplerAntrop
 
Martin Gustavsson, Antrop, 8 oktober 2009: Framgång på webben genom fokus på ...
Martin Gustavsson, Antrop, 8 oktober 2009: Framgång på webben genom fokus på ...Martin Gustavsson, Antrop, 8 oktober 2009: Framgång på webben genom fokus på ...
Martin Gustavsson, Antrop, 8 oktober 2009: Framgång på webben genom fokus på ...Antrop
 

Plus de Antrop (16)

Kundens verklighet nyckeln till framgångsrik tjänstedesign
Kundens verklighet   nyckeln till framgångsrik tjänstedesignKundens verklighet   nyckeln till framgångsrik tjänstedesign
Kundens verklighet nyckeln till framgångsrik tjänstedesign
 
Innehållsstrategi - en förbisedd pusselbit
Innehållsstrategi - en förbisedd pusselbitInnehållsstrategi - en förbisedd pusselbit
Innehållsstrategi - en förbisedd pusselbit
 
Framtidens ux research - erik markensten wud 2011
Framtidens ux research - erik markensten wud 2011Framtidens ux research - erik markensten wud 2011
Framtidens ux research - erik markensten wud 2011
 
Mobilen - En viktig kompis bland kanalerna
Mobilen - En viktig kompis bland kanalernaMobilen - En viktig kompis bland kanalerna
Mobilen - En viktig kompis bland kanalerna
 
Design för mobil användarupplevelse
Design för mobil användarupplevelseDesign för mobil användarupplevelse
Design för mobil användarupplevelse
 
Du fulländar mig 1.0
Du fulländar mig 1.0Du fulländar mig 1.0
Du fulländar mig 1.0
 
Användarupplevelse, Enkelt för alla
Användarupplevelse, Enkelt för allaAnvändarupplevelse, Enkelt för alla
Användarupplevelse, Enkelt för alla
 
Frukostseminare - Beyond Google, söktjänster för webbplatser och intranät
Frukostseminare - Beyond Google, söktjänster för webbplatser och intranätFrukostseminare - Beyond Google, söktjänster för webbplatser och intranät
Frukostseminare - Beyond Google, söktjänster för webbplatser och intranät
 
Webbtrender frukostsem 2010-10-07
Webbtrender frukostsem 2010-10-07Webbtrender frukostsem 2010-10-07
Webbtrender frukostsem 2010-10-07
 
Berghs content management 20100914
Berghs content management 20100914Berghs content management 20100914
Berghs content management 20100914
 
Effektmål - så funkar det, av Jeanin Day, Antrop
Effektmål - så funkar det, av Jeanin Day, AntropEffektmål - så funkar det, av Jeanin Day, Antrop
Effektmål - så funkar det, av Jeanin Day, Antrop
 
Frukostseminarium i Linköping, 12 nov & Stockholm 26 nov: Webbtrender av Anna...
Frukostseminarium i Linköping, 12 nov & Stockholm 26 nov: Webbtrender av Anna...Frukostseminarium i Linköping, 12 nov & Stockholm 26 nov: Webbtrender av Anna...
Frukostseminarium i Linköping, 12 nov & Stockholm 26 nov: Webbtrender av Anna...
 
SL - Frukostseminarie SL:s Reseplanerare Nov 2009 av Elias Arnestrand
SL - Frukostseminarie SL:s Reseplanerare Nov 2009 av Elias ArnestrandSL - Frukostseminarie SL:s Reseplanerare Nov 2009 av Elias Arnestrand
SL - Frukostseminarie SL:s Reseplanerare Nov 2009 av Elias Arnestrand
 
Antrop - Frukostseminarie SL:s Reseplanerare Nov 2009 av Mattias Mårtensson
Antrop - Frukostseminarie SL:s Reseplanerare Nov 2009 av Mattias MårtenssonAntrop - Frukostseminarie SL:s Reseplanerare Nov 2009 av Mattias Mårtensson
Antrop - Frukostseminarie SL:s Reseplanerare Nov 2009 av Mattias Mårtensson
 
Upplevelsedesign för ökad lönsamhet, av Fredrik Ampler
Upplevelsedesign för ökad lönsamhet, av Fredrik AmplerUpplevelsedesign för ökad lönsamhet, av Fredrik Ampler
Upplevelsedesign för ökad lönsamhet, av Fredrik Ampler
 
Martin Gustavsson, Antrop, 8 oktober 2009: Framgång på webben genom fokus på ...
Martin Gustavsson, Antrop, 8 oktober 2009: Framgång på webben genom fokus på ...Martin Gustavsson, Antrop, 8 oktober 2009: Framgång på webben genom fokus på ...
Martin Gustavsson, Antrop, 8 oktober 2009: Framgång på webben genom fokus på ...
 

Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206