Rapport från Internetdagarna 2015

Screen shot 2015-12-09 at 5.07.06 PMÅrets Internetdagar (eller #ind15 som det kallades i sociala medier) är en konferens som organiseras av IIS (Internetstiftelsen i Sverige) där själva internet spelar huvudrollen och är i fokus för konferensen. Evenemanget, som ägde rum två veckor sedan, riktar sig till alla som jobbar med att forma och utveckla internet så som det ser ut idag och spekulerar hur det kommer kan komma att se ut i framtiden. Målet enligt IIS är att ”inspireras, lära och nätverka”. Konferensen innehöll i år ett antal olika temaspår som gick parallellt samt ett ramprogram av inspirationsföreläsningar, mingel och andra aktiviteter. Temat för internetdagarna i år var inspirerat av tv-spelklassikern pacman, samt andra retrospel vilket speglades i många detaljer och inte minst genom den visuella utformningen för konferensen överlag.

Två medarbetare från medieteknikkollegiet var på plats under årets internetdagar och har tog del av de olika spåren som erbjöds: Sophie, doktorand i medieteknik deltog i “IoT crafting” och Nico, som är adjunkt i medieteknik, deltog i två olika spår kring dels den ”Den digitala människan”, dels ”Wordpress means bizness”. Några av våra studenter från utbildningsprogrammet IT, medier och design (IMD13) var också på plats: Hampus och Adam deltog i ett spår om “Web-performance” under den första dagen och under den andra dagen besökte Adam “Sökmotorsoptimering idag: tankesätt, praktik och utveckling” och “Internet Discovery Day” där många startups presenterades och tävlade mot varandra. Men vad tyckte alla om sina spår? Vad är de viktigaste lärdomarna som går att dra utifrån deltagandet?

Vad gjorde ni under internetdagarna detta år? Vad inspirerade, vad lärde ni er och hann ni nätverka?

sophie_passbildSVSophie: Jag var del av ett hackathon om IoT crafting som anordnades av Swedish ICT där det fanns åtta olika teman att fördjupa sig inom under de två dagarna. IoT står för Internet of Things eller sakernas internet och det som stod i fokus för temat var olika kopplingar med andra ämnen så som IoT och sport, automatik eller hemmet. Under måndagen blev vi indelade från ledningsgruppen och jag ingick i ett av lagen som pratade om ”IoT och utbildning”. Vi diskuterade många olika idéer som gick från ett utbildningsschema med IoT fokus, över funderingar kring värdet av utbildning, men vi slutade med ett koncept kring att få studenter och industrin att hitta varandra lättare med hjälp av en digital tag-styrd databas som kopplas till studentlegitimationen. Under den andra dagen valde jag att ingår i en grupp som höll på med energikonsumtion. Först fick vi ta del av en introduktion till en toolkit op-en.se som underlättar att prototyper idéer inom IoT-sektorn, där man frå använda sig av en mängd riktig data som samlas in på olika platser i Sverige. Sedan byggde vi ett system som mätte elkonsumtionen i realtid på konferensen och visualiserade den med hjälp av en fysisk prototyp.

Den andra dagen var väldigt lärorik där de olika verktyg redan befann sig på en hög nivå och där gruppen lyckades bygga och kontextualisera fysiskt. Hela konferensen var i mina ögon välplanerad och erbjöd lekfulla interaktioner och möjligheter att umgås och nätverka. Jag gillade de keynotes som erbjöds, även om de inte alltid var självklart varför just de valdes att representera det ”nutida internet”. Jag gillade dock det mera kritiska inslaget som en del talare fokuserade på.

nico_square-1Nico: Under den första dagen var jag  med på ”Wordpress means bizness”-spåren som fokuserade på olika aspekter av wordpress-världen. Sammanfattande får man säga att WordPress fortfarande är ett av dem ”hetaste” Content Management System (CMS) som insätts i otrolig varierande typer av system i marknadens spektrum. Vissa saker som diskuterades inom det här spåret kändes väldig välkänt, t.ex. att folk kan starta upp, anpassa och driver en egen blogg väldig enkelt och hur detta används i olika former av business (t.ex. moderskeppet, metro mode). Andra talare belyste mer allmänna faktorer om business processer, e-commerce, project management, accessibility eller UX som inte var helt nytt för mig. Intressant var att se hur ett projekt liksom KIT.se integrerar WordPress genom deras framsteg från enkelt till utvecklat stadium, och att WordPress har en viss rättighet att vara även med i komplexa och dynamiska startup projekt.

Andra dagen handlade om frågorna kring det digitala och människan och vad händer om individer möter det digitala. Hur ser framtiden ut med de nya tekniska möjligheter som kommer dyka upp? Vad betyder det åt mänskligheten att ha nya verktyg eller snarare ”extensions” av var kropp? Hur påverkar detta samhället? Talarna tog upp väldigt intressanta (till och med filosofiska) frågeställningar som komplimenterades av demonstrationer av ”state of the art” technologi. Spåret ”Den digitala människan” är tredje delen i serien ”digitala vardagen” och spelades in fullständigt.

Adam_PotrattAdam: Jag tror att jag kanske hade lite felaktiga förväntningar på vad jag skulle få ut av Internetdagarna. Jag förväntade mig mycket mer hands-on, konkreta tips och tricks, lite mer som föreläsningar. Istället var det mycket mer marknadsföring av sig själv som person, av sin eventuella bok eller det företag man grundat. Men också en hel del reflektioner kring hur internet ser ut idag, hur det har sett ut och hur det kommer se ut i framtiden.

Trots detta fokus plocka jag med mig ett väldigt konkret tips från Tobias Baldauf från Akamai; använd inte photoshops ”save for web” när du ska spara ut jpg:s för webben. Eftersom ungefär hälften av all data som laddas från en webbsida ofta är bilder. Detta enkla tips ger en betydande skillnad för laddtider och användarupplevelse, speciellt när så mycket av webben upplevs genom mobila uppkopplingar.

HampusHampus: Jag var bara där första dagen och vi körde web performance. Det blandade och gavs av olika typer av framträdanden genom olika angreppssätt för hur utvecklare (och designern) kan arbeta mot bättre web-prestanda. Tobias Balduf tacklade bildkomprimering för .jpeg och klargjorde att det går att komprimera väldigt effektivt utan att förlora upplevd bildkvalitet. En förhållandevis praktisk genomgång där han gick igenom steg för steg jämförelse av olika format och processer. Barbara Bermes gick igenom sin bok ”lean websites” om att tänka holistiskt när det gäller prestanda, många bäckar små bidrar till en bättre slutupplevelse. Hon tog också upp hur man kan skapa wireframes för i vilken ordning en sida kan laddas och vilken tyngd alla elementen bör ha. Andy Davis arbetar med att ta fram Http2 som nytt protokol för internettrafik. Intressant vid första halvan, men sedan zoomade jag ut när det blev för tekniskt, om man är insatt i tematiken kan jag tänka mig att det är lärorikt. Tobias Järlunds framträdande handlade om hur han på Aftonbladet.se arbetar för att optimera prestanda.

Sist ut var Meri Williams, helt klart en personlighet och ett framträdande som fångade mig. Hon gjorde det enkelt och konceptuellt med en stor portion humor. Hon poängterade vikten av att inte fixa till prestandan i slutet av ett projekt utan vara aktiv med den under hela projektets gång. Tanken om att fördelar och problem kan snöbolla under en process och hur viktigt det är att det inte växer som problem utan som tillgång. Överlag upplever jag att Meri Williams hade kunnat få mer tid och alla andra mindre. Man kunde komprimerat deras framträdanden till hälften och ge den tiden till Meri. I alla fall för någon som mig som inte är helt insnöad i området. I efterhand hade jag nog hellre velat gå på WordPress.

Några länkar och tipps som vi tog med oss från Internetdagarna:

Design, Innovation och Kreativitet – Hösten 2015

Screen shot 2015-09-22 at 10.09.33 AMImorgon börjar delkursen Design, Innovation och Kreativitet för IT, Medier och design-programmet på Södertörns högskola. Kursen kommer i hlst att ges för våra programstudenter som började läsa på programmet för ett år sedan och nu går på sin tredje termin. Förra terminen gick kursen för första gången i en omarbetad form och även den här gången har jag äran att få stå vid rodret på denna enormt inspirerande kurs. Kursen är uppbyggd kring tematiken design, innovation och kreativitet, både som en helhet och som tre separata teman för kursen. Studenterna kommer att få arbeta workshopsorienterat, utmaningsdrivet och med designtänkande och görande som grund genom hela kursen. Detta kommer att ske både självständigt och kollaborativt. Nytt för den här terminen är att studenterna kommer att arbeta med ett utmaningsdrivet projekt som bygger på ett samverkansprojekt med Huddinge kommun som en del i kursen. Studenterna kommer att arbeta med breda samhällsutmaningar som kommunen står inför och arbeta fram olika designlösningar och koncept för att möta dessa utmaningar.

Under vårterminen när kursen gick sist försökte vi att hålla er uppdaterade på vad som händer på kursen här på Medieteknikens blogg och i medieteknikens sociala medier (några exempel på detta kan ni se nedan och under hashtaggen #DIKVT15). Detta kommer vi att fortsätta med även under denna termin och vi kommer att göra allt vi kan för att synliggöra vad vi arbetar med under kursens gång. Hashtaggen för den här terminenskurs är #DIKHT15.

Nu hoppas jag att allt klaffar och att vi som kommer att arbeta på kursen får fem fantastiska veckor framöver tillsammans med studenterna från IMD14!

Film från projektkursen på Medieteknik B våren 2015

Under vårens avslutande projektkurs (Projektarbete) på Medieteknik B producerades en film som visar  de projekt som studenterna producerat inom ramen för kursen. Klippet nedan visar några utsnitt från den längre filmen som presenterar samtliga 11 projekt som kursen resulterade i.

Uppsatser i fokus: Responsiv design

rask_carlstedtResponsiv design

Medieteknikuppsatser spänner över en rad olika ämnen men gemensamt för dem är att de handlar om nya fenomen och praktiker inom medieteknikområdet. Södertörns högskolas bibliotek listar alla uppsatser i DiVA om responsiv design.

Responsiv design har blivit alltmer intressant att utforska då inträdet av smarta enheter såsom läsplattor och smarta telefoner. Skärmstorleken på dessa varierar medan webbläsare och bandbredd fortfarande är som på fast kopplade datorer. Detta innebär att presentationsformatet på skärmen kan anpassas genom att webbsidan detekterar storlek och presentationen anpassas via CSS och scripts.

Utvecklingen på området går fort framåt. I en uppsats från 2013 undersöker Fanny Carlstedt och Matilda Rask responsiv design med frågeställningen ”Är responsiv design framtiden?”. Genom att genomföra en designstudie utgående från responsivitet med hjälp av CSS-direktiv och funktionell och designmässig avskalning under devisen Mobile First har en responsiv sajt skapats. En designstudie är ett sätt att på ett gripbart och praktiskt sätt visa att något är genomförbart och därmed ett indirekt sätt att besvara frågan i studien. Svaret är antydningsvis ”ja, responsiv design är framtiden.”.

Även om design står i fokus för responsiv design är användbarhet fortfarande en central fråga, något som studerats i en uppsats av Sophie Rundgren. Genom att undersöka en prototyp till en webbsajt med heuristisk utvärdering fann hon att responsivitet kan leda till att riktlinjer inte kan följas, exempelvis synlighet och kontroll. Resultatet är dock inte entydigt då användarna trots den avskalade responsiva designen ändå inte rapporterade några särskilda användbarhet. Detta antyder att riktlinjerna för responsiv design kan ifrågasättas.

Designprocessen i allmänhet är något som studeras inom medieteknik. Viktor Andersson har undersökt framtagning och utveckling av en responsiv webbplats där utgångspunkten är en befintlig webbplats med fix design. En fix design innebär att webbsajten inte kan anpassa sig automatiskt efter skärmstorlek utan förutsätter en viss storlek. Det kan man ofta se spår av på äldre sajter där ett meddelande säger ”Den här sajten är utvecklad för en skärmstorlek på minst 1048 pixlar”. Sådana meddelanden framstår som arkaiska. Viktors studie bedrevs enligt iterativ utveckling där användarintervjuer och analyser av intressenter har lagt grund för utveckling av hifi-prototyper som testades och resulterade i en skarp responsiv webbsajt implementerad i CSS3.

Uppsatserna finns att läsa via DiVA:

  • Att utveckla en modern webbplats: Är responsiv design framtiden? av Fanny Carlstedt och Matilda Rask. URL:  http://urn.kb.se/resolve?urn=urn:nbn:se:sh:diva-19513
  • A usability study of a website prototype designed to be responsive to screen size av Sophie Rundgren http://urn.kb.se/resolve?urn=urn:nbn:se:sh:diva-24244
  • Från fixed till responsiv: Responsiv design av en statisk webbplats av Viktor Anderssson. URL:  http://urn.kb.se/resolve?urn=urn:nbn:se:sh:diva-27639

Terminstartsaktiviteter arrangerade av Medieteknikens studentförening – Södertörns Medietekniska Förening

Vi vill passa på att tipsa alla nya studenter som börjat våra utbildningar inom IT, medier och design-programmet, Fristående Medieteknik A, eller Spelprogrammet om att medieteknikens studentförening, Södertörns Medietekniska Förening, arrangerar terminstartsaktiviteter den här veckan för alla nya studenter.

Så här skriver studentföreningen om aktiviteterna:
“Södertörns Medietekniska Förening är den första och enda medietekniska föreningen på Södertörns Högskola, och vi vill anordna den bästa insparken vi möjligtvis kan! Vare sig du vill ha någon att sitta med på lunchen, vill bli bundis med en eller alla i klassen, kick ass på våra tävlingar och lekar, eller helt enkelt bara dricka öl med skolans skönaste folk så är det här en inspark för dig! Från och med måndag den 31a augusti anordnar vi olika aktiviteter, bland annat i samarbete med spelprogrammet, och avslutar veckan med kårens fantastiska terminstartsfest!”

Mer information om aktiviterna kan ni hitta här: https://www.facebook.com/events/1616544525254361/

Schemat för veckan ser ut såhär:

Måndag:
15:00 – Samling Torget MC424. Tipsrunda!
16:15 – Apberget. Lämna in svarspapper.
16:30 – Gräsmattan bakom biblioteket. Grillning samt spel och häng!
19:00 – Söders Pub. Stand up med bl.a. Magnus Betnér.

Tisdag:
15:00 – Samling Svarta Lådan. Prototypövningar.
17:30 (ca) – Söders Pub

Onsdag:
10:00 – Spelturnering i Söders Pub.
12:00 – Öppet spel för alla studenter på skolan.

Torsdag:
08:30 – SMF serverar gratis frukost tillsammans med Söders studentkår i Puben.
12:00 (och framåt) – Söders Pub

Fredag:
Kårens Terminstartsfest!

Södertörns Medietekniska Förening hälsar er alla hjärtligt välkomna!

Uppsatser i fokus: Interaktionsdesign

sörling_uppsatsInteraktionsdesign och användbarhet

Även om det förekommer en lång rad uppsatsämnen inom Medieteknik kan man se trender som grupperar sig kring olika aktuella teman. I det elektroniska biblioteket DiVA, tillgängligt från Södertörns högskolas bibliotek kan man exempelvis läsa uppsatser om Interaktionsdesign (IX) och upplevelsebaserad design (UX). Gemensamt för de tre uppsatserna är att författarna genom att utgå från användarna skapat skarpa förslag på produkter och tjänster som har potential att skapa mervärde för uppdragsgivare.

Anton Sörlin har skrivit om hur den kreativa designprocessen kring skapandet och utvecklingen av en tjänst för att söka praktikplatser.

På uppdrag av Spotify har Sarah Weman och Linus Klingzell utgått från kontextuella intervjuer och iterativa prototypning tillsammans med anställda på Spotify och på skivbolag för att skapa en interaktionsdesign för ett system för att överblicka vilka titlar och produkter som spotifyanvändare har tillgång till.

Oskar Zaar har i samarbete med SVT utvecklat ett pressinfosystem med hjälp av användarcentrerad utveckling där centrala aktiviteter var att identifiera målgrupper och funktioner som behövde stödas. Detta har lett fram till en best-practice för hur sådana system kan utvecklas på ett systematiskt sätt.

Uppsatserna kan läsas i DiVA:

Student från IMD-programmet vann Sveriges Radios lyssnares pris på Commutathon förra veckan!

Förra veckan, den 10-12 juni arrangerade Openlab  ett design thinking hackathon, Commutathon, i samarbete med Sveriges Radio, Trafik Stockholm, Stockholms stad, Trafikverket och Trafiklab. Syftet var att skapa en mobillösning med trafikinfo för att hjälpa den dagliga pendlaren (oavsett pendlingsmedel). Både studenter och yrkesverksamma samlades på Openlab  för att arbeta tillsammans med att få fram de bästa idéerna för hur en samlad information ska kunna nå ut.

Läs mer om eventet här:

http://sverigesradio.se/sida/artikel.aspx?programid=103&artikel=6187914

Och lyssna även på Sveriges Radios sändning från eventet:

http://sverigesradio.se/sida/artikel.aspx?programid=103&artikel=6187914&playaudio=5356594

Förslagen Kmutr och Trav-Alarm vann tävlingen som utlystes under arrangemanget.  Kmutr där lagnamnet var samma som förslaget och Trav-Alarm som är laget HappyQuarks idé. Kmutr är en väckarklocka som väcker dig när du behöver vakna för att kunna cykla dit du ska. Trav-Alarm är en meddelande funktion som berättar för dig när det händer något som gör att du inte kan ta din vanliga väg till t.ex. arbetet, skolan eller fritidsaktiviteter.

[Bild hämtad från Sveriges Radio: Lag The Commuters. Foto: Katarina Cooper/Sveriges Radio]
Det tredje laget som röstades fram som vinnare på P4 Stockholms sajt är The Commuters. I laget The Commuters var Axel Jonsson, student vid medieteknikens utbildningsprogram, IT, medier och design-programmet en av lagmedlemmarna. Förslaget är en app som fokuserar på Stockholmare som pendlar regelbundet, i bil, med cykel eller kollektivt. När användaren vill kan appen följa och lära sig resvanor automatiskt. Genom att kombinera statisk och dynamisk öppen data, så väl som den information som samlas in gemensamt av användarna, erbjuder den en personlig reseassistent och meddelanden baserat på trafikläget längs resvägen just nu, både som text och tal.

Läs mer här:

http://sverigesradio.se/sida/artikel.aspx?programid=103&artikel=6189181

Och/eller lyssna på reportaget här:

http://sverigesradio.se/sida/artikel.aspx?programid=103&artikel=6189181&playaudio=5358057

Studiebesök och workshop i prototypande på OpenLab.make

Onsdagen den 18 mars arrangerade vi ett studiebesök och en workshop på Openlab.make för studenterna från IMD13 som läser kursen Design, innovation och kreativitet (DIK) just nu. Workshopen handlade om att testa olika sätt att prototypa lösningar och idéer utifrån studenternas egna designprojekt.

Screen shot 2015-03-30 at 8.07.17 PM Screen shot 2015-03-30 at 8.07.05 PM Screen shot 2015-03-30 at 8.06.11 PMScreen shot 2015-03-30 at 8.06.47 PM Screen shot 2015-03-30 at 8.06.35 PM Screen shot 2015-03-30 at 8.06.24 PM  Screen shot 2015-03-30 at 8.05.53 PM Screen shot 2015-03-30 at 8.05.42 PM Screen shot 2015-03-30 at 8.05.31 PM Screen shot 2015-03-30 at 8.05.19 PM Screen shot 2015-03-30 at 8.05.01 PM Screen shot 2015-03-30 at 8.04.42 PMFoto: Magnus Ulenius (IMD13)

Design, Innovation och Kreativitet – Våren 2015

Imorgon börjar delkursen Design, Innovation och Kreativitet för IT, Medier och design-programmet på Södertörns högskola. Den här gången är det min (Sofias) tur att stå vid rodret på denna enormt inspirerande kurs. Kursen har genomgått en mängd förändringar sedan förra året, vilket ofta blir fallet när en ny person tar över en kurs och då kurser allt som oftast behöver utvecklas och förändras för att fungera inom ramen för den utbildning som studenterna går hos oss på medietekniken. Den här gången har kursen byggts upp kring tematiken design, innovation och kreativitet, både som en helhet och som tre separata teman för kursen. Studenterna kommer att få arbeta workshopsorienterat, utmaningsdrivet och med designtänkande och görande som grund genom hela kursen. Detta kommer att ske både självständigt och kollaborativt. Under den här kursen kommer vi att hålla er uppdaterade här på Medieteknikens blogg kring vad som sker och hur vi jobbar på kursen både ur lärarperspektiv och ur studentperspektiv. Nu håller jag tummarna att allt klaffar och att vi som kommer att arbeta på kursen får fem fantastiska veckor framöver tillsammans med studenterna från IMD13!