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

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

Student project nominated at the Swedish Game Awards!

We are very happy to announce that our students game Framing of my life was nominated for Best Execution in Design at the Swedish Game Awards 2015.

The game, Framing of my life is a puzzle game made by Alex Bräysy, Patricia Möllerström, Natassja Berkan, Robert Alm Nilsson and Gonzalo Maldonado.

The game is describe like this:

“You wake up, in the middle of nowhere, as a memory, framed in a painting. No characteristics, in contrast to the world around you, presented in form of a gallery. Go on, search, what piece is missing from your life? Let nothing stop you. Forge your own path, organize your life, frame it as you need to reach your fate. Explore a gallery of handcrafted paintings which you traverse. Take the time to enjoy the view and listen to an original music score. Manipulate the level design with the special “Framing” ability which lets you rearrange every frame to your advantage. Explore the world, search every frame for collectibles or experience the journey.”

You find more information about the game here: http://gameawards.se/competition_entries/1144

You find the other nominated games here: http://gameawards.se/news/nominees-sga15/

Gameplay video from Framing of my life:

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)