Denna rapport redovisar utvecklingen av en hemsida i formen av en skärgårdsguide för Stockholms Skärgård. Syftet var att skapa en hemsida som ger möjligheter att finna intressanta och nyttiga platser i skärgården för personer med olika syften, med fokus på kulturellt intressanta platser. I rapporten beskrivs utvecklingen från den inledande fasen till utvecklingen av individuella delar i projektet. Utvecklingen skedde främst med hjälp av språken PHP, HTML, CSS samt Javascript. Resultatet blev responsiv startsida för projektet med tillhörande funktionalitet i form av en karta samt möjligheten att manipulera denna karta..

I forskningen behandlas valet av teknik för mobil presentation. Uppsatsen lyfter fram faktorer, vilket behöver diskuteras i samband med ett val. De olika teknikerna som diskuteras i uppsatsen är främst Responsiv design, webbaserad applikation och nativ applikation. I samband med ett intresse ifrån SLU (Sveriges Lantbruksuniversitet) används organisationen som exempel i uppsatsen, vilket är tänkt att ge ett förslag på hur informationen i uppsatsen skulle kunna relateras till en verklig situation. Arbetet är byggt på en stor samling av tidigare studier, detta för att stärka den information som presenteras i uppsatsen.

I det här examensarbetet har jag undersökt vilka aspekter som behöver beaktas vid utformandetav en webbplats med Responsiv design samt se hur användandet förändras utifrån de nyakontexter som den responsiva designen medför. Jag försöker besvara detta genom att själv tafram den responsiva utseendet för en publikationsdatabas på Skolverkets webbplats. Projektetkan delas upp i två huvudsakliga delar. Under den första delen har jag undersökt användandetav publikationsdatabasen genom att analysera data från Google Analytics samt genomföraintervjuer och utvärdering av desktopgränssnittet tillsammans med användare. Den andra delenfokuserade på att testa de responsiva designen i praktiken genom ett iterativt designarbete, däranvändarnas feedback samlades in via användbarhetstest av skisserna och prototyperna.Resultatet från studien visade att övergången till en Responsiv design innebär att fokus måsteskiftas från att enbart förbättra användarupplevelsen i respektive enhet till att se den responsivadesignen för de olika gränssnitten som ett gemensamt användande.

Denna uppsats redovisar en studie i hur en söktjänst på Internet kan kompletteras, antingen via en mobilapplikation eller genom en responsiv webbplats, för att underlätta användning via en smartphone. Fokus för undersökningen ligger på Riksarkivets söktjänst Nationell ArkivDatabas (NAD) som för tillfället inte är anpassad till mobila enheter. Vårt mål är även att undersöka hur inställningen ser ut för applikationer och responsiva webbplatser bland användare samt hur dessa åsikter skiljer sig mellan olika användarmålgrupper.Tillsammans med information från tidigare forskning har en studie utförs för att undersöka för- och nackdelar mellan appar respektive responsiva webbplatser. I våra undersökningar har vi valt att använda oss av två datainsamlingsmetoder: en kvantitativ webbenkät och semistrukturerade kvalitativa intervjuer, som komplement till varandra. Totalt nio intervjuer har gjorts med tre personer ur varje Riksarkivets huvudmålgrupper.

Denna rapport beskriver skapandeprocessen av webbsidan aiducate.se, vars syfte är att stötta, motivera och vägleda gymnasieelever i sin utbildning. Projektet genomfördes självständigt utan någon uppdragsgivare och pågick under en tidsperiod om tio veckor. Till grund låg en förundersökning som visade på bristande motivation hos gymnasieelever. I en kompletterande enkätundersökning fastställdes det att eleverna önskade en modernisering av utbildningen med utrymme för nutida undervisningsmetoder. Som ett komplement till gymnasieutbildningen framställdes därför innovationen Aiducate som i framtiden ska omfatta olika verktyg för studierna.

Uppsatsen undersöker fyra navigationsmönster som kan tillämpas på responsiva webbsidor. Ett navigationsmönster består av själva placeringen av en webbsidas navigationsmeny samt eventuell interaktion en användare måste göra för att få tillgång till denna. Frågeställningen ämnar att utröna vilket av dessa fyra mönster som är bäst lämpat för att implementeras på webbsidor vars menyalternativ även har underkategorier. Studien använder sig av fritt tillgängliga mönster som modifieras och implementeras i fyra webbsidor, en för vardera navigationsmönster. Resultaten utifrån de intervjuer och observationer som utförts visar på att fliksystemet som finns i ?Paneled? prototypen är det navigationsmönster som majoriteten av användaren upplevde som minst tidskrävande och mest överskådligt.

The thesis analyzes two different approaches towards responsive web design, Mobile-first and Desktop-first. Responsive web design is a concept for websites whose design is customised based on the screen size. The analysis is performed by collecting views on the methods and also analyzing the usage of mobile and desktop internet to create a prototype of a responsive website where both methods are beeing used.The main difference between the methods is the foundation, where one is designed for mobile and the other for desktop. The thesis indicates that Mobilef-irst gives a better result for the mobile, which unlike the computer has poor performance, smaller screen and poor internet connection, therefore an advantage for the device that needs more focus to maintain a fast response. Desktop-first does not take this opportunity, but focus instead on the computer where the performance is better, which leads to a unnoticeable difference in response time.

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.

Det har blivit allt vanligare att vi idag använder våra mobila enheter till att besöka webben. I detta examensarbete undersöks vilka centrala designprinciper en designer bör eftersträva när avsikten är att förenkla användningen av en webbplats i en statisk och en rörlig situation via den mobila enheten. Examensarbetet innefattar en litteraturgenomgång, observationsintervjuer vid två tillfällen och en prototyputveckling. Det första intervjutillfället identifierade de grundläggande designprinciperna som sedan stod till grund för prototypen. Det andra intervjutillfället genomfördes mot prototypen med samma individer.

Denna rapport redogör kring arbetet med tjänsten Hästjuristen och svårigheterna kring att designa och utveckla en webbplats som inger förtroende och tillit. Hästjuristen är en helt ny tjänst som erbjuder information om hästjuridik och nedladdning av juridiska avtal rörande hästar. Målet med arbetet har varit att ta fram en fullt fungerande tjänst som är tilltalande, användarvänlig och förtroendeingivande för att göra det enklare för behövande att erhålla sig korrekta avtal.Arbetet med tjänsten har haft tre teoretiska modeller för webbutveckling för e-handelstjänster som grund. Intervjuer, personas, prototyper och användartester har varit delar av arbetsprocessen.Resultatet är en webbaserad tjänst som erbjuder nedladdning av hästavtal, information om hästjuridik och medlemskap. Webbplatsen är fullt responsiv och kodad i CSS, HTML, PHP och JavaScript..

Denna rapport beskriver skapandeprocessen av webbsidan aiducate.se, vars syfte är att stötta, motivera och vägleda gymnasieelever i sin utbildning. Projektet genomfördes självständigt utan någon uppdragsgivare och pågick under en tidsperiod om tio veckor. Till grund låg en förundersökning som visade på bristande motivation hos gymnasieelever. I en kompletterande enkätundersökning fastställdes det att eleverna önskade en modernisering av utbildningen med utrymme för nutida undervisningsmetoder. Som ett komplement till gymnasieutbildningen framställdes därför innovationen Aiducate som i framtiden ska omfatta olika verktyg för studierna.

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 Umea?, insights, implications, solutions and thoughts both connected to specific websites but also around advertising for the future as a whole is presented.

Denna rapport beskriver skapandeprocessen av webbsidan aiducate.se, vars syfte är att stötta, motivera och vägleda gymnasieelever i sin utbildning. Projektet genomfördes självständigt utan någon uppdragsgivare och pågick under en tidsperiod om tio veckor. Till grund låg en förundersökning som visade på bristande motivation hos gymnasieelever. I en kompletterande enkätundersökning fastställdes det att eleverna önskade en modernisering av utbildningen med utrymme för nutida undervisningsmetoder. Som ett komplement till gymnasieutbildningen framställdes därför innovationen Aiducate som i framtiden ska omfatta olika verktyg för studierna.

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.

A case study of professional interaction designers' usage of design materials was conducted. Five interviews were performed in order to gain insight in the systems used by designers, how these work, how they collaborate within them, and what they think of recent research about them. Design studios allow collaboration for several users at once. Digital material (mockups, pictures, etc.) are commonly used, but needs to be made analog, e.g. printed, to be usable in the design studio environment.