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..

Följande projektarbetet har resulterat i en ny webbplats åt verkstadsföretaget Löfman & Co Verkstad AB,resultatet är sprunget ur WordPress och projektet vilar på en teoretiskt grund av läsbarhetsteori samtbeprövad erfarenhet kring ämnet Responsiv design. Projektrapporten innehåller både information gällandedet teoretiska ramverket samt de slutgiltiga tekniska lösningarna som implementerades på webbplatsen.Två kvalitativa undersökningar på företagets gamla webbplats har bidraget med ytterligare underlag förskapandet utav företagets nya webbplats.. Utöver det ha en viktig del i utvecklingen gjorts av den ständigakontakten med kunden. Projektresultatet är ett bevis för att det finns en arbetsmarknadsmässig funktionför de studenter som läst Visuell Kommunikation och Design vid Karlstad Universitet..

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.

The IT industry is constantly evolving and it's more or less a requirement today for web developers to be familiar with and to be able to develop for all platforms. A technique that has taken hold and is now widely used is Responsive design. Developing Responsive design means adapting the layout to the viewing environment; the screen size. Another useful method when developing for different devices is the mobile first theory, which means developing for the mobile screen first. This is done to scale down the site and to clear unnecessary information in order to provide a better user experience.

Denna studie syftar till att utveckla tumregler för heuristisk utvärdering av typografi i Responsiva gränssnitt. Genom att kombinera traditionella typografiska designprinciper med principer för Responsiv webbdesign har tolv tumregler tagits fram. Dessa tumregler har i två heuristiska utvärderingar använts av grafiska designers och gränssnittsutvecklare. De båda grupperna har dessutom fått ge sin syn på upplevelsen av att använda tumreglerna. Tumreglernas förmåga att vägleda till hittade typografiska problem i två Responsiva gränssnitt har analyserats och framförallt gränssnittsutvecklarnas resultat har varit i fokus, då målet varit att tumreglerna ska kunna fungera som ett verktyg för att skapa bättre design för gränssnittsutvecklare utan utbildning i ämnet.

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.

Web pages are visited through a variety of different devices with varying screensizes. One method for adapting web pages to this variety is called Responsive design. Geographical information, often in the form of embedded maps, is common on the web. The combination of Responsive design and geographical information has been shown to lead to interaction problems and is therefore assumed to need special considerations. This thesis examines this combination and investegates how presentation of geographical information can be adapted to Responsive web design.

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.

Östgötatrafiken är ett länstrafikbolag i Östergötland och har idag en hemsida, en mobil hemsida och appar. De har sett att användningen av deras mobila hemsida och deras appar har ökat. För att skapa en bättre användarupplevelse samt för att minska de underhålls- och utvecklingskostnader som kommer med många system är en Responsiv hemsida ett bra alternativ för dem. En Responsiv hemsida innebär att ett system anpassar sig efter den skärmstorlek som den enhet som används har. Vad som visas och hur det visas beror på om det är en dator, en mobiltelefon eller en surfplatta som används.För att skapa en modern och innovativ hemsida valdes att fokusera på den mobila upplevelsen och att designa systemet för mobiltelefonen först.

The use of mobile devices has increased dramatically in recent years and the development of newtechnologies has made it difficult for developers to know what screen size and device the visitor isusing. This has resulted in the fact that today there is a problem with the interface for web pages onmobile devices. They are not adapted to the flexibility required for the interfaces to be recognizedon various mobile devices. Instead of developing two separate web pages, where one is designed formobile devices and one for desktop and keep them both continously updated, Responsive webdesign simplifies the work process. Responsive web design is a flexible and dynamic interface thatadapts to mobile device and screen sizes.

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.

Att göra webbsidor tillgängliga för olika sorters enheter är ett område som har uppstått i och med smartphonens utveckling. Mängden enheter har under de senaste åren ökat stort och det är inte längre endast laptops och datorer som används. Då enheternas skärmupplösning skiljer sig krävs en anpassning beroende på enhet för att ge en bra användarupplevelse. För att identifiera tillgängliga tekniker har en kvalitativ undersökning genomförts. Undersökningen består av en genomgång av utvald litteratur samt intervjuer med utvecklare på företagen Nethouse och Laget.se utförts.

Användandet av enheter med varierande skärmstorlek för att surfa på webbsidor ökar. Webben är således under en ständig förändring. Ansvariga för en webbsida måste därmed bestämma hur de ökade kraven som dessa olika enheter ställer ska kunna tillgodoses. Genom att använda sig av HTML5, CSS3 samt Responsive Web Design kan en webbsidas design på ett önskvärt sätt anpassas efter enhetens skärmstorlek. Denna uppsats syftar till att ge riktlinjer för att förenkla den migrationsprocess som en designer av en webbsida förr eller senare måste ta ställning till för att kunna hantera olika enheters skärmstorlekar.

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.

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.