The purpose with this project is to evaluate which of today’s technologies for creating web applications is the most suitable to use when constructing web portals. From a great amount of different technologies, five of the most widespread and well known technologies have been chosen and closely examined on nine different web portal specific criteria. The result from this evaluation is a table where all the grades for each technology is displayed. With the help of this table, it is possible to get an idea about what technology is the most suitable to use when constructing a specific web portal. None of the evaluated technologies were better than the others on all criteria, which makes it impossible to select one technology that is the best in every respect. However, guidelines are presented for making an appropriate choice among the evaluated tehnologies.The purpose with this project is to evaluate which of today’s technologies for creating web applications is the most suitable to use when constructing web portals. From a great amount of different technologies, five of the most widespread and well known technologies have been chosen and closely examined on nine different web portal specific criteria. The result from this evaluation is a table where all the grades for each technology is displayed. With the help of this table, it is possible to get an idea about what technology is the most suitable to use when constructing a specific web portal. None of the evaluated technologies were better than the others on all criteria, which makes it impossible to select one technology that is the best in every respect. However, guidelines are presented for making an appropriate choice among the evaluated tehnologies.

Gyllene snittet har sedan en mycket lång tid tillbaka använts som begrepp för att beskriva en proportion som är behaglig för det mänskliga ögat. Proportionen har dels använts för att formge byggnader och måla konstverk men används som flitigast i den grafiska branshen. Då främst gällande affisher och andra format av trycksaker där det är viktigt att läsaren känner att en harmoni existerar. Webbdesign är ett relativt nytt ämne och handlar om hur en webbsida formges, webbsidor har idag många olika uttryck och funktioner och nästan alla människor i Sverige vet vad en webbsida är och vad man använder den till. Syftet med denna studie är att ta reda på hurvida användningen av gyllene snittet på webbsidor ändrar användarens upplevelse samt att kartlägga om gyllene snittet används på de tio mest besökta webbsidorna i Sverige. För att svara på syftet har semistrukturerade intervjuer gjorts för att samla in data. Dessa intervjuer har gått ut på att deltagaren fått se och jämföra bilder på webbsidor. En del av bilderna har varit med orginallayout och en del har varit med gyllene snittet applicerat. Deltagarna har fått titta på bilderna en och en men också samtidigt för att kunna jämföra. Studiens intervjuer har fokuserat på känslor kring bilderna, och hur betraktaren uppfattar det som hen sett framför sig.

Med responsiv webbdesign skapas en design som sedan dynamiskt anpassar sig till olika enheters skärmbredder, utan att specifika designer måste skapas för att få en anpassad layout till varje specifik enhet. De senaste åren har användandet av mobila enheter för surf på webben ökat och kraven som ställs på det mobila surfandet ökar med detta. Ett problem som uppstår med mobila enheter är att de trots sina små skärmar, använder samma högupplösta bilder som skapats för större skärmar. Detta medför att, trots omskalning av bilder för att responsivt anpassa bilden till enheten, så laddas en onödigt stor bild ned till enheten. Detta kan exempelvis p.g.a. dålig uppkopplings-hastighet skapa en långsam nedladdning som i sin tur ger användaren en långsam surfupplevelse. Detta kan också innebära att det stjäls onödigt mycket trafik. I denna uppsats undersöks och utvärderas olika ramverk och lösningar för responsiv hantering av bilder för att ta reda på vad en bästa lösning är på detta problem. Vad en bästa lösning är visade sig bero mycket på vilka grundförutsättningar som råder och vilka krav som från början ställs på den applikation lösningen ska implementeras i. / With responsive web design, a design is created that dynamically adapts to various devices with different screen widths, without the need to create a custom layout for each specific device. In recent years the use of mobile devices to surf the Web has increased and the demands made on the mobile surfing is growing with it. A problem that arises with mobile devices is that despite their small screens, they’re using the same high-resolution images created for larger screens. This means that, despite resizing images to responsively adjust the image to the device, an unnecessarily large image is downloaded to the device. Due to poor connection speeds, this may create a slow download, which in turn provides the user with a slow browsing experience. This could also mean that an excessive amount of bandwidth is being used. This paper investigates and evaluates different frameworks and solutions for responsive handling of images to find out what the best solution is to this problem. What a best solution is, is shown to depend a lot on what basic conditions that prevail and what requirements are initially placed on the application the solution should be implemented in.

I stort sett vartenda företag och organisation har idag en webbsida för att nå ut till sina kunder. I dagsläget krävs det lite mer än att endast anpassa webbsidorna efter datorer eftersom användandet av smartphones ökar både upp och ned i åldrarna för varje år som går. 2013 var året som responsiv webbdesign slog igenom ordentligt men redan år 2010 förklarades begreppet av grundaren Ethan Marcotte. Responsiv webbdesign innebär att en webbsida är plattformsoberoende och anpassar sig beroende på vilken enhet som används. IT-branschen växer ständigt och möjligheten att nå framgång i mjukvaruprojekt är fortfarande ganska låga. Det är bland annat medvetenhet om kritiska framgångsfaktorer som är anledningen till att fler och fler IT-projekt blir lyckade. Syftet med denna kandidatuppsats i ämnet informatik är att identifiera och beskriva kritiska framgångsfaktorer som bör beaktas vid utveckling av en responsiv webbdesign. En kvalitativ undersökning i form av fyra intervjuer har genomförts i kandidatuppsatsen. Intervjupersonerna arbetar på ett företag med mellan 10 000-30 000 anställda globalt i världen. De levererar IT-konsulttjänster och deras kunder är medelstora och stora företag. Det har kunnat konstateras att kritiska framgångsfaktorer är bra att identifiera för att ha som hjälpmedel vid styrning av företag och projekt. Om dessa faktorer sedan används och beaktas kan det garanteras någon form av framgång. I kandidatuppsatsen har det identifierats tre dimensioner: verksamhet, yttre påverkan och teknik, samt nio kritiska framgångsfaktorer, som bör beaktas vid utveckling av en responsiv webbdesign: Analysera verksamhetens behov Identifiera en målgrupp Utforma ett strategiskt mål Analysera för- respektive nackdelar med responsiv webbdesign Analysera användarens behov Bevaka konkurrenter Efterfråga kunskap och erfarenhet hos utvecklarna Testa olika enheter Testa olika webbläsare och operativsystem

Att spendera tid på nätet är idag en självklar del av vardagen för unga. Samtidigt har sociala mediers genomslag bland barn dessvärre medfört en omfattande social problematik i form av risker att råka ut för bland annat kränkningar, trakasserier och sexuella övergrepp. Det här projektet har därför målet, att i uppdrag från företaget Lajks, designa en webbplats för barn i syfte att lära ut metoder för tryggare användning av internet och sociala medier. Syftet med arbetet är att utforska hur grafisk design för webben kan användas för socialt hållbar utveckling. Utifrån valda teorier och metoder har jag dragit slutsatsen att genom förebyggande kunskap och dialog om ämnet tas första steget för att nå målet om mer hållbara internetvanor för den unga generationen. / Spending time online is today a natural part of everyday life for children. At the same time, the use of social media among children has led to extensive social issues like being exposed to violations, harassment and sexual abuse. This project therefore has the goal to design a website for children to teach methods for safer use of the internet and social media. The purpose of the project is to explore how graphic design for the web can be used for socially sustainable development. Based on selected theories and methods, I have come to the conclusion that through knowledge and dialogue on the subject the first step is taken in order to reach the goal of more sustainable internet habits for the young generation.

Under hösten 2020 skrevs flertalet artiklar om att ungdomars pornografikonsumtionpåverkar deras sexualitet negativt, vilket startade debatter om ungdomars sexualitet,porrfilter, förbud och sexualupplysningen i skolan. Detta är ett examensarbete förTeknisk Design högskoleingenjör vid Luleå Tekniska Universitet, som undersökerhur en webbaserad tjänst för sexualupplysning kan göra kvalitetssäkrad informationattraktiv, intressant och interaktiv och därigenom möjliggöra en god och säker källa förungdomar att lära sig om sex och relationer. Resultatet är ett webbplatskoncept somkallas Sex & Sånt. Arbetet har följt IDEO:s inspiration-ideation-implementationsprocessför användarcentrerad design, under vilken enkätundersökningar, benchmarking,brainstormingsessioner, workshops, prototypande och användartester använts för att nåslutresultatet.Sex & Sånt är ett koncept för en interaktiv webbplats med en normkreativ bas. Oavsettsexuell läggning, könstillhörighet, hudfärg och funktionsvariation ska alla känna sigrepresenterade och inkluderade i konceptet. På webbplatsen kan ungdomar finnainspiration till sitt sexliv och lära sig om sådant som hör till, exempelvis preventivmedel.De kan ställa frågor till andra ungdomar och besvara andras frågor, samt delta i interaktivaberättelser där de själva får skapa sin huvudkaraktär och göra val som påverkar hurberättelsen slutar. Sex & Sånt bidrar med en annorlunda vinkel på sexualupplysning förungdomar, där de kan finna inspiration till sitt eget sexliv och där reflektion kring den egnasexualiteten uppmanas.Keywords:

Reklambyråer och andra kunskapsföretag har visat sig utesluta marknadsföring av egen verksamhet då dessa anser att det är svårt att marknadsföra tjänster som ännu inte är producerade. I denna projektrapport presenteras en anpassad designmodell vilken appliceras på en reklambyrås webbplats. Studien utgör en del i ett projekt utfört i samarbete med en reklambyrå vilken uttryckt problematik kring hur deras företagsidentitet kan ge sig till uttryck på deras webbplats. Uppdragsgivaren är förankrad i Tanumshede, norra Bohuslän, och är en mindre fullservicebyrå vilken utför arbeten för stora som små företag och organisationer. Ur problematiken huruvida byråns företagsidentitet skulle kunna speglas genom dess webbplats väcktes frågan kring hur en designmodell för skapande av trovärdiga webbplatser för reklambyråer kan se ut. Studiens syfte är således att skapa en designmodell vilken kommer kunna användas av reklambyråer för att skapa trovärdiga webbplatser för egen reklamverksamhet. Genom intervjumetod och fokusgruppsdiskussioner med målgrupp, uppdragsgivare och personer med kompetens inom kommunikation kunde ett resultat, med stöd från studiens teoretiska ramverk, presenteras som visar på designmodellens funktionalitet.

Idag använder vi mobiltelefoner mer och mer för att surfa på webbplatser. Det vi för 15 år sedan gjorde med dator gör vi idag med lätthet med en mobiltelefon, till exempel bankärenden och bokar tågbiljetter. I denna studie görs en undersökning på skillnader i hur samma webbplats används på dator respektive mobiltelefon. I uppsatsen betraktas beteenden som längd på besök, vilka knappar som klickas på, hur ofta besök avslutas respektive avbryts. Undersökningen tar hänsyn till hur webbplatsen är utformad med hänsyn till de riktlinjer som idag finns för användarvänlighet på en webbplats. Undersökningen har gjorts på en av Sveriges större matkasseleverantörers webbplats. Syftet med undersökningen är att bättre förstå mobiltelefonanvändarnas behov av hur en webbplats ska vara utformad för att ge mobiltelefonanvändarna en bra användarupplevelse. Datainsamlingen består av en kundundersökning gjord med webbenkät och en analys av databasloggning. Google Analytics används för att hitta skillnader i mobiltelefon- och datoranvändning av samma webbplats. Undersökningen visar att det finns mätbara skillnader i beteende mellan mobiltelefon- och datoranvändning av samma webbplats. Kundundersökningen visar att mobiltelefonanvändarna uppfattar det svårare att använda webbplatsen. Det tar längre tid för mobiltelefonanvändarna att fullfölja flöden. Mobiltelefonanvändarna avbryter oftare flöden än datoranvändarna. Undersökningens metoder kan användas som redskap för att förbättra användarupplevelsen för mobiltelefonanvändarna i och med att resultaten är mätbara och kan mätas igen efter en justering på en webbplats. Ett exempel där metoderna kan användas är vid inloggningen på webbplatsen som undersöks. I undersökningen framkom att 84,5 % av datoranvändarna väljer att logga in när de kommer till inloggningssidan. Motsvarande siffra för mobiltelefonanvändarna är 52,8 %. Man kan fråga kunderna varför de inte loggade in och om de har förslag på förbättringar. Efter kodändringar kan man mäta inloggningsfrekvensen igen och göra en ny kundundersökning. / Today we are using mobile phones more and more for surfing on websites. Things that we did on desktop computers 15 years ago we now do easily on mobile phones, for example banking and booking train tickets. In this thesis I investigate if there are differences in how the same website is used by mobile phones and desktop computers. Behaviors like the length of visits, which buttons are pressed and how often flows are interrupted are investigated. The investigation takes in consideration the guidelines there are today about user-friendly website design. The goal of the investigation is to better understand the mobile phone user’s need of how a website should be designed to give them a better user experience. The data collection includes a customer investigation made by a web survey and analysis of database logging. Google Analytics is used for finding differences in mobile phone usage and computer usage of the same website. The investigation shows that there are measurable differences in the behavior between mobile phone usage and computer usage of the same website. According to the customer investigation the mobile phone users find it more difficult than the computer users to use the website. It takes longer time for the mobile phone users to complete flows. The mobile phone users more often interrupt flows than the computer users do. The methods in the investigation can be used to improve the user experience for mobile phone users, in that the results are measurable and can be measured again after a change has been made on the website. An example where the methods can be used is when logging on to the website in this investigation. This investigation showed that 84.5% of the computer users opt to log in when they get to the login page. The corresponding figure for the mobile phone users is 52.8%. One can ask the customers why they did not log in and if they have suggestions for improvements. The login frequency can be measured again after code changes, and another another customer survey can be done.

The aim of the study was to investigate whether users preferred a horizontal or vertical global navigation system on an e-commerce website in the fashion industry. In addition, the purpose was also to investigate what features users expected in a global navigation system and to examine what users considered to be particularly important in the design of labels in global navigation systems. A user centered method called Contextual inquiry was adopted do define user expectations, opinions and needs on global navigation systems in the fashion industry. In the study ten participants participated and studied two e-commerce websites in the fashion industry: ginatricot.com and zara.com. The aspects investigated in relation to global navigation systems were user-centered design, horizontal and vertical global navigation systems, features and labels in a global navigation system. The method contributed to a deeper understanding of how web designers can customize the global navigation system on e-commerce websites in the fashion industry for users. For example, by involving users early in the development process, customizing labels based on user´s languages, designing clear links using easy-to read font and color, implementing the global navigation system on top of the website, using a logo as a home button and implementing a clear search feature in the global navigation system.

I forskningen behandlas valet av teknik för mobil presentation. Uppsatsen lyfter fram faktorer, vilket behöver diskuteras i samband med ett val. De olika teknikerna som diskuteras i uppsatsen är främst responsiv design, webbaserad applikation och nativ applikation. I samband med ett intresse ifrån SLU (Sveriges Lantbruksuniversitet) används organisationen som exempel i uppsatsen, vilket är tänkt att ge ett förslag på hur informationen i uppsatsen skulle kunna relateras till en verklig situation. Arbetet är byggt på en stor samling av tidigare studier, detta för att stärka den information som presenteras i uppsatsen. Intervjuer med anställda på SLUs IT-avdelning har bidragit med en rik insikt i hur verkligheten skulle kunna se ut inom en organisation som denna. Studien bidrar med att lyfta fram faktorer, vilka är viktiga för valet av teknik och hur detta val skulle kunna diskuteras. Detta användes för att ge en rekommendation till SLU, vilket är ett exempel på hur denna uppsats resultat kan användas.