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.

Die Übertragung der amphiphilen Grundbausteine der Liposome in die Welt der Polymere führte zu Blockcopolymeren, welche sogenannte Polymersome bilden können. Die synthetische Herkunft der Polymere ermöglicht es, eine Vielzahl von verschiedenen chemischen Funktionalitäten einzubringen. Anwendungen von Polymersomen werden vor allem als Wirkstoffträgersystem oder im Bereich der synthetischen Biologie als Nanoreaktoren oder künstliche Zellorganellen ausgemacht. In vielen Fällen wird dabei eine Schaltbarkeit oder Responsivität der Vesikel gegenüber äußerer Stimuli benötigt. Als nächste Stufe der Komplexizität können die responsiven, »smarten« Polymersome innerhalb ihrer Membran quervernetzt werden, wodurch es möglich wird, den Durchmesser und die Membranpermeabilität der Vesikel reversibel hin- und herzuschalten. Diese Arbeit baut dabei auf pH-responsiven Polymersomen auf, welche durch photochemische Reaktionen vernetzt werden. Dabei soll zunächst der Frage nachgegangen werden, an welchem pH Wert genau der Übergang von kollabierten zu gequollenen Vesikeln erfolgt und wie sich dieser »kritischer pH« (pH*) verändern und einstellen lässt. Neben der Herstellung von maßgeschneiderten Polymersomen ist aber auch die detaillierte Charakterisierung ihrer Membraneigenschaften unabdingbar, wofür die Titration mit Fluoreszenz-Sonden eingesetzt wurde. Darüber hinaus wurden Enzyme in die Vesikel eingekapselt wobei die neuartige Methode der post-Verkapselung untersucht wurde.

Die Übertragung der amphiphilen Grundbausteine der Liposome in die Welt der Polymere führte zu Blockcopolymeren, welche sogenannte Polymersome bilden können. Die synthetische Herkunft der Polymere ermöglicht es, eine Vielzahl von verschiedenen chemischen Funktionalitäten einzubringen. Anwendungen von Polymersomen werden vor allem als Wirkstoffträgersystem oder im Bereich der synthetischen Biologie als Nanoreaktoren oder künstliche Zellorganellen ausgemacht. In vielen Fällen wird dabei eine Schaltbarkeit oder Responsivität der Vesikel gegenüber äußerer Stimuli benötigt. Als nächste Stufe der Komplexizität können die responsiven, »smarten« Polymersome innerhalb ihrer Membran quervernetzt werden, wodurch es möglich wird, den Durchmesser und die Membranpermeabilität der Vesikel reversibel hin- und herzuschalten. Diese Arbeit baut dabei auf pH-responsiven Polymersomen auf, welche durch photochemische Reaktionen vernetzt werden. Dabei soll zunächst der Frage nachgegangen werden, an welchem pH Wert genau der Übergang von kollabierten zu gequollenen Vesikeln erfolgt und wie sich dieser »kritischer pH« (pH*) verändern und einstellen lässt. Neben der Herstellung von maßgeschneiderten Polymersomen ist aber auch die detaillierte Charakterisierung ihrer Membraneigenschaften unabdingbar, wofür die Titration mit Fluoreszenz-Sonden eingesetzt wurde. Darüber hinaus wurden Enzyme in die Vesikel eingekapselt wobei die neuartige Methode der post-Verkapselung untersucht wurde.

Fler går över till att använda mobila enheter för att besöka webben samtidigt som e-handelsmarknaden växer. Till skillnad mot fysiska butiker så saknar ofta butiker på nätet möjligheten till att ge tillräcklig information om produkterna. Bilder blir därmed en viktig nyckelfaktor för att ge kunder möjligheten att undersöka produkterna innan köpbeslut fattas. Problemet med bilder är att de bidrar till långsam sidladdning framförallt för de mindre enheterna som används vid e-handel vilket påverkar användbarheten negativt. Studien i projektet undersöker två olika bildimplementationstekniker, en villkorsbaserad bildteknik och flexible image för att undersöka skillnaderna i laddningstid. Prestandamätningarna visade att en villkorsbaserad bildteknik presterar bäst på mobila enheter medans det inte går att säga om det finns någon skillnad mellan bildteknikerna på desktopenheter. För framtiden kan även en webbserver användas istället för en lokal server för att skapa ett mer verklighetsbaserat resultat och fler optimeringar kan göras på bilderna för att utvärdera laddningstiderna ytterligare.

SÖRAB is a waste disposal firm that is operative in nine of the municipalities in Stockholm County, Sweden. Each municipality has their own separate management of information and services. SÖRAB aspires to facilitate the process of finding and placing orders on waste disposal services for the residents in these municipalities. This thesis examines what should be done in order to centralize the municipalities’ waste disposal information into a shared portal. The main difficulties, concerning centralization, are that the municipalities use different underlying customer systems and have different practices in regulating waste disposal rates. After proposals for solutions for the identified problems are presented, an investigation into the most suited application type for the portal is conducted. This investigation focuses on a comparison between the two application types native mobile applications and mobile web applications. The usability of the portal is considered important. Hence different techniques, aiming to increase the usability of the graphical interface, are researched and presented. The identified problem areas, the application study and the usability aspects are the foundation for the development of a functional prototype of the portal. The result of the thesis is a prototype of a responsive web application. The prototype is implemented with the framework Angular. In order to facilitate potential future development, an architectural document describing the prototype is written. The thesis can be usable for future implementation projects. It presents a functioning methodology, gives insight in usability principles and compares pros and cons with different application types. / SÖRAB är ett avfallsbolag som är verksamt i nio av Stockholm läns kommuner. Varje kommun har separat hantering av information och tjänster. SÖRAB vill underlätta för kommuninvånarna att hitta och beställa tillgängliga avfallstjänster. Detta examensarbete undersöker vad som krävs för att centralisera kommunernas avfallsinformation i en gemensam portal. De stora svårigheterna kring centraliseringen ligger i att kommunerna använder olika bakomliggande kundsystem och tillämpar olika sätt att styra sina avfallstaxor. Efter att lösningsförslag för problemområdena presenteras, undersöks vilken typ av plattform som passar bäst för portalen. Denna undersökning jämför de två applikationstyperna nativa mobilapplikationer och mobila webbapplikationer. En viktig del för portalen anses vara dess användarvänlighet. I rapporten undersöks och presenteras därför olika tekniker som kan höja användarvänligheten i grafiska gränsnitt. De identifierade problemområdena, applikationsstudien och användarvänlighetaspekterna, blir underlag för att utveckla en funktionell prototyp av portalen. Examensarbetets resultat är en prototyp av en responsiv webbapplikation. Implementeringen sker med ramverket Angular. För att underlätta eventuellt fortsatt arbete, skrivs ett dokument som beskriver prototypens arkitektur. Rapporten kan vara till nytta för framtida implementeringsprojekt. Den uppvisar en fungerande metodik, ger insikt i användarvänlighetsprinciper och jämför föroch nackdelar med olika applikationstyper.

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. En webbenkät har även publicerats på Riksarkivets och Stockholms stadsarkivs webbplatser. / This paper reports a study in how a search service on the Internet can be completed either through a mobile application or through a responsive website, to facilitate use on a smartphone. The focus of the study is on the National Archives' search service National Archives Database (NAD), which is not currently adapted to mobile devices. Our aim is also to investigate how the attitude looks for applications and responsive websites among users and how these views differ between user groups. Together with data from previous research, a study was conducted to examine the pros and cons between apps and responsive websites. In our investigations we have chosen to use two methods of data collection: a quantitative web survey and semi-structured qualitative interviews, to complement each other. A total of nine interviews were conducted with three members from each of National Archives' main target groups. An online survey has also been published on the National Archives and Stockholm stadsarkivs websites.

Digital technology is used today to help consumers in everyday life for example, webpage design and appearance for different devices such as computers, smartphones and tablets. Homepages for all devices can be based on a specific coding called "Responsive Web Design" (RWD).From a social and literary point of view, it appears that RWD in its current form has some problems while transitioning from computer displays to tablets and smartphones. Using the common base that RWD allows for equivalent design expression to different screen sizes should be created by all devices. Although this possibility exists today, there are often differences in navigation that can confuse the user. A consistent design expression facilitates the recognition of the navigation. Additionally, the user experience (UX) through the visual expression can enhance the experience of a webpage or medium used and thus create a whole.This study describes how users look at how the implementation of RWD affects two webpages main menu for computer and smartphone devices. The focus has been on studying the user experience in relation to visual expression. The problem is that RWD in different contexts means that visual expression may be less important and thus changing the user experience. With qualitative interviews, four informants have studied two webpages on both computer and smartphone and expressed their own thoughts. The result of the study shows that the differences between webpages on the computer and smartphone devices do not cause difficulties in the use, but if the similarities between the devices are the same, it creates a more positive user experience. / Digital teknik används idag för att hjälpa konsumenter i vardagen t.ex. hemsidors utformning och utseende för olika enheter så som dator, smartphone och läsplattor. Hemsidor för olika typer av enheter kan göras utifrån en specifik kodning som benämns “responsiv webbdesign” (RWD). Utifrån ett samhälls- och litteraturperspektiv framgår det att RWD i sin nuvarande utformning har en del problematik i övergången från dator till läsplattor och smartphones. Med hjälp av den gemensamma basen som RWD möjliggör för anpassning av samma designuttryck till olika skärmstorlekar ska ett konsekvent uttryck skapas genom alla enheter. Även om denna möjlighet finns idag är det ofta skillnader i navigeringen som kan förvirra användaren. Ett konsekvent designuttryck underlättar igenkänningen av navigationen. Till detta kan användarupplevelsen (UX) genom det visuella uttrycket förbättra upplevelsen av en hemsida eller det mediet som används och därmed skapa en helhet. Denna studie beskriver hur användare ser på hur implementeringen av RWD påverkar två hemsidors huvudmenyer för enheterna dator och smartphone. Fokuset har varit att studera användarupplevelsen i förhållande till det visuella uttrycket. Problemet är att RWD i olika kontext, medför att det visuella uttrycket kan få mindre betydelse, och då ändra användarupplevelsen. Med kvalitativa intervjuer har fyra informanter med sina egna tankar studerat två hemsidor på dator och smartphone. Resultatet i studien visar på att olikheter av hemsidor på enheterna dator och smartphone inte skapar svårigheter i användningen, men om likheten mellan enheterna är densamma skapar det en desto mer positiv användarupplevelse.

För att spara tid och ändå få en responsiv webbplats, kan med fördel ett responsivt front-end ramverk användas. Ett responsivt front-end ramverk kan använda olika angreppssätt: desktop-first och mobile-first. Påverkar front-end ramverkens angreppssätt (approach) något på en webbplats svarstider? Eller finns den stora betydelsen var webbplatsen renderar data, som hämtas från en databas? Ett experiment lämpar sig för att testa studiens hypotes. Utvärdering av studiens fyra olika webbapplikationer och analysering av mätningarna finns, för att få fram slutsatsen som är: Det finns ingen större skillnad mellan front-end ramverken, den stora betydelsen finns på val av rendering. Hypotesen motbevisas, då klientapplikationerna är snabbare än serverapplikationerna på alla plattformarna. Mätningar av svarstider finns och vid ett fortsatt arbete är det intressant bland annat också mäta batterimängden och plattformarnas minne. Implementera fler webbapplikationer, som använder andra front-end ramverk, där mätningarna kan exekveras på fler plattformar, webbläsare och scenarier.

Denna rapport beskriver ett examensarbete som gått ut på att skapa en ny hemsida till den tryckta tidningen Maskinentreprenören. Projektet resulterade i detaljerade skisser för en webbtidning anpassad för desktop, surfplattor och mobiler. Teoretiska ingångar till projektet är begreppen användbarhet, användarupplevelse, designprinciper, teorier om flerkanalspublicering samt normkritisk design. Stor vikt har lagts på en process enligt modellen Design Thinking, där metoder som enkät, intervju, användartest och personas använts för att skapa förståelse för användarna och tjänsten som skall utformas. Dessa metoder har även kopplats till en normkreativ praktik. Syftet med detta har varit att förstå de nuvarande användarna, men även förstå de potentiella användare som tidigare eventuellt uteslutits. / This report describes a practical exam work on creating a new website for the printed magazine Maskinentreprenören. The project resulted in detailed sketches for an online magazine designed for desktop, tablet and mobile. Theoretical frame work in the project are the concepts of usability, User Experience, design principles, theories of multi-channel publishing and norm critical design. A Design Thinking process has been applied during the project, where methods such as survey, interview, user test and personas were used to create an understanding of the users and the service to be developed. These methods have also been linked to a ”norm creative” practice. The purpose of this has been to understand the current users, but also understand the potential users that previously might have been excluded.

Det har blivit allt vanligare att vi idag använder våra mobila enheter till att besöka webben. I detta examensarbete undersöks vilka centrala designprinciper en designer bör eftersträva när avsikten är att förenkla användningen av en webbplats i en statisk och en rörlig situation via den mobila enheten. Examensarbetet innefattar en litteraturgenomgång, observationsintervjuer vid två tillfällen och en prototyputveckling. Det första intervjutillfället identifierade de grundläggande designprinciperna som sedan stod till grund för prototypen. Det andra intervjutillfället genomfördes mot prototypen med samma individer. Det som undersöktes var om de grundläggande designprinciperna förenklade användningen av en webbplats via den mobila enheten. En jämförelse mellan båda intervjutillfällena genomfördes för att sammanställa de centrala designprinciperna. / It has become increasingly common that we now use our mobile devices to visit the web. This thesis examines the central design principles a designer should strive for when it is intended to simplify the use of a website in a static and variable situation trough a mobile device. The thesis includes a literature review, interviews on two occasions and a prototype development. The first interviews identified the fundamental design principles which then became the basis for the prototype. The second interviews were conducted towards the prototype with the same individuals. It examined if the fundamental design principles simplified the use of a website trough the mobile device. A comparison of the two interviews was conducted to compile the central design principles.