<p>På Folksam utförs vid starten av detta examensarbete ingen samordnad användbarhetstest vid design av företagets webbplats och dess applikationer. Arbetet med att utforma egna testanvisningar för användbarhetstest har precis tagit sin början och en grupp av anställda som ska ta på sig detta arbete har just bildats. Testanvisningarna utformas utifrån information som inhämtats under kurser, seminarier samt de anställdas egna erfarenheter. </p><p>Syftet med det examensarbetet som denna rapport beskriver har varit att utforma en utvärderingsmodell som skall användas som mall vid användbarhetstest under utvecklingsarbete av Folksams webbplats. Den utvärderingsmodell som tagits fram under arbetet är en slags sammanställning av de riktlinjer som finns för utformning av interaktiva webbsidor som möter användarens krav på användbarhet. </p><p>Dessutom har det inom ramen för detta arbete utförts användbarhetstester utifrån den framtagna utvärderingsmodellen. Dessa test har bidragit till kvalitetssäkring av utvärderingsmodellen samt praktiska synpunkter på användbarheten på en utvald del av Folksams webbplats. </p><p>Resultatet av testerna har visat att alla de problemområden som framkom vid test kunde relateras med någon eller några av riktlinjerna i utvärderingsmodellen. Denna bedöms därför som tillräckligt omfattande och kan tas i bruk som mall vid användbarhetstest på Folksam i befintligt skick.</p>

<p>Denna rapport dokumenterar ett examensarbete gjort av tre studenter vid högskoleingenjörsutbildningen Medie- och kommunikationsteknik på Linköpings universitet. Uppgiften har varit att ta fram ett förslag på användargränssnitt till en nyhetsportal till företagen EuroNetics och Citavie. </p><p>Rapportens första del består av den teoribakgrund som studerades innan utförandet av uppgiften påbörjades. I den andra delen beskrivs utförandet av uppgiften, som består av behovsanalys, strukturering av innehållet, utveckling av användargränssnitt samt utvärdering. Resultaten från utvärderingen ledde till utvecklandet av ett användbart gränssnitt som presenterades för företagen. </p> / <p>This report documents the degree project of three students studying Media and Communication Engineering (B.Sc.) at Linköping University. The task has been to produce a user interface prototype for a news portal for the companies EuroNetics and Citavie. </p><p>The first part of the report contains the theoretical background that was studied before the development started. The second part describes the progress of the project including needs analysis, structure of the contents, development of user interface proposals and evaluation. The results of the evaluation were combined to produce a usable interface that was presented to the companies.</p>

<p>Landstinget i Östergötland har på sin webbplats, www.lio.se, en underavdelning kallad ”Arbetsplats landstinget”. Här finns information om hur det är att arbeta inom Landstinget samt en sida innehållande alla lediga jobb. Målgruppen denna avdelning riktar sig till är människor som nu eller i framtiden har intresse av att arbeta inom Landstinget. Ungdomar och andra som söker information om olika yrken och arbetsplatser ingår också i den primära målgruppen. </p><p>Har Landstinget i Östergötland nått fram till sin målgrupp? Är webbplatsen användarvänlig? I denna rapport tar vi upp hur man skapar en användarvänlig webbplats sett ur ett kognitivt perspektiv. Vi analyserar de befintliga användarna och webbplatsen samt ger förslag på hur man når fram till målgruppen. Dessutom visas förslag på en helt ny användarvänlig ”Arbetsplats landstinget”. </p> / <p>The county council in Östergötland have on their website www.lio.se a subdivision called The County Council Workplace “Arbetsplats landstinget”. Here there is information about working at the county council and a site with all job openings. The target group this division aims at are people who are now or in the future interested in working for the county council, Young people and others seeking information about different jobs and workplaces are also part of the primary target group. </p><p>Have the county council in Östergötland reached their target group? Is their website user-friendly? In this report we will describe how to create a user- friendly website from a cognitive point of view. We analyze the present users and web pages and also give suggestions on how to reach the target group. Further more we will present suggestions for a brand new and user- friendly “Arbetsplats landstinget”.</p>

Webbdesign är ett populärt och viktigt område inom medieproduktion. Som ett avslutande examensarbete inom högskoleprogrammet till medieproducent har jag producerat en webbplats till årets upplaga av musikfestivalen Popup i Umeå. Projektgruppen har bestått av mig som ensam producent och beställargruppen Kulturföreningen Humlan i Umeå, föreningen som arrangerar Popup. I den här rapporten beskriver jag vägen från första mötet med min uppdragsgivare till den färdiga webbplatsen. Jag redogör även för de verktyg som använts, bland annat CMS-systemet Wordpress. / Web design is a popular and important field within media production. As a final degree project within the University Programme in Media, I have produced a website for this year’s edition of the music festival Popup in Umeå. The project team has consisted of me as sole producer, and client group Kulturföreningen Humlan in Umeå, the organization that arranges Popup. In this report I describe the path from the first meeting with my client to the final website. I also state what tools I have used, including CMS Wordpress.

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.

Fjärrstyrning av värmepumpar är en bekvämlighet för att slippa vara på plats och ändå kunna göra inställningar på sin värmepump. Det ger möjligheten att komma till ett förvärmt fritidshus eller stuga med några enkla knapptryckningar. Det ger också möjligheten till mer kontroll över pumpens energiförbrukning, man kan spara in pengar på att inte låta pumpen stå och slösa energi då man inte är på plats. I dagsläget finns flera fjärrstyrningsprodukter för värmepumpar på marknaden, men dessa är ofta dyra och kan oftast bara ansluta till mobilnätet eller wifi. Fjärrstyrningsprodukterna är speciellt framtagna för att styra en värmepump och kan ej användas för att styra ytterligare produkter. Målet med detta examensarbete är att ta fram ett system baserat på en standardplattform som åtgärdar dessa problem samt där det finns möjlighet till framtida utbyggnad av dess funktionalitet. Vi börjar med att bestämma funktionaliteten för vår fjärrstyrningsprodukt. Därefter tas en struktur för hela systemet fram. Efter detta görs val av hårdvara och mjukvaruutveckling. Resultatet av vårt examensarbete är en fjärrstyrningsprodukt som kan styra Daikins värmepumpar. Vår fjärrstyrningsprodukt kan använda 3G-nätet, wifi eller trådat nätverk för att kommunicera med vårt systems centralenhet och användaren. Vår produkt har även en stor potential till utbyggnad för fjärrstyrning eller övervakning av andra enheter i hemmet.

It becomes increasingly more important that, as a new buisness, both to be seen and heard in an increasingly harder competition situation where the range of similar products and services increase. It requires a well planned and well thought visual profile to succesfully stand out on the market. To give a good impression, this profile should be both distinct and aesthetically appealing. In the making of a new profile it requires creativity to succesfully think in new directions and to separate from the competition. This practical report presents the production process for a designsolution to the new website Röstförmedlingen (Voice agency), a commission from the production and commercial bureau Bartos media. The task in this project was to create a graphic profile and a lofi-prototype that would represent Röstförmedlingen as a buissness. The target was to create a website with a good looking, new thinking design that separates from the competitors. The report describes the making through interviews, analysis, design methods and scientific research to inspire to a creative design solution. This method has contribute to the foundation on which this project stands.

Målet var att designa en demo till en modulär och dynamisk kundtjänstsida. Denna sida skulle lätt kunna skalas, byggas på och kopplas till andra system. Lite mer konkret så designas en hemsida åt apoteket Kronan, på uppdrag av Connectel. Men tanken är att koden lätt ska kunna modifieras för att säljas till andra företagskunder, med andra behov. För att uppnå dessa mål krävs en front-end och en back-end. Front-end är den delen som kontrollerar vad som visas på hemsidan. Denna skrevs med hjälp av HTML, CSS och Javascript i ramverket "Vue". Back-end består av en databas i MySQL och en API skriven i Go. API är den delen som hanterar databasen och all kommunikation mellan de olika delarna i applikationen. Slutpodukten för projektet var en sida som uppfyllde majoriteten av målen, den är dock inte helt klar för produktion.

Syftet med denna undersökning är att ta reda på till vilken grad olika teorier påverkar hur webbsidor uppfattas. Detta för att kunna utveckla mer tilltalande webbsidor. Vi valde att undersöka sex webbsidor: Aftonbladet, Nerikes Allehanda (NA), Dagens Nyheter (DN), IKEA, Hennes &amp; Mauritz (H&amp;M) och NetOnNet.Undersökningen är uppdelad i tre delar: en enkätundersökning, en expertutvärdering och en jämförelseanalys. Enkäten skickades ut till studenter vid Örebro Universitet via studentmailen och resultatet har sedan sammanställts i ett antal frekvenstabeller. Efter detta utfördes expertutvärderingarna utifrån litteraturstudien. De teorier vi valde att analysera webbsidor utifrån är användbarhet, grafisk design och flow. Efter att enkätundersökningen och expertutvärderingen utförts gjordes en analysjämförelse av mönster och samband mellan respondenternas svar och expertutvärderingarna.Vi kom fram till att vad som vad viktigast för användaren var den grafiska designen, men att om man vill skapa en riktigt bra webbsida så borde man använda flera teorier. Vi kom även fram till att de riktlinjer som finns för de olika teorierna fungerar och hjälper till för att skapa en bättre webbsida.

Hair Trend är en liten frisörsalong i centrala Sandviken och har i dagsläget två frisörer. Frisörsalongen var i stort behov av en webbsida där man bland annat får information om deras öppettider, prisinformation, produktinformation osv. Den skulle vara användarvänlig och lätt att hitta önskad information. Ett annat mål var att den skulle vara snyggt designad, vilket överlåtits till mig att bestämma men att kunden hade sista ordet. Webbsidan hade högsta prioritet men kunden önskade också ett bokningssystem som man kunde köpa och jag undersökte vilket bokningssystem som passade kunden bäst. Alla bokningar skrevs i ett häfte och kundens önskemål var att hitta en bättre lösning på det. För konstruktion av webbsidan användes HTML och allt arbete utfördes i Adobe Dreamweaver, Photoshop och Flash. Resultatet blev en användarvänlig webbsida och ett förslag till ett bokningssystem med de funktioner som behövdes för att underlätta bokningen för kunden.