Med dagens teknik är det lätt att publicera information på Internet som andra personer kan ta del av. Detta kan göras mer eller mindre användbart. Det finns mängder av teorier och guidelines för hur detta ska gå till. I denna rapport försöker vi reda ut om dessa teorier används i praktiken och hur det påverkar användaren. Vad är det egentligen som gör en webbplats användbar? Vi har främst koncentrerat oss på teorier och guidelines som rör hur man placerar information på ett användbart sätt samt hur man underlättar för användaren då de navigerar mellan de olika sidorna. För att undersöka huruvida olika teorier och guidelines tillämpas i praktiken har vi valt att närmare granska Blekinge Tekniska Högskolas intranät, Idenet. Genom användbarhetstester med användare, samtal med webbutvecklare och en egen undersökning av Idenets gränssnitt har vi försökt besvara följande frågor: Hur pass användbart är Idenet? Tillämpas de av oss utvalda teorier om användbarhet på Idenet? Stämmer teorierna med användarnas åsikter om Idenets gränssnitt? Vi kom fram till att vissa teorier tillämpas på Idenet och andra inte. Eftersom vi i samtalet med webbutvecklare fick veta att man inte direkt tillämpat några teorier och guidelines i utvecklings arbetet var det intressant att se att många teorier likväl kunde identifieras på Idenet. Samtidigt som Idenets gränssnitt talar emot vissa teorier och guidelines upplevdes det av användaren i det stora hela som lätt att använda. Användarens vana att använda Idenet tror vi har en stor betydelse i detta sammanhang. Det var också intressant att se att trots att användarna tyckte att Idenet var lätt att använda hade de många förslag på åtgärder som skulle förbättra Idenet.

Ett community är en mötesplats på Internet där människor kan hålla kontakt, lära känna nya människor, diskutera osv. Det finns idag en mängd olika communities med många olika inriktningar. Communityn är idag mycket populära sidor på nätet och vissa har enormt mycket besökare och tjänar stora pengar. Det kan därför vara svårt att locka medlemmar om inte communityt innehåller nyheter som inte redan finns. Målet med det här arbetet har varit att skapa en tilltalande och användarvänlig design till ett community med ett sommar, fest och rese- tema. Delvis används en enkätundersökning för att ta reda på hur viktig det är med en design som sticker ut för att locka medlemmar. Resultatet av arbetet har blivit att en design med ett tema till sommar, fest och resor har skapats. Designen går i huvudsak i färgerna gul, blå och vit. Designen är till största del uppbyggd av CSS, ASP.NET och HTML.

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.

Det finns enorma mängder information att finna på nätet i dagsläget, allt ifrån nyheter till historia, och allt i en rad olika format på en hissnande mängd olika typer av sajter. Att ses som en tillförlitlig informationskälla är därför inte lätt i dagens medialandskap. Mycket vikt läggs på ett unikt innehåll och professionell design, och just professionell design eller attraktiv design har i tidigare studier visat sig vara något som har tydliga samband med hemsidor som uppfattas som trovärdiga av användare. Med denna press på det rent estetiska finns det behov att utreda vilka typer av designmetoder som kan tänkas tillhandagå webbdesigners i skapandet av hemsidor som upplevs som trovärdiga. I detta kandidatarbete har jag därför valt att utreda hur en och samma hemisda skapad via två olika typer av webbdesignmetoder gynnas vid ett första intryck. Den ena versionen av hemsidan skapad via en traditionell webbdesignmetod och den andra via en deltagande webbdesignmetod. Vad jag har funnit är att det finns vissa samband mellan en hemsidas upplevda trovärdighet och en hemsida skapad via deltagande webbdesignarbete. Vidare studier behövs dock för att säkert fastställa sambanden.

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

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

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

Responsiv design syftar till att en webbsida ska anpassa sig efter användarens enhet, oavsett enhetens skärmstorlek. Arbetet har gått ut på att ta reda på om man kan utveckla en framgångsrik responsiv design som fungerar på många typer av enheter enbart med en persondator som utvecklingsplattform, och på så sätt undvika att behöva genomgå en stor process med testning. Resultaten visar att det är fullt möjligt. / Responsiv design means creating a web page that responds and adapts to the user’s device regardless of the devices’ screen size. The work behind this report has been finding out if it is possible to develop a successful responsive design, that works on a wide range of devices, using only a desktop computer and because of that avoiding having to go through a long process of testing. The results show that this is possible.

This report describes how we made a dynamic website combined with statical web pages and a web shop for the Swedish company Tyger & Ting. The employer Tyger & Ting wish to run a working web shop on their site but they want to keep their old system of updating pages with their old application from Intellyweb1, which creates statical HTML pages. The goal of this exam paper has been to learn to create a functional web shop with user friendly layout and appealing design and also to take orders and fulfill wishes from a real employer. The report is describing how Intellyweb’s application and its statical web pages has been implemented on a dynamic web page. The report does also describe how this site has been build and how the problems with the coding have been solved. The coding has been made with HTML, PHP and MySQL. CSS has also been used. The report will describe how management and storage of data in databases has been handled. Apart from the demands the employer has given us, a complete revamp of Tyger & Ting’s design has been made and the result of the exam paper is now a complete and working web site with additional web shop that supports static web pages. The website contains 20 dynamic and static pages coded in about 1900 rows of PHP and HTML. A database with five tables of varying size has been made to contain pictures and information about products, users and orders. As soon as all the products has been put into the database the web shop will be found here: http://www.tygeroting.com

JG Communication som är en av Sveriges störta kommunikationsbyråer kom till en insikt att företagets webbplats inte listas tillräckligt högt upp när användare gör sökningar på relevanta sökord genom Googles sökmotor. Detta resulterar i få unika besökare varje vecka vilket i slutändan också gör att det etableras låg kundkontakt genom webbplatsen. Företaget tyckte att åtgärder behövde vidtas för att försöka komma till rätta med detta problem. Ett projekt startades upp för att uppdatera, sökmotorsoptimera och för att försöka få en mera leads genom sin externa webbplats. Min roll i detta projekt har varit att skapa design och layout för webbsidor till JG Communication. Denna rapport dokumenterar och redogör för hur arbetet kan gå till när ett arbete av denna karaktär utförs. Dokumentationen går igenom relevant litteratur, genomförandet av designarbetet och vad arbetet resulterade i.