Företag som Airbnb, Google och IBM har förändrat sättet de designar digitala produkter på genom att integrera sina egna unika designsystem. Med hjälp av repeterbara komponenter, tillsammans med en uppsättning standarder som vägledning för hur dessa komponenter ska nyttjas, har alla dessa företag kunnat effektivisera skapandet och innovationen inom sina designteam. Syftet med följande studie var att undersöka hur ett sådant system bör utformas för att kunna användas inom en webbyrås verksamhet och om förebildsanalys kan vara en lämplig metod att nyttja vid utformningen. Arbetet ämnar således att besvara två frågeställningar: 1) Hur kan ett dynamiskt designsystem utformas för att tillgodose webbyråns behov? 2) Är förebildsanalys ett passande metodval vid utformningen av ett dynamiskt designsystem? För att besvara frågeställningarna har en förstudie i form av intervjuer genomförts med utvecklare och produktägare på en webbyrå. Tillsammans med en förebildsanalys och ett teoretiskt ramverk för visuell användbarhet utgör de grunden för designarbetet. För att utvärdera den slutgiltiga designen genomfördes en avslutande workshop med informanterna som intervjuades under förstudien. Arbetet landade i en generell verktygslåda, bestående av en samling text-, bild- och videoblock som sedan nyttjades för att ta fram de slutgiltiga visuella mallförslagen. De utgör tillsammans studiens huvudsakliga kunskapsbidrag, ett uppdelat designsystem. Resultatet visade även att en förebildsanalys kan bidra med viktiga insikter, både av estetisk och strukturell karaktär, som i sin tur kan utgöra en väsentlig grund till designprocessen.

<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>

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.