![Page 1: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/1.jpg)
© 2012 ANTROP
Trender inom gränssnittsdesign Frukostseminarium
2012-12-06 Daniel Anundi & Cecilia Mella
#antropsem
![Page 2: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/2.jpg)
© 2012 ANTROP
oss på Antrop Lite kort om
![Page 4: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/4.jpg)
© 2012 ANTROP
Agenda • Inledning
• Statistik
• Ekosystemen
• Enhetssoppa & innehåll
• Tekniken
• Designtrender
• Frågor på det?
![Page 5: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/5.jpg)
© 2012 ANTROP
Gränssnitt?
Bild: Flickr/...-‐Wink-‐…
![Page 6: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/6.jpg)
© 2012 ANTROP
Tillbakablick
![Page 7: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/7.jpg)
© 2012 ANTROP
Vad sa vi 2009?
Statistik för Sverige
![Page 8: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/8.jpg)
© 2012 ANTROP
Hur är det idag? Statistik
![Page 9: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/9.jpg)
© 2012 ANTROP
mobilt internet idag? Hur många använder
![Page 10: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/10.jpg)
© 2012 ANTROP
använder en smart telefon Andel barn och unga som
![Page 11: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/11.jpg)
© 2012 ANTROP
globalt Mobilsurf vs desktopsurf
Mobile vs desktop Asia Pacific
h.p://generatedcontent.org/post/35546774583/mobileprogress
![Page 12: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/12.jpg)
© 2012 ANTROP
förbi datorerna Mobilerna går
1 miljard smartphones
1 miljard PCs
Källa: Microsoft, The Telegraph
![Page 13: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/13.jpg)
© 2012 ANTROP
Nyfödda Smartphones och
![Page 14: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/14.jpg)
© 2012 ANTROP
Nyfödda Smartphones och
![Page 15: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/15.jpg)
© 2012 ANTROP
Nyfödda Smartphones och
![Page 16: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/16.jpg)
© 2012 ANTROP
Nyfödda Smartphones och
![Page 17: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/17.jpg)
© 2012 ANTROP
en miljon användare Tid för olika tjänster att nå
0 10000 20000 30000 40000 50000 60000 70000 80000 90000
AOL
Draw Something
9 år
9 månader
9 dagar
12 timmar
![Page 18: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/18.jpg)
© 2012 ANTROP
En lärdom som vi gärna delar med oss til alla
Morgondagens stjärrnor är inte planeter utan
antroper som snurrar runt, runt i oändliga
circklar
Bara så ni vet…
Statistiken Vad sa vi nyss?
Den mobila webben är här på riktigt!
Allt går så jävla snabbt!
![Page 19: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/19.jpg)
© 2012 ANTROP
trendsättare Ekosystemen som
Bild: Flickr/Lee Coursey
![Page 20: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/20.jpg)
© 2012 ANTROP
ekosystemen De största
![Page 21: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/21.jpg)
© 2012 ANTROP
![Page 22: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/22.jpg)
© 2012 ANTROP
SKEUMORFISM [ˈskjuːəmɔrfism]
![Page 23: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/23.jpg)
© 2012 ANTROP
![Page 24: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/24.jpg)
© 2012 ANTROP
![Page 25: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/25.jpg)
© 2012 ANTROP
![Page 26: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/26.jpg)
© 2012 ANTROP
![Page 27: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/27.jpg)
© 2012 ANTROP
![Page 28: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/28.jpg)
© 2012 ANTROP
![Page 29: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/29.jpg)
© 2012 ANTROP
![Page 30: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/30.jpg)
© 2012 ANTROP
![Page 31: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/31.jpg)
© 2012 ANTROP
![Page 32: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/32.jpg)
© 2012 ANTROP
![Page 33: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/33.jpg)
© 2012 ANTROP
![Page 34: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/34.jpg)
© 2012 ANTROP
![Page 35: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/35.jpg)
© 2012 ANTROP
![Page 36: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/36.jpg)
© 2012 ANTROP
![Page 37: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/37.jpg)
© 2012 ANTROP
En lärdom som vi gärna delar med oss til alla
Morgondagens stjärrnor är inte planeter utan
antroper som snurrar runt, runt i oändliga
circklar
Bara så ni vet…
Ekosystemen Vad sa vi nyss?
Skeumorfismen är död? Eller?
Dagens unga är digital natives
![Page 38: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/38.jpg)
© 2012 ANTROP
innehållet äger Enhetssoppa och
![Page 39: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/39.jpg)
© 2012 ANTROP
Förr i tiden…
![Page 40: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/40.jpg)
© 2012 ANTROP
För ett tag sen
![Page 41: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/41.jpg)
© 2012 ANTROP
Ganska nyligen
![Page 42: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/42.jpg)
© 2012 ANTROP
Idag
![Page 43: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/43.jpg)
© 2012 ANTROP http://www.lukew.com/
de senaste två månaderna Skärmstorlekar som kommit ut
![Page 44: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/44.jpg)
© 2012 ANTROP
interaktionen Olika enheter påverkar också
![Page 45: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/45.jpg)
© 2012 ANTROP
mellan kanalerna Vi rör oss fritt
”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
![Page 46: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/46.jpg)
© 2012 ANTROP
mellan kanalerna Vi rör oss fritt
![Page 47: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/47.jpg)
© 2012 ANTROP
angreppssätt Val av olika tekniska
![Page 48: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/48.jpg)
© 2012 ANTROP
designprocessen Påverkar hela
![Page 49: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/49.jpg)
© 2012 ANTROP
Content is king - äntligen
![Page 50: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/50.jpg)
© 2012 ANTROP
En lärdom som vi gärna delar med oss til alla
Morgondagens stjärrnor är inte planeter utan
antroper som snurrar runt, runt i oändliga
circklar
Bara så ni vet…
Enhetssoppa Vad sa vi nyss?
Vi kan inte längre designa för ett fåtal upplösningar eller bestämda ställen
Innehållet äger!
Sättet vi designar på håller på att förändras (som vanligt)
![Page 51: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/51.jpg)
© 2012 ANTROP
designen Ny teknik lyfter
Bild: Flickr/Steve A Johnson
![Page 52: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/52.jpg)
© 2012 ANTROP
![Page 53: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/53.jpg)
© 2012 ANTROP
nya möjligheter Ny teknik ger
![Page 54: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/54.jpg)
© 2012 ANTROP
blir webbapplikation Desktopapplikation
![Page 55: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/55.jpg)
© 2012 ANTROP
En lärdom som vi gärna delar med oss til alla
Morgondagens stjärrnor är inte planeter utan
antroper som snurrar runt, runt i oändliga
circklar
Bara så ni vet…
Ny teknik Vad sa vi nyss?
Nu går det att göra ännu mer svincoola grejer på nätet
![Page 56: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/56.jpg)
© 2012 ANTROP
Tillbakablick
![Page 57: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/57.jpg)
© 2012 ANTROP
Vad sa vi 2009?
Designtrender
![Page 58: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/58.jpg)
© 2012 ANTROP
Pågående Designtrender:
Bild: Flickr/henryjose
![Page 59: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/59.jpg)
© 2012 ANTROP
Bortom Arial & Verdana Typografi
![Page 60: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/60.jpg)
© 2012 ANTROP
Plattor och boxar Det nya svarta är
![Page 61: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/61.jpg)
© 2012 ANTROP
Stort och grafiskt Fortfarande
![Page 62: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/62.jpg)
© 2012 ANTROP
Utanför lådan Innehållet ramlar
![Page 63: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/63.jpg)
© 2012 ANTROP
På en sida Allt hamnar
![Page 64: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/64.jpg)
© 2012 ANTROP
Sitter fast Menyerna
![Page 65: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/65.jpg)
© 2012 ANTROP
Parallax Intryck av djup med
![Page 66: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/66.jpg)
© 2012 ANTROP
Animation Funktionell & integrerad
![Page 67: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/67.jpg)
© 2012 ANTROP
Exempel Fler trendiga
![Page 68: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/68.jpg)
© 2012 ANTROP
På väg ut… Designtrender:
![Page 69: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/69.jpg)
© 2012 ANTROP
Web 2.0 Redan ute
![Page 70: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/70.jpg)
© 2012 ANTROP
Karuseller Mindre vanligt
![Page 71: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/71.jpg)
© 2012 ANTROP
Vänsternavigering Mindre vanligt
![Page 72: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/72.jpg)
© 2012 ANTROP
Sammanfattning Designtrender:
![Page 73: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/73.jpg)
© 2012 ANTROP
En lärdom som vi gärna delar med oss til alla
Morgondagens stjärrnor är inte planeter utan
antroper som snurrar runt, runt i oändliga
circklar
Bara så ni vet…
Vad sa vi egentligen?
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!
Don´t be a stranger
![Page 74: Gränssnittsdesign, en trendspaning - Antrop frukostseminarie 121206](https://reader034.vdocuments.pub/reader034/viewer/2022051816/5477f067b4af9f915d8b4aa5/html5/thumbnails/74.jpg)
© 2012 ANTROP
frågor? Har ni några
http://www.flickr.com/photos/striatic/