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.

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

Hedvigs Trädgård i Gävle är en handelsträdgård som specialiserar sig på hälsa och trädgård.Hedvigs Trädgård har idag ingen webbsida som visar deras verksamhet. Genom att ha en företagspresentation på Internet lockar de fler kunder och folk över hela världen kan se vilka de är och vad de gör. Brist på tid och kunskap har stoppat dem från att skapa en egen webbsida tidigare.Examensarbetet går ut på att skapa en enkel men innehållsrik webbplats åt Hedvigs Trädgård med ett tillhörande administrationsgränssnitt för att lägga till meddelanden och nyheter samt att uppdatera information.Nyckelord: Webbsida, administrationsgränssnitt, Webbdesign, webb-programmering, HTML, Cascading Style Sheets, JavaScript, PHP, MySQL.

Examensarbetet har gått ut på att genom kvalitativa undersökningar ta reda på hur grafisk form ochinformationsstruktur samverkar för att skapa användarcentrerade webbplatser. Målet var att ta fram en grund för huranvändarcentrerade webbplatser bör byggas. Denna grund är tänkt att fungera som riktlinjer för formgivare som villskapa användarcentrerad Webbdesign.Studien visar att det viktigaste för att skapa användarcentrerad Webbdesign är att involvera användarna kontinuerligti utvecklingsprocessen. Detta sker genom användartester och intervjuer med representanter för målgruppen. Vi harkommit fram till att graden av användbarhet spelar stor roll för hur målgruppen uppfattar webbplatsen som sådan,men också vilken uppfattning de får om företaget bakom..

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.

Denna studie belyser användarvänligheten och den tekniska kvaliteten på webben, som idag är mycket mer utbrett än tidigare. Användarvänlighet är idag ett krav för att kunna mäta sig med konkurrenter även i webbsammanhang för att kunna få användarna att stanna på webbplatsen. Syftet med studien är att titta på hur man på bästa sätt kan utveckla en användarvänlig webbplats, utan att gå miste om väsentliga delar och funktioner. Under arbetets gång jämfördes två webbplatser utifrån användarvänlighet mot varandra och mot den teoretiska grund som finns inom området. Sedan gjordes en observation och en intervju med tillhörande frågeformulär hos sex utvalda respondenter för att kritiskt kunna granska utvalda webbplatser och sedan utveckla en helt ny utifrån detta resultat..

Studien sammanfattar uppbyggnaden av denna hemsida, där forskningen låg på att veta vilken typ av målgrupp som skulle besöka hemsidan med syftet att vara arbetssökande. Dessutom att ta reda på hur hemsidan skulle bli tilltalande genom att återspegla personlighet och emotion för målgruppen på ett tilltalande sätt. Studien genomfördes med hjälp av att ta reda på riktlinjer inom Webbdesign, analysering av andras hemsidor tillsammans med information om målgruppen. Resultatet blev en färdig producerad hemsida som återspeglar personlighet och emotion till målgruppen på ett tilltalande sätt enligt riktlinjerna som följts med vissa avvikelser, samt att analyseringen tagits i åtanke till resultatet. .

I denna uppsats undersöks designmönster. Tidigare, erkända designmönsterbibliotek har använts som grund för att ta fram en ny designmönstermall. Sedan har sex designmönster identifierats och skapats från sociala medier med hjälp av mönsteridentifikation, dessa är: gilla-knapp, hashtag, dela, kommentera, lägga upp bilder och nyhetsflöde. Vidare har intervjuer med sju respondenter från olika Stockholmbaserade webbyråer genomförts för att undersöka huruvida de identifierade mönstren från sociala medier påverkar deras Webbdesign. Centralt för undersökningen var dessutom att ta reda på om webbyråer idag överhuvudtaget använder sig av designmönster när de bygger en webbplats.

Denna utredning handlar om hur Länsförsäkringar Uppsalas hemsida fungerar i mötet med kunder. Syftet är att klarlägga om, och i så fall hur, Länsförsäkringar Uppsala kan förbättra sin hemsida för att öka kundnöjdheten i mötet med sina försäkringskunder. Vår empiri utgår från personliga intervjuer med anställda vid företagets Internetgrupp, ett antal Webbdesigners på externa företag samt ett urval kunder som köpt försäkring hos Länsförsäkringar Uppsala. Denna information har analyserats utifrån en studiespecifik modell, vilken bygger på teorier om försäkringsbranschen, kundnöjdhet och Webbdesign. Utredningen pekar på att Länsförsäkringar Uppsala redan har en väl fungerande hemsida men att sidan genom förenklingar kan attrahera nya kunder samt öka kundnöjdheten hos de befintliga..

Utvecklingen av användargränssnitt har sedan persondatorns intåg i vårt samhälle utvecklats enormt för att i dag vara relativt välutvecklade i användar- och tillgänglighet. Tyvärr har inte utvecklingen av webbaserade gränssnitt utvecklats i samma takt och kan erbjuda funktionshindrade samma möjlighet till god användarvänlighet och tillgänglighet. Vi vill med vår uppsats finna några orsaker till varför det i dag inte utvecklas fler webbsidor och portaler med användarstöd för funktionshindrade. I vår fallstudie har vi funnit att några av orsakerna till varför inte fler webbsidor och portaler är mer tillgänglighetsanpassade än dagens, ligger inom områden såsom ekonomi, ramvillkor och systemutveckling..

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.

This study has researched how user click heatmaps and eye tracking can be utilized in usability testing. We have used the tools SessionCam and Tobii. We designed a website for a small clothing store and conducted usability tests, in order to evaluate the users clicks and eye movements in relation to design choices on the website. The aim of this study was to research how these tools can be integrated in usability testing and how results from the tests can be used to improve usability. We were able to use the recordings of clicks and eye movements and make design changes based on the findings.

En undersökning genomförd av Statskontoret, 2005, visar att webbanvändare har önskemål om att lättare hitta information på offentlig sektors webbplatser. Den här uppsatsen syftar till att undersöka hur kommunala webbplatser kan förbättras så att användarna lättare kan hitta den information de söker. Enligt teorier hämtade från området för Webbdesign och användbarhet påverkar aspekterna struktur, navigation, design samt text och etikettering möjligheten att hitta på webbplatser. En studie av nio kommunala webbplatser visar att de förevisade teorierna efterföljs i viss mån och i olika utsträckning av de olika kommunerna. Främst förekommer brister inom områdena struktur samt text och etikettering.

Att synliggöra verkligheten i undervisningen är en utmaning. Särskilt att få in aktuell teknik in i datorundervisningen på gymnasienivå. Detta eftersom IT-branschen aldrig står still, ny teknik utvecklas ständigt och branschen är därmed tvungen att hänga med i denna utveckling. Hur ska då vi i skolvärlden kunna hänga med? Vilken teknik används ute i IT-branschen egentligen?I detta explorativa examensarbete undersöks vilken teknik som IT-företagen i Norrköping och Linköping använder inom sektorerna programmering och Webbdesign.

With the new generation of smartphones the boundaries for what is a mobile phone and whatis a computer becomes more subtle. 2009 the shipment of smartphones with touchscreen morethan double the 2008 figure and the total amount of smartphones is now over 10 % of the totalworldwide shipments of mobile phones. There?s still one problem to solve and that is the lackof web content specifically adapted for smartphones.The purpose of this paper is to identify and analyze from a user and usability perspective howto make a successful migration and design of a user interface for an existing web basedsystem so that it also fit smartphones.The paper starts with a theoretical reference material containing examples of differentapproaches for design and migration of an interface.A case study is performed and prototypes are designed with support from guidelines andrecommendations in the theory part.The conclusion stipulates that in the present situation there are no shortcuts when it comes tomigration of an existing web based system for the mobile web. The recommendation is aspecific interface for each different unit that are going to interact with the system.Research that analyzes differences between all mobile web browsers would be of greatinterest, a research that hopefully leads to guidelines for what level of mobile web standardthey should at least support.