Syfte – Ta reda på hur man utformar en receptsida i avseende på design och anpassning för mobila enheter samt hur mycket detta påverkar den dagliga datatrafiken på webbplatsen. Metod – Litteratursökning, kvantitativ webbenkät, webbaserad intervju samt mätning och jämförelse av datatrafik på webbplatsen. Resultat – Navigation (struktur) på en webbplats är enligt många den viktigaste delen av webbplatsens innehåll. Navigationen ska även följa med i en mobilanpassning – för att användaren ska kunna känna igen sig på webbplatsen ska både strukturen och designen vara konsekvent. Smartphones är framtidens datorer, vi blir bara fler och fler som surfar via mobila enheter. Ska en webbplats hållas modern och kunna konkurrera med liknande sidor så måste den vara mobilanpassad. På så sätt tappar inte webbplatsen några besökare, och användarna stannar längre på webbplatsen eftersom de även kan navigera från sin smartphone (eller surfplatta). Begränsningar – Studien går endast på ytan av några av problemen som beskrivs i rapporten, eftersom en fysisk webbplats gjordes utöver studien. Empirin består mestadels av litteratursökning och en kvantitativ enkät. Den kvalitativa aspekten av en utav metodvalen försvann under arbetets gång och blev mest en blandning mellan kvantitativ/kvalitativ. Därför förlitade jag mig mest på min webbenkät när jag besvarade min första frågeställning. Nyckelord – användbarhet, navigation, datatrafik, responsiv webbdesign

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.

Det blir allt mer vanligt att människor kopplar upp sig mot internet via sin smartphone, både privat och i arbetet. Detta innebär att webbsidor måste anpassas för att visas i dessa enheter. Men att mobilanpassa en webbsida kan vara svårt när det kommer till överskådlighet och navigation av webbsidan. Detta på grund av den begränsade skärmytan. När det kommer till att mobilanpassa en webbsida talas det ofta om två tekniker, responsiv webbdesign och mobila webbapplikationer. Det är dessa två tekniker som diskuteras och jämförs i denna kandidatuppsats. Netgain är ett företag som just nu står inför valet av teknik och detta fall används som exempel för att visa på hur resultatet från denna kandidatuppsats kan relateras till ett specifikt fall i praktiken. Syftet med denna kandidatuppsats i informatik är att göra en jämförelse mellan teknikerna responsiv webbdesign och mobil webbapplikation. Uppsatsen syftar till att beskriva vilka faktorer som kan påverka valet av teknik när det gäller navigation och överskådlighet i smartphones med fokus på användning. Uppsatsen syftar även till att visa hur dessa faktorer kan relateras till ett företag som Netgain. Frågan är hur dessa faktorer kan användas för att ta fram rekommendationer avseende vilken av teknikerna responsiv webbdesign och mobil webbapplikation som passar bäst för en mobil representation av deras affärsmodell för IT. I denna undersökning har ett kvalitativt angreppssätt tillämpats bestående av en fallstudie som har baserats på personliga intervjuer med konsulter på ett webbföretag. Utifrån dessa intervjuer, tillsammans med insamlad teori, har faktorer som kan påverka valet av teknik när det gäller navigation och överskådlighet i smartphones identifierats. Det tydligaste resultatet som framkom i denna undersökning är att mängden information, som ska finnas på den mobilanpassade webbsidan, kan påverka valet av teknik. Vid stora informationsmängder och djupa informationsstrukturer har en mobil webbapplikation en fördel framför responsiv webbdesign. Däremot tillgodoser responsiv webbdesign användarens förväntning om att det som går att finna på en webbsida som visas på en desktop även ska gå att finna i en smartphone. I en mobil webbapplikation finns möjligheten att styra innehållet på ett annat sätt än vid responsiv webbdesign. Detta gör att en mobil webbapplikation har en fördel även när det kommer till överskådlighet och detta kan även bidra till att användaren kan nå sitt mål snabbare än på en webbsida utvecklad med responsiv webbdesign. Undersökningen visade vidare att när det kommer till att göra en mobilanpassad webbsida överskådlig samt enkel att navigera för alla användare, oavsett behov, har en mobil webbapplikation även här en fördel framför responsiv webbdesign. Detta på grund av att det vid responsiv webbdesign kan vara svårt att få innehållet på webbsidan att läsas upp korrekt av en skärmläsare. Dock har responsiv webbdesign en fördel i att denna teknik tillhandahåller ett minimalt behov av att zooma innehållet. Nyckelord: responsiv webbdesign, mobil webbapplikation, navigation, mobil webb.

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.

Mångfalden av enheter för webbanvändning ökar, men det finns fortfarande webbplatser som utvecklas med PC:s som enda prioritet. Responsiv webbdesign erbjuder nya möjligheter till webbutveckling eftersom en responsiv webbplats är anpassad till samtliga enheter på marknaden. Området har förvisso fått stort genomslag, men det är fortfarande nytt och relativt outforskat. Det finns också endel utmaningar med responsiv webbdesign som kan vara svåra att bemöta. Uppsatsen kartlägger utmaningar som lyfts fram i vetenskaplig litteratur, och bekräftar eller dementerar samt kompletterar kartlagda utmaningar genom enempirisk studie. I uppsatsens slutsats introduceras ett ramverk med utmaningar inom responsiv webbdesign. / The variety of devices for web use increases, but some web sites are still being developed with PC:s as their only priority. Responsive web design is a way of developing web sites for all devices on the market, and therefore creating new opportunities for web development. The area is still new and relatively unexplored, and there are challenges that can be difficult to address. The thesis maps out challenges found in scientific literature, and confirmes or denies and supplements identified challenges through an empirical study. The thesis concludes with an introduction to a framework with challenges in responsive webdesign.

Människor spenderar allt mer tid på Internet och använder enheter med olika skärmstorlekar och upplösningar mer frekvent när de bläddrar på webben. Detta har gjort att webbutvecklare har ställts inför stora utmaningar med att kunna nå ut till samtliga internetanvändare på ett tillgängligt sätt, oavsett vilken enhet som används. På senare tid har detta blivit ett problem som har lett till att webbutvecklare måste optimera webbplatser för att maximera internetanvändarnas upplevelse. I detta arbete utförs ett tekniskt experiment genom användartester. Målet med experimentet är att undersöka hur interaktioner från användare på en responsiv webbplats kan aggregeras och visualiseras med hjälp av de grafiska verktygen heatmap och heatelements. Resultatet av experimentet visar att det grafiska verktyget heatelement är mer tillförlitligt än heatmaps på en responsiv webbplats när interaktionsdata som samlats in från olika enheter ska aggregeras och visualiseras.

I stort sett vartenda företag och organisation har idag en webbsida för att nå ut till sina kunder. I dagsläget krävs det lite mer än att endast anpassa webbsidorna efter datorer eftersom användandet av smartphones ökar både upp och ned i åldrarna för varje år som går. 2013 var året som responsiv webbdesign slog igenom ordentligt men redan år 2010 förklarades begreppet av grundaren Ethan Marcotte. Responsiv webbdesign innebär att en webbsida är plattformsoberoende och anpassar sig beroende på vilken enhet som används. IT-branschen växer ständigt och möjligheten att nå framgång i mjukvaruprojekt är fortfarande ganska låga. Det är bland annat medvetenhet om kritiska framgångsfaktorer som är anledningen till att fler och fler IT-projekt blir lyckade. Syftet med denna kandidatuppsats i ämnet informatik är att identifiera och beskriva kritiska framgångsfaktorer som bör beaktas vid utveckling av en responsiv webbdesign. En kvalitativ undersökning i form av fyra intervjuer har genomförts i kandidatuppsatsen. Intervjupersonerna arbetar på ett företag med mellan 10 000-30 000 anställda globalt i världen. De levererar IT-konsulttjänster och deras kunder är medelstora och stora företag. Det har kunnat konstateras att kritiska framgångsfaktorer är bra att identifiera för att ha som hjälpmedel vid styrning av företag och projekt. Om dessa faktorer sedan används och beaktas kan det garanteras någon form av framgång. I kandidatuppsatsen har det identifierats tre dimensioner: verksamhet, yttre påverkan och teknik, samt nio kritiska framgångsfaktorer, som bör beaktas vid utveckling av en responsiv webbdesign: Analysera verksamhetens behov Identifiera en målgrupp Utforma ett strategiskt mål Analysera för- respektive nackdelar med responsiv webbdesign Analysera användarens behov Bevaka konkurrenter Efterfråga kunskap och erfarenhet hos utvecklarna Testa olika enheter Testa olika webbläsare och operativsystem

Handeln idag är inte längre begränsad till handel via fysiska butiker eller datorer, utan finns numera tillgänglig i mobilen när som helst och var som helst. Mobil e-­handel har haft en kraftig ökning i Sverige de senaste åren. Trots detta visar tidigare forskning att utvecklingen dröjt på grund av företagens misslyckade uppbyggnad av m-­handeln. Företag förlorar besökare då de inte klarar att leverera en mobilanpassad hemsida vilket i längden leder till förlorade intäkter. Hemelektronikbranschen är den bransch som är störst i Sverige inom e-handel och är därmed den mest intressanta bransch att studera m­handel på. Då m-handeln till viss del fortfarande är i förstadiet krävs en omfattande forskning inom ämnet för att få ut full potential. Syftet med studien är att få ökad förståelse om varför vissa företag i hemelektronikbranschen inte har anpassat sig till den mobila e-handeln tidigare och utifrån detta ta reda på vilka svårigheter som finns och framförallt vilken m-handelslösning som är att föredra för hemelektronikbranschen. För att uppfylla syftet med studien har vi svarat på frågeställningarna: Varför har hemelektronikföretagen på den svenska marknaden inte anpassat sig till m-­handel tidigare? Vilka funktionsmässiga svårigheter finns det med att utveckla en m-handel? Samt vilken m-handelslösning anser de utvalda företagen är den bästa för hemelektronikbranschen idag och i framtiden? För att skapa vår teoretiska referensram har vi endast utgått från peer-­review-material som undersöker de mest väsentliga delarna av m-handeln som berör vår frågeställning. Teorin har legat till grund för att formulera den intervjuguide som använts vid våra semistrukturerade intervjuer för insamling av empiri. De fem företag som intervjuats är Siba, NetOnNet, Teknikmagasinet, Atea och Alina Systems och dessa är utvalda på grund av deras storlek samt nuvarande anpassning till m-handeln. Resultatet av studien visar att anledningarna till den sena utvecklingen av m-­handeln i hemelektronikbranschen är dels på grund av dålig efterfrågan hos kunderna samt att företagen använt gamla plattformar. Detta har gjort det svårt att anpassa de gamla plattformarna till m-­handeln och därför har företagen istället valt att vänta för att utveckla en helt ny plattform. De större svårigheter m-­handeln anses ha är problemet med att IVpresentera rätt mängd information på en liten skärm samt att betalningsprocessen är för krånglig, vilket leder till avbrutna köp. Den m-handelslösning som företagen anser är att föredra för hemelektronikbranschen är responsiv webbdesign som är utvecklad in-house. Detta är på grund av att en in-houselösning är flexibel för företagen där de enkelt kan ändra och anpassa sin lösning. Responsiv webbdesign fungerar till alla enheter, det betyder attföretagen bara behöver ha en lösning att underhålla och utveckla. / Program: Dataekonomutbildningen

Advertising in responsive websites is a quite new phenomenon and has therefore, previously not been a target for any mayor research. Todays society, where new technological innovations persistantly supersede others must be seen as a possible changer for how companies advertise to this society. This paper sheds light on many of the difficulties connected with advertising for responsive websites, but also possibilities and advices for the future. Through a litterature review and a focus group with respondents from a large communication agency in Umeå, insights, implications, solutions and thoughts both connected to specific websites but also around advertising for the future as a whole is presented. This paper can work as a subject of discussion, when designing responsive websites with advertising in mind or as a starter for future research.

We live in the fourth generation (4G) of wireless and mobile communications, and for the next generation (5G) we can expect greater flexibility and increased network speed. This will likely contribute to an increased demand for functioning mobile web applications, and it is therefore beneficial for companies to comply with society's technological development. This study aims to investigate how users experience Södra’s website in a mobile interface with focus on the system’s usability, and to identify potential problems on the website regarding Search Engine Optimization (SEO). The research is based on both quantitative and qualitative methods, and the methods that are used in this study are usability testing and web analysis. The findings highlight usability and Search Engine Optimization issues on the website. The fundamental problems the participants had was difficulty using the internal search engine on the website, and locating information caused by intense scrolling. The data gathered through the web analysis shows that keywords are not strategically used in the HTML document, and that the meta descriptions tend to include too many characters. This paper suggests solutions and improvements to these issues found on the website.