Konsumenters beteende har förändrats och i dag är det helt normalt att handla varor via Internet. Den totala e-handeln ökat för varje år som gått sedan försäljning via internet kom igång på allvar i början av förra decenniet. Användare bokar resor, köper hemelektronik, kläder, skor och böcker och tron på framtiden bland e-handlarna fortsätter att vara stark trots att ekonomin har försämrats under året och lågkonjunkturen påverkat detaljhandeln i stort.Det råder stor konkurrens bland alla e-handelsaktörer på internet och de etablerade kedjorna har genom sitt starka varumärke inga problem med att få kunder. Sämre är det för oetablerade e-handelsföretag och okända e-handelskedjor, vilket beror på den osäkerheten som kunder upplever när de besöker okända webbsidor utan ett välkänt varumärke. För att minska osäkerheten och öka förtroendet för webbsidan är den grafiska designen en av de viktigaste aspekterna, en webbsida som har bra grafisk design ökar förtroende för webbsidan. Det beror på att webbsidan ger besökaren ett bättre första intryck som påverkar hur webbsidan upplevs, men hur stor påverkan har det första intrycket? För att kunna besvara frågan kommer vi att använda oss av frågan "hur påverkar den grafiska designen användarens första intryck av okända e-handelsplatser?". Den empiriska studien gjordes för att kunna få med användarens åsikter och studien gjordes på flygsidor som förmedlar lågprisflyg i Asien. Studien använder sig av webbsidor från Asien då forskarna vill använda sig av webbsidor som är okända för respondenterna och undersökningen använder sig av semistrukturerade intervjuer och observation. Frågor ställdes till nio respondenter om hur de upplevde de olika webbsidorna utifrån det första intrycket samt även om den grafiska designen som användes av varje webbsida. Genom att observera såg vi respondenternas reaktioner angående de olika webbsidorna. Alla respondenter utom en var studenter mellan 20-30 år gamla och alla har e-handlat minst fem gånger, det gjordes då vi vill använda oss av respondenter med tidigare erfarenhet från e-handel. Det material som insamlats analyserades sedan med hjälp av en komparativ analys metod som användes för att jämföra teori och empiri. Det gjordes för att kunna se skillnader i hur en webbsida ska designas enligt teori mot hur de webbsidor som undersökt har utformats, skillnaderna användes sedan för att kunna se hur den grafiska designen påverkade det första intrycket. Analysen användes som grund för att kunna dra slutsatser om vilka grafiska design aspekter som är viktigast vid utformning av flyg webbsidor. Resultatet visar att de webbsidor som inte följer de webbdesignregler som finns, anses vara mindre trovärdiga och respondenterna är då mindre benägna att e-handla från webbsidan.

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. Allt från hur man skriver en rapport till hur man får inspiration. Inom ramen för detta examensarbete presenterades en enklare betaversion av webbsidan. Detta omfattade en fullständig grafisk profil, responsiv design och vissa funktioner såsom exempelvis forum och användarkonto. Rapporten följer även utvecklingen av webbsidan i det populära CMS-verktyget WordPress. Teoretisk bakgrund har förankrat alla slutgiltiga beslut för webbsidans design och funktion, vilket även återkopplats genom användartester. / This report describes the creative process of the website aiducate.se, which purpose is to support, motivate and guide high school students in their education. The project was conducted independently without any employers and lasted for a period of ten weeks. The basis of the project was a prior study that showed a lack of motivation among high school students. A supplementary survey showed that the students wanted to modernize the education with contemporary teaching methods. As a complement to high school education, the innovation Aiducate was made which in the future will include various tools for the studies. Everything from how to write a report to how to get inspiration. Within the framework of this thesis a simpler beta version of the website was presented. This included a complete graphic profile, responsive design and some features such as a forum and user account. The report also follows the development of the website in the popular CMS tool WordPress. Theoretical background has anchored all final decisions for the website’s design and function, which also reconnects through user testing.

Denna rapport redovisar för design- och utvecklingsprocessen i byggandet av en responsiv webbsida. Webbsidan skapades för användning av den blivande spelstudion Rocket Luncher Studios. Wordpress som CMS (Content Management System) har används som innehålls-hanteringssystem för att förenkla uppdatering av webbsidan av uppdragsgivaren själva. Webbsidan är kodad utifrån Luke Wroblewskis ”mobile-first”-tänk, vilket börjar med att fokusera designen på mindre skärmar för att sedan anpassa innehållet mot större skärmstorlekar. För att göra designen responsiv har de tre beståndsdelarna flexible grid, flexible images/media och media queries använts, utöver kodning i HTML, CSS, PHP och JavaScript. Resultatet av denna rapport blev en undersökning av design- och utvecklingsprocessen vid byggandet av en responsiv webbsida. Det praktiska i examensarbetet resulterade i en responsiv prototyp till en webbsida för en spelstudio. / This report describes the design and development process in building a responsive website. The website was created for the use of the intended game studio Rocket Lunches Studios. Wordpress has been used as a CMS (Content Management System) to simplify the updating of the website by the client themselves. The website is coded by thinking "mobile-first", which begins with the design focusing on smaller screens and then adapt the content on larger screen sizes. To make the design responsive the three components flexible grids, a flexible images / media and media query has been used, in addition to coding in HTML, CSS, PHP and JavaScript. The result of this report is a survey of the design and development process when building a responsive website. The practicality of the thesis resulted in a responsive prototype of a web page for a game studio.

På vilka sätt kan ett företag profilera sig och vad kan effekterna komma att bli? Hur uppfattas ett företag vid en drastisk imageförändring? Denna rapport går igenom skaparprocessen över en re-design av en webbsida och framtagning av en presentationsfilm för att se om företaget Ligistfilm kan uppfattas på ett nytt sätt. Från en svart, mörk och maskulin webbsida till en ljus, modern och frigjord tillsammans med en presentationsfilm över hur Ligistfilm arbetar, tittar vi närmare på hur besökarnas syn på företaget kan förändras. Förändringen innefattar även ett skifte i fokus, från en webbsida med fokus på företaget Ligistfilm till en webbsida med fokus på individuella regissörer. Användartester som utförts visar hur Ligistfilm uppfattas utifrån den gamla webbsidan jämfört med den nya webbsidan tillsammans med presentationsfilmen. / How can a company brand themselves and what may the effects of this be? How is a company perceived by a drastic change of image? This essay describes the creative process of a re-design of a website and the development of a presentation movie to see if the production company Ligistfilm can be perceived in a new way. From a black, dark and masculine website into a bright, modern and open-minded website along with a presentation film about Ligistfilm and their work, we will look into how the visitors perception of the company can change. The change of the website includes also a shift of focus. From being a website focusing on Ligistfilm as a company into a website focusing on their directors individually. User tests showed how Ligistfilm are perceived by the old website compared to the new one together with the presentation film.

Phos Graphis är en mötesplats för fotografer och modeller. Denna mötesplats ska fungera som en grund för att hitta den medpart man söker, t.ex. en fotograf som letar efter en modell till ett projekt. Användarna erbjuds även egna gallerier och möjligheter att diskutera i forum samt privat meddelandefunktionalitet. Grundtanken är att Phos Graphis ska fungera som ett verktyg för att lättare kunna utvecklas inom sin roll.

Smakbas – Gourmet Grön är en webbplats som ska kommunicera den gröna maten och marknadsföra Gourmet Gröns smakbaser. Webbplatsen innehåller information och bakgrund om smakbaserna, samt hur man jobbar med dem. Det finns även en lite annorlunda receptbank där besökaren kan titta på recept. / Detta är en reflektion på en digital medieproduktion.

Syftet med detta kandidatarbete var att sätta samman ett promopaket bestående av en webbsida och en demo-EP med passande grafisk design. EP:n har tre spår elektroakustisk instrumentalmusik av skiftande karaktär, samt ett stilrent men ändå suggestivt omslag. Webbsidan är till för att presentera mig själv och mitt arbete (inte bara musik), och är byggd med hjälp av HTML, PHP, CSS och MySQL. / The purpose of this bachelor exam project was to compile a promo package consisting of a website and demo EP with suitable graphic design. The EP has three tracks of electro acoustic instrumental music of varying character, as well as stylistically pure yet suggestive cover artwork. The website is a presentation of myself and my work (not just music), and was built using HTML, PHP, CSS and MySQL. / Detta är en reflektionsdel till en digital medieproduktion.

För att särskiljas från konkurrenter och vara förtroendeingivande är en konsekvent grafisk identitet av stor vikt. Därför syftar föreliggande undersökning till att modernisera den grafiska identiteten hos Falu Glastjänst för att denna ska förmedla hållbarhet, kvalité och service. Vidare är målet att leverera en webbsida där den grafiska identiteten tillämpas och en rekommenderad grafisk manual till Falu Glastjänst. Semi-strukturerade intervjuer genomfördes med Falu Glastjänst och en kund till företaget. Två webbaserade enkätundersökningar utfördes där den första syftade till att ta reda på målgruppens tillvägagångssätt vid behov av ett glasmästeri, medan den andra enkäten utfördes för att testa det framtagna materialet på potentiella kunder. Vidare genomfördes Card Sortings med fyra potentiella kunder och tre personer inom IT-branschen för att bygga en maximal hierarki och således en användarvänlig webbsida. Undersökningen resulterade i en logotyp och grafisk identitet som enligt Falu Glastjänst samt tidigare- och potentiella kunder förmedlar hållbarhet, kvalité och service. Från undersökningen har även en webbsida kunnat tas fram, där hierarkin är baserad på respondenternas och således målgruppens önskemål och vanor. / Graphical identity is important for a company to distinguish itself from the competition and to give it a reliable business image. The present study aims therefore to modernize the graphical identity of Falu Glastjänst in order to communicate sustainability, quality and service. A further goal is to develop a website in which the modernized graphical identity is applied as well as a recommended graphical manual for Falu Glastjänst. Semi-structured interviews were conducted with Falu Glastjänst and one of its customers. Two web-based surveys were carried out. The first survey aimed at studying the behavior of a target group in need of glazing service. The second survey was carried out to test the results of the first survey on a new group of potential customers. In order to build a user-friendly website with best hierarchy, Card Sortings was carried out with four potential customers and three IT professionals. Results of the study include a new logotype and graphic identity which communicate sustainability, quality and service. This has been confirmed by Falu Glastjänst as well as their former and potential customers. A further result of the study is a new website for Falu Glastjänst with a hierarchy based on participants of the study and thereby the target group’s wishes and habits.

New technological innovations like tablets and smartphones have a taken significant market share on the web and puts new demands on webpages, the user interface and compatibility among different client devices. The full test of a web-based system prior to the publication is often regarded as an important part of the process to create a complete and successful website. This bachelor thesis investigates the possibility to analyze mobile-adapted web sites using a system that first records the visitor's activities and then replays them for an expert analyst to provide valuable information to developers about how their site can be improved. The essay begins with a litterature study on today's most common web development tools and then examines the possibility to apply them during the development of the analysis tool. The work also describes two methods, pair programming and waterfall method used during the project. Three different evaluation methods are presented and one of the models is applied on the finished system. The project results in a web-based analysis tool written mainly in JavaScript using the jQuery library. The analysis tool is tested to not affect the user experiences and evaluated by known evaluation models. / Nya tekniska innovationer som surfplattor och smarta mobiltelefoner har intagit stora marknadsandelar på webben vilket sätter nya krav på webbsidornas användargränssnitt och kompatibilitet bland olika klientenheter. Ett fullständigt test av ett webbaserad system före offentlig publicering anses ofta som en viktig del i utvecklingen för att skapa en komplett och framgångsrikt webbsystem. Denna kandidatuppsats undersöker möjligheten att analysera mobilanpassade webbsidor med hjälp av ett system som först spelar in besökarens aktiviteter och sedan spelas upp för utbildade webbanalytiker som ska kunna ge värdefull information till utvecklare om hur deras sida kan förbättras. Uppsatsen börjar med en litteraturstudie på dagens vanligaste webbutvecklingsverktyg för att sedan undersöka möjligheten att tillämpa dessa under utvecklingsfasen av analysverktyget. Arbetet beskriver även två arbetsmetoder som har använts under projektets gång: parprogrammering och vattenfallsmetoden. Tre olika utvärderingsmodeller presenteras och en av modellen tillämpas på det färdiga system. Projektarbetet resulterar i ett webbaserad analysverktyg skrivet huvudsakligen i JavaScript med biblioteket jQuery. Analysverktyget testas för att inte påverka besökarens surfkänsla samt utvärderas efter kända utvärderingsmodeller.

In Sweden, political decision-makers assume that digitalization has become part of people’s everyday lives and look at its possibilities. In 2017, a new digitalization strategy was formed by the government. The main goal is to improve the digital competence of Sweden’s residents and confidence in the digital society. Children and young people are a priority when it comes to investing in digitalization both in school and in libraries. Digital competence as well as good reading skills are considered crucial to be able to participate in society. At the same time, previous research indicates that reading ability in children is decreasing. The responsibility of improving digital competence falls on the municipalities who believe that libraries can promote digital participation by developing visitors’ digital skills. The question is whether all libraries have this possibility and can meet this need of the population and to what extent depending on the resources the libraries have and the local conditions and restrictions that exist. The research questions are: How do libraries work with digital media and e-books to reach children and young people based on libraries’ websites and library plans? How do library plans relate to local practitioners; libraries’ websites and libraries’ e-books websites? What conditions, opportunities and constraints are linked to digital media and digitalization; based on libraries’ websites and library plans? What does it mean for libraries that the municipalities have the power and emphasize certain views and discourses in the library plans? The purpose is to investigate dominant conceptions in library plans and how these are put into practice on the libraries’ websites, with a focus on children and young people. The result showed that in the library plans, digitalization and libraries were either described based on possibilities or challenges and limitations. Children and young people were described together with a wide range of media types which shows that libraries are aware that children and young people use different kinds of media. The analysis of the various websites for children and young people showed that the children’s websites of libraries can look very different in terms of both appearance and content. The best thing would be if the websites looked similar in order for children and young people to be able to receive the same service no matter which website they visit. The analysis of the websites with e-books showed that they were more similar in appearance.   This is a two years master's thesis in Library and information science.