<p>Denna rapport är en fallstudie som återspeglar framtagandet av en webbplats åt det norska Diabetesforbundet. Webbplatsen är ett community där personer skapar användarkonton och interagerar med varandra med hjälp av ett antal funktioner som finns att tillgå. Då själva utvecklingen av webbplatsen har varit huvudmålet med examensarbetet fokuserar denna rapport på att förklara den praktiska implementeringen. De tekniker och metoder som använts i det praktiska arbetet såsom kontextuellt utforskande och användbarhet definieras och förklaras för att sedan användas vid argumentation kring designval för webbplatsen. Den utvecklingsmetod som använts i det praktiska arbetet har varit en Agile Software Development-metod som kallas Extreme Programming. Denna metod fokuserar på parprogrammering, kontinuerlig testning och utveckling med många delmål. Slutsatser om bland annat webbstandarder, webbläsarkompatibilitet, användbarhet och säkerhet kommer även att presenteras och all kod följer de standarder som satts upp av W3C för XHTML 1.0 Strict och CSS Level 3.</p> / <p>This thesis takes form of a case study which reflects on the development of a website for Diabetesforbundet, the Norwegian Diabetes Association. The website is a community where people can create accounts and use a number of different functions to interact with each other. The focus of this thesis lies in explaining the practical implementation of the website since this aspect is the main purpose of our degree project. We define and explain the techniques and methods used in the practical work like Contextual Inquiry and usability and thereafter put them to use to explain our design choices on the website. The development methodology we have chosen for the practical aspect of this degree project is Extreme Programming. This software development methodology focuses on pair programming, continual testing and incremental implementation. Conclusions made on web standards, web browser compatibility, usability and security will be presented and all written code follows the standards set by W3C for XHTML 1.0 Strict and CSS Level 3.</p>

<p>Scania InfoMate develops web applications that support truck distributors and workshops with the necessary tools for an effective maintenance process. However, the end-users of these applications are faced with as many different graphical interfaces as there are applications. As a consequence, important effects of recognition are lost, developers spend unnecessary time designing new solutions for each application and Scania InfoMate does not present a homogeneous brand image towards its customers.</p><p>Therefore the aim of this study is to give a suggestion of how a standardized graphical interface for web applications at Scania InfoMate should be designed. The given suggestion should come from thorough investigation of both end-user needs and recent research within the area of usability. In addition to a standardized interface this study also aims to deliver guidelines that support future web application development at Scania InfoMate.</p><p>Through a combination of methods, mainly heuristic evaluation and user interviews, an elaborate description of usability and consistency problems in a defined web application portfolio is produced. This served as a basis for developing an interface design suggestion and helped pinpoint crucial areas in need of usability and consistency guidelines.</p><p>The main findings are a graphical interface design suggestion that specify positioning and visualization of common interface elements and guidelines ensuring that future web application development at Scania InfoMate is kept at a high standard regarding usability and consistency. This study also points out areas for further development at Scania InfoMate and suggests that additional studies should take place to establish a common view on consistency issues.</p>

Målet med detta examensarbete var att skapa en grafisk profil till företaget Lyst Form AB som bedriver större delen av sin affärsverksamhet via en hemsida. Företaget säljer handgjorda kläder och accessoarer i lintyg. En teoretisk del i arbetet tar upp hur varumärket kan kommuniceras genom hemsidan. Den grafiska profilen utformades utifrån företagets identitet. Det är viktigt att företaget speglas på ett korrekt sätt. Ett företags identitet kan beskrivas som organisationens själ och den visas utåt i form av bland annat den grafiska profilen. Denna ses därför som en viktig identitetsbärare och den kan kallas för den visuella identiteten. En grafisk profil innehåller bland annat logotyp, profilfärger samt typografi. Företagets målgrupp ansågs vara en viktig del i hela processen eftersom de i slutändan ska tilltalas av den grafiska profilen. Först gjordes en grundlig undersökning och research av företaget för att få en god uppfattning av dess identitet. Även konkurrenterna granskades. En enkätundersökning gjordes för att kunna samla information utifrån målgruppens perspektiv. Denna informationsinsamling gav ett bra underlag och en riktlinje i framtagningen av den grafiska profilen.   Under designprocessens gång diskuterades de logotypförslag som togs fram med hjälp av en sammansatt fokusgrupp. Diskussionen var givande och var till stor nytta i designprocessen. Baserat på den grafiska profilen skapades en layout för hemsidan samt exempel på trycksaker för att visa hur den kan användas. En enklare grafisk manual skapades för att företaget ska kunna synas utåt på ett enhetligt sätt. En sista enkätundersökning gjordes för att se om målet uppnåtts. Resultatet visade att den nya framtagna grafiska profilen var en klar förbättring jämfört mot den nuvarande sett utifrån företagets identitet. I slutändan valde dock företaget en annan logotyp. Detta påvisar svårigheterna i processen att ta fram en grafisk profil. Alla delar i processen är viktiga och undersökningarna är bland annat en av de väsentliga delarna vilka bidrar med en större chans till ett bra slutresultat som tar hänsyn till både företagets och målgruppens åsikter. / The purpose of this thesis was to create a graphic profile for the company Lyst Form AB. The company conducts an e-commerce and is selling handcrafted clothes made in natural material.   A theoretic part in the thesis studies how a brand can communicate on the internet. It’s important that the corporate identity is reflected through the graphic profile. The corporate identity can be explained as the soul of the company and can be seen through all of the graphic material. The graphic profile is a kind of visual identity and it’s containing a logotype, typography and colors for example. Several studies were made to reach the aim with the thesis. The target group of the company was important throughout the whole process. A research began with the company and their competitors. A survey was made by the target group to get their opinion about the company and its design. This information gathering gave a good foundation and a guideline in the development of the graphic profile. During the design process the proposed logos was discussed using a focus group. The discussion was useful in the process. A last survey was made to see if the goal was achieved. The results showed that the newly developed graphic profile was a clear improvement compared to the current from the perspective of corporate identity. The goal of the thesis was achieved.

Scania InfoMate develops web applications that support truck distributors and workshops with the necessary tools for an effective maintenance process. However, the end-users of these applications are faced with as many different graphical interfaces as there are applications. As a consequence, important effects of recognition are lost, developers spend unnecessary time designing new solutions for each application and Scania InfoMate does not present a homogeneous brand image towards its customers. Therefore the aim of this study is to give a suggestion of how a standardized graphical interface for web applications at Scania InfoMate should be designed. The given suggestion should come from thorough investigation of both end-user needs and recent research within the area of usability. In addition to a standardized interface this study also aims to deliver guidelines that support future web application development at Scania InfoMate. Through a combination of methods, mainly heuristic evaluation and user interviews, an elaborate description of usability and consistency problems in a defined web application portfolio is produced. This served as a basis for developing an interface design suggestion and helped pinpoint crucial areas in need of usability and consistency guidelines. The main findings are a graphical interface design suggestion that specify positioning and visualization of common interface elements and guidelines ensuring that future web application development at Scania InfoMate is kept at a high standard regarding usability and consistency. This study also points out areas for further development at Scania InfoMate and suggests that additional studies should take place to establish a common view on consistency issues.

<p>Quality has always been an elusive concept in information system design, even more so when dealing with the online-sphere. The purpose of this thesis is to investigate and dissect the concept of quality and present a practical way to apply it to the design process. To do this, a quality-driven design model has been developed, focused around four crucial aspects of overall quality: accessibility, usability, navigation and interactivity. By utilizing simple and practical techniques and measuring their success in achieving quality, this study attempts to prove that quality can be harnessed as a hands-on resource, guaranteed in any design project involving a Web-Based Information System, merely by applying this model.</p> / <p>Kvalitet har alltid varit ett begrepp svårt att fånga och tillämpa, speciellt när området Internet kommer in i bilden. Den här C-uppsatsen har således som syfte att undersöka och bryta ned kvalitetskonceptet samt presentera ett praktiskt tillvägagångsätt som kan utnyttjas under design processen. För att göra detta så har vi utvecklat en kvalitetsdriven designmodell, fokuserad runt fyra kvalitetsaspekter: tillgänglighet, användbarhet, navigation och interaktion. Genom att utnyttja praktiska och enkla tekniker och genom att mäta deras effektivitet i att utveckla kvalitet, så försöker den här studien att bevisa att kvalitet kan användas som en praktisk resurs. Kvalitet kan garanteras i alla designprojekt som involverar ett web-baserat informationssystem, genom användning av denna modell.</p>

According to a study at Linköping University, students who study programming need additional assistance beyond the help provided in the course. According to the same survey, the majority of these students indicate that they would pay for private tuition in programming. At the same time, there are students who believe they have the competence to teach others in programming and could consider of doing this against financial compensation. To meet these needs of students, a solution tested in this thesis resulted in the development of a web application to create a C2C platform where students can meet up to exchange knowledge within programming. The development of the web application is varied by design and functionality substantiated by scientific theories. During the project, user testing is performed to get opinions from the potential target group. The work mainly focuses on answering the research questions regardingconsumer trust of the web application’s design. The report shows that it is possible to develop a web application according to the above criteria.

Att göra webbsidor tillgängliga för olika sorters enheter är ett område som har uppstått i och med smartphonens utveckling. Mängden enheter har under de senaste åren ökat stort och det är inte längre endast laptops och datorer som används. Då enheternas skärmupplösning skiljer sig krävs en anpassning beroende på enhet för att ge en bra användarupplevelse. För att identifiera tillgängliga tekniker har en kvalitativ undersökning genomförts. Undersökningen består av en genomgång av utvald litteratur samt intervjuer med utvecklare på företagen Nethouse och Laget.se utförts. Detta för att inhämta information om användandet av tekniker, undersöka om det finns något framträdande tankesätt samt undersöka för- och nackdelar med teknikerna. Slutsatsen är att alla tekniker har sina användningsområden eftersom de har olika styrkor och svagheter. Resultatet från denna studie presenteras som en genomgång av de befintliga teknikerna och deras potentiella användningsområden för att vägleda valet av teknik. / Making web pages available for different types of devices is an area that has arisen with the development of smartphones. In recent years it has become a major increase in units and there are no longer only laptops and computers that are being used. Since there is a size difference between the different devices there is need for adjustment depending on the device to provide a good user experience. The study was carried out as a qualitative study to identify available technologies. A review of available literature and interviews with developers at the companies Nethouse and Laget.se was conducted to obtain information on the performance of the techniques, if there is any way of thinking and if there is advantages and disadvantages of the techniques. The conclusion is that all technologies have their uses as they have different strengths and weaknesses. The results from this study are presented as a review of the existing technologies and their potential uses to guide the choice of technology.

Den här uppsatsen syftar till att analysera och identifiera skillnader och likheter i webbdesign mellan två länder, Japan och Sverige. De japanska och svenska webbplatserna för två företag etablerade i både Japan och Sverige, IKEA och DAIKIN, har analyserats utifrån en modell framtagen av Würtz (2006) i en tidigare studie på området. Denna modell är i sin tur baserad på Halls och Hofstedes teorier om kulturella skillnader och skillnader mellan så kallade låg-kontextuella kulturer (t.ex. Sverige) och hög-kontextuella kulturer (t.ex. Japan). Modellen fokuserar på användandet av animation, främjande av kulturella värderingar som maskulinitet/feminitet och individualism/kollektivism, om individer avbildas tillsammans med produkter eller inte, grad av transparens på webbplatserna och slutligen linjär kontra parallell navigation på webbplatserna. Förutom studien av webbplatserna har två intervjuer hållits med en designer/utvecklare från respektive företag för att få ökad förståelse för hur företagen tänker kring webbdesign.   Studien har inte funnit några väsentliga skillnader i användandet av animation, graden av transparens eller navigation mellan de studerade webbplatserna men skillnader i kulturella värderingar har identifierats. De japanska webbplatserna främjar familjeorienterade värderingar och stereotypiska könsroller i valet av bilder på webbplatserna. De svenska webbplatserna främjar värden som är mer typiska för låg-kontextuella kulturer som till exempel livsstil och frihet. Det har också noterats att det japanska företaget använde sig av en maskot vilket kan tolkas som typisk för japansk kultur. I intervjuerna gav utvecklarna från båda företag liknande svar kring hur de tänker om användande av bilder och animation kontra text på sidorna. Den japanska utvecklaren förklarade att japanska kunder uppskattar kundrecensioner för att minska graden av osäkerhet vilket kan sägas vara typiskt för Japan. Den sammanfattande slutsatsen från studien är att kulturella skillnader i webdesign minskar, kanske på grund av globaliseringen av företag och samhällen. / This thesis aims to analyze and capture differences and similarities in webbdesign between two countries, Japan and Sweden. The Swedish and Japanese websites of two companies established in both Japan and Sweden, IKEA and DAIKIN, have been analyzed based on a model devised by Würtz (2006) in a previous study of the same topic. This model is in turn based on Hall and Hofstede’s theories on cultural differences and differences between so-called low-context cultures (e.g. Sweden) and high-context cultures (e.g. Japan). The model focuses on the use of animation, promotion of cultural values such as masculinity/femininity and individualism/collectivism, individuals being depicted together with products or not, level of transparency in the web design and finally linear vs. parallel navigation on the websites. Besides the study of the websites two interviews were held with a designer/developer from each company to get further input into how the companies think about their web design. The study did not find any significant differences in the use of animation, transparency and navigation between the websites studied but differences in cultural values could be seen in terms of the Japanese sites promoting more family-oriented values and stereotypical gender roles through the pictures used on the websites. The Swedish sites promoted values more typical for low-context cultures such as lifestyle and freedom. It was also noted that the Japanese company featured a mascot which can be said is typical for Japanese culture. Regarding the interviews the developers had similar thoughts on the use of text versus pictures and animations. The Japanese developer explained that Japanese customers appreciate customer reviews in order to lower uncertainty which can be said is typical for Japan. The overall conclusion from this study however is that cultural differences in web design are becoming less, perhaps due to the globalization of business and society.

Denna rapport är en fallstudie som återspeglar framtagandet av en webbplats åt det norska Diabetesforbundet. Webbplatsen är ett community där personer skapar användarkonton och interagerar med varandra med hjälp av ett antal funktioner som finns att tillgå. Då själva utvecklingen av webbplatsen har varit huvudmålet med examensarbetet fokuserar denna rapport på att förklara den praktiska implementeringen. De tekniker och metoder som använts i det praktiska arbetet såsom kontextuellt utforskande och användbarhet definieras och förklaras för att sedan användas vid argumentation kring designval för webbplatsen. Den utvecklingsmetod som använts i det praktiska arbetet har varit en Agile Software Development-metod som kallas Extreme Programming. Denna metod fokuserar på parprogrammering, kontinuerlig testning och utveckling med många delmål. Slutsatser om bland annat webbstandarder, webbläsarkompatibilitet, användbarhet och säkerhet kommer även att presenteras och all kod följer de standarder som satts upp av W3C för XHTML 1.0 Strict och CSS Level 3. / This thesis takes form of a case study which reflects on the development of a website for Diabetesforbundet, the Norwegian Diabetes Association. The website is a community where people can create accounts and use a number of different functions to interact with each other. The focus of this thesis lies in explaining the practical implementation of the website since this aspect is the main purpose of our degree project. We define and explain the techniques and methods used in the practical work like Contextual Inquiry and usability and thereafter put them to use to explain our design choices on the website. The development methodology we have chosen for the practical aspect of this degree project is Extreme Programming. This software development methodology focuses on pair programming, continual testing and incremental implementation. Conclusions made on web standards, web browser compatibility, usability and security will be presented and all written code follows the standards set by W3C for XHTML 1.0 Strict and CSS Level 3.

Quality has always been an elusive concept in information system design, even more so when dealing with the online-sphere. The purpose of this thesis is to investigate and dissect the concept of quality and present a practical way to apply it to the design process. To do this, a quality-driven design model has been developed, focused around four crucial aspects of overall quality: accessibility, usability, navigation and interactivity. By utilizing simple and practical techniques and measuring their success in achieving quality, this study attempts to prove that quality can be harnessed as a hands-on resource, guaranteed in any design project involving a Web-Based Information System, merely by applying this model. / Kvalitet har alltid varit ett begrepp svårt att fånga och tillämpa, speciellt när området Internet kommer in i bilden. Den här C-uppsatsen har således som syfte att undersöka och bryta ned kvalitetskonceptet samt presentera ett praktiskt tillvägagångsätt som kan utnyttjas under design processen. För att göra detta så har vi utvecklat en kvalitetsdriven designmodell, fokuserad runt fyra kvalitetsaspekter: tillgänglighet, användbarhet, navigation och interaktion. Genom att utnyttja praktiska och enkla tekniker och genom att mäta deras effektivitet i att utveckla kvalitet, så försöker den här studien att bevisa att kvalitet kan användas som en praktisk resurs. Kvalitet kan garanteras i alla designprojekt som involverar ett web-baserat informationssystem, genom användning av denna modell.