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.

IoT (Internet of Things) are devices which are usually equipped with different kinds of sensors, these sensor values are then sent to a server where these values are somehow processed. It’s predicted that the usage of IoT devices will increase significantly during the upcoming years.   Microsoft has a service named Azure IoT Hub, which is designed for easy administration of IoT devices, but Azure IoT Hub provides no user interface to administer these IoT devices. The task of this project is to create a user interface for Azure IoT Hub. / IoT (Internet of Things) är enheter som vanligtvis är utrustade med olika slags sensorer, dessa sensorvärden skickas sedan till en server där dessa värden på något sätt bearbetas. Det förutspås att användandet av IoT enheter kommer att öka signifikant under de kommande åren.   Microsoft har en tjänst som heter Azure IoT Hub, vilket är designat för att enkelt administrera IoT enheter, men Azure IoT Hub tillhandahåller inget gränssnitt för att kunna administrera dessa IoT enheter. Uppdraget för detta projekt var därför att skapa ett gränssnitt för Azure IoT Hub.

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.

I mitt examensarbete har jag valt att fokusera på att skapa en visuell identitet till mina föräldrarshantverksföretag och att etablera dem online. De har aldrig haft en grafisk identitet av någotslag, trots att de varit i branschen över 30 år. Den enda visuella identitet som existerat ärderas produkter, tomtarna, som fått tala för sig själva. Jag har därmed valt att bygga vidare påjust denna grund för att bibehålla deras varumärkesidentitet och genuinitet. Under arbetet harjag utvecklat en logotyp, en hemsida, skapat en närvaro på sociala medier på Facebook ochInstagram, designat ett utskick för mer åtråvärda kunder, samt gjort en kortfilm för att presenteradem och deras yrke. Som grund för arbetet har jag utgått från intervjuer, workshopsoch deltagande design i samarbete med mina föräldrar, för att få en känsla för vad just de villförmedla för framtida kunder. Företaget har även genomgått ett namnbyte för att bättre speglaverksamheten. / This is a study of a small craftwork establishment, and the balance between creating a graphicidentity and maintaining the essence and voice that has been developed through the company’s30 year history. Through close collaboration with the clients we have pinpointed thebrand personality and how they want their visual identity to be represented towards potentialfuture clients. To establish this I have used the methods of participatory design through interviews,workshop and business model canvas. For the end result I have developed a graphicidentity that contains a website, logotype, social media presence on Facebook and Instagram,and designed a sendout that will be targeted towards their more desirable clients. I have alsoproduced a short film to present both of them as creators and th eir products and will be thelarger piece of the storytelling aspect of my work. The company has also undergone a namechange to better reflect the business.

The project that is presented in this report is the result of a master thesis for the Industrial Design Engineering programme at Luleå University of Technology. The project was conducted towards and together with the company Leosol during the fall of 2020.  For the past couple of years, Leosol has invested time and money into online advertisement. Their advertisement generates a greater visit flow onto their website; however, it rarely produces any bookings of their services. Leosol wants to increase the number of bookings done through their website. This master thesis is conducted to contribute towards Leosol’s goal regarding the online bookings. Therefore, the focus of this project has been to strengthen Leosol’s brand by exploring options for a new graphic profile and a visual brand language. These brand tools were be implemented in a new website.  To achieve this, an altered version of IDEO’s Human-Centered Design process was implemented. By working close to the user, in this case, Leosol’s clients, the current issues and solutions was clarified. Throughout the process, the graphic profile and the wireframe was developed separately. In the last phase of the project, the two was combined into the final concept.  The project resulted in a repositioning of Leosol’s brand, creating a new, more professional tone. The graphic profile was summarized through a poster, describing the new logotype, colours, fonts, imagery and a short description of how to apply them.  This new graphic profile was applied onto the new wireframe, creating the final website. The layout of the website was developed so that the user can quickly identify Leosol’s identity and mission. By implementing a website that truly represents Leosol, there is a bigger chance that the number of bookings increase. / Projektet som presenteras i den här rapporten är resultatet av ett examensarbete för Civilingenjörslinjen Teknisk Design vid Luleå Tekniska Universitet. Projektet har drivits mot och i samarbete med energiföretaget Leosol under hösten 2020. Leosol har investerat både pengar och tid i annonsering online. Detta har genererat ett större besöksflöde, dock har det inte lett till en ökning av bokningar av deras tjänster. Leosol vill öka antalet bokningar som sker via deras hemsida. Detta examensarbete har utförts för att bidra till detta mål. Projektet har därför kretsat kring att förstärka Leosols varumärke genom att utforska olika alternativ till en ny grafisk profil och ett nytt visuellt varumärke. Dessa nya varumärkesverktyg kommer sedan att implementeras i en helt ny hemsida.  En variant av IDEO’s Human-Centered Designprocess har använts under projektet för att uppnå detta. Genom att arbeta nära och tillsammans med användaren, i detta fall Leosols kunder, har de nuvarande problemen samt olika lösningar förtydligats och identifierats. Under processen har den grafiska profilen och wireframen för hemsidan skapats separat. I sista fasen i projektet kombinerades dessa till det slutgiltiga konceptet. Projektet har resulterat i en ompositionering av Leosols varumärke genom att skapa en mer professionell ton. Den grafiska profilen har sammanfattats i form av en poster. Denna beskriver den nya logotypen, färger, typsnitt, bildspråk samt en kort instruktion som förklarar hur dessa bör appliceras.  Den nya grafiska profilen applicerades sedan på wireframen, för att skapa den slutgiltiga hemsidan. Hemsidans layout är skapad för att användaren ska snabbt kunna identifiera Leosol’s identitet samt deras tjänster. Genom att implementera en hemsida som verkligen representerar Leosol ökar chanserna för att antalet bokningar på deras hemsida stiger.

I detta projekt jobbar vi för att skapa ett program åt Infozone Sverige AB tillsammans med professionella utvecklare från företaget. Programmet är en webbportal som används till att övervaka och visa driftinformation om ett nätverk. Tanken är att denna portal skall integreras i ett ännu ej byggt system för nätverksövervakning som Infozone senare kan sälja till kund. Produkten tas fram med Scrum samt testdriven utveckling och under utvecklingen jobbar laget med bestämda metoder och SOLID-principerna för att säkerställa programmets kvalitet. Webbportalen utnyttjar moderna teknologier och ramverk för webbutveckling, bland annat är den en Single Page Application (SPA), använder följsam webbdesign och utnyttjar Microsofts .NET-plattform. I slutändan är inte alla ställda krav uppfyllda, men i och med att Scrum används är programmet fungerande vid projektets avslutande. De krav som faktiskt implementeras görs så till fullo. Vidare visar det sig att det inte alltid är bäst att använda de senaste ramverken, utan mer beprövade metoder och teknologier kan i vissa fall vara mer lämpliga. / In this project we are creating a program for Infozone Sverige AB together with professional developers from the company. The program is a web portal which will be used to monitor and show system status of a network. The plan is that this web portal will be integrated into a not yet built network monitoring system which Infozone later can sell to their clients. The product is developed using Scrum together with test-driven development and during the development the team is working with certain methods and the SOLID principles to ensure the quality of the program. The web portal takes advantage of modern technologies and frameworks for web development, among other things it is a Single Page Application (SPA), uses responsive design and Microsoft’s .NET platform. In the end not all requirements are met, but because we are using Scrum, the program is functioning at the end of the project. The requirements that are implemented, are fully so. Furthermore, it is shown that it is not always best to use the latest frameworks, but the more tested methods and technologies can in some cases be more appropriate.

More understanding is needed of how the visual design affects the user experience of trustworthiness in web design. Research has shown that the aesthetic part of web design is more important than previously thought and that more knowledge is needed in this area. The purpose of this study is therefore to investigate how the visual design affects the user’s experience of trustworthiness. This is to create an understanding of which parts of a websites visual appearance affect the users experience of trustworthiness more or less. This study was based on the Research Model (Figure 1) by Fasial et al. (2017), which was the result of a study that examined different kind of factors that affected trust, satisfaction and loyalty among website users. The Research model was in this study modified and supplemented with additional factors that were considered important based on what emerged regarding trustworthiness from previous research. Two different housing agency websites were studied as an attempt to capture the user’s true perception of trustworthiness, where a basis for credibility considered to be preconceived. As data collection, to capture conceivable situations, user tests were created with suitable scenarios in an attempt to capture possible situations and to get the flexibility required to capture user’s feelings and experiences. The analysis showed that the visual design evokes emotions such as frustration and that the web pages can be perceived cluttered due to the visual design. But the most important factors were the interaction and content parts of the website, where both housing agencies were less successful in this case. Although the findings show that the two websites in this study can improve their visual design within these parts – this study, as also previous research showed, that the factors in a way belong together and affect each other. Therefore, it is important to use the developed model as a tool to avoid missing important factors when creating/reviewing a website that may affect the user’s experience of trustworthiness / Inom webbdesign behövs det mer förståelse hur den visuella designen påverkar användarens upplevelse av trovärdighet. Forskning har visat att den estetiska biten inom webbdesign har en större betydelse än man tidigare tro och a det därför behövs mer kunskap inom dea område. Därför har den här studiens syfte varit a undersöka just hur en webbsidas visuella design påverkar användarens upplevelse av trovärdighet. Dea för a skapa en förståelse över vilka delar av det visuella som påverkar användaren mer eller mindre. Den här studien utgick från Research model (Figur 1) av Faisal et al. (2017), som var ett resultat av en studie som handlade om a undersöka faktorer som påverkade förtroende, tillfredsställelse och lojalitet hos användarna. Modellen modifierades och kompletterades med ytterligare faktorer som ansågs viktiga utifrån vad som kom fram gällande trovärdighet ur tidigare forskning. Som försök för a fånga användarnas verkliga trovärdighetsuppfaning studerades två olika bostadsförmedlingswebbsidor där en grund till trovärdighet ansågs vara förutfaad. För a fånga tänkbara situationer skapades användartest med passande scenarion som datainsamling för a få den flexibilitet som krävdes för a fånga användarnas känslor och upplevelser. Analysen visade a den visuella designen framkallar känslor som frustration och a webbsidor kan uppfaas röriga på grund av den visuella designen, men att interaktionen och innehållet var de viktigaste faktorerna där båda bostadsförmedlarna lyckades mindre bra. Även om fynden visade a just dessa två webbsidor kan förbära sin visuella design inom dessa delar - så visade denna studie, som även tidigare forskning visat, a faktorerna på e sä hör ihop och påverkar varandra. Därför är det till fördel a använda sig av den framtagna modellen som grund för a undvika a gå miste om viktiga delar vid skapandet/granskandet av en webbsida som kan påverka användarens upplevelse av trovärdighet.

Webbplatser har idag mindre än en sekund på sig att göra ett visuellt intryck innan besökaren riskerar att gå vidare till en annan webbplats. I hotellbranschen där kundrelationer är högt värderat och det fysiska mötet i många fall har bytts ut mot hotellets webbplats spelar det visuella intrycket en viktig roll. Varje kontakt en besökare har med ett företags webbplats påverkar besökarens känslor för varumärket och således kundrelationen. Framtidens stora kundsegment Generation Z kräver hög kvalitet på webbdesign vilket innebär att det är viktigt för företag att förstå hur deras webbplats kan skapa ett bra intryck för att fånga målgruppen. Forskning visar att visuella webbdesignelement har en påverkan på besökarens tillfredsställelse, tillit samt lojalitet, vilket även är tre viktiga faktorer för att bygga kundrelationer. Genom att analysera hur webbdesignelementen foto, färg, visuell ordning, visuell komplexitet samt informationsdesign/text påverkar tillfredsställelse, tillit samt lojalitet på en hotellwebbplats syftar studien till att skapa en förståelse för hur en hotellwebbplats således kan påverka kundrelationer med personer som tillhör Generation Z. Studien har genomförts med en kvalitativ metod i form av semistrukturerade intervjuer med en kompletterande enkät. Sex respondenter som tillhör Generation Z studerade två hotellwebbplatser där samtliga webbdesignelement diskuterades med utgångspunkt kring tillfredsställelse, tillit samt lojalitet. Studiens resultat visar att samtliga webbdesignelement i undersökningen har en avgörande roll för att uppfylla besökarens förväntningar och kan således påverka tillfredsställelse, tillit och lojalitet som i sin tur har en påverkan på kundrelationer. / Websites today have less than a second to make a visual impression before the visitor risks leaving for another website. In the hotel industry where customer relationships are highly valued and the face-to-face meeting has in numerous cases been replaced by the hotel's website, the visual impression plays an important role. Each contact a visitor has with a company's website will affect the visitor's feelings towards the brand and thus affect the customer relationship. Generation Z, the large customer segment of the future, requires high quality web design. This means that it is important for companies to understand how their website can make a good impression to capture the target audience. Research shows that visual web design elements have an impact on visitors' satisfaction, trust, and loyalty, which are also three important elements in building customer relationships. By analyzing how the web design elements photo, color, visual order, visual complexity and information design/text affect satisfaction, trust and loyalty, the study aims to create an understanding of how a hotel website can affect customer relationships with people belonging to Generation Z. The study was conducted with a qualitative method with semi-structured interviews and a supplementary questionnaire. Six respondents who belong to Generation Z studied two hotel websites where all web design elements were discussed based on satisfaction, trust, and loyalty. The findings in this study show that all web design elements examined are crucial for meeting the visitor's expectations. Thus, it can affect satisfaction, trust, and loyalty, which in turn has an impact on customer relationships.

Digitaliseringen är allmänt utbredd i vårt samhälle vilket innebär att dagens unga människor växer upp i en miljö där tekniska lösningar, såsom webbplatser, är en central del i ungas vardag, vilket ibland även kan påverka livsbeslut. Det svenska skolsystemet styrs idag av marknadsprinciper som innebär att konkurrensen om att rekrytera elever har blivit avgörande för skolornas överlevnad. Därför finns det incitament för att skapa differentierade och åtråvärda skolvarumärken via skolans webbplatser. Dessa webbplatser bör således utformas så att de lever upp till ungas behov och krav för att skolorna skall vara konkurrenskraftiga på marknaden. Därför är syftet med denna studie att undersöka hur ett gymnasieförbunds webbplats kan påverka potentiella elevers val av gymnasieskola. För detta genomfördes en kvalitativ forskning, där data samlades in genom individuella semistrukturerade intervjuer med åtta ändamålsenligt utvalda deltagare från elever i årskurs nio. Den insamlade datan analyserades tematiskt och diskuterades vidare med hjälp av det teoretiska ramverket och huvudsakliga litteraturbegrepp, såsom interaktionsdesign, användarupplevelse, generation Z, skolvarumärke och webbdesign, inklusive Self-determination theory. Forskningsresultatet visar på att en gymnasieförbunds hemsida kan ha en viss påverkan på elevernas val av gymnasieskola när det gäller tillgång till information om de tillhörande skolorna. Förbundets hemsida ansågs inte vara avgörande för om en elev väljer att ansöka till en viss skola eller inte, men den ansågs ha betydelse för hur en elev uppfattar skolorna innan de har haft en chans att uppleva skolan på andra sätt. Ett flertal deltagare ansåg att hemsidan kunde vara avgörande om de potentiella eleverna inte fått tillräcklig information från annat håll, såsom samtal med studieoch yrkesvägledare, gymnasiemässan eller kontakter på skolan de var intresserade av. Resultatet visar på att valet av gymnasieskola huvudsakligen baserades på andras erfarenheter och uppfattningar om skolan såsom familj och vänner till den potentiella eleven eller genom nuvarande elever på skolorna. Majoriteten av deltagarna tog upp bilderna på webbplatserna varav ett antal påpekade att de potentiellt skulle kunna vara positivt förstärka och ifrågasatte således innehållets trovärdighet, därför var det viktigt att skolorna porträtterades sanningsenligt och att webbplatserna speglade den fysiska skolan. Ett antal deltagare påpekade att gymnasieförbundets webbplats borde vara neutral och inte lyfta fram vissa skolor för att påverka potentiella elever att välja en skola framför en andra.Således bidrar denna kandidatuppsats till en förståelse för hur en grupp svenska niondeklassare gått till väga för att utforska valet av gymnasieskola med fokus på hur användarupplevelsen av ett gymnasieförbunds webbplats kan påverka valet av gymnasieskola. / Digitalisation is prevalent in our society and, therefore, today’s young people grow up in an environment where technological solutions, such as websites, are present in every part of their life, affecting sometimes their life decisions. The Swedish school system nowadays is ruled by marketing principles and the competition of recruiting students has become critical for schools survival. Hence, there are incentives to create desirable school brands through the school’s websites. These websites should be designed in a way to live up to young people’s needs and requirements and, at the same time, for schools to remain competitive in the market. Therefore, the purpose of this bachelor’s thesis research is to explore how a high school association's website can influence the potential students' choice of high school. For this, a qualitative research was conducted, where data was collected through individual semi-structured interviews with eight purposively selected participants-students of the ninth grade. The collected data was analysed thematically and was later discussed with the help of the theoretical framework and main literature concepts, such as interaction design, user experience, generation Z, school branding, and website design, including the Self-determination theory.The research findings show that a high school association's website can have a certain impact on students' choice of high school in terms of access to information about the associated schools. The association’s website was not considered crucial to whether a student chooses to apply for a certain school or not, however, it was considered to have an effect on how a student perceives the schools before the they have had a chance to experience the school in other ways. A number of participants considered that the website could be crucial if the potential students had not received sufficient information from elsewhere, such as conversations with studies and career counselors, the high school fair or contacts at the school. The results show that the choice of high school was mainly based on others' experiences and perceptions of the school such as current students of the schools and family and friends of the potential student. A majority of the participants brought up the imagery on the websites and pointed out that it could potentially be positively reinforced, questioning the authenticity of the content, hence it was important that the schools were portrayed truthfully and that the websites reflected the physical school. A number of participants pointed out that the high school foundation’s website should be neutral and not highlight a certain school to influence potential students to choose one over the other. Thus, this bachelor’s thesis research contributes to an understanding of a group of Swedish ninth grade students’ way of exploring the choice of high school with emphasis on the user experience of a high school association's website’s influence on the choice.