Idag kommer det hela tiden nya enheter, alla med olika egenskaper, med möjlighet att koppla upp mot internet. Därmed blir det allt svårare för webbdesigners att anpassa webbplatser för användarens behov och förutse i vilken kontext användaren brukar webbplatsen. Syftet med studien var att undersöka hur webbutvecklare kan implementera flexibilitet för webbplatser, för att webbplatsen ska passa de olika enheterna, genom responsiv webbdesign. Vidare undersöks också hur användare upplever en webbplats utvecklad med responsiv webbdesign. Studien omfattar utvecklingen av en prototyp som också har används som grund för användartestning och kvalitativa intervjuer. Användartestningen omfattade test på en webbplats utvecklad med fasta mått samt testning av den responsiva prototypen. Resultatet av studien visar att användare upplever en responsiv webbplats som ett bra alternativ för en mobil webbplats. Den främsta fördelen för testpersonerna var att inte behöva scrolla i sidled eller zooma in och ut för att hitta informationen som behövdes.

The work has been performed in collaboration with Jönköping University. The aim of this work has been to study different methods for mobile adaption of large CMS (Content Management System) websites, where the website of Jönköping has been used as a reference. The website at Jönköping University is used daily by current students, faculties, prospective students and external users. Research carried out by the University shows that the use of mobile devices has increased, and it is therefore necessary to examine the mobile adaptation of the large CMS website. A layout proposal has been suggested by determining which method that is most relevant for mobile adaption of a large CMS website. The website should adapt to different resolutions and devices according to how the existing website is based in the current situation. Emphasis has been put on menu operations, to navigate through the large website in a user-friendly way. This is going to be a basis for the University in the development of the mobile website. Based on the results of the choice of method for mobile adaptation, the students have come to the conclusion that the relevant method for a large CMS website is responsive web design. But the choice of method for mobile adaptation can also be based on the need, purpose and target group that a company or organization has with the website. The work ends with a conclusion and discussion where their opinions have been raised. The conclusion that the students have come up with is that the benefits of responsive web design and the solution of the menu navigation, is the right option for Jönköping University website. / Examensarbetet har utförts i samarbete med Högskolan i Jönköping. Syftet med arbetet har varit att studera olika metoder för mobilanpassning av stora CMS (Content Management System) webbplatser, där webbplatsen för Högskolan i Jönköping har använts som en referens. Webbplatsen på Jönköpings högskola används dagligen av befintliga studenter, lärare, blivande studenter och externa användare. Undersökning gjord av Högskolan visar att användning av mobila enheter har ökat, och därför är det aktuellt att undersöka mobilanpassning av den stora CMS webbplatsen. Ett layoutförslag har föreslagits genom att avgöra vilken metod som är mest relevant för att mobilanpassa en stor CMS webbplats. Webbplatsen skall anpassa sig efter olika upplösningar och enheter med hänsyn till hur den befintliga webbplatsen är uppbyggd i dagsläget. Tyngdpunkten har därför lagts på menyhanteringen, för att på ett användarvänligt sätt kunna navigera sig genom den stora webbplatsen. Detta skall vara ett underlag för Högskolan vid utveckling av den mobila webbplatsen. Utifrån resultatet av metodval för mobilanpassning, har studenterna kommit fram till att den relevanta metoden för en stor CMS webbplats är responsiv webbdesign. Men metodvalet för mobilanpassning kan även baseras på vilket behov, syfte och målgrupp som ett företag eller en organisation har med webbplatsen. Arbetet avslutas med en slutsats och diskussion där egna åsikter har tagits upp. Slutsatsen blev att genom fördelarna för responsiv webbdesign och lösningen av menynavigeringen, kände studenterna att responsiv webbdesign var rätt alternativ för Högskolan i Jönköpings webbplats.

Den ökande användningen av mobila enheter ställer nya krav på utformning av ett företags webbtjänster. Utseende, storlek och gränssnitt på webbsidor behöver anpassas för alla typer och storlekar av mobila plattformar. Syftet med det här arbetet är att utreda de olika lösningsalternativ som finns för anpassning till mobila enheter samt föreslå och utvärdera en lösning utifrån olika kriterier. En prototyp utvecklas som kommer att testas i en fallstudie. De lösningsalternativ som utreds är native applikation, hybridapplikation, mobilsida, responsivt gränssnitt/responsiva ramverk och Web Content Management Systems. Lösningsalternativen utvärderas utifrån kriterierna funktionalitet och användbarhet, inlärningstid/utvecklingstid, plattformsstöd och tillgänglighet, prestanda, underhåll och vidareutveckling, popularitet, kostnad/licens samt konverteringsmöjlighet. Det lösningsalternativ som visar sig mest fördelaktigt enligt kriterierna är responsivt gränssnitt. I fallstudien har en prototyp utvecklats baserat på ett responsivt ramverk. Implementationen har utvärderats och bekräftar fördelarna med responsivt gränssnitt. Arbetets slutsatser lyfter fram för- och nackdelar med de olika lösningsalternativen, identifierar problem och möjligheter utifrån fallstudien – t.ex. visade det sig inte några större prestandaskillnader mot en statisk webbsida men däremot visade sig vissa konflikter mellan programbibliotek – samt slutligen ges generella rekommendationer och erfarenheter för den som står inför en mobilanpassning av en webbplats. / The increasing usage of mobile devices places new requirements on the design of company websites. Appearance, size and interface of webpages need to be adapted for all types and sizes of mobile platforms. The purpose of this thesis is to investigate the various solution options available for adaptation to mobile devices and also tosuggest and evaluate a solution based on different criteria. A prototype will be developed and tested in a case study. The investigated solution options are native application, hybrid application, mobile website, responsive web design frameworks and Web Content Management Systems. The solution options are evaluated based on the criteria functionality and usability, learning

I och med lanseringen av nya och mobila plattformar, såsom smarttelefoner och surfplattor, uppstår svårigheter med att anpassa webbsidor för samtliga typer av enheter. Tidigare har mobila applikationer (appar) och mobila sidor använts för att överkomma dessa problem. Responsive Web Design (RWD) är en ung designprincip som uppkom 2010 och har anammats av många webbutvecklare. Designprincipen medför att en webbsidas presentation förändras beroende på skärmstorleken som används för att visa sidan. I en studie har fem företag intervjuats för att få deras tankar och åsikter om RWD i jämförelse med utveckling av mobila sidor och appar. Detta för att besvara huruvida RWD kan ersätta denna plattformsspecifika utveckling. Majoriteten av företagen har helt gått över till att utveckla responsiva webbsidor istället för andra mobilanpassningar men appar utvecklas fortfarande. Skiftet från mobila sidor beror främst på att denna typ av lösning kräver dubbelt arbete med innehållet då olika innehåll visas på olika enheter. Med RWD används istället samma innehåll över samtliga olika skärmtyper. Undersökningen visar på att RWD kan ersätta plattformsspecfik utveckling av informationssidor och e-tjänster. Däremot kommer det inte kunna ersätta appar då dessa i grunden fyller olika syften. Vid större krav på funktionalitet är dessvärre RWD inte alltid lämpligt att använda.